@charset "shift_jis";
body {
  margin: 0;
}
sup {
	font-size: 60%;
	vertical-align: top;
	position: relative;
}
ul , ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
#contents span.ls {
  letter-spacing: -0.1em;
}
#contents span.ls02 {
  letter-spacing: -0.2em;
}
#contents .hokkaido_factory {
  margin: 0 auto;
  max-width: 750px;
  width: 100%;
  color: #1d1d1d;
  font-family: dnp-shuei-mgothic-std, 'Shuei MaruGo', sans-serif !important;
  overflow: hidden;
}
#contents .hokkaido_factory .wrap01 {
  width: 86.67%;
  max-width: 650px;
  margin: auto;
}
#contents .hokkaido_factory .wrap02 {
  width: 73.33%;
  max-width: 550px;
  margin: auto;
}
#contents .hokkaido_factory div {
  line-height: 1;
}
#contents .hokkaido_factory p {
  padding: 0;
  margin: 0;
}
#contents .hokkaido_factory img {
  width: 100%;
}
#contents .hokkaido_factory .sec01 {
  background:rgba(229,242,250,0.6);
  padding: 0 6.67% 12%;
  border-radius: 0 0 12vw 12vw;
}
#contents .hokkaido_factory .sec01_ttl {
  position: relative;
}
#contents .hokkaido_factory .sec01_ttl .ttl_img {
  line-height: 0;
  position: absolute;
  top: 20%;
  left: 5%;
  width: 25.54%;
  max-width: 166px;
}
#contents .hokkaido_factory .sec01_ttl .ttl_bg {
  margin: -3% 0 -5% 28%;
  width: 73.08%;
  max-width: 475px;
} 
#contents .hokkaido_factory h1 {
  position: absolute;
  top: 29%;
  right: 8%;
  text-align: center;
  color: #5ea8dd;
  font-size: 6.67vw;
  line-height: 1.3;
  font-weight: 600;
}
#contents .hokkaido_factory h1 span{
  font-size: 8.67vw;
  background: linear-gradient(transparent 65%, #e4f5ff 0%);

}
#contents .hokkaido_factory h2,#contents .hokkaido_factory h3 {
  margin: 0;
}
#contents .hokkaido_factory .sec01 {
  margin-bottom: 14%;
}
#contents .hokkaido_factory .sec01_block {
  background-color: #fff;
  border: solid 1px #5ea8dd;
  position: relative;
  border-radius: 12vw 12vw 4vw 4vw;
}
#contents .hokkaido_factory .sec01_block .sec01_icon {
  position: absolute;
  top: 32%;
  right: -6%;
  width: 37.08%;
  max-width: 241px;
}
#contents .hokkaido_factory .sec01_block ul {
  margin: auto;
  padding: 0 6.67%;
  list-style: none;
  margin-top: 5.33%;
}
#contents .hokkaido_factory .sec01_block ul li {
  margin-bottom: 7%;
}
#contents .hokkaido_factory .sec01_block ul li .list_contents {
  display: flex;
  justify-content:flex-start;
  margin-bottom: 3%;
}
#contents .hokkaido_factory .sec01_block ul li > p,#contents .hokkaido_factory .sec01_block ul li .date{
  padding-left: 1%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 3.6vw;
  line-height: 1.3;
}
#contents .hokkaido_factory .sec01_block ul li .list_ttl {
  color: #5ea8dd;
  background-color: #eff7fc;
  border: #5ea8dd;
  display: inline-block;
  padding: 1.5%;
  border: 0.27vw solid #5ea8dd;
  border-radius: 0.67vw;
  font-size: 3.73vw;
  margin-bottom: 3%;
  line-height: 1;
  font-weight: 600;
}
#contents .hokkaido_factory .sec01_block ul li > p.text {
  padding-left: 0;
  margin: 4% 0;
  line-height: 1.5;
}
#contents .hokkaido_factory .sec01_block ul li > p.note {
  font-size: 2.53vw;
  padding-left: 0;
  letter-spacing: -0.01em;
}
#contents .hokkaido_factory .sec01_block ul li .apply {
  min-width: 11.5vw;
  font-size: 2.93vw;
  color: #fff;
  font-weight: 600;
  background-color: #ec6a8b;
  border-radius: 0.67vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1% 0.5%;
  margin-left: 1%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
