.display-pc{
  display: block;
}
.display-sp{
  display: none;
}
.present{
  width: 88px;
    margin: 25px auto 0;
}

.size-info{
  width: 940px !important;
    margin: 0 auto 65px;
}

.boxdetail{
  width: 800px !important;
  margin: 0 auto 20px !important;
}

.kodawaribox{
  display: flex;
  flex-wrap: wrap;
  width: 800px;
  margin: 0 auto 50px;
  justify-content: space-between;
  align-items: center;
}

.kodawaribox div{
  width:calc(100% / 2);
  padding: 1%;
  margin: 0 0 15px 0;
}
.kodawaribox div:first-child{
  /*padding-top: 4%;*/
}


/*==============
color
================*/
/*==============
bgcolor
================*/
@import url(https://fonts.googleapis.com/css2?family=Orelega+One&display=swap);
/* line 28, ../scss/_color.scss */
.themaBgLightBlue {
  background-color: #cde4e5; }

/*==============
layout
================*/
/* line 4, ../scss/_layout_pc.scss */
.header-fixed {
  display: block; }

/* line 8, ../scss/_layout_pc.scss */
.columnBox {
  position: relative;
  margin: 0 auto;
  width: 100%;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0; }

/* line 18, ../scss/_layout_pc.scss */
.columnBox__col {
  position: relative;
  margin: 0 auto;
  z-index: -1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 98%;
  padding: 0;
  max-width: 1100px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* line 32, ../scss/_layout_pc.scss */
.glidCol1 .columnBox__colList {
  width: 100%;
  margin: 0 0 10px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  /* line 36, ../scss/_layout_pc.scss */
  .glidCol1 .columnBox__colList img {
    width: 100%;
    max-width: 100%; }

/* line 42, ../scss/_layout_pc.scss */
.grid2 .columnBox__colList {
  width: calc(100% / 2); }

/* line 46, ../scss/_layout_pc.scss */
.grid3 .columnBox__colList {
  width: calc(100% / 3); }

/* line 51, ../scss/_layout_pc.scss */
.reverse {
  flex-direction: row-reverse; }

/*=============
mainImgArea
================*/
/* line 4, ../scss/_common_pc.scss */
.mainImgArea {
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: flex;
  position: relative; }
  /* line 10, ../scss/_common_pc.scss */
  .mainImgArea .mainVis img {
    opacity: 0; }
  /* line 14, ../scss/_common_pc.scss */
  .mainImgArea h1 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }

/* line 22, ../scss/_common_pc.scss */
.mainImgArea {
  animation: mainVisImg 0.5s ease 0.3s 1 forwards;
  opacity: 0;
  height: 0;
  background-repeat: no-repeat;
  background-image: url("https://placehold.jp/1800x700.png");
  background-size: cover;
  background-position: center;
  padding: 28% 0 0 0;
  margin: 0 auto; }

@-webkit-keyframes mainVisImg {
  100% {
    opacity: 1; } }
@keyframes mainVisImg {
  100% {
    opacity: 1; } }
/* line 52, ../scss/_common_pc.scss */
.wrapper {
  position: relative;
  z-index: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff; }

/*==============
fadeOut
================*/
/* line 5, ../scss/_utility.scss */
body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .6s ease;
  transition: opacity .6s ease; }

/* line 20, ../scss/_utility.scss */
body.fadeout::after {
  opacity: 1; }

/*==============
bg
================*/
/* line 28, ../scss/_utility.scss */
.bg::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  opacity: .5;
  background: url(../images/parts/bgTexturetp4.png) repeat 0 0;
  background-color: transparent;
  background-repeat: repeat; }

/*==============
utility
================*/
/* line 71, ../scss/_utility.scss */
.u-ma {
  margin: 0 auto; }

/* line 76, ../scss/_utility.scss */
.u-mb-1 {
  margin-bottom: 10px; }

/* line 76, ../scss/_utility.scss */
.u-mb-2 {
  margin-bottom: 20px; }

/* line 76, ../scss/_utility.scss */
.u-mb-3 {
  margin-bottom: 30px; }

/* line 76, ../scss/_utility.scss */
.u-mb-4 {
  margin-bottom: 40px; }

/* line 76, ../scss/_utility.scss */
.u-mb-5 {
  margin-bottom: 50px; }

/* line 76, ../scss/_utility.scss */
.u-mb-6 {
  margin-bottom: 60px; }

/* line 76, ../scss/_utility.scss */
.u-mb-7 {
  margin-bottom: 70px; }

/* line 76, ../scss/_utility.scss */
.u-mb-8 {
  margin-bottom: 80px; }

/* line 76, ../scss/_utility.scss */
.u-mb-9 {
  margin-bottom: 90px; }

/* line 76, ../scss/_utility.scss */
.u-mb-10 {
  margin-bottom: 100px; }

/* line 76, ../scss/_utility.scss */
.u-mb-11 {
  margin-bottom: 110px; }

/* line 76, ../scss/_utility.scss */
.u-mb-12 {
  margin-bottom: 120px; }

/* line 76, ../scss/_utility.scss */
.u-mb-13 {
  margin-bottom: 130px; }

/* line 76, ../scss/_utility.scss */
.u-mb-14 {
  margin-bottom: 140px; }

/* line 76, ../scss/_utility.scss */
.u-mb-15 {
  margin-bottom: 150px; }

/* line 76, ../scss/_utility.scss */
.u-mb-16 {
  margin-bottom: 160px; }

/* line 76, ../scss/_utility.scss */
.u-mb-17 {
  margin-bottom: 170px; }

/* line 76, ../scss/_utility.scss */
.u-mb-18 {
  margin-bottom: 180px; }

/* line 76, ../scss/_utility.scss */
.u-mb-19 {
  margin-bottom: 190px; }

/* line 76, ../scss/_utility.scss */
.u-mb-20 {
  margin-bottom: 200px; }

/* line 83, ../scss/_utility.scss */
.u-mt-1 {
  margin-top: 10px; }

/* line 83, ../scss/_utility.scss */
.u-mt-2 {
  margin-top: 20px; }

/* line 83, ../scss/_utility.scss */
.u-mt-3 {
  margin-top: 30px; }

/* line 83, ../scss/_utility.scss */
.u-mt-4 {
  margin-top: 40px; }

/* line 83, ../scss/_utility.scss */
.u-mt-5 {
  margin-top: 50px; }

/* line 83, ../scss/_utility.scss */
.u-mt-6 {
  margin-top: 60px; }

/* line 83, ../scss/_utility.scss */
.u-mt-7 {
  margin-top: 70px; }

/* line 83, ../scss/_utility.scss */
.u-mt-8 {
  margin-top: 80px; }

/* line 83, ../scss/_utility.scss */
.u-mt-9 {
  margin-top: 90px; }

/* line 83, ../scss/_utility.scss */
.u-mt-10 {
  margin-top: 100px; }

/* line 83, ../scss/_utility.scss */
.u-mt-11 {
  margin-top: 110px; }

/* line 83, ../scss/_utility.scss */
.u-mt-12 {
  margin-top: 120px; }

/* line 83, ../scss/_utility.scss */
.u-mt-13 {
  margin-top: 130px; }

/* line 83, ../scss/_utility.scss */
.u-mt-14 {
  margin-top: 140px; }

/* line 83, ../scss/_utility.scss */
.u-mt-15 {
  margin-top: 150px; }

/* line 83, ../scss/_utility.scss */
.u-mt-16 {
  margin-top: 160px; }

/* line 83, ../scss/_utility.scss */
.u-mt-17 {
  margin-top: 170px; }

/* line 83, ../scss/_utility.scss */
.u-mt-18 {
  margin-top: 180px; }

/* line 83, ../scss/_utility.scss */
.u-mt-19 {
  margin-top: 190px; }

/* line 83, ../scss/_utility.scss */
.u-mt-20 {
  margin-top: 200px; }

/* line 89, ../scss/_utility.scss */
.u-pb-1 {
  padding-bottom: 10px; }

/* line 89, ../scss/_utility.scss */
.u-pb-2 {
  padding-bottom: 20px; }

/* line 89, ../scss/_utility.scss */
.u-pb-3 {
  padding-bottom: 30px; }

/* line 89, ../scss/_utility.scss */
.u-pb-4 {
  padding-bottom: 40px; }

/* line 89, ../scss/_utility.scss */
.u-pb-5 {
  padding-bottom: 50px; }

/* line 89, ../scss/_utility.scss */
.u-pb-6 {
  padding-bottom: 60px; }

/* line 89, ../scss/_utility.scss */
.u-pb-7 {
  padding-bottom: 70px; }

/* line 89, ../scss/_utility.scss */
.u-pb-8 {
  padding-bottom: 80px; }

/* line 89, ../scss/_utility.scss */
.u-pb-9 {
  padding-bottom: 90px; }

/* line 89, ../scss/_utility.scss */
.u-pb-10 {
  padding-bottom: 100px; }

/* line 89, ../scss/_utility.scss */
.u-pb-11 {
  padding-bottom: 110px; }

/* line 89, ../scss/_utility.scss */
.u-pb-12 {
  padding-bottom: 120px; }

/* line 89, ../scss/_utility.scss */
.u-pb-13 {
  padding-bottom: 130px; }

/* line 89, ../scss/_utility.scss */
.u-pb-14 {
  padding-bottom: 140px; }

/* line 89, ../scss/_utility.scss */
.u-pb-15 {
  padding-bottom: 150px; }

/* line 89, ../scss/_utility.scss */
.u-pb-16 {
  padding-bottom: 160px; }

/* line 89, ../scss/_utility.scss */
.u-pb-17 {
  padding-bottom: 170px; }

/* line 89, ../scss/_utility.scss */
.u-pb-18 {
  padding-bottom: 180px; }

/* line 89, ../scss/_utility.scss */
.u-pb-19 {
  padding-bottom: 190px; }

/* line 89, ../scss/_utility.scss */
.u-pb-20 {
  padding-bottom: 200px; }

/* line 95, ../scss/_utility.scss */
.u-pt-1 {
  padding-top: 10px; }

/* line 95, ../scss/_utility.scss */
.u-pt-2 {
  padding-top: 20px; }

/* line 95, ../scss/_utility.scss */
.u-pt-3 {
  padding-top: 30px; }

/* line 95, ../scss/_utility.scss */
.u-pt-4 {
  padding-top: 40px; }

/* line 95, ../scss/_utility.scss */
.u-pt-5 {
  padding-top: 50px; }

/* line 95, ../scss/_utility.scss */
.u-pt-6 {
  padding-top: 60px; }

/* line 95, ../scss/_utility.scss */
.u-pt-7 {
  padding-top: 70px; }

/* line 95, ../scss/_utility.scss */
.u-pt-8 {
  padding-top: 80px; }

/* line 95, ../scss/_utility.scss */
.u-pt-9 {
  padding-top: 90px; }

/* line 95, ../scss/_utility.scss */
.u-pt-10 {
  padding-top: 100px; }

/* line 95, ../scss/_utility.scss */
.u-pt-11 {
  padding-top: 110px; }

/* line 95, ../scss/_utility.scss */
.u-pt-12 {
  padding-top: 120px; }

/* line 95, ../scss/_utility.scss */
.u-pt-13 {
  padding-top: 130px; }

/* line 95, ../scss/_utility.scss */
.u-pt-14 {
  padding-top: 140px; }

/* line 95, ../scss/_utility.scss */
.u-pt-15 {
  padding-top: 150px; }

/* line 95, ../scss/_utility.scss */
.u-pt-16 {
  padding-top: 160px; }

/* line 95, ../scss/_utility.scss */
.u-pt-17 {
  padding-top: 170px; }

/* line 95, ../scss/_utility.scss */
.u-pt-18 {
  padding-top: 180px; }

/* line 95, ../scss/_utility.scss */
.u-pt-19 {
  padding-top: 190px; }

/* line 95, ../scss/_utility.scss */
.u-pt-20 {
  padding-top: 200px; }

/* line 101, ../scss/_utility.scss */
.u-tac {
  text-align: center; }

/* line 105, ../scss/_utility.scss */
.u-tar {
  text-align: right; }

/* line 109, ../scss/_utility.scss */
.u-tal {
  text-align: left; }

/*# sourceMappingURL=style_pc.css.map */