body {
  background: #000;
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 20px;
}

@media (max-width: 768px) {
body {
font-size: 14px;
}
}


a {
  color: #fff;
  outline: none;
}
a:hover,
a:focus,
a:active {
  color: #fff;
}



.logo_ando {
position: absolute;
left: 60px;
bottom: 60px;
}

.link_sns {
	font-size: 28px;
	text-align: right;
	display: block;
position: absolute;
right: 60px;
bottom: 60px;
}
.link_ig {
right: calc(60px + 1.5em);
}

@media (min-width: 768px) {
.container {
  width: 580px;
}
}

@media (max-width: 768px) {
.logo_ando {
  width: 60px;
left: 15px;
bottom: 15px;
}

.link_sns {
right: 15px;
bottom: 15px;
}
.link_ig {
right: calc(15px + 1.5em);
}
}

.pos_ab {
  position: static;
}


@media (min-width: 768px) {
.slick-slider.slide_main {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 776px;

  width: 580px;
}
}
@media (min-width: 768px) {
.slick-slider.slide_main {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 776px;

  width: 580px;
}
}


.slide_main img {
  width: 100%;
  height: auto;
}

.slide_main h2 {
margin-top: 130px;
margin-bottom: 70px;
}


.topic_box {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.slide_main h3 {
  margin-top: 0;
  font-size: 20px;
}

@media (max-width: 768px) {
.slide_main h2 {
margin-top: 30px;
margin-bottom: 40px;
}
.topic_box {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.slide_main h3 {
  font-size: 14px;
}

.item_box {
  padding: 30px;
}
}


.item_box .inner {
padding: 40px;
font-size: 14px;
}
.item_box .inner p {
	margin-bottom: 30px;
}
.item_box .inner h3 {
margin-bottom: 30px;
}
.item_box .inner h3 img {
width: 331px;
}




body .slick-dots {
  position: static;
    margin-top: 60px;
}
body .slick-dots:after { content: ""; display: block; clear: both; }

body .slick-dots li {
    margin: 0;
    width: auto;
    height: auto;
}
body .slick-dots li button {
    width: auto;
    height: auto;
  }
body .slick-dots li button:before {
    font-size: 16px;
    line-height: 20px;

    width: auto;
    height: auto;

    color: #fff;

  position: static;
}
body .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #fff;
}



@media (max-width: 768px) {
body .slick-dots {
    margin-top: 30px;
}
body .slick-dots li button:before {
    font-size: 12px;
    line-height: 20px;
}
}