#contents .hokkaido_factory .sec01_block ul li .apply.end {
  background-color: #aaa;
  color: #fff;
}
#contents .hokkaido_factory .sec01_block .btn01 a{
  width: 100%;
  margin: 7% auto 8%;
  background-color: #5ea8dd;
  border-radius: 100vh;
  font-size: 4.4vw;
  text-align: center;
  padding: 4%;
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
  color: #fff;
  display: block;
  letter-spacing: -0.05em;
}
#contents .hokkaido_factory .sec01_block .btn01 a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5%;
  width: 6.4vw;
  height: 6.4vw;
  margin: auto;
  border-radius: 50%;
  background-color: #fff;
}
#contents .hokkaido_factory .sec01_block .btn01 a:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8.3%;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 1.07vw solid transparent;
  border-right: 0 solid transparent;
  border-left: 1.6vw solid #5ea8dd;
  border-bottom: 1.07vw solid transparent;
  box-sizing: border-box;
  transform: rotate(90deg);
}
/* 募集終了 */
#contents .hokkaido_factory .sec01_block .btn01.end a{
  background-color: #c1c1c1;
  pointer-events: none;
}
#contents .hokkaido_factory .sec01_block .btn01.end a:before {
  content: none;
}
#contents .hokkaido_factory .sec01_block .btn01.end a:after {
  content: none;
}

