@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* line 5, ../sass/_common.scss */
img {
  vertical-align: bottom;
  border: none;
}

/* line 7, ../sass/_common.scss */
ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 9, ../sass/_common.scss */
a {
  cursor: pointer;
}

/* line 11, ../sass/_common.scss */
.mfont {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* line 12, ../sass/_common.scss */
.gfont {
  font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

/* line 15, ../sass/_common.scss */
.mt0 {
  margin-top: 0px !important;
}

/* line 16, ../sass/_common.scss */
.mt10 {
  margin-top: 10px !important;
}

/* line 17, ../sass/_common.scss */
.mt15 {
  margin-top: 15px !important;
}

/* line 18, ../sass/_common.scss */
.mt20 {
  margin-top: 20px !important;
}

/* line 19, ../sass/_common.scss */
.mt30 {
  margin-top: 30px !important;
}

/* line 20, ../sass/_common.scss */
.mt40 {
  margin-top: 40px !important;
}

/* line 21, ../sass/_common.scss */
.mt50 {
  margin-top: 50px !important;
}

/* line 22, ../sass/_common.scss */
.mt60 {
  margin-top: 60px !important;
}

/* line 23, ../sass/_common.scss */
.mt70 {
  margin-top: 70px !important;
}

/* line 24, ../sass/_common.scss */
.mt80 {
  margin-top: 80px !important;
}

/* line 25, ../sass/_common.scss */
.mt90 {
  margin-top: 90px !important;
}

/* line 26, ../sass/_common.scss */
.mt100 {
  margin-top: 100px !important;
}

/* line 28, ../sass/_common.scss */
.mb10 {
  margin-bottom: 10px !important;
}

/* line 29, ../sass/_common.scss */
.mb15 {
  margin-bottom: 15px !important;
}

/* line 30, ../sass/_common.scss */
.mb20 {
  margin-bottom: 20px !important;
}

/* line 31, ../sass/_common.scss */
.mb30 {
  margin-bottom: 30px !important;
}

/* line 32, ../sass/_common.scss */
.mb40 {
  margin-bottom: 40px !important;
}

/* line 33, ../sass/_common.scss */
.mb50 {
  margin-bottom: 50px !important;
}

/* line 34, ../sass/_common.scss */
.mb60 {
  margin-bottom: 60px !important;
}

/* line 35, ../sass/_common.scss */
.mb70 {
  margin-bottom: 70px !important;
}

/* line 36, ../sass/_common.scss */
.mb80 {
  margin-bottom: 80px !important;
}

/* line 37, ../sass/_common.scss */
.mb90 {
  margin-bottom: 90px !important;
}

/* line 38, ../sass/_common.scss */
.mb100 {
  margin-bottom: 100px !important;
}

/* line 40, ../sass/_common.scss */
.pt10 {
  padding-top: 10px !important;
}

/* line 41, ../sass/_common.scss */
.pt20 {
  padding-top: 20px !important;
}

/* line 42, ../sass/_common.scss */
.pt30 {
  padding-top: 30px !important;
}

/* line 43, ../sass/_common.scss */
.pt40 {
  padding-top: 40px !important;
}

/* line 44, ../sass/_common.scss */
.pt50 {
  padding-top: 50px !important;
}

/* line 45, ../sass/_common.scss */
.pt60 {
  padding-top: 60px !important;
}

/* line 47, ../sass/_common.scss */
.pb10 {
  padding-bottom: 10px !important;
}

/* line 48, ../sass/_common.scss */
.pb20 {
  padding-bottom: 20px !important;
}

/* line 49, ../sass/_common.scss */
.pb30 {
  padding-bottom: 30px !important;
}

/* line 50, ../sass/_common.scss */
.pb40 {
  padding-bottom: 40px !important;
}

/* line 51, ../sass/_common.scss */
.pb50 {
  padding-bottom: 50px !important;
}

/* line 52, ../sass/_common.scss */
.pb60 {
  padding-bottom: 60px !important;
}

/* line 55, ../sass/_common.scss */
.phW100 {
  width: 100% !important;
}
/* line 55, ../sass/_common.scss */
.phW100 img {
  width: 100%;
}

/* line 56, ../sass/_common.scss */
.phW80 {
  width: 80%  !important;
  margin-left: auto;
  margin-right: auto;
}
/* line 56, ../sass/_common.scss */
.phW80 img {
  width: 100%;
}

/* line 57, ../sass/_common.scss */
.phW60 {
  width: 60%  !important;
  margin-left: auto;
  margin-right: auto;
}
/* line 57, ../sass/_common.scss */
.phW60 img {
  width: 100%;
}

/* line 58, ../sass/_common.scss */
.phW40 {
  width: 40%  !important;
  margin-left: auto;
  margin-right: auto;
}
/* line 58, ../sass/_common.scss */
.phW40 img {
  width: 100%;
}

/* line 59, ../sass/_common.scss */
.phW20 {
  width: 20%  !important;
  margin-left: auto;
  margin-right: auto;
}
/* line 59, ../sass/_common.scss */
.phW20 img {
  width: 100%;
}

/* line 60, ../sass/_common.scss */
.phW15 {
  width: 15%  !important;
  margin-left: auto;
  margin-right: auto;
}
/* line 60, ../sass/_common.scss */
.phW15 img {
  width: 100%;
}

/* line 61, ../sass/_common.scss */
.phW10 {
  width: 10%  !important;
  margin-left: auto;
  margin-right: auto;
}
/* line 61, ../sass/_common.scss */
.phW10 img {
  width: 100%;
}

/* line 64, ../sass/_common.scss */
.leftFlow {
  float: left;
  display: block;
}

/* line 65, ../sass/_common.scss */
.rightFlow {
  float: right;
  display: block;
}

/* line 69, ../sass/_common.scss */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

/* line 74, ../sass/_common.scss */
.clearfix:after {
  clear: both;
}

/* line 78, ../sass/_common.scss */
.clear:before, .clear:after {
  content: ' ';
  display: table;
}

/* line 17, ../sass/tsukuba.scss */
html, body {
  font-family: 'Open Sans', "Noto Sans Japanese", "Yu Gothic" ,  "YuGothic" ,  "Hiragino Kaku Gothic Pro" , sans-serif;
  font-size: 16px;
  line-height: 2;
  font-weight: 400;
  background-color: black;
}

/* line 24, ../sass/tsukuba.scss */
h1, h2, h3 {
  font-weight: 700;
  line-height: 2;
}

/* line 26, ../sass/tsukuba.scss */
a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

/* line 28, ../sass/tsukuba.scss */
ul, ol, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 34, ../sass/tsukuba.scss */
.red {
  color: #E50012;
}

/* line 35, ../sass/tsukuba.scss */
.white {
  color: white;
}

/* line 36, ../sass/tsukuba.scss */
.right {
  text-align: right;
}

/* line 37, ../sass/tsukuba.scss */
.pcHidden {
  display: none;
}

/* line 38, ../sass/tsukuba.scss */
.white-space {
  white-space: nowrap;
}

/* line 39, ../sass/tsukuba.scss */
.center {
  text-align: center;
}

/* line 40, ../sass/tsukuba.scss */
.caption {
  font-size: 10px;
  margin: 0.5rem 0 0em 1em;
  text-indent: -1em;
  line-height: 1.5;
  letter-spacing: 0;
}

/* line 41, ../sass/tsukuba.scss */
hr.dred {
  border-color: #790000;
}

/* line 42, ../sass/tsukuba.scss */
hr.m50 {
  margin: 30px 0;
}

/* line 44, ../sass/tsukuba.scss */
ol.num li {
  list-style: decimal;
  list-style-position: outside;
  font-size: 0.7rem;
  line-height: 1.5;
  margin-left: 1em;
}

/* line 47, ../sass/tsukuba.scss */
ul.disc li {
  list-style: disc;
  list-style-position: outside;
  font-size: 0.7rem;
  line-height: 1.5;
  margin-left: 1em;
}

/* line 50, ../sass/tsukuba.scss */
ul.square li {
  list-style: square;
  list-style-position: outside;
  font-size: 0.8rem;
  line-height: 2;
  margin-left: 1rem;
}

/* line 52, ../sass/tsukuba.scss */
header {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #4A4A4A;
  padding: 0 15px;
  background-color: #160E0E;
	position: relative;
	top: 58px;
}
/* line 59, ../sass/tsukuba.scss */
header .container {
  overflow: hidden;
}
/* line 62, ../sass/tsukuba.scss */
header .container .logo {
  float: left;
  width: 120px;
  margin: 10px 0;
  color: white;
}
/* line 68, ../sass/tsukuba.scss */
header .container .logo img {
  width: 100%;
}
/* line 71, ../sass/tsukuba.scss */
header .container nav {
  float: right;
}
/* line 74, ../sass/tsukuba.scss */
header .container nav ul li {
  display: inline-block;
  font-size: 0.6em;
}
/* line 82, ../sass/tsukuba.scss */
header .container nav.spHidden a {
  display: block;
  color: white;
  letter-spacing: 2px;
  padding: 22px 20px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}
/* line 93, ../sass/tsukuba.scss */
header .container nav.spHidden a:hover {
  opacity: 0.7;
}
/* line 98, ../sass/tsukuba.scss */
header .container nav.spHidden a.request {
  background-color: #4A4A4A;
}
/* line 99, ../sass/tsukuba.scss */
header .container nav.spHidden a.reserve {
  background-color: #E50012;
  color: white;
}
/* line 104, ../sass/tsukuba.scss */
header.withSub {
  overflow: hidden;
}
/* line 106, ../sass/tsukuba.scss */
header.withSub .logo {
  float: left;
  width: 100px;
  margin-right: 40px;
}
/* line 107, ../sass/tsukuba.scss */
header.withSub h1 {
  float: left;
  font-size: 20px;
  color: white;
  margin-top: 22px;
  letter-spacing: 3px;
  font-weight: normal;
}

/* line 110, ../sass/tsukuba.scss */
nav.gNavi {
  width: 100%;
  border-bottom: 1px solid #4A4A4A;
  background-color: black;
	position: relative;
	top: 58px;
}
/* line 115, ../sass/tsukuba.scss */
nav.gNavi ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
/* line 120, ../sass/tsukuba.scss */
nav.gNavi ul li {
  height: auto;
  margin: 5px 8px;
  padding: 0 5px;
  font-size: 0.7em;
  letter-spacing: 3px;
}
/* line 127, ../sass/tsukuba.scss */
nav.gNavi ul li .fa {
  color: #E50012;
}
/* line 129, ../sass/tsukuba.scss */
nav.gNavi ul li a {
  color: white;
  background-color: black;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}
/* line 139, ../sass/tsukuba.scss */
nav.gNavi ul li a:hover {
  color: #E50012;
  text-decoration: none;
}

/* line 147, ../sass/tsukuba.scss */
main section {
  position: relative;
  width: 100%;
  padding: 3% 0;
  z-index: 1;
}
/* line 152, ../sass/tsukuba.scss */
main .floatTxt {
  font-size: 1.2em;
  line-height: 2;
}
/* line 153, ../sass/tsukuba.scss */
main .sectionContent {
  padding: 10% 0;
  min-height: 40vh;
}
/* line 155, ../sass/tsukuba.scss */
main .topVisual {
  position: relative;
  width: 100%;
  margin: 80px auto;
  background-color: black;
  z-index: 0;
}
/* line 161, ../sass/tsukuba.scss */
main .topVisual .sp-slide {
  overflow: hidden;
}
/* line 161, ../sass/tsukuba.scss */
main .topVisual .sp-slide img {
  width: 100%;
}
/* line 163, ../sass/tsukuba.scss */
main .topVisual #slider {
  position: relative;
  width: 100%;
  margin: 0 auto;
	top: 57px;
	margin-bottom: 30px;
}
/* line 171, ../sass/tsukuba.scss */
main #first {
  width: 100%;
  background-image: url(../images/top/alphaBG01.svg);
  background: linear-gradient(90deg, white 0%, white 50%, #EAEAEA 50%, #EAEAEA 100%);
}
/* line 175, ../sass/tsukuba.scss */
main #first .floatTypo {
  position: absolute;
  left: 12%;
  top: 20%;
  width: 25vw;
}
/* line 175, ../sass/tsukuba.scss */
main #first .floatTypo img {
  width: 70%;
}
/* line 176, ../sass/tsukuba.scss */
main #first .floatTxt {
  position: relative;
  margin-top: 20px;
  color: #E50012;
}
/* line 177, ../sass/tsukuba.scss */
main #first .owlBG {
  position: absolute;
  top: 20%;
  right: 0;
  width: 55vw;
  height: 60%;
  max-height: 600px;
  background-image: url(../images/top/owlBG.png);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 185, ../sass/tsukuba.scss */
