@charset "UTF-8";
/* CSS Document */
.content-wrapper {
    width: 82%;
    padding-top: 150px;
}
.link-area:hover,.san-title:hover{
  opacity: 0.8;
}
/*ここからコンテンツ*/
.section-links {
  width: 100%;
  margin: 0 auto 200px;
  text-align: center;
  padding-right: calc(170/ 1140 *100%);
  padding-left: calc(170/ 1140 *100%);
}
.section-links_mg{
  margin-bottom: 300px;
}
.section-links_square{
  background-color:#FFF;
  width: 250px;
  height: auto;
  margin: 0 auto;
}
/*.section-links_square{
  background-color:#FFF;
  width: 270px;
  height: 240px;
}*/
#artling-img{
 width: 30%;
 height: auto;
 margin: 0 auto;
}
.section-links_square img{
  width: auto;
  height: 240px;
}
.section-links_flex{
  width: 100%;
  max-width: 740px;
  display: flex;
  margin: 0 auto;
  list-style: none;
  justify-content:center;
  text-align: center;
}
.section-links_flex_ch{
  width: 60%;
  padding-bottom: 50px;
}
.section-links_description{
  width: 100%;
  text-align: left;
  font-weight: 400;
}
.link-area{
  margin-bottom: 80px;
  list-style: none;
}
.link-area p{
  text-align: center;
}
.link-area-txt{
  margin: 0 auto;
  justify-content: center;
}
@media (max-width:960px){
.content-wrapper{
    width: 100%;
    max-width: 960px;
    padding-top:0px;
  }
.section-links {
  width: 100%;
  max-width: 960px;
  margin: 0 auto 200px;
  text-align: center;
  padding-right: calc(100/ 960 *100%);
  padding-left: calc(100/ 960 *100%);
}

/*@media (max-width:780px){
.section-links_flex{
  width: 100%;
  max-width: 780px;
  display: block;
  margin: 0 auto;
}
.section-links_square{
  background-color:#FFF;
  width: 250px;
  height: 250px;
  /*border: 1px solid #333;*/
  /*margin: 0 auto;
}
.san-title{
  text-align: center;
  font-size: 1.8rem;
  padding-top: 2.4rem;
  padding-bottom: 0;
  letter-spacing: 1px;
}
.link-area p{
  margin-top: 2.4rem;
}
}*/
@media (max-width: 799px){
.content-wrapper{
    width: 100%;
    max-width: 599px;
    padding-top:50px;
  }
.section-links {
  width: 100%;
  max-width: 599px;
  margin: 0 auto 200px;
  text-align: center;
  padding-right: calc(30/ 599 *100%);
  padding-left: calc(30/ 599 *100%);
}
#artling-img{
  width: 15%;
  height: auto;
  margin: 0 auto;
 }
.section-links_flex{
  display: block;
  width: 100%;
  margin-bottom: 80px;
}
.section-links_flex_ch {
  width: 100%;
  padding-bottom: 30px;
}
.section-links_description{
  width: 100%;
  text-align: center;
}
}
@media (max-width: 375px){
  .link-area p br{
  display: none;
  }
}