#contents .hokkaido_factory h2 {
  font-size: 6.27vw;
  padding: 0 0 6%;
  line-height: 1.2;
  margin: 0;
  text-align: center;
  font-weight: 600;
}
#contents .hokkaido_factory h2 span {
  display: block;
  font-size: 2.93vw;
  color: #5ea8dd;
  letter-spacing: 0.1em;
  margin-bottom: 2%;
}
#contents .hokkaido_factory .sec02 .arrow {
  width: 5.6%;
  max-width: 42px;
  margin: auto;
}
#contents .hokkaido_factory .sec02 ol {
  list-style: none;
  padding: 0;
  width: 86.67%;
  max-width: 650px;
  margin: 8% auto 0;
}
#contents .hokkaido_factory .sec02 ol li {
  position: relative;
  margin-bottom: 16%;
}
#contents .hokkaido_factory .sec02 ol li h3 {
  display: flex;
  align-items: center;
  margin-bottom: 4%;
  position: relative;
}
#contents .hokkaido_factory .sec02 ol li h3:before {
  content: "";
  background: url(/info/pr/factory-tour-hokkaido/img/01_line01.png);
  width: 33.47vw;
  height: 1.07vw;
  background-repeat: no-repeat;
  position: absolute;
  left: 27.5%;
  background-size: contain;
}
#contents .hokkaido_factory .sec02 ol li h3:after {
  content: "";
  background: url(/info/pr/factory-tour-hokkaido/img/01_line02.png);
  width: 50vw;
  height: 1.07vw;
  background-repeat: no-repeat;
  position: absolute;
  left: 28%;
  bottom: 4%;
  background-size: contain;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(2) h3:before {
  content: "";
  background: url(/info/pr/factory-tour-hokkaido/img/02_line01.png);
  width: 49.73vw;
  background-repeat: no-repeat;
  position: absolute;
  left: 29%;
  background-size: contain;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(2) h3:after {
  content: "";
  background: url(/info/pr/factory-tour-hokkaido/img/02_line02.png);
  width: 44.93vw;
  height: 1.07vw;
  background-repeat: no-repeat;
  position: absolute;
  left: 29%;
  bottom: 4%;
  background-size: contain;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(3) h3:before {
  content: "";
  background: url(/info/pr/factory-tour-hokkaido/img/03_line01.png);
  width: 53.2vw;
  background-repeat: no-repeat;
  position: absolute;
  left: 30%;
  background-size: contain;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(3) h3:after {
  content: "";
  background: url(/info/pr/factory-tour-hokkaido/img/03_line02.png);
  width: 49.6vw;
  height: 1.07vw;
  background-repeat: no-repeat;
  position: absolute;
  left: 30%;
  bottom: 4%;
  background-size: contain;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(4) h3:before {
  content: "";
  background: url(/info/pr/factory-tour-hokkaido/img/04_line01.png);
  width: 53.2vw;
  background-repeat: no-repeat;
  position: absolute;
  left: 29%;
  background-size: contain;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(4) h3:after {
  content: "";
  background: url(/info/pr/factory-tour-hokkaido/img/04_line02.png);
  width: 43.47vw;
  height: 1.07vw;
  background-repeat: no-repeat;
  position: absolute;
  left: 29%;
  bottom: 4%;
  background-size: contain;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(5) h3:before {
  content: "";
  background: url(/info/pr/factory-tour-hokkaido/img/05_line01.png);
  width: 53.2vw;
  background-repeat: no-repeat;
  position: absolute;
  left: 30%;
  top: 29%;
  background-size: cover;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(5) h3:after {
  content: "";
  background: url(/info/pr/factory-tour-hokkaido/img/05_line02.png);
  width: 43.47vw;
  height: 1.07vw;
  background-repeat: no-repeat;
  position: absolute;
  left: 30%;
  bottom: 33%;
  background-size: cover;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(5) h3 span.des:after {
  content: "";
  background: url(/info/pr/factory-tour-hokkaido/img/05_line03.png);
  width: 53.2vw;
  height: 1.07vw;
  background-repeat: no-repeat;
  position: absolute;
  left: 30%;
  bottom: 0;
  background-size: cover;
}
#contents .hokkaido_factory .sec02 ol li h3 .number {
  font-size: 20vw;
  color: #cee5f5;
  font-weight: 600;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(2) h3 .number {
  color: #fbdfc1;
  margin-right: 2%;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(3) h3 .number {
  color: #f9d2dc;
  margin-right: 3%;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(4) h3 .number {
  color: #f8c7be;
  margin-right: 2%;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(5) h3 .number {
  color: #cde9d0;
  margin-right: 2%;
}
#contents .hokkaido_factory .sec02 ol li h3 .des {
  font-size: 5.33vw;
  line-height: 1.75;
  font-weight: 600;
}
#contents .hokkaido_factory .sec02 ol li .img01 {
  position: absolute;
  width: 19.38%;
  max-width: 126px;
  top: 11%;
  right: -5%;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(3) .img01 {
  position: absolute;
  width: 16.31%;
  max-width: 106px;
  top: 5%;
  right: 1%;
}
#contents .hokkaido_factory .sec02 ol li .bg {
  background-color: #ecf5fc;
  border-radius: 12vw 12vw 2.67vw 2.67vw;
  font-size: 3.73vw;
  line-height: 2;
  padding-bottom: 67%;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(2) .bg {
  background-color: #fdefe0;
  padding-bottom: 4%;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(3) .bg {
  background-color: #fdf0f3;
  padding-bottom: 5%;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(4) .bg {
  background-color: #fdece9;
  padding-bottom: 5%;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(5) .bg {
  background-color: #eef8ef;
  padding-bottom: 10%;
}
#contents .hokkaido_factory .sec02 ol li .text {
  width: 84.62%;
  max-width: 550px;
  margin: 5% auto 0;
  letter-spacing: -0.02em;
}
#contents .hokkaido_factory .sec02 ol li .note {
  width: 84.62%;
  max-width: 550px;
  margin: 0 auto 0;
  letter-spacing: -0.02em;
  font-size: 2.67vw;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(1) .icon01 {
  position: absolute;
  bottom: -1%;
  right: 3%;
  width: 88.92%;
  max-width: 578px;
}

#contents .hokkaido_factory .sec02 ol li:nth-of-type(2) .icon01 {
  position: relative;
  max-width: 688px;
  margin-top: -6%;
  width: 105.85%;
  left: -4%;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(2) .icon02 {
  position: relative;
  max-width: 574px;
  margin: -10% auto 0;
  width: 88.31%;
}

#contents .hokkaido_factory .sec02 ol li:nth-of-type(3) .icon01 {
  position: relative;
  max-width: 625px;
  width: 96.15%;
  left: -1%;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(3) .icon02 {
  position: relative;
  max-width: 574px;
  margin: -20% auto 0;
  width: 88.31%;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(4) .icon01 {
  position: relative;
  max-width: 659px;
  width: 101.38%;
  margin: 3% auto 0;
  left: 4%;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(4) .icon02 {
  position: relative;
  max-width: 574px;
  margin: 2% auto 0;
  width: 88.31%;
}
#contents .hokkaido_factory .sec02 ol li:nth-of-type(5) .icon01 {
  position: relative;
  max-width: 414px;
  margin: 5% auto 0;
  width: 63.69%;
  left: 3%;
}
#contents .hokkaido_factory .sec02 .skincare {
  margin: 0 6.67%;
  color: #5ea8dd;
  text-align: center;
  position: relative;
  margin-top: 18%;
}
#contents .hokkaido_factory .sec02 .skincare .skincare_box {
  border-radius: 2.67vw;
  border: solid 0.53vw #5ea8dd;
  padding: 7% 6%;
  position: relative;
  margin-bottom: 4%;
}
#contents .hokkaido_factory .sec02 .skincare .skincare_dots {
  position: absolute;
  top: -7.5%;
  left: 0;
  right: 0;
  margin: auto;
  width: 2.8vw;
}
#contents .hokkaido_factory .sec02 .skincare .skincare_box h3 {
  font-size: 5.6vw;
  line-height: 1.4;
  margin-bottom: 6%;
  font-weight: 600;
}
#contents .hokkaido_factory .sec02 .skincare .skincare_box h3 span.bg {
  color: #fff;
  background-color: #5ea8dd;
  padding: 1%;
  border-radius: 0.67vw;
}
#contents .hokkaido_factory .sec02 .skincare .skincare_box .item_icon {
  position: absolute;
  right: 0;
  right: -7%;
  top: 29%;
  max-width: 256px;
  width: 34.13%;
}
#contents .hokkaido_factory .sec02 .skincare .plus01 {
  margin-bottom: 2.5%;
}
#contents .hokkaido_factory .sec03 {
  margin-top: 16%;
}
#contents .hokkaido_factory .sec03 ul {
  margin: 0;
  padding: 0 6.67%;
  list-style: none;
}
#contents .hokkaido_factory .sec03 ul li {
  background-color: #fff2e4;
  border-radius: 2.67vw;
  text-align: center;
  margin-bottom: 5.33%;
}
#contents .hokkaido_factory .sec03 ul li:nth-of-type(2) {
  background-color: #f2f8fd;
}
#contents .hokkaido_factory .sec03 ul li .sec03_sub {
  background-color: #f39632;
  border-radius: 0 0 2.67vw 2.67vw;
  display: inline-block;
  color: #fff;
  padding: 2% 4%;
  font-size: 4.4vw;
  margin-bottom: 1%;
}
#contents .hokkaido_factory .sec03 ul li:nth-of-type(2) .sec03_sub {
  background-color: #2f8fd4;
}
#contents .hokkaido_factory .sec03 ul li .omiyage_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 6% 0 10%;
  margin: 1% 0;
}
#contents .hokkaido_factory .sec03 ul li:nth-of-type(2) .omiyage_box {
  align-items: flex-start;
}
#contents .hokkaido_factory .sec03 ul li .omiyage_box .pro_name {
  color: #f39632;
  font-size: 5.73vw;
  font-weight: 600;
  text-align: left;
  letter-spacing: -0.05em;
  line-height: 1.2;
}
#contents .hokkaido_factory .sec03 ul li:nth-of-type(2) .omiyage_box .pro_name {
  color: #2f8fd4;
  white-space: nowrap;
}
#contents .hokkaido_factory .sec03 ul li .omiyage_box .pro_img01 {
  width: 34%;
  max-width: 182px;
  margin-top: 1%;
}
#contents .hokkaido_factory .sec03 ul li .omiyage_box .pro_img02 {
  width: 56.33%;
  max-width: 308px;
}
#contents .hokkaido_factory .sec03 ul li:nth-of-type(2) .omiyage_box .pro_img {
  width: 54%;
}
#contents .hokkaido_factory .sec03 ul li:nth-of-type(2) .omiyage_box .pro_name span {
  background: linear-gradient(transparent 65%, #d3e7f6 0%);
}
#contents .hokkaido_factory .sec03 ul li .omiyage_box .pro_name span.ls02,
#contents .hokkaido_factory .sec03 ul li:nth-of-type(2) .omiyage_box .pro_name span.ls02 {
  background: none;
}
#contents .hokkaido_factory .sec03 ul li .note {
  padding: 0 10% 5.33% 10%;
  text-align: left;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 2.53vw;
  line-height: 1.3;
  letter-spacing: -0.08em;
}
#contents .hokkaido_factory .sec03 ul li:nth-of-type(2) .note {
  margin-top: 3%;
}
#contents .hokkaido_factory .sec03 ul li .sec03_text {
  font-size: 3.6vw;
  color: #2f8fd4;
  text-align: left;
  padding: 5% 10% 2%;
  letter-spacing: -0.05em;
}
#contents .hokkaido_factory .btn02 {
  width: 87.47%;
  max-width: 87.47%;
  margin: 6% auto 16%;
}
#contents .hokkaido_factory .sec04 {
  background-color: #e6f3fa;
  border-radius: 12vw;
  padding: 13.33% 0 24%;
}
#contents .hokkaido_factory .sec04 .btn02 {
  padding-top: 4%;
}
#contents .hokkaido_factory .sec06 .btn02 {
  max-width: none;
  width: 100%;
}
#contents .hokkaido_factory .sec04 .slick-slide .text {
  text-align: justify;
  letter-spacing: -0.01em;
  line-height: 1.8;
}
#contents .hokkaido_factory .sec04 .slick-slide .text span {
  background: linear-gradient(transparent 55%, #dff4ff 0%);
}
#contents .hokkaido_factory .sec04 .slick-slide .name {
  text-align: right;
  font-weight: 600;
  display: inline-block;
  padding-bottom: 1%;
  line-height: 1;
  font-size: 3.2vw;
  margin: auto 0 0;
}
#contents .hokkaido_factory .sec04 .slick-slide .name span {
  background: none;
  display: inline;
  padding-bottom: 0.6%;
  border-bottom: 1px solid #5e5e5e;
}