main #first .owlBG .floatImage {
  position: absolute;
  width: 30vw;
  right: 0;
  bottom: 0%;
}
/* line 188, ../sass/tsukuba.scss */
main #first .owlBG .floatImage img {
  width: 100%;
}
/* line 190, ../sass/tsukuba.scss */
main #first .owlBG .caption {
  position: relative;
  bottom: -103%;
  left: 0px;
}
/* line 194, ../sass/tsukuba.scss */
main #second {
  width: 100%;
  overflow: hidden;
  background-image: url(../images/top/alphaBG02.svg);
}
/* line 198, ../sass/tsukuba.scss */
main #second .sectionContent {
  padding: 0;
}
/* line 199, ../sass/tsukuba.scss */
main #second .inner {
  float: right;
  width: 45%;
}
/* line 202, ../sass/tsukuba.scss */
main #second .inner .floatTypo {
  width: 40vw;
}
/* line 202, ../sass/tsukuba.scss */
main #second .inner .floatTypo img {
  width: 40%;
}
/* line 204, ../sass/tsukuba.scss */
main #second .floatImage {
  float: left;
  margin-left: 24vw;
  margin-bottom: 10px;
  width: 25vw;
}
/* line 206, ../sass/tsukuba.scss */
main #second .floatImage img {
  width: 100%;
}
/* line 208, ../sass/tsukuba.scss */
main #second .floatTxt {
  position: absolute;
  bottom: -55%;
  left: 0%;
  color: white;
}
/* line 210, ../sass/tsukuba.scss */
main #third {
  width: 100%;
  height: 100%;
  background-image: url(../images/top/alphaBG03.svg);
}
/* line 214, ../sass/tsukuba.scss */
main #third .sectionContent {
  padding: 10% 0 20%;
}
/* line 215, ../sass/tsukuba.scss */
main #third .innerAbs {
  position: absolute;
  top: 10%;
  width: 100%;
}
/* line 216, ../sass/tsukuba.scss */
main #third .floatTypo {
  position: absolute;
  top: -3%;
  left: 0%;
  width: 40vw;
  height: auto;
  z-index: 2;
}
/* line 220, ../sass/tsukuba.scss */
main #third .floatTypo .inner {
  position: relative;
  float: right;
  width: 50%;
}
/* line 221, ../sass/tsukuba.scss */
main #third .floatTypo .inner img {
  width: 70%;
}
/* line 222, ../sass/tsukuba.scss */
main #third .floatTypo .inner .floatTxt {
  width: 300%;
  margin-top: 40px;
  color: white;
}
/* line 225, ../sass/tsukuba.scss */
main #third .space {
  float: right;
  position: relative;
  width: 55vw;
  height: 45vh;
  background-image: url(../images/top/jaxa.png);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 233, ../sass/tsukuba.scss */
main #third .space .floatImage {
  position: absolute;
  left: 20%;
  top: 10%;
}
/* line 237, ../sass/tsukuba.scss */
main #fourth {
  background-image: url(../images/top/kusatsu2.jpg);
}
/* line 240, ../sass/tsukuba.scss */
main #fourth .floatTypo {
  position: absolute;
  top: 35%;
  left: 5%;
  width: 30vw;
}
/* line 240, ../sass/tsukuba.scss */
main #fourth .floatTypo img {
  width: 60%;
}
/* line 243, ../sass/tsukuba.scss */
main #fifth {
  background-image: url(../images/top/cg.png);
}
/* line 247, ../sass/tsukuba.scss */
main #fourth, main #fifth {
  -o-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px -10px 15px rgba(0, 0, 0, 0.7);
}
/* line 254, ../sass/tsukuba.scss */
main .parallax {
  position: relative;
  height: 100%;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}
/* line 260, ../sass/tsukuba.scss */
main .parallax .caption {
  color: red;
  text-indent: 0;
  margin-left: 0;
}

/* line 263, ../sass/tsukuba.scss */
.contact {
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  padding: 0px;
}
/* line 269, ../sass/tsukuba.scss */
.contact .contactTitle {
  font-size: 1.2em;
}
/* line 270, ../sass/tsukuba.scss */
.contact .telNo {
  width: 100%;
  max-width: 400px;
  display: inline-block;
  margin: 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #E50012;
}
/* line 277, ../sass/tsukuba.scss */
.contact .telNo svg {
  width: 100%;
}
/* line 280, ../sass/tsukuba.scss */
.contact p {
  font-size: 0.8em;
  line-height: 2;
  margin: 0;
}

/* line 282, ../sass/tsukuba.scss */
.bannerArea {
  position: relative;
  width: 100%;
  background-color: black;
  padding: 30px 0;
  z-index: 10;
}
/* line 290, ../sass/tsukuba.scss */
.bannerArea .footer_banner {
  text-align: center;
}

/* !flexbox */
/* line 294, ../sass/tsukuba.scss */
.flexContainer {
  display: flex;
  width: 100%;
  margin: 0;
  flex-wrap: wrap;
}

/* line 301, ../sass/tsukuba.scss */
.fadeInBlock {
  opacity: 0;
  transition: .8s;
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
}