.slick-slide {
  list-style: none;
  margin: 0 1.6vw 0.4vw;
}

.slide .slick-prev {
  position: absolute;
  z-index: 10;
  border-radius: 50%;
  font-size: 0;
  width: 10vw;
  height: 10vw;
  background: url(/info/pr/factory-tour-hokkaido/img/left.png) center no-repeat;
  background-size: contain;
  left: 4%;
  top: 40%;
}

.slide .slick-next {
  position: absolute;
  z-index: 10;
  border-radius: 50%;
  font-size: 0;
  width: 10vw;
  height: 10vw;
  background: url(/info/pr/factory-tour-hokkaido/img/right.png) center no-repeat;
  background-size: contain;
  right: 4%;
  top: 40%;
}

.slide .slick-prev::before {
  content: '';
  border: 0px;
  transform: rotate(45deg);
  position: absolute;
}

.slide .slick-next::before {
  content: '';
  border: 0px;
  transform: rotate(45deg);
  position: absolute;
}

.slide .slick-slide img {
  display: block;
  margin: auto;
}
.slide-dots {
  margin: 0 auto 0;
  padding: 0;
  text-align: center;
}

.slide-dots li {
  display: inline-block;
  margin: 0 0.93vw;
}

.slide-dots li button {
  position: relative;
  text-indent: -9999px;
}

.slide-dots li button::before {
  background-image: url(/info/pr/factory-tour-hokkaido/img/dots02.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  height: 1.8vw;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 5.33vw;
  width: 2vw;
}

.slide-dots li.slick-active button::before {
  background-image: url(/info/pr/factory-tour-hokkaido/img/dots01.png);
}

button {
  background: none;
  border: none;
  outline: none;
  padding: 0 1.87vw;
}

.slide .slick-dots li {
  font-family: "slick";
  font-size: 0.8vw;
  line-height: 2.67vw;
  list-style: none;
  width: 2.67vw;
  height: 2.67vw;
  content: "•";
  text-align: center;
  color: #d3cfc7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



#contents .hokkaido_factory .sec05 {
  margin-top: 16%;
}
/* accordion */
.accordion_box {
  width: 86.67%;
  margin: 0 auto;
  font-size: 3.87vw;
  text-align: left;
  font-weight: 600;
  border-bottom: solid 1px #5ea8dd;
}

.accordion_box_list {
  font-size: 3.33vw;
  padding: 0 6.67% 0 7.5%;
  margin: 0 0 6%;
  position: relative;
  color: #666666;
  line-height: 1.8;
}
.accordion_box_ttl{
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: baseline;
  padding: 5% 0;
  position: relative;
  line-height: 1.4;
}
.accordion_box_ttl:before {
  content: "Q.";
  color: #5ea8dd;
  font-size: 4.4vw;
  padding-right: 2%;
  font-weight: 400;
}
.accordion_box_list:before {
  content: "A.";
  color: #ec6a8b;
  font-size: 4.4vw;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.4;
}
.accordion_box .icon {
  display: block;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
  right: 2%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.icon::before ,.icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 2.67vw;
  height: 0.27vw;
  background-color: #5ea8dd;
}

.icon::before {
  right: 30%;
  top: 48%;
  transform: rotate(0deg);
}

.icon::after {
  right: 30%;
  top: 48%;
  transform: rotate(90deg);
  transition: 0.4s;
  
}
.accordion_box_ttl.active .icon:after {
  transform: rotate(180deg);
  transition: 0.4s;
}
.accordion_box_list {
  display: none;
}
.accordion_box_list.active {
  display: none;
}
#contents .hokkaido_factory .sec06 {
  background-color: #e6f3fa;
  border-radius: 12vw;
  padding: 13.33% 6.67% 1%;
  margin-top: 16%;
}
#contents .hokkaido_factory .sec06 ul {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  margin-bottom: 14%;
}
#contents .hokkaido_factory .sec06 ul li {
  margin-bottom: 6%;
}
#contents .hokkaido_factory .sec06 ul li:nth-last-of-type(2) {
  margin-bottom: 3%;
}
#contents .hokkaido_factory .sec06 ul li h3 {
  background-color: #cde5f6;
  color: #756c67;
  text-align: center;
  padding: 1.5%;
  font-size: 3.73vw;
  margin-bottom: 2%;
}
#contents .hokkaido_factory .sec06 ul li .text {
  font-size: 3.73vw;
  line-height: 1.8;
  color: #333333;
}
#contents .hokkaido_factory .sec06 ul li .note {
  font-size: 2.53vw;
  color: #333333;
  margin: 2% 0 6%;
  letter-spacing: -0.1em;
  line-height: 1.5;
}
#contents .hokkaido_factory .sec06 ul li .text.link a {
  color: #5ea8dd;
  text-decoration: none;
}
#contents .hokkaido_factory .sec07 {
  margin-top: 16%;
}
#contents .hokkaido_factory .sec07_block {
  border: 0.27vw #649ed5 solid;
  padding: 8% 6.67% 4%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  margin-bottom: 8%;
  box-sizing: border-box;
}
#contents .hokkaido_factory .sec07_block ul h3 {
  background-color: rgba(160, 196, 229, 1);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 0.62vw, rgba(146, 187, 226, 1) 0.62vw, rgba(146, 187, 226, 1) 1.23vw );
  border-radius: 2.13vw;
  font-size: 4.13vw;
  color: #fff;
  font-weight: 400;
  text-align: center;
  padding: 1.5%;
  margin-bottom: 5%;
  line-height: 1.2;
}
#contents .hokkaido_factory .sec07_block ul li {
  margin-bottom: 8%;
}
#contents .hokkaido_factory .sec07_block ul li > p {
  font-size: 2.93vw;
  color: #333;
  margin-bottom: 2.5%;
  line-height: 1.3;
  text-indent: -1em;
  padding-left: 1em;
  letter-spacing: -0.1em;
}
#contents .check h2{
  color: #5ea8dd;
  font-size: 5.2vw;
  line-height: 1.4;
  padding-bottom: 4%;
  margin-top: 11%;
}
#contents .check h2 a {
  text-decoration: none;
  color: #5ea8dd;
  border-bottom: 0.27vw solid #5ea8dd;
  padding-bottom: 0.4vw;
}
#contents .hokkaido_factory .check_block {
  background-color: #fff;
  border: solid 0.27vw #5ea8dd;
  width: 86.67%;
  max-width: 650px;
  border-radius: 2.67vw;
  margin: 0 auto 16%;
}
#contents .hokkaido_factory .check_block ul {
  margin: 10% auto;
  padding: 0 6.67%;
  list-style: none;
  margin-top: 10%;
}
#contents .hokkaido_factory .check_block ul li {
  margin-bottom: 8%;
}
#contents .hokkaido_factory .check_block ul li .list_contents {
  display: flex;
  justify-content:flex-start;
  margin-bottom: 3%;
}
#contents .hokkaido_factory .check_block ul li > p,#contents .hokkaido_factory .check_block ul li .date{
  padding-left: 2%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 3.73vw;
  line-height: 1.3;
}
#contents .hokkaido_factory .check_block ul li > p.text{
  padding-left: 0;
  margin: 4% 0;
  line-height: 1.5;
}
#contents .hokkaido_factory .check_block ul li .list_ttl {
  color: #5ea8dd;
  background-color: #eff7fc;
  border: #5ea8dd;
  display: inline-block;
  padding: 1.5%;
  border: 0.27vw solid #5ea8dd;
  border-radius: 0.67vw;
  font-size: 3.73vw;
  margin-bottom: 3%;
  line-height: 1;
  font-weight: 600;
}
#contents .hokkaido_factory .check_block ul li > p.note {
  font-size: 2.53vw;
  padding-left: 0;
  letter-spacing: -0.01em;
}
#contents .hokkaido_factory .check_block ul li .apply {
  min-width: 11.5vw;
  font-size: 2.93vw;
  color: #fff;
  background-color: #ec6a8b;
  font-weight: 600;
  border-radius: 0.67vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1% 1.5%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