/* line 307, ../sass/tsukuba.scss */
.inViewB {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

/* line 314, ../sass/tsukuba.scss */
.bttomBtnArea {
  position: relative;
  font-weight: 400;
  letter-spacing: 3px;
  color: #4A4A4A;
  width: 100%;
  padding-bottom: 10px;
  background-color: black;
  z-index: 10;
}
/* line 324, ../sass/tsukuba.scss */
.bttomBtnArea a {
  color: white;
}
/* line 326, ../sass/tsukuba.scss */
.bttomBtnArea .middle {
  padding: 50px 0;
  text-align: center;
}
/* line 330, ../sass/tsukuba.scss */
.bttomBtnArea .middle button.basicBW {
  position: relative;
  width: 100%;
  max-width: 300px;
  height: 70px;
  margin: 20px;
  border: 1px solid #E50012;
  color: #EAEAEA;
  letter-spacing: 3px;
  background-image: url(../images/common/triangle-w.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-color: transparent;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all  1s ease;
  z-index: 2;
}
/* line 349, ../sass/tsukuba.scss */
.bttomBtnArea .middle button.basicBW .fa {
  position: absolute;
  top: 32%;
  right: 10px;
  font-size: 20px;
}
/* line 358, ../sass/tsukuba.scss */
.bttomBtnArea .middle button.basicBW:hover {
  background-color: white;
  color: black;
  background-image: url(../images/common/triangle.svg);
}
/* line 367, ../sass/tsukuba.scss */
.bttomBtnArea .hpLink li {
  display: inline-block;
  margin: 10px 20px 0px;
}
/* line 369, ../sass/tsukuba.scss */
.bttomBtnArea .hpLink li a {
  color: #EAEAEA;
}
/* line 373, ../sass/tsukuba.scss */
.bttomBtnArea .caption {
  color: #9B9B9B;
}

/* line 375, ../sass/tsukuba.scss */
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

/* line 380, ../sass/tsukuba.scss */
.btnStack {
  position: relative;
  width: 800px;
  margin: auto;
  z-index: 102;
}

/* line 386, ../sass/tsukuba.scss */
footer {
  position: relative;
  width: 100%;
  padding: 0px 0px 10px;
  background-color: #EAEAEA;
  color: #160E0E;
  font-weight: normal;
  z-index: 11;
}
/* line 397, ../sass/tsukuba.scss */
footer .infobox {
  padding: 50px 0;
  font-size: 0.8em;
}
/* line 398, ../sass/tsukuba.scss */
footer .bottomStack {
  width: 100%;
  padding: 50px 0;
  background-color: white;
}
/* line 402, ../sass/tsukuba.scss */
footer .bottomStack .centerLogo {
  text-align: center;
  margin: 50px 0;
}
/* line 403, ../sass/tsukuba.scss */
footer .bottomStack .copyright {
  text-align: center;
  color: #160E0E;
  font-size: 0.7em !important;
}

/* !top */
/* line 411, ../sass/tsukuba.scss */
.top .topMovie {
  background-color: black;
}
/* line 413, ../sass/tsukuba.scss */
.top .topMovie .bg-video {
  width: 100%;
}
/* line 414, ../sass/tsukuba.scss */
.top .topMovie img {
  width: 100%;
}
/* line 417, ../sass/tsukuba.scss */
.top .informationArea {
  width: 75%;
  padding: 0% 0 5%;
  margin: 0 auto;
	position: relative;
	top: 57px;
}
/* line 422, ../sass/tsukuba.scss */
.top .informationArea p {
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1.7;
  margin: 0;
}
/* line 425, ../sass/tsukuba.scss */
.top .informationArea .infoFlex .infobox {
  display: inline-block;
  width: 100%;
  padding-bottom: 5%;
}
/* line 429, ../sass/tsukuba.scss */
.top .informationArea .infoFlex .infobox img {
  width: 100%;
}
/* line 433, ../sass/tsukuba.scss */
.top .campaign {
  background-color: #ffffff;
}
/* line 434, ../sass/tsukuba.scss */
.top .sokyuPoint {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0px auto 50px;
}
/* line 440, ../sass/tsukuba.scss */
.top .sokyuPoint .spbox {
  width: calc(100% / 3 - 10px);
  border: 1px solid #790000;
}
/* line 444, ../sass/tsukuba.scss */
.top .sokyuPoint .spbox img {
  width: 100%;
}
/* line 448, ../sass/tsukuba.scss */
.top .contact {
  margin-top: 0px !important;
}

/* line 451, ../sass/tsukuba.scss */
.top2 {
  background-image: url(../images/top2/BG_univ.jpg);
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  width: 100%;
  color: white;
}
/* line 463, ../sass/tsukuba.scss */
.top2 main section h3.iqnoinryoku {
  width: 80%;
  max-width: 300px;
  margin: 0 auto;
}
/* line 463, ../sass/tsukuba.scss */
.top2 main section h3.iqnoinryoku img {
  width: 100%;
}
/* line 464, ../sass/tsukuba.scss */
.top2 main section h3.iq330 {
  width: 80%;
  max-width: 500px;
  margin: 0 auto;
}
/* line 464, ../sass/tsukuba.scss */
.top2 main section h3.iq330 img {
  width: 100%;
}
/* line 465, ../sass/tsukuba.scss */
.top2 main section h2 {
  text-align: center;
}
/* line 466, ../sass/tsukuba.scss */
.top2 main section h4 {
  margin: 5% 0;
}
/* line 467, ../sass/tsukuba.scss */
.top2 main section p, .top2 main section li {
  font-size: 1.1rem;
}
/* line 468, ../sass/tsukuba.scss */
.top2 main section p.caption {
  font-size: 0.8rem;
}
/* line 472, ../sass/tsukuba.scss */
.top2 ul.pbstack {
  position: relative;
  width: 100%;
  height: 70vh;
}
/* line 477, ../sass/tsukuba.scss */
.top2 ul.pbstack li {
  position: absolute;
}
/* line 479, ../sass/tsukuba.scss */
.top2 ul.pbstack li.dosei {
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -50px;
}
/* line 480, ../sass/tsukuba.scss */
.top2 ul.pbstack li.pb1 {
  left: 5%;
  top: 6%;
}
/* line 481, ../sass/tsukuba.scss */
.top2 ul.pbstack li.pb2 {
  left: 0%;
  top: 40%;
}
/* line 482, ../sass/tsukuba.scss */
.top2 ul.pbstack li.pb3 {
  left: 7%;
  top: 64%;
}
/* line 483, ../sass/tsukuba.scss */
.top2 ul.pbstack li.pb4 {
  right: 10%;
  top: 15%;
}
/* line 484, ../sass/tsukuba.scss */
.top2 ul.pbstack li.pb5 {
  right: 0%;
  top: 43%;
}
/* line 485, ../sass/tsukuba.scss */
.top2 ul.pbstack li.pb6 {
  right: 6%;
  top: 65%;
}
/* line 486, ../sass/tsukuba.scss */
.top2 ul.pbstack li.pb7 {
  right: 28%;
  top: 80%;
}
/* line 489, ../sass/tsukuba.scss */
.top2 ul.roomplan {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
/* line 494, ../sass/tsukuba.scss */
.top2 ul.roomplan li {
  width: 32%;
}
/* line 494, ../sass/tsukuba.scss */
.top2 ul.roomplan li img {
  width: 100%;
}
/* line 496, ../sass/tsukuba.scss */
.top2 .sectionTitle {
  width: 90%;
  max-width: 960px;
}
/* line 496, ../sass/tsukuba.scss */
.top2 .sectionTitle img {
  width: 100%;
}
/* line 497, ../sass/tsukuba.scss */
.top2 .flex3col, .top2 .flex2col {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 503, ../sass/tsukuba.scss */
.top2 .flex3col .flexItem, .top2 .flex2col .flexItem {
  width: 30%;
}
/* line 506, ../sass/tsukuba.scss */
.top2 .flex2col {
  align-items: flex-start;
}
/* line 510, ../sass/tsukuba.scss */
.top2 .flex2col .flexItem {
  width: 49%;
}
/* line 512, ../sass/tsukuba.scss */
.top2 .linkButton {
  margin: 5% auto 0;
  width: 100px;
}
/* line 516, ../sass/tsukuba.scss */
.top2 .linkButton a {
  display: block;
  width: 120px;
  height: 120px;
  padding: 46px 0;
  color: white;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  background-color: #E50012;
  text-align: center;
}
/* line 527, ../sass/tsukuba.scss */
.top2 .linkButton a:hover {
  opacity: 0.5;
}
/* line 530, ../sass/tsukuba.scss */
.top2 hr {
  border-color: #E50012;
  border-style: dashed;
}

/* line 533, ../sass/tsukuba.scss */
.topWhite {
  background-image: none;
  background-color: white;
  color: black;
}
/* line 538, ../sass/tsukuba.scss */
.topWhite .topMovie {
  margin-top: 3%;
  background-color: white;
	position: relative;
	top: 57px;
}
/* line 542, ../sass/tsukuba.scss */
.topWhite .topMovie .container {
  border: 1px solid #E50012;
  padding: 0;
}
/* line 544, ../sass/tsukuba.scss */
.topWhite ul.pbstack {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: auto;
}
/* line 551, ../sass/tsukuba.scss */
.topWhite ul.pbstack li {
  position: relative;
  width: 32%;
  margin-bottom: 10px;
}
/* line 554, ../sass/tsukuba.scss */
.topWhite ul.pbstack li.pb1 {
  left: auto;
  right: auto;
  top: auto;
}
/* line 555, ../sass/tsukuba.scss */
.topWhite ul.pbstack li.pb2 {
  left: auto;
  right: auto;
  top: auto;
}
/* line 556, ../sass/tsukuba.scss */
.topWhite ul.pbstack li.pb3 {
  left: auto;
  right: auto;
  top: auto;
}
/* line 557, ../sass/tsukuba.scss */
.topWhite ul.pbstack li.pb4 {
  left: auto;
  right: auto;
  top: auto;
}
/* line 558, ../sass/tsukuba.scss */
.topWhite ul.pbstack li.pb5 {
  left: auto;
  right: auto;
  top: auto;
}
/* line 559, ../sass/tsukuba.scss */
.topWhite ul.pbstack li.pb6 {
  left: auto;
  right: auto;
  top: auto;
}
/* line 560, ../sass/tsukuba.scss */
.topWhite ul.pbstack li.pb7 {
  left: auto;
  right: auto;
  top: auto;
}
/* line 562, ../sass/tsukuba.scss */
.topWhite ul.pbstack li img {
  width: 100%;
}
/* line 567, ../sass/tsukuba.scss */
.topWhite main section h4 {
  margin: 1% 0 3%;
}
/* line 569, ../sass/tsukuba.scss */
.topWhite main section .container.rBoder {
  border: 1px solid #E50012;
  padding: 3%;
  background-color: white;
  box-shadow: 4px 4px 3px 0px #EAEAEA;
}
/* line 576, ../sass/tsukuba.scss */
.topWhite .linkButton {
  margin: 1% auto 0;
}

/* !pages */
/* line 582, ../sass/tsukuba.scss */
.pages h1 {
  font-size: 1.4rem;
}
/* line 582, ../sass/tsukuba.scss */
.pages h1 span.eng {
  font-size: 0.8em;
}
/* line 583, ../sass/tsukuba.scss */
.pages h2 {
  font-size: 1.2rem;
}
/* line 583, ../sass/tsukuba.scss */
.pages h2 span.eng {
  font-size: 0.8em;
  font-weight: normal;
}
/* line 584, ../sass/tsukuba.scss */
.pages h3 {
  font-size: 1.0rem;
}
/* line 585, ../sass/tsukuba.scss */
.pages .caption {
  margin-top: 0.5rem;
}
/* line 586, ../sass/tsukuba.scss */
.pages .cate {
  display: none;
}
/* line 587, ../sass/tsukuba.scss */
.pages span.small {
  font-size: 0.7em;
  color: white;
}
/* line 589, ../sass/tsukuba.scss */
.pages p.eng, .pages p.bodyCopy.eng {
  font-size: 0.7em;
  color: white;
}
/* line 590, ../sass/tsukuba.scss */
.pages span.large {
  font-size: 2em;
  color: #E50012;
}
/* line 593, ../sass/tsukuba.scss */
.pages main {
  background-color: white;
  background-repeat: no-repeat;
  background-size: 100%;
  color: white;
  line-height: 2;
}
/* line 600, ../sass/tsukuba.scss */
.pages main section {
  padding: 5% 0;
}
/* line 602, ../sass/tsukuba.scss */
.pages main .sectionContent {
  padding: 0;
  height: auto;
  min-height: 20vh;
	margin-bottom: 50px;
}
/* line 603, ../sass/tsukuba.scss */
.pages main h3 {
  color: #E50012;
  font-size: 1rem;
  font-weight: normal;
}
/* line 604, ../sass/tsukuba.scss */
.pages main .bodyCopy {
  font-size: 0.8rem;
  line-height: 1.7;
}
/* line 607, ../sass/tsukuba.scss */
.pages .cover {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50vh;
  max-height: 700px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
/* line 619, ../sass/tsukuba.scss */
.pages.design main {
  background-color: black;
}
/* line 621, ../sass/tsukuba.scss */
.pages.design main section {
  padding: 5% 0;
}
/* line 623, ../sass/tsukuba.scss */
.pages.design .cover {
  background-image: url(../../design/images/topBG.jpg);
  color: white;
}
/* line 626, ../sass/tsukuba.scss */
.pages.design .flexContainer {
  align-items: center;
  justify-content: space-between;
}
/* line 629, ../sass/tsukuba.scss */
.pages.design .flexContainer .harf {
  width: 50%;
	position: relative;
	top: 57px;
}
/* line 629, ../sass/tsukuba.scss */
.pages.design .flexContainer .harf img {
  width: 80%;
}
/* line 630, ../sass/tsukuba.scss */
.pages.design .flexContainer .flowTitle {
  width: 35%;
  padding-left: 2rem;
}
/* line 630, ../sass/tsukuba.scss */
.pages.design .flexContainer .flowTitle img {
  width: 100%;
  max-width: 423px;
}
/* line 631, ../sass/tsukuba.scss */
.pages.design .flexContainer .flowPhoto {
  width: 65%;
}
/* line 631, ../sass/tsukuba.scss */
.pages.design .flexContainer .flowPhoto img {
  width: 100%;
}
/* line 633, ../sass/tsukuba.scss */
.pages.design .second {
  padding: 0% 15%;
}
/* line 633, ../sass/tsukuba.scss */
.pages.design .second .flexContainer {
  background-color: #fff;
}
/* line 634, ../sass/tsukuba.scss */
.pages.design .third {
  padding: 0% 15%;
}
/* line 634, ../sass/tsukuba.scss */
.pages.design .third .flexContainer {
  background-color: #4A4A4A;
}
/* line 635, ../sass/tsukuba.scss */
.pages.design .fourth {
  padding: 0% 15%;
}
/* line 635, ../sass/tsukuba.scss */
.pages.design .fourth .flexContainer {
  background-color: black;
}
/* line 636, ../sass/tsukuba.scss */
.pages.design .fifth {
  position: relative;
  height: 70vh;
  background-image: url(../../design/images/ph_04.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
/* line 644, ../sass/tsukuba.scss */
.pages.design .fifth .flowTitle {
  position: absolute;
  top: 5%;
  left: 5%;
}
/* line 645, ../sass/tsukuba.scss */
.pages.design .fifth .flowTitle2 {
  position: absolute;
  bottom: 5%;
  right: 5%;
}
/* line 647, ../sass/tsukuba.scss */
.pages.design .dear {
  font-size: 1.4rem;
  margin: 5% 0 0;
}
/* line 652, ../sass/tsukuba.scss */
.pages.public .cover {
  background-image: url(../../public/images/topBG.jpg);
  background-color: black;
  color: white;
  width: 100%;
  height: auto;
  min-height: 50vh;
  padding: 3% 0;
	position: relative;
	top: 57px;
}
/* line 660, ../sass/tsukuba.scss */
.pages.public .cover .harf {
  width: 45%;
}
/* line 660, ../sass/tsukuba.scss */
.pages.public .cover .harf img {
  width: 70%;
}
/* line 662, ../sass/tsukuba.scss */
.pages.public .cover p.eng, .pages.public .cover p.bodyCopy.eng {
  color: white;
}
/* line 665, ../sass/tsukuba.scss */
.pages.public main {
  background-color: black;
	position: relative;
	top: 57px;
	margin-bottom: 30px;
}
/* line 668, ../sass/tsukuba.scss */
.pages.public h2 {
  width: 100%;
  max-width: 600px;
}
/* line 668, ../sass/tsukuba.scss */
.pages.public h2 img {
  width: 100%;
}
/* line 669, ../sass/tsukuba.scss */
.pages.public .sectionContent {
  margin: 0% 0;
}
/* line 670, ../sass/tsukuba.scss */
.pages.public .flexContainer {
  align-items: flex-end;
  justify-content: space-between;
}
/* line 673, ../sass/tsukuba.scss */
.pages.public .flexContainer .ph {
  width: 65%;
}
/* line 673, ../sass/tsukuba.scss */
.pages.public .flexContainer .ph img {
  width: 100%;
}
/* line 674, ../sass/tsukuba.scss */
.pages.public .flexContainer .bodyBlock {
  width: 25%;
}
/* line 676, ../sass/tsukuba.scss */
.pages.public .first, .pages.public .third, .pages.public .fifth, .pages.public .seventh {
  background-color: #727171;
}
/* line 678, ../sass/tsukuba.scss */
.pages.public .first h2, .pages.public .third h2, .pages.public .fifth h2, .pages.public .seventh h2 {
  float: right;
}
/* line 680, ../sass/tsukuba.scss */
.pages.public .second, .pages.public .fourth, .pages.public .six {
  background-color: #b7b7b7;
  color: black;
}
/* line 683, ../sass/tsukuba.scss */
.pages.public .second .eng, .pages.public .fourth .eng, .pages.public .six .eng {
  color: black;
}
/* line 688, ../sass/tsukuba.scss */
.pages.access main {
  background-color: black;
  background-image: url(../../access/images/access_BG.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
	position: relative;
	top: 57px;
	margin-bottom: 50px;
}
/* line 695, ../sass/tsukuba.scss */
.pages.access main section {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0% 10%;
}
/* line 697, ../sass/tsukuba.scss */
.pages.access .sectionContent {
  margin: 5% 0;
}
/* line 698, ../sass/tsukuba.scss */
.pages.access .flexContainer {
  align-items: center;
  justify-content: space-between;
}
/* line 701, ../sass/tsukuba.scss */
.pages.access .flexContainer .harf {
  width: 48%;
}
/* line 701, ../sass/tsukuba.scss */
.pages.access .flexContainer .harf img {
  width: 80%;
}
/* line 702, ../sass/tsukuba.scss */
.pages.access .flexContainer .flowTitle {
  width: 24%;
}
/* line 702, ../sass/tsukuba.scss */
.pages.access .flexContainer .flowTitle img {
  width: 100%;
}
/* line 703, ../sass/tsukuba.scss */
.pages.access .flexContainer .flowBody {
  width: 72%;
}
/* line 703, ../sass/tsukuba.scss */
.pages.access .flexContainer .flowBody img {
  width: 100%;
}
/* line 704, ../sass/tsukuba.scss */
.pages.access .flexContainer h2 {
  color: #E50012;
}
/* line 711, ../sass/tsukuba.scss */
.pages.location main {
  background-color: black;
	position: relative;
	top: 57px;
	margin-bottom: 30px;
}
/* line 713, ../sass/tsukuba.scss */
.pages.location main section {
  padding: 3% 0;
}
/* line 715, ../sass/tsukuba.scss */
.pages.location .cover {
  background-image: url(../../location/images/topBG.jpg);
  background-position: top center;
	
	position: relative;
	top: 57px;
}
/* line 719, ../sass/tsukuba.scss */
.pages.location .cover h1 {
  color: white;
  text-shadow: 2px 2px 2px black;
}
/* line 722, ../sass/tsukuba.scss */
.pages.location .bg02 {
  background-image: url(../../location/images/bg02.jpg);
  height: 30vh;
  max-height: 600px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
/* line 730, ../sass/tsukuba.scss */
.pages.location .map {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
/* line 735, ../sass/tsukuba.scss */
.pages.location .map .flexContainer {
  align-items: center;
  justify-content: space-between;
}
/* line 738, ../sass/tsukuba.scss */
.pages.location .map .flexContainer .flowTitle {
  width: 24%;
}
/* line 738, ../sass/tsukuba.scss */
.pages.location .map .flexContainer .flowTitle img {
  width: 100%;
}
/* line 739, ../sass/tsukuba.scss */
.pages.location .map .flexContainer .flowMap {
  width: 70%;
}
/* line 739, ../sass/tsukuba.scss */
.pages.location .map .flexContainer .flowMap img {
  width: 100%;
}
/* line 742, ../sass/tsukuba.scss */
.pages.location .bg03 {
  background-image: url(../../location/images/bg03.jpg);
  height: 30vh;
  max-height: 600px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  margin: 5% 0 0;
}
/* line 751, ../sass/tsukuba.scss */
.pages.location .flexContainer {
  justify-content: space-between;
}
/* line 753, ../sass/tsukuba.scss */
.pages.location .flexContainer .flowTitle {
  width: 65%;
}
/* line 753, ../sass/tsukuba.scss */
.pages.location .flexContainer .flowTitle img {
  width: 100%;
}
/* line 754, ../sass/tsukuba.scss */
.pages.location .flexContainer .flowPhoto {
  width: 30%;
}
/* line 754, ../sass/tsukuba.scss */
.pages.location .flexContainer .flowPhoto img {
  width: 100%;
}
/* line 755, ../sass/tsukuba.scss */
.pages.location .flexContainer .quad {
  width: 24%;
}
/* line 755, ../sass/tsukuba.scss */
.pages.location .flexContainer .quad img {
  width: 100%;
}
/* line 757, ../sass/tsukuba.scss */
.pages.location .flexContainer.floatBox {
  margin-top: -240px;
}
/* line 760, ../sass/tsukuba.scss */
.pages.location .second .flexContainer {
  align-items: flex-end;
}
/* line 762, ../sass/tsukuba.scss */
.pages.location .harf {
  width: 50%;
}
/* line 762, ../sass/tsukuba.scss */
.pages.location .harf img {
  width: 80%;
}
/* line 768, ../sass/tsukuba.scss */
.pages.plan main {
  background-position: center -100;
  background-image: url(../../plan/images/planBG.png);
  color: black;
}
/* line 773, ../sass/tsukuba.scss */
.pages.plan main .planList {
  padding-bottom: 5%;
}
/* line 775, ../sass/tsukuba.scss */
.pages.plan main .planList h1 {
  margin-bottom: 5%;
}
/* line 776, ../sass/tsukuba.scss */
.pages.plan main .planList h2 {
  padding: 2px 15px;
  background-color: #4A4A4A;
  color: white;
}
/* line 781, ../sass/tsukuba.scss */
.pages.plan main .planList .flexContainer {
  justify-content: space-between;
}
/* line 784, ../sass/tsukuba.scss */
.pages.plan main .planList .flexContainer li {
  width: 30%;
  margin: 1% 0;
}
/* line 786, ../sass/tsukuba.scss */
.pages.plan main .planList .flexContainer li:nth-child(3n+2):last-child {
  margin-left: auto;
  margin-right: 35%;
}
/* line 790, ../sass/tsukuba.scss */
.pages.plan main .planList .flexContainer li:hover {
  opacity: 0.5;
}
/* line 792, ../sass/tsukuba.scss */
.pages.plan main .planList .flexContainer li img {
  width: 100%;
}
/* line 800, ../sass/tsukuba.scss */
.pages.mr main .topVisual {
  margin-bottom: 0;
}
/* line 801, ../sass/tsukuba.scss */
.pages.mr .flexContainer {
  align-items: baseline;
  margin-bottom: 1rem;
	position: relative;
	top: 57px;
}
/* line 802, ../sass/tsukuba.scss */
.pages.mr .flexContainer h1 {
  width: 70%;
  max-width: 300px;
  margin-right: 2rem;
}
/* line 802, ../sass/tsukuba.scss */
.pages.mr .flexContainer h1 img {
  width: 100%;
}
/* line 805, ../sass/tsukuba.scss */
.pages.mr .modelButton .btn {
  background-color: #790000;
  width: 120px;
  height: 40px;
  margin-right: 1rem;
}
/* line 806, ../sass/tsukuba.scss */
.pages.mr .modelButton .btn img {
  width: 60%;
}
/* line 807, ../sass/tsukuba.scss */
.pages.mr .modelButton .btn:hover {
  background-color: #E50012;
}
/* line 814, ../sass/tsukuba.scss */
.pages.quality .localNavi .container, .pages.structure .localNavi .container {
  padding: 5% 0 0;
  display: flex;
  justify-content: space-between;
}
/* line 818, ../sass/tsukuba.scss */
.pages.quality .localNavi .container a, .pages.structure .localNavi .container a {
  display: block;
  width: 30%;
  padding: 1% 0;
  text-align: center;
  background-color: black;
  border: 1px solid #E50012;
  color: white;
}
/* line 819, ../sass/tsukuba.scss */
.pages.quality .localNavi .container a:hover, .pages.structure .localNavi .container a:hover {
  background-color: #E50012;
}
/* line 820, ../sass/tsukuba.scss */
.pages.quality .localNavi .container a.current, .pages.structure .localNavi .container a.current {
  color: #E50012;
}
/* line 820, ../sass/tsukuba.scss */
.pages.quality .localNavi .container a.current:hover, .pages.structure .localNavi .container a.current:hover {
  color: white;
}
/* line 824, ../sass/tsukuba.scss */
.pages.quality .borderTitle, .pages.structure .borderTitle {
  display: block;
  background-color: #790000;
  color: white;
  padding: 5px;
}
/* line 825, ../sass/tsukuba.scss */
.pages.quality h2 img, .pages.structure h2 img {
  max-width: 70%;
}
/* line 826, ../sass/tsukuba.scss */
.pages.quality h3, .pages.structure h3 {
  font-size: 0.8rem;
  color: inherit;
  font-weight: bold;
  margin: 0 0 5px;
  border-bottom: 1px solid black;
}
/* line 827, ../sass/tsukuba.scss */
.pages.quality h3 .caption, .pages.structure h3 .caption {
  margin: 0;
}
/* line 828, ../sass/tsukuba.scss */
.pages.quality h3 span.red, .pages.structure h3 span.red {
  color: #E50012;
}
/* line 830, ../sass/tsukuba.scss */
.pages.quality h4, .pages.structure h4 {
  font-size: 0.8rem;
  color: #790000;
}
/* line 831, ../sass/tsukuba.scss */
.pages.quality h5, .pages.structure h5 {
  font-size: 0.7rem;
  font-weight: bold;
  margin: 0 0 5px;
}
/* line 832, ../sass/tsukuba.scss */
.pages.quality p, .pages.structure p {
  font-size: 0.75rem;
  line-height: 1.5;
}
/* line 832, ../sass/tsukuba.scss */
.pages.quality p .caption, .pages.structure p .caption {
  margin: 0;
}
/* line 833, ../sass/tsukuba.scss */
.pages.quality p.caption, .pages.structure p.caption {
  font-size: 8px;
  text-align: right;
  margin: 0;
}
/* line 834, ../sass/tsukuba.scss */
.pages.quality p.caption.left, .pages.structure p.caption.left {
  text-align: left;
  margin-left: 2%;
}
/* line 836, ../sass/tsukuba.scss */
.pages.quality .m0, .pages.structure .m0 {
  margin: 0;
}
/* line 837, ../sass/tsukuba.scss */
.pages.quality .pd0, .pages.structure .pd0 {
  padding: 0 !important;
}
/* line 838, ../sass/tsukuba.scss */
.pages.quality .bodyStack-gray, .pages.structure .bodyStack-gray {
  color: black;
}
/* line 839, ../sass/tsukuba.scss */
.pages.quality .bodyStack-gray2, .pages.structure .bodyStack-gray2 {
  color: black;
  background-color: rgba(255, 255, 255, 0.8);
}
/* line 840, ../sass/tsukuba.scss */
.pages.quality .bodyStack-white, .pages.structure .bodyStack-white {
  background-color: white;
  color: black;
}
/* line 841, ../sass/tsukuba.scss */
.pages.quality .bodyStack-black, .pages.structure .bodyStack-black {
  color: white;
}
/* line 841, ../sass/tsukuba.scss */
.pages.quality .bodyStack-black h3, .pages.structure .bodyStack-black h3 {
  border-color: white;
}
/* line 843, ../sass/tsukuba.scss */
.pages.quality .flexContainer img, .pages.structure .flexContainer img {
  width: 100%;
  margin-bottom: 5px;
}
/* line 844, ../sass/tsukuba.scss */
.pages.quality .flexContainer .nomal img, .pages.structure .flexContainer .nomal img {
  width: auto;
}
/* line 845, ../sass/tsukuba.scss */
.pages.quality .flexContainer .item2-4, .pages.structure .flexContainer .item2-4 {
  width: 50%;
  padding: 0% 1% 2%;
}
/* line 846, ../sass/tsukuba.scss */
.pages.quality .flexContainer .item3-4, .pages.structure .flexContainer .item3-4 {
  width: 75%;
  padding: 0% 1% 2%;
}
/* line 847, ../sass/tsukuba.scss */
.pages.quality .flexContainer .item4, .pages.structure .flexContainer .item4 {
  width: 25%;
  padding: 0% 1% 2%;
}
/* line 848, ../sass/tsukuba.scss */
.pages.quality .flexContainer .item2-5, .pages.structure .flexContainer .item2-5 {
  width: 40%;
  padding: 0% 1% 2%;
}
/* line 849, ../sass/tsukuba.scss */
.pages.quality .flexContainer .item3-5, .pages.structure .flexContainer .item3-5 {
  width: 60%;
  padding: 0% 1% 2%;
}
/* line 850, ../sass/tsukuba.scss */
.pages.quality .flexContainer .item5, .pages.structure .flexContainer .item5 {
  width: 20%;
  padding: 0% 1% 2%;
}
/* line 852, ../sass/tsukuba.scss */
.pages.quality .boxBlue, .pages.structure .boxBlue {
  border: 1px solid blue;
  background-color: white;
  padding: 1% !important;
}
/* line 854, ../sass/tsukuba.scss */
.pages.quality .boxBlue .item3-4, .pages.structure .boxBlue .item3-4 {
  padding: 0% 1% 0%;
}
/* line 855, ../sass/tsukuba.scss */
.pages.quality .boxBlue .item4, .pages.structure .boxBlue .item4 {
  padding: 0% 1% 0%;
}
/* line 859, ../sass/tsukuba.scss */
.pages.structure .flexContainer img {
  margin-bottom: 20px;
}
/* line 862, ../sass/tsukuba.scss */
.pages.quality1 main {
  background-color: #C8C9CA;
  background-image: url(../../quality/images/q-bg.svg);
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
	position: relative;
	top: 57px;
	margin-bottom: 30px;
}
/* line 871, ../sass/tsukuba.scss */
.pages.water main {
  background-color: black;
  background-image: url(../../quality/images/water-bg.svg);
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
	position: relative;
	top: 57px;
	margin-bottom: 30px;
}
/* line 880, ../sass/tsukuba.scss */
.pages.confort main {
  background-color: #717071;
  background-image: url(../../quality/images/comfort_bg.svg);
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
	position: relative;
	top: 57px;
	margin-bottom: 30px;
}
/* line 889, ../sass/tsukuba.scss */
.pages.sec main {
  background-color: #C8C9CA;
  background-image: url(../../structure/images/sec-bg.svg);
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
	position: relative;
	top: 57px;
	margin-bottom: 30px;
}
/* line 898, ../sass/tsukuba.scss */
.pages.str1 main {
  background-image: url(../../quality/images/q-bg.svg);
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
	position: relative;
	top: 57px;
	margin-bottom: 30px;
}
/* line 906, ../sass/tsukuba.scss */
.pages.str2 main {
  background-image: url(../../quality/images/comfort_bg.svg);
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
	position: relative;
	top: 57px;
	margin-bottom: 30px;
}

/*
.mapbottom {
	width: 700px;
	margin: 40px auto;
	overflow: hidden;
	
	.mapbox {
		width: 340px;
		float: left;
		color: $dgray;
		font-size: 1.0rem;
		text-align: center;
		border: 1px solid $dgray;
		padding: 20px;
		
		p {margin: 0;}
		
		span.strong {font-size: 1.1rem; font-weight: bold;color: black;}
	}
	.map_s {
		width:340px;
		float: right;
		border: 1px solid $dgray;
		
		img {width: 100%;}
	}

}
*/
/* !tab */
/* line 947, ../sass/tsukuba.scss */
.tabContainer {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}

/* line 952, ../sass/tsukuba.scss */
.tabMenu {
  width: 100%;
  height: 50px;
  margin-top: 0px;
}
/* line 957, ../sass/tsukuba.scss */
.tabMenu ul.tab {
  display: table;
  width: 100%;
  padding: 0;
}
/* line 962, ../sass/tsukuba.scss */
.tabMenu ul.tab li {
  display: table-cell;
  list-style: none;
  width: 16.666%;
  font-size: 0.7em;
  letter-spacing: 2px;
  text-align: center;
}
/* line 970, ../sass/tsukuba.scss */
.tabMenu ul.tab li a {
  display: block;
  width: 100%;
  color: white;
  padding: 5% 0;
  background-color: black;
  cursor: pointer;
}
/* line 978, ../sass/tsukuba.scss */
.tabMenu ul.tab li a:hover, .tabMenu ul.tab li a.selected {
  background-color: #E50012;
  text-decoration: none;
}
/* line 983, ../sass/tsukuba.scss */
.tabMenu ul.tab li span {
  font-size: 0.7em;
}

/* !tab panel */
/* line 991, ../sass/tsukuba.scss */
.popup {
  padding: 20px 30px;
  background-color: white;
}
/* line 995, ../sass/tsukuba.scss */
.popup h2 {
  margin: 15px 0;
}
/* line 996, ../sass/tsukuba.scss */
.popup h3 {
  font-weight: bold;
  margin-bottom: 15px;
}
/* line 997, ../sass/tsukuba.scss */
.popup h4, .popup h5 {
  font-weight: bold;
  line-height: 1.5;
}
/* line 998, ../sass/tsukuba.scss */
.popup h4 {
  font-size: 0.8rem;
  background-color: gray;
  color: white;
  padding: 5px;
  text-align: center;
  margin: 0 0 5px;
}
/* line 999, ../sass/tsukuba.scss */
.popup p {
  line-height: 1.5;
}
/* line 1001, ../sass/tsukuba.scss */
.popup.plan {
  padding: 0;
  background-color: white;
}
/* line 1002, ../sass/tsukuba.scss */
.popup.plan header.withSub h1 {
  margin-top: 16px;
  line-height: 1;
}
/* line 1003, ../sass/tsukuba.scss */
.popup.plan main {
  margin-top: 10px;
}
/* line 1006, ../sass/tsukuba.scss */
.popup .planTitle {
  width: 95%;
  max-width: 280px;
  margin: 20px 0 20px 0px;
}
/* line 1010, ../sass/tsukuba.scss */
.popup .planTitle img {
  width: 100%;
}
/* line 1012, ../sass/tsukuba.scss */
.popup .bborder {
  background-color: white;
}
/* line 1014, ../sass/tsukuba.scss */
.popup .planSpec {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  font-size: 0.8em;
}
/* line 1021, ../sass/tsukuba.scss */
.popup .planSpec .leftFlow {
  float: none;
  width: 100%;
}
/* line 1025, ../sass/tsukuba.scss */
.popup .planSpec .leftFlow .flexContainer {
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px dotted #160E0E;
}
/* line 1026, ../sass/tsukuba.scss */
.popup .planSpec .leftFlow .planTitle {
  width: 35%;
}
/* line 1027, ../sass/tsukuba.scss */
.popup .planSpec .leftFlow .spec {
  width: 65%;
  line-height: 1.7;
}
/* line 1030, ../sass/tsukuba.scss */
.popup .planSpec .planPicBox {
  width: 100%;
}
/* line 1031, ../sass/tsukuba.scss */
.popup .planSpec .planPicBox .planPic {
  width: 100%;
  padding: 15% 15% 0;
}
/* line 1034, ../sass/tsukuba.scss */
.popup .planSpec .planPicBox .planPic img {
  width: 100%;
}
/* line 1036, ../sass/tsukuba.scss */
.popup .planSpec .planPicBox .caption {
  margin-top: 30px;
  text-align: left;
}
/* line 1041, ../sass/tsukuba.scss */
.popup ul.square li {
  list-style: square;
  margin-left: 2em;
}
/* line 1042, ../sass/tsukuba.scss */
.popup ul.square li span.font-L {
  font-size: 2em;
  font-weight: bold;
}
/* line 1044, ../sass/tsukuba.scss */
.popup ul.square li ul li {
  list-style: disc;
  margin-left: 0;
}
/* line 1048, ../sass/tsukuba.scss */
.popup .salesCopy {
  display: none;
  padding: 20px 0;
  border-bottom: 1px dotted #160E0E;
  margin-bottom: 20px;
}
/* line 1049, ../sass/tsukuba.scss */
.popup .bodyBtm {
  margin-top: 20px;
}
/* line 1050, ../sass/tsukuba.scss */
.popup .yukadanBox {
  display: inline-block;
  width: 30px;
  height: 16px;
  background-color: #D3EDFB;
  margin-right: 10px;
}
/* line 1051, ../sass/tsukuba.scss */
.popup .syunouBox {
  display: inline-block;
  width: 30px;
  height: 16px;
  background-color: #EAF6FD;
  margin-right: 10px;
}

/* line 1054, ../sass/tsukuba.scss */
.tabItem {
  background-color: white;
}
/* line 1056, ../sass/tsukuba.scss */
.tabItem > .stack {
  padding: 15px;
}

/* line 1059, ../sass/tsukuba.scss */
.btmBtn {
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
/* line 1063, ../sass/tsukuba.scss */
.btmBtn .closeBtn, .btmBtn .btnPrn {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 10px;
  text-align: center;
  background-color: #9B9B9B;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all  1s ease;
}
/* line 1077, ../sass/tsukuba.scss */
.btmBtn .closeBtn:hover, .btmBtn .btnPrn:hover {
  background-color: #4A4A4A;
}
/* line 1079, ../sass/tsukuba.scss */
.btmBtn .closeBtn img, .btmBtn .btnPrn img {
  width: 100%;
}

/* !popup */
/* line 1084, ../sass/tsukuba.scss */
.popup {
  font-family: 'Noto Sans Japanese', sans-serif;
  background-color: black;
}
/* line 1087, ../sass/tsukuba.scss */
.popup header {
  position: relative;
  width: 100%;
  height: auto;
  padding: 10px 15px;
}
/* line 1095, ../sass/tsukuba.scss */
.popup main {
  width: 100%;
  margin: 50px auto 0;
}
/* line 1096, ../sass/tsukuba.scss */
.popup main section {
  margin: 0;
  padding: 0;
}
/* line 1098, ../sass/tsukuba.scss */
.popup .mapImage {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 0;
}
/* line 1102, ../sass/tsukuba.scss */
.popup .mapImage img {
  width: 100%;
}
/* line 1104, ../sass/tsukuba.scss */
.popup .obi {
  margin: 50px 0 15px;
}
/* line 1106, ../sass/tsukuba.scss */
.popup p {
  line-height: 1.5;
  margin: 15px 0;
}
/* line 1108, ../sass/tsukuba.scss */
.popup .contact {
  margin-top: 30px;
}

/* !outline */
/* line 1113, ../sass/tsukuba.scss */
.outline {
  font-family: 'Noto Sans Japanese', sans-serif;
}
/* line 1115, ../sass/tsukuba.scss */
.outline header {
  width: 100%;
  padding: 15px;
  background-color: black;
}
/* line 1116, ../sass/tsukuba.scss */
.outline h2 {
  margin: 0;
  font-size: 1.2em;
}
/* line 1117, ../sass/tsukuba.scss */
.outline p {
  font-size: 1.0em;
  line-height: 2;
  margin: 0;
}
/* line 1118, ../sass/tsukuba.scss */
.outline p.caption {
  font-size: 0.8em;
}
/* line 1121, ../sass/tsukuba.scss */
.outline.pages main {
  color: black;
}
/* line 1126, ../sass/tsukuba.scss */
.outline .outlineGrid {
  width: 100%;
  max-width: 1170px;
  margin: 0px auto;
  font-size: 0.95em;
  position: relative;
  display: grid;
  display: -ms-grid;
  grid-template-rows: 240px 200px 200px 240px 240px 1fr;
  -ms-grid-rows: 240px 200px 200px 240px 240px 1fr;
  grid-template-columns: 45% 55%;
  -ms-grid-columns: 40% 60%;
  width: 100%;
}
/* line 1138, ../sass/tsukuba.scss */
.outline .outlineGrid #grid-1 {
  grid-row: 1/6;
  grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 2;
  padding: 30px;
  border-left: 1px solid black;
}
/* line 1139, ../sass/tsukuba.scss */
.outline .outlineGrid #grid-2 {
  /*grid-row: 2/6;*/
  grid-column: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 5;
  -ms-grid-column: 1;
  padding: 30px;
  text-align: right;
}
/* line 1140, ../sass/tsukuba.scss */
.outline .outlineGrid #grid-3 {
  grid-row: 7;
  grid-column: 2;
  -ms-grid-row: 6;
  -ms-grid-column: 2;
  padding: 30px;
  border-top: 1px solid black;
  border-left: 1px solid black;
}
/* line 1143, ../sass/tsukuba.scss */
.outline ul li {
  margin-left: 1em;
  text-indent: -0.5em;
}

/* !Button */
/* line 1150, ../sass/tsukuba.scss */
#menuButton {
  width: 34px;
  height: 34px;
  background-image: url(../images/common/menu.svg);
  background-repeat: no-repeat;
}
/* line 1156, ../sass/tsukuba.scss */
#menuButton.active {
  background-image: url(../images/common/close-w.svg);
}

/* line 1158, ../sass/tsukuba.scss */
.btn {
  letter-spacing: 3px;
}

/* line 1159, ../sass/tsukuba.scss */
.btn_pageTop {
  position: fixed;
  right: 20px;
  display: block;
  font-size: 1.2em;
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  background-color: #E50012;
  z-index: 200;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
/* line 1174, ../sass/tsukuba.scss */
.btn_pageTop a {
  color: white;
}

/* line 1177, ../sass/tsukuba.scss */
.btn_scroll {
  position: absolute;
  top: 80px;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  color: white;
  background-color: black;
  background-image: url(../images/common/nLogo_w.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
  border: 1px solid black;
  z-index: 1;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  -moz-animation: fluffy1 4s ease infinite;
  -webkit-animation: fluffy1 4s ease infinite;
  animation: fluffy1 4s ease infinite;
}
/* line 1202, ../sass/tsukuba.scss */
.btn_scroll p {
  font-size: 10px;
  line-height: 1.5;
  margin-bottom: 0;
}

/* line 1204, ../sass/tsukuba.scss */
.btn-close {
  padding: 10px 20px;
  background-color: #4A4A4A;
  border: none;
  color: white;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  width: 100px;
  margin: 0 auto;
  font-size: 0.6em;
}

/* line 1216, ../sass/tsukuba.scss */
.btn-more {
  display: block;
  width: 300px;
  height: 300px;
  margin: 0 auto;
}
/* line 1221, ../sass/tsukuba.scss */
.btn-more img {
  width: 90%;
}
/* line 1222, ../sass/tsukuba.scss */
.btn-more a {
  color: white;
}

/* line 1224, ../sass/tsukuba.scss */
.btn-more-inner {
  position: absolute;
  bottom: -5%;
  left: 50%;
  margin-left: -80px;
  width: 160px;
  color: white;
  letter-spacing: 2px;
  text-align: center;
  background-color: black;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all  1s ease;
}
/* line 1239, ../sass/tsukuba.scss */
.btn-more-inner:hover {
  background-color: #E50012;
  color: white;
}

/* line 1242, ../sass/tsukuba.scss */
.fadeInBlock {
  opacity: 0;
  transition: .8s;
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
}

/* line 1248, ../sass/tsukuba.scss */
.inViewB {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

@keyframes fluffy1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-80px);
  }
  100% {
    transform: translateY(0);
  }
}
/* !Slider PRO*/
/* line 1264, ../sass/tsukuba.scss */
#slider p.sp-layer {
  padding: 10px;
}

/* line 1268, ../sass/tsukuba.scss */
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  width: 100%;
  top: 0;
  margin-top: 13px;
}

/* line 1275, ../sass/tsukuba.scss */
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  border-color: #790000;
}

/* line 1279, ../sass/tsukuba.scss */
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  border-color: #790000;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

/**************************************

	 			!Media

***************************************/
@media screen and (max-width: 991px) {
  /* line 1300, ../sass/tsukuba.scss */
  nav.gNavi ul li {
    height: auto;
    margin: 5px 6px;
    padding: 0px;
    font-size: 0.7em;
    letter-spacing: 1px;
  }

  /* line 1308, ../sass/tsukuba.scss */
  main .container {
    width: 100%;
  }
  /* line 1311, ../sass/tsukuba.scss */
  main .topVisual {
    margin-top: 10px;
  }
  /* line 1314, ../sass/tsukuba.scss */
  main .topVisual .middle {
    height: 500px;
  }
  /* line 1316, ../sass/tsukuba.scss */
  main .floatTxt {
    font-size: 1.0em;
  }
  /* line 1318, ../sass/tsukuba.scss */
  main #first {
    width: 100%;
  }
  /* line 1321, ../sass/tsukuba.scss */
  main #first .owlBG {
    width: 60vw;
  }
  /* line 1323, ../sass/tsukuba.scss */
  main #first .owlBG .floatImage {
    position: absolute;
    width: 40vw;
    right: 0;
    bottom: 0%;
  }
  /* line 1326, ../sass/tsukuba.scss */
  main #first .owlBG .floatImage img {
    width: 100%;
  }
  /* line 1328, ../sass/tsukuba.scss */
  main #first .owlBG .caption {
    margin-bottom: -2%;
  }
  /* line 1332, ../sass/tsukuba.scss */
  main #second {
    z-index: 2;
  }
  /* line 1333, ../sass/tsukuba.scss */
  main #second .inner {
    float: right;
    width: 5% 0%;
  }
  /* line 1336, ../sass/tsukuba.scss */
  main #second .inner .floatTypo {
    width: 40vw;
  }
  /* line 1336, ../sass/tsukuba.scss */
  main #second .inner .floatTypo img {
    width: 55%;
  }
  /* line 1338, ../sass/tsukuba.scss */
  main #second .floatImage {
    float: left;
    margin-left: 15vw;
    width: 30vw;
  }
  /* line 1338, ../sass/tsukuba.scss */
  main #second .floatImage img {
    width: 100%;
  }
  /* line 1342, ../sass/tsukuba.scss */
  main #third {
    width: 100%;
    height: 100%;
    z-index: 3;
  }
  /* line 1345, ../sass/tsukuba.scss */
  main #third .innerAbs {
    position: absolute;
    top: 10%;
    width: 100%;
  }
  /* line 1346, ../sass/tsukuba.scss */
  main #third .floatTypo {
    position: absolute;
    top: -10%;
    left: -10%;
    width: 40vw;
    height: auto;
  }
  /* line 1347, ../sass/tsukuba.scss */
  main #third .floatTypo .inner {
    position: relative;
    float: right;
    width: 50%;
  }
  /* line 1348, ../sass/tsukuba.scss */
  main #third .floatTypo .inner .floatTxt {
    width: 250%;
    margin-top: 40px;
  }
  /* line 1351, ../sass/tsukuba.scss */
  main #third .space {
    float: right;
    position: relative;
    width: 50vw;
    height: 25vh;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* line 1358, ../sass/tsukuba.scss */
  main #third .space .floatImage {
    position: absolute;
    left: 20%;
  }
  /* line 1363, ../sass/tsukuba.scss */
  main #fourth {
    width: 100%;
    height: 100%;
  }
  /* line 1368, ../sass/tsukuba.scss */
  main #fifth {
    width: 100%;
    height: 100%;
  }

  /* !top */
  /* line 1376, ../sass/tsukuba.scss */
  .top .informationArea {
    width: 100%;
    padding: 30px 40px 30px;
  }
  /* line 1381, ../sass/tsukuba.scss */
  .top .sokyuPoint {
    width: 95%;
    margin: 0px auto 30px;
  }

  /* !pages_ipad */
  /* line 1389, ../sass/tsukuba.scss */
  .pages .cover {
    height: 30vh;
  }
  /* line 1393, ../sass/tsukuba.scss */
  .pages.design main {
    background-color: black;
  }
  /* line 1395, ../sass/tsukuba.scss */
  .pages.design main section {
    padding: 5% 0;
  }
  /* line 1397, ../sass/tsukuba.scss */
  .pages.design .cover {
    background-image: url(../../design/images/topBG.jpg);
  }
  /* line 1398, ../sass/tsukuba.scss */
  .pages.design .flexContainer {
    align-items: center;
    justify-content: space-between;
  }
  /* line 1401, ../sass/tsukuba.scss */
  .pages.design .flexContainer .harf {
    width: 50%;
  }
  /* line 1401, ../sass/tsukuba.scss */
  .pages.design .flexContainer .harf img {
    width: 80%;
  }
  /* line 1402, ../sass/tsukuba.scss */
  .pages.design .flexContainer .flowTitle {
    width: 35%;
    padding-left: 2rem;
  }
  /* line 1402, ../sass/tsukuba.scss */
  .pages.design .flexContainer .flowTitle img {
    width: 100%;
    max-width: 423px;
  }
  /* line 1403, ../sass/tsukuba.scss */
  .pages.design .flexContainer .flowPhoto {
    width: 65%;
  }
  /* line 1403, ../sass/tsukuba.scss */
  .pages.design .flexContainer .flowPhoto img {
    width: 100%;
  }
  /* line 1405, ../sass/tsukuba.scss */
  .pages.design .second {
    padding: 0%;
  }
  /* line 1406, ../sass/tsukuba.scss */
  .pages.design .third {
    padding: 0%;
  }
  /* line 1407, ../sass/tsukuba.scss */
  .pages.design .fourth {
    padding: 0%;
  }
  /* line 1409, ../sass/tsukuba.scss */
  .pages.design .fifth .flowTitle {
    position: absolute;
    top: 5%;
    left: 5%;
  }
  /* line 1410, ../sass/tsukuba.scss */
  .pages.design .fifth .flowTitle2 {
    position: absolute;
    bottom: 5%;
    right: 5%;
  }
  /* line 1414, ../sass/tsukuba.scss */
  .pages.public .cover {
    background-image: url(../../public/images/topBG.jpg);
    padding: 3% 0;
  }
  /* line 1418, ../sass/tsukuba.scss */
  .pages.public h2 {
    max-width: 500px;
  }
  /* line 1420, ../sass/tsukuba.scss */
  .pages.public .flexContainer .ph {
    width: 60%;
  }
  /* line 1420, ../sass/tsukuba.scss */
  .pages.public .flexContainer .ph img {
    width: 100%;
  }
  /* line 1421, ../sass/tsukuba.scss */
  .pages.public .flexContainer .bodyBlock {
    width: 35%;
  }
  /* line 1426, ../sass/tsukuba.scss */
  .pages.access main section {
    padding: 0% 2%;
  }

  /* !outline */
  /* line 1435, ../sass/tsukuba.scss */
  .outline .outlineGrid {
    font-size: 0.8em;
  }
  /* line 1438, ../sass/tsukuba.scss */
  .outline .outlineGrid #grid-1 {
    grid-row: 1/6;
    grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 2;
    padding: 30px;
    border-left: 1px solid black;
  }
  /* line 1439, ../sass/tsukuba.scss */
  .outline .outlineGrid #grid-2 {
    grid-row: 2/8;
    grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    padding: 30px;
    text-align: right;
  }
  /* line 1440, ../sass/tsukuba.scss */
  .outline .outlineGrid #grid-3 {
    grid-row: 7;
    grid-column: 2;
    -ms-grid-row: 6;
    -ms-grid-column: 2;
    padding: 30px;
    border-top: 1px solid black;
    border-left: 1px solid black;
  }
  /* line 1443, ../sass/tsukuba.scss */
  .outline ul li {
    margin-left: 1em;
    text-indent: -0.5em;
  }
}
@media only screen and (max-width: 767px) {
  /* line 1453, ../sass/tsukuba.scss */
  .spHidden, .bg-video {
    display: none;
  }

  /* line 1454, ../sass/tsukuba.scss */
  .pcHidden {
    display: block;
  }

  /* line 1455, ../sass/tsukuba.scss */
  .caption {
    font-size: 9px;
  }

  /* line 1456, ../sass/tsukuba.scss */
  .container {
    width: 100%;
  }

  /* line 1458, ../sass/tsukuba.scss */
  header {
    width: 100%;
    padding: 10px 0 5px;
  }
  /* line 1461, ../sass/tsukuba.scss */
  header .container {
    width: 100%;
    padding: 0;
  }
  /* line 1464, ../sass/tsukuba.scss */
  header .container .logo {
    float: none;
    display: block;
    width: 80px;
    margin: 0 auto;
  }
  /* line 1464, ../sass/tsukuba.scss */
  header .container .logo img {
    width: 100%;
  }
  /* line 1466, ../sass/tsukuba.scss */
  header .container nav.spNav {
    position: relative;
    float: none;
    width: 100%;
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px solid #4A4A4A;
    z-index: 100;
  }
  /* line 1476, ../sass/tsukuba.scss */
  header .container nav.spNav .sp_buttons {
    text-align: center;
    margin: 0 auto;
  }
  /* line 1479, ../sass/tsukuba.scss */
  header .container nav.spNav .sp_buttons a {
    display: inline-block;
    width: 35px;
    margin: 0 1px;
  }
  /* line 1487, ../sass/tsukuba.scss */
  header .container nav.spNav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 0 10px;
    padding-bottom: 5px;
    border-top: none;
    border-bottom: 1px solid #4A4A4A;
    background-color: black;
  }

  /* line 1497, ../sass/tsukuba.scss */
  #menuButton {
    position: absolute;
    top: 6px;
  }

  /* line 1498, ../sass/tsukuba.scss */
  nav.gNavi {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: black;
    z-index: 102;
  }
  /* line 1507, ../sass/tsukuba.scss */
  nav.gNavi ul.content-menu {
    padding: 10% 15%;
    flex-direction: column;
  }
  /* line 1511, ../sass/tsukuba.scss */
  nav.gNavi ul.content-menu li {
    font-size: 0.7em;
    line-height: 2.5;
    letter-spacing: 2px;
  }
  /* line 1515, ../sass/tsukuba.scss */
  nav.gNavi .logo {
    padding: 10% 15% 0%;
  }

  /* line 1519, ../sass/tsukuba.scss */
  .btn-close {
    display: block;
  }

  /* line 1524, ../sass/tsukuba.scss */
  main .floatTxt {
    font-size: 13px;
    line-height: 1.8;
  }
  /* line 1526, ../sass/tsukuba.scss */
  main .topVisual .middle {
    width: 90%;
    height: 340px;
  }
  /* line 1530, ../sass/tsukuba.scss */
  main .sectionContent {
    padding: 15% 0;
  }
  /* line 1532, ../sass/tsukuba.scss */
  main .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  /* line 1537, ../sass/tsukuba.scss */
  main #first {
    width: 100%;
    background: linear-gradient(90deg, white 0%, white 50%, #EAEAEA 50%, #EAEAEA 100%);
  }
  /* line 1540, ../sass/tsukuba.scss */
  main #first .sectionContent {
    padding: 0% 0 10%;
  }
  /* line 1541, ../sass/tsukuba.scss */
  main #first .floatTypo {
    position: relative;
    float: left;
    left: auto;
    top: 20%;
    width: 100%;
    padding-left: 3%;
  }
  /* line 1549, ../sass/tsukuba.scss */
  main #first .floatTypo img {
    width: 20%;
    float: left;
  }
  /* line 1551, ../sass/tsukuba.scss */
  main #first .floatTxt {
    position: relative;
    float: left;
    margin-top: 10px;
  }
  /* line 1552, ../sass/tsukuba.scss */
  main #first .owlBG {
    position: relative;
    float: right;
    width: 70vw;
    height: 28vh;
  }
  /* line 1557, ../sass/tsukuba.scss */
  main #first .owlBG .floatImage {
    position: absolute;
    width: 40vw;
    right: 0;
    bottom: 0%;
  }
  /* line 1560, ../sass/tsukuba.scss */
  main #first .owlBG .floatImage img {
    width: 100%;
  }
  /* line 1562, ../sass/tsukuba.scss */
  main #first .owlBG .caption {
    position: absolute;
    bottom: -60px;
    left: 00px;
  }
  /* line 1567, ../sass/tsukuba.scss */
  main #second {
    z-index: 2;
  }
  /* line 1568, ../sass/tsukuba.scss */
  main #second .sectionContent {
    padding: 10% 0;
  }
  /* line 1569, ../sass/tsukuba.scss */
  main #second .inner {
    float: right;
    width: 5% 0%;
  }
  /* line 1572, ../sass/tsukuba.scss */
  main #second .inner .floatTypo {
    width: 40vw;
  }
  /* line 1572, ../sass/tsukuba.scss */
  main #second .inner .floatTypo img {
    width: 70%;
  }
  /* line 1574, ../sass/tsukuba.scss */
  main #second .floatImage {
    float: left;
    margin-left: 15vw;
    width: 30vw;
  }
  /* line 1574, ../sass/tsukuba.scss */
  main #second .floatImage img {
    width: 100%;
  }
  /* line 1575, ../sass/tsukuba.scss */
  main #second .floatTxt {
    position: relative;
    margin-top: 20px;
    left: 0%;
  }
  /* line 1578, ../sass/tsukuba.scss */
  main #third {
    width: 100%;
    height: 100%;
    background-image: url(../images/top/alphaBG03.svg);
    z-index: 3;
  }
  /* line 1582, ../sass/tsukuba.scss */
  main #third .sectionContent {
    padding: 10% 0 0;
  }
  /* line 1583, ../sass/tsukuba.scss */
  main #third .innerAbs {
    position: absolute;
    top: 10%;
    width: 100%;
  }
  /* line 1584, ../sass/tsukuba.scss */
  main #third .floatTypo {
    position: absolute;
    top: -10%;
    left: -10%;
    width: 40vw;
    height: auto;
  }
  /* line 1585, ../sass/tsukuba.scss */
  main #third .floatTypo .inner {
    position: relative;
    float: right;
    width: 50%;
  }
  /* line 1586, ../sass/tsukuba.scss */
  main #third .floatTypo .inner img {
    width: 100%;
  }
  /* line 1587, ../sass/tsukuba.scss */
  main #third .floatTypo .inner .floatTxt {
    width: 420%;
    margin-top: 40px;
  }
  /* line 1590, ../sass/tsukuba.scss */
  main #third .space {
    float: right;
    position: relative;
    width: 50vw;
    height: 25vh;
    background-image: url(../images/top/jaxa.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* line 1598, ../sass/tsukuba.scss */
  main #third .space .floatImage {
    position: absolute;
    top: 0;
    left: 20%;
    width: 30%;
  }
  /* line 1598, ../sass/tsukuba.scss */
  main #third .space .floatImage img {
    width: 100%;
  }
  /* line 1603, ../sass/tsukuba.scss */
  main #fourth {
    background-image: url(../images/top/kusatsu2-sp.jpg);
  }
  /* line 1607, ../sass/tsukuba.scss */
  main #fifth {
    background-image: url(../images/top/cg-sp.jpg);
  }
  /* line 1610, ../sass/tsukuba.scss */
  main .parallax {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-attachment: scroll;
  }

  /* line 1619, ../sass/tsukuba.scss */
  .telNo svg {
    width: 100%;
  }
  /* line 1619, ../sass/tsukuba.scss */
  .telNo img {
    width: 100%;
  }

  /* line 1621, ../sass/tsukuba.scss */
  .bttomBtnArea .middle button.basicBW {
    margin: 20px 0;
  }

  /* !top */
  /* line 1625, ../sass/tsukuba.scss */
  .top .informationArea {
    width: 100%;
    padding: 0% 0 10%;
  }
  /* line 1629, ../sass/tsukuba.scss */
  .top .informationArea p {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.7;
    margin: 0;
  }
  /* line 1632, ../sass/tsukuba.scss */
  .top .informationArea .infoFlex .infobox {
    width: 100%;
    border-bottom: 2px solid #790000;
  }
  /* line 1639, ../sass/tsukuba.scss */
  .top .sokyuPoint {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0px 0 30px;
  }
  /* line 1645, ../sass/tsukuba.scss */
  .top .sokyuPoint .spbox {
    width: 100%;
    border: 1px solid #E50012;
    margin: 7px 0;
  }

  /* line 1653, ../sass/tsukuba.scss */
  .top2 {
    background: no-repeat;
  }
  /* line 1655, ../sass/tsukuba.scss */
  .top2::before {
    position: fixed;
    content: "";
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background: url(../images/top2/BG_univ_sp.jpg);
  }
  /* line 1669, ../sass/tsukuba.scss */
  .top2 main section h3.iqnoinryoku {
    width: 50%;
  }
  /* line 1670, ../sass/tsukuba.scss */
  .top2 main section h3.iq330 {
    width: 70%;
  }
  /* line 1671, ../sass/tsukuba.scss */
  .top2 main section h2 {
    font-size: 1.4rem;
  }
  /* line 1672, ../sass/tsukuba.scss */
  .top2 main section h4 {
    margin: 3% 0;
  }
  /* line 1673, ../sass/tsukuba.scss */
  .top2 main section p {
    font-size: 0.9rem;
    line-height: 2;
  }
  /* line 1676, ../sass/tsukuba.scss */
  .top2 ul.pbstack {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
  }
  /* line 1684, ../sass/tsukuba.scss */
  .top2 ul.pbstack li {
    position: relative;
    width: 49%;
    margin: 5px 0;
  }
  /* line 1687, ../sass/tsukuba.scss */
  .top2 ul.pbstack li.dosei {
    display: none;
  }
  /* line 1688, ../sass/tsukuba.scss */
  .top2 ul.pbstack li.pb1 {
    left: auto;
    top: auto;
  }
  /* line 1689, ../sass/tsukuba.scss */
  .top2 ul.pbstack li.pb2 {
    left: auto;
    top: auto;
  }
  /* line 1690, ../sass/tsukuba.scss */
  .top2 ul.pbstack li.pb3 {
    left: auto;
    top: auto;
  }
  /* line 1691, ../sass/tsukuba.scss */
  .top2 ul.pbstack li.pb4 {
    right: auto;
    top: auto;
  }
  /* line 1692, ../sass/tsukuba.scss */
  .top2 ul.pbstack li.pb5 {
    right: auto;
    top: auto;
  }
  /* line 1693, ../sass/tsukuba.scss */
  .top2 ul.pbstack li.pb6 {
    right: auto;
    top: auto;
  }
  /* line 1694, ../sass/tsukuba.scss */
  .top2 ul.pbstack li.pb7 {
    right: auto;
    top: auto;
  }
  /* line 1696, ../sass/tsukuba.scss */
  .top2 ul.pbstack li img {
    width: 100%;
  }
  /* line 1699, ../sass/tsukuba.scss */
  .top2 ul.roomplan {
    flex-direction: column;
  }
  /* line 1702, ../sass/tsukuba.scss */
  .top2 ul.roomplan li {
    width: 100%;
    margin-bottom: 10px;
  }
  /* line 1704, ../sass/tsukuba.scss */
  .top2 .sectionTitle {
    width: 90%;
    max-width: 960px;
  }
  /* line 1704, ../sass/tsukuba.scss */
  .top2 .sectionTitle img {
    width: 100%;
  }
  /* line 1705, ../sass/tsukuba.scss */
  .top2 .flex3col, .top2 .flex2col {
    flex-direction: column;
  }
  /* line 1707, ../sass/tsukuba.scss */
  .top2 .flex3col .flexItem, .top2 .flex2col .flexItem {
    width: 100%;
    margin-bottom: 30px;
  }
  /* line 1710, ../sass/tsukuba.scss */
  .top2 .flex2col {
    flex-direction: column;
  }
  /* line 1712, ../sass/tsukuba.scss */
  .top2 .flex2col .flexItem {
    width: 100%;
    margin-bottom: 30px;
  }
  /* line 1714, ../sass/tsukuba.scss */
  .top2 .linkButton {
    margin: 5% auto 0;
    width: 100px;
  }
  /* line 1718, ../sass/tsukuba.scss */
  .top2 .linkButton a {
    display: block;
    width: 100px;
    height: 100px;
    padding: 36px 0;
    color: white;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: #E50012;
    text-align: center;
  }
  /* line 1729, ../sass/tsukuba.scss */
  .top2 .linkButton a:hover {
    opacity: 0.5;
  }

  /* line 1733, ../sass/tsukuba.scss */
  .topWhite {
    background-color: #fff;
  }
  /* line 1736, ../sass/tsukuba.scss */
  .topWhite .topMovie {
    margin-top: 2%;
  }
  /* line 1739, ../sass/tsukuba.scss */
  .topWhite .topMovie .container {
    border: none;
    padding: 2%;
  }
  /* line 1741, ../sass/tsukuba.scss */
  .topWhite::before {
    position: relative;
    display: none;
    z-index: -1;
    width: 100%;
    height: auto;
    background: none;
  }
  /* line 1751, ../sass/tsukuba.scss */
  .topWhite main section .container.rBoder {
    width: 96%;
    margin: 2%;
    padding: 3%;
    box-shadow: none;
  }

  /* line 1760, ../sass/tsukuba.scss */
  .contact .contactTitle {
    font-size: 1.0em;
  }

  /* line 1765, ../sass/tsukuba.scss */
  .pages h1 {
    font-size: 1.0rem;
  }
  /* line 1766, ../sass/tsukuba.scss */
  .pages h2 {
    font-size: 0.9rem;
  }
  /* line 1767, ../sass/tsukuba.scss */
  .pages h3 {
    font-size: 0.8rem;
  }
  /* line 1768, ../sass/tsukuba.scss */
  .pages p {
    font-size: 0.7rem;
  }
  /* line 1769, ../sass/tsukuba.scss */
  .pages .eng {
    display: none;
  }
  /* line 1771, ../sass/tsukuba.scss */
  .pages main h1 {
    margin: 30px 0;
  }
  /* line 1775, ../sass/tsukuba.scss */
  .pages .cover {
    height: 30vh;
  }
  /* line 1777, ../sass/tsukuba.scss */
  .pages .cover .eng {
    display: none;
  }
  /* line 1781, ../sass/tsukuba.scss */
  .pages.concept main .topVisual {
    margin: 80px auto 0;
  }
  /* line 1786, ../sass/tsukuba.scss */
  .pages.design main {
    background-color: black;
  }
  /* line 1788, ../sass/tsukuba.scss */
  .pages.design main section {
    padding: 5% 0;
  }
  /* line 1790, ../sass/tsukuba.scss */
  .pages.design .cover {
    color: white;
    text-shadow: 2px 2px 2px black;
    background-image: url(../../design/images/topBG.jpg);
  }
  /* line 1794, ../sass/tsukuba.scss */
  .pages.design .cover .bodyCopy {
    display: none;
  }
  /* line 1797, ../sass/tsukuba.scss */
  .pages.design .flexContainer {
    flex-direction: column;
    text-align: center;
  }
  /* line 1800, ../sass/tsukuba.scss */
  .pages.design .flexContainer .harf {
    width: 100%;
  }
  /* line 1800, ../sass/tsukuba.scss */
  .pages.design .flexContainer .harf img {
    width: 80%;
  }
  /* line 1801, ../sass/tsukuba.scss */
  .pages.design .flexContainer .flowTitle {
    width: 100%;
    padding: 4%;
  }
  /* line 1801, ../sass/tsukuba.scss */
  .pages.design .flexContainer .flowTitle img {
    width: 100%;
    max-width: auto;
  }
  /* line 1802, ../sass/tsukuba.scss */
  .pages.design .flexContainer .flowPhoto {
    width: 100%;
  }
  /* line 1802, ../sass/tsukuba.scss */
  .pages.design .flexContainer .flowPhoto img {
    width: 100%;
  }
  /* line 1804, ../sass/tsukuba.scss */
  .pages.design .second {
    padding: 0%;
  }
  /* line 1805, ../sass/tsukuba.scss */
  .pages.design .third {
    padding: 0%;
  }
  /* line 1806, ../sass/tsukuba.scss */
  .pages.design .fourth {
    padding: 0%;
  }
  /* line 1808, ../sass/tsukuba.scss */
  .pages.design .fifth .flowTitle {
    position: absolute;
    top: 5%;
    left: 5%;
  }
  /* line 1809, ../sass/tsukuba.scss */
  .pages.design .fifth .flowTitle2 {
    position: absolute;
    bottom: 5%;
    right: 5%;
  }
  /* line 1813, ../sass/tsukuba.scss */
  .pages.public .cover {
    background-image: url(../../public/images/topBG_sp.jpg);
    padding: 3% 0;
  }
  /* line 1817, ../sass/tsukuba.scss */
  .pages.public .cover .flexContainer .harf {
    width: 100%;
    padding: 2% 0;
  }
  /* line 1817, ../sass/tsukuba.scss */
  .pages.public .cover .flexContainer .harf img {
    width: 70%;
  }
  /* line 1820, ../sass/tsukuba.scss */
  .pages.public h2 {
    max-width: auto;
  }
  /* line 1821, ../sass/tsukuba.scss */
  .pages.public .flexContainer {
    flex-direction: column;
  }
  /* line 1823, ../sass/tsukuba.scss */
  .pages.public .flexContainer .ph {
    width: 100%;
    margin-bottom: 10px;
  }
  /* line 1823, ../sass/tsukuba.scss */
  .pages.public .flexContainer .ph img {
    width: 100%;
  }
  /* line 1824, ../sass/tsukuba.scss */
  .pages.public .flexContainer .bodyBlock {
    width: 100%;
  }
  /* line 1829, ../sass/tsukuba.scss */
  .pages.access main section {
    padding: 0% 2%;
  }
  /* line 1831, ../sass/tsukuba.scss */
  .pages.access .flexContainer {
    flex-direction: column;
  }
  /* line 1833, ../sass/tsukuba.scss */
  .pages.access .flexContainer .flowTitle {
    width: 24%;
  }
  /* line 1833, ../sass/tsukuba.scss */
  .pages.access .flexContainer .flowTitle img {
    width: 100%;
  }
  /* line 1834, ../sass/tsukuba.scss */
  .pages.access .flexContainer .flowBody {
    width: 100%;
  }
  /* line 1834, ../sass/tsukuba.scss */
  .pages.access .flexContainer .flowBody img {
    width: 100%;
  }
  /* line 1835, ../sass/tsukuba.scss */
  .pages.access .flexContainer .harf {
    width: 100%;
  }
  /* line 1835, ../sass/tsukuba.scss */
  .pages.access .flexContainer .harf img {
    width: 100%;
  }
  /* line 1840, ../sass/tsukuba.scss */
  .pages.location .cover {
    background-image: url(../../location/images/topBG_sp.jpg);
    background-position: top center;
  }
  /* line 1843, ../sass/tsukuba.scss */
  .pages.location .cover h1 {
    color: white;
  }
  /* line 1846, ../sass/tsukuba.scss */
  .pages.location .bg02 {
    background-image: url(../../location/images/bg02_sp.jpg);
    height: 30vh;
    max-height: 600px;
  }
  /* line 1851, ../sass/tsukuba.scss */
  .pages.location .map {
    width: 80%;
    margin: 0 auto;
  }
  /* line 1855, ../sass/tsukuba.scss */
  .pages.location .map .flexContainer {
    align-items: center;
    justify-content: space-between;
  }
  /* line 1858, ../sass/tsukuba.scss */
  .pages.location .map .flexContainer .flowTitle {
    width: 24%;
  }
  /* line 1858, ../sass/tsukuba.scss */
  .pages.location .map .flexContainer .flowTitle img {
    width: 100%;
  }
  /* line 1859, ../sass/tsukuba.scss */
  .pages.location .map .flexContainer .flowMap {
    width: 100%;
  }
  /* line 1859, ../sass/tsukuba.scss */
  .pages.location .map .flexContainer .flowMap img {
    width: 100%;
  }
  /* line 1862, ../sass/tsukuba.scss */
  .pages.location .bg03 {
    background-image: url(../../location/images/bg03_sp.jpg);
    height: 30vh;
    max-height: 600px;
    margin: 5% 0 0;
  }
  /* line 1868, ../sass/tsukuba.scss */
  .pages.location .flexContainer {
    flex-direction: column;
    justify-content: space-between;
  }
  /* line 1871, ../sass/tsukuba.scss */
  .pages.location .flexContainer .flowTitle {
    width: 65%;
  }
  /* line 1871, ../sass/tsukuba.scss */
  .pages.location .flexContainer .flowTitle img {
    width: 100%;
  }
  /* line 1872, ../sass/tsukuba.scss */
  .pages.location .flexContainer .flowPhoto {
    width: 30%;
  }
  /* line 1872, ../sass/tsukuba.scss */
  .pages.location .flexContainer .flowPhoto img {
    width: 100%;
  }
  /* line 1873, ../sass/tsukuba.scss */
  .pages.location .flexContainer .flowPhoto, .pages.location .flexContainer .flowTitle, .pages.location .flexContainer .harf, .pages.location .flexContainer .quad {
    width: 100%;
    margin: 2% 0;
  }
  /* line 1873, ../sass/tsukuba.scss */
  .pages.location .flexContainer .flowPhoto img, .pages.location .flexContainer .flowTitle img, .pages.location .flexContainer .harf img, .pages.location .flexContainer .quad img {
    width: 100%;
  }
  /* line 1875, ../sass/tsukuba.scss */
  .pages.location .flexContainer.floatBox {
    margin-top: -240px;
  }
  /* line 1878, ../sass/tsukuba.scss */
  .pages.location .second .flexContainer {
    align-items: flex-end;
    margin-top: 0;
  }
  /* line 1880, ../sass/tsukuba.scss */
  .pages.location .harf {
    width: 50%;
  }
  /* line 1880, ../sass/tsukuba.scss */
  .pages.location .harf img {
    width: 80%;
  }
  /* line 1884, ../sass/tsukuba.scss */
  .pages.plan main {
    background-position: center 0;
    background-image: url(../../plan/images/planBG_sp.png);
  }
  /* line 1888, ../sass/tsukuba.scss */
  .pages.plan main .planList {
    padding-bottom: 5%;
  }
  /* line 1890, ../sass/tsukuba.scss */
  .pages.plan main .planList h1 {
    margin-bottom: 5%;
  }
  /* line 1891, ../sass/tsukuba.scss */
  .pages.plan main .planList h2 {
    padding: 2px 15px;
    background-color: #4A4A4A;
    color: white;
  }
  /* line 1896, ../sass/tsukuba.scss */
  .pages.plan main .planList .flexContainer {
    flex-direction: column;
  }
  /* line 1899, ../sass/tsukuba.scss */
  .pages.plan main .planList .flexContainer li {
    width: 100%;
    margin: 1% 0;
  }
  /* line 1905, ../sass/tsukuba.scss */
  .pages.mr .flexContainer {
    flex-direction: column;
    align-items: baseline;
    margin-bottom: 1rem;
  }
  /* line 1909, ../sass/tsukuba.scss */
  .pages.mr .flexContainer h1 {
    width: 70%;
    margin: 0 auto 10px;
  }
  /* line 1909, ../sass/tsukuba.scss */
  .pages.mr .flexContainer h1 img {
    width: 100%;
  }
  /* line 1911, ../sass/tsukuba.scss */
  .pages.mr .modelButton {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }
  /* line 1914, ../sass/tsukuba.scss */
  .pages.mr .modelButton .btn {
    background-color: #790000;
    width: 120px;
    height: 30px;
    margin-right: 0;
  }
  /* line 1915, ../sass/tsukuba.scss */
  .pages.mr .modelButton .btn img {
    width: 40%;
  }
  /* line 1922, ../sass/tsukuba.scss */
  .pages.quality .localNavi .container, .pages.structure .localNavi .container {
    padding: 5% 5% 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  /* line 1927, ../sass/tsukuba.scss */
  .pages.quality .localNavi .container a, .pages.structure .localNavi .container a {
    display: block;
    width: 100%;
    padding: 1% 0;
    text-align: center;
  }
  /* line 1930, ../sass/tsukuba.scss */
  .pages.quality .borderTitle, .pages.structure .borderTitle {
    display: block;
    background-color: #790000;
    color: white;
    padding: 5px;
  }
  /* line 1931, ../sass/tsukuba.scss */
  .pages.quality h2 img, .pages.structure h2 img {
    max-width: 70%;
    height: auto;
  }
  /* line 1932, ../sass/tsukuba.scss */
  .pages.quality h3, .pages.structure h3 {
    font-size: 0.8rem;
    color: inherit;
    font-weight: bold;
    margin: 0 0 5px;
    border-bottom: 1px solid black;
  }
  /* line 1933, ../sass/tsukuba.scss */
  .pages.quality h3 .caption, .pages.structure h3 .caption {
    margin: 0;
  }
  /* line 1934, ../sass/tsukuba.scss */
  .pages.quality h3 span.red, .pages.structure h3 span.red {
    color: #E50012;
  }
  /* line 1936, ../sass/tsukuba.scss */
  .pages.quality h4, .pages.structure h4 {
    font-size: 0.8rem;
    color: #790000;
  }
  /* line 1937, ../sass/tsukuba.scss */
  .pages.quality h5, .pages.structure h5 {
    font-size: 0.7rem;
    font-weight: bold;
    margin: 0 0 5px;
  }
  /* line 1938, ../sass/tsukuba.scss */
  .pages.quality p, .pages.structure p {
    font-size: 0.75rem;
    line-height: 1.5;
  }
  /* line 1938, ../sass/tsukuba.scss */
  .pages.quality p .caption, .pages.structure p .caption {
    margin: 0;
  }
  /* line 1939, ../sass/tsukuba.scss */
  .pages.quality p.caption, .pages.structure p.caption {
    font-size: 8px;
    text-align: right;
    margin: 0;
  }
  /* line 1940, ../sass/tsukuba.scss */
  .pages.quality p.caption.left, .pages.structure p.caption.left {
    text-align: left;
    margin-left: 2%;
  }
  /* line 1943, ../sass/tsukuba.scss */
  .pages.quality .flexContainer img, .pages.structure .flexContainer img {
    width: 100%;
    margin-bottom: 5px;
  }
  /* line 1944, ../sass/tsukuba.scss */
  .pages.quality .flexContainer .nomal img, .pages.structure .flexContainer .nomal img {
    width: auto;
  }
  /* line 1945, ../sass/tsukuba.scss */
  .pages.quality .flexContainer .item2-4, .pages.structure .flexContainer .item2-4 {
    width: 100%;
    padding: 0% 1% 2%;
  }
  /* line 1946, ../sass/tsukuba.scss */
  .pages.quality .flexContainer .item3-4, .pages.structure .flexContainer .item3-4 {
    width: 100%;
    padding: 0% 1% 2%;
  }
  /* line 1947, ../sass/tsukuba.scss */
  .pages.quality .flexContainer .item4, .pages.structure .flexContainer .item4 {
    width: 100%;
    padding: 0% 1% 2%;
  }
  /* line 1948, ../sass/tsukuba.scss */
  .pages.quality .flexContainer .item2-5, .pages.structure .flexContainer .item2-5 {
    width: 100%;
    padding: 0% 1% 2%;
  }
  /* line 1949, ../sass/tsukuba.scss */
  .pages.quality .flexContainer .item3-5, .pages.structure .flexContainer .item3-5 {
    width: 100%;
    padding: 0% 1% 2%;
  }
  /* line 1950, ../sass/tsukuba.scss */
  .pages.quality .flexContainer .item5, .pages.structure .flexContainer .item5 {
    width: 100%;
    padding: 0% 1% 2%;
  }
  /* line 1953, ../sass/tsukuba.scss */
  .pages.quality .flexContainer.serv .item3-4, .pages.structure .flexContainer.serv .item3-4 {
    width: 75%;
    padding: 0% 1% 2%;
  }
  /* line 1954, ../sass/tsukuba.scss */
  .pages.quality .flexContainer.serv .item4, .pages.structure .flexContainer.serv .item4 {
    width: 25%;
    padding: 0% 1% 2%;
  }
  /* line 1957, ../sass/tsukuba.scss */
  .pages.quality .boxBlue, .pages.structure .boxBlue {
    border: 1px solid blue;
    background-color: white;
    padding: 1% !important;
  }
  /* line 1959, ../sass/tsukuba.scss */
  .pages.quality .boxBlue .item3-4, .pages.structure .boxBlue .item3-4 {
    padding: 0% 1% 0%;
  }
  /* line 1960, ../sass/tsukuba.scss */
  .pages.quality .boxBlue .item4, .pages.structure .boxBlue .item4 {
    padding: 0% 1% 0%;
  }
  /* line 1964, ../sass/tsukuba.scss */
  .pages .bttomBtnArea .middle {
    padding: 0px 0;
  }

  /* line 1969, ../sass/tsukuba.scss */
  .popup {
    padding: 15px 15px;
  }
  /* line 1972, ../sass/tsukuba.scss */
  .popup .planTitle {
    width: 90%;
    margin: 10px auto;
  }
  /* line 1975, ../sass/tsukuba.scss */
  .popup .planTitle img {
    width: 100%;
  }
  /* line 1977, ../sass/tsukuba.scss */
  .popup .planSpec {
    flex-direction: column;
  }
  /* line 1981, ../sass/tsukuba.scss */
  .popup .planSpec .leftFlow .flexContainer {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
  }
  /* line 1982, ../sass/tsukuba.scss */
  .popup .planSpec .leftFlow .planTitle {
    width: 100%;
  }
  /* line 1983, ../sass/tsukuba.scss */
  .popup .planSpec .leftFlow .spec {
    width: 100%;
  }
  /* line 1985, ../sass/tsukuba.scss */
  .popup .planSpec .planPicBox {
    width: 100%;
    margin-top: 0px;
  }
  /* line 1986, ../sass/tsukuba.scss */
  .popup .planSpec .planPicBox .planPic {
    padding: 15% 0 0;
  }

  /* line 1994, ../sass/tsukuba.scss */
  .outline h2 {
    margin: 0;
    font-size: 1.0em;
  }
  /* line 1995, ../sass/tsukuba.scss */
  .outline p {
    font-size: 0.9em;
    line-height: 1.8;
    margin-left: 0em;
    text-indent: -0.5em;
  }
  /* line 1996, ../sass/tsukuba.scss */
  .outline main {
    margin: 0px;
  }
  /* line 1997, ../sass/tsukuba.scss */
  .outline .outlineGrid {
    display: block;
  }
  /* line 2001, ../sass/tsukuba.scss */
  .outline .outlineGrid #grid-1 {
    padding: 30px;
    border-left: none;
  }
  /* line 2002, ../sass/tsukuba.scss */
  .outline .outlineGrid #grid-2 {
    padding: 30px;
    text-align: left;
  }
  /* line 2003, ../sass/tsukuba.scss */
  .outline .outlineGrid #grid-3 {
    padding: 30px;
    border: none;
  }
  /* line 2003, ../sass/tsukuba.scss */
  .outline .outlineGrid #grid-3 .togoshi_logo {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 2003, ../sass/tsukuba.scss */
  .outline .outlineGrid #grid-3 .togoshi_logo img {
    width: 100%;
  }
}