#contents .hokkaido_factory .check_block .btn01 a {
  width: 100%;
  margin: 6% auto;
  background-color: #5ea8dd;
  border-radius: 100vh;
  font-size: 4.4vw;
  text-align: center;
  padding: 4%;
  box-sizing: border-box;
  position: relative;
  display: block;
  letter-spacing: -0.05em;
}
#contents .hokkaido_factory .check_block .btn01 a {
  text-decoration: none;
  color: #fff;
}
#contents .hokkaido_factory .check_block .btn01 a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5%;
  width: 6.4vw;
  height: 6.4vw;
  margin: auto;
  border-radius: 50%;
  background-color: #fff;
}
#contents .hokkaido_factory .check_block .btn01 a:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8%;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 1.2vw solid transparent;
  border-right: 0 solid transparent;
  border-left: 1.6vw solid #5ea8dd;
  border-bottom: 1.2vw solid transparent;
  box-sizing: border-box;
}
#contents .hokkaido_factory .sec06 .check_block {
  background-color: #fff;
  border: solid 2px #5ea8dd;
  width: 100%;
  max-width: 650px;
  border-radius: 2.67vw;
  margin: 0 auto 16%;
}
#contents .hokkaido_factory .sec07 .btn03 {
  width: 73.33%;
  margin: 0 auto 12%;
}
/* 募集終了 */
#contents .hokkaido_factory .check_block .btn01.end a{
  background-color: #c1c1c1;
  pointer-events: none;
}
#contents .hokkaido_factory .check_block .btn01.end a:before {
  content: none;
}
#contents .hokkaido_factory .check_block .btn01.end a:after {
  content: none;
}