@charset "utf-8";
@-webkit-keyframes ContentsSwitch{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@media only screen and (max-width: 768px) {
/* -------------------------------- 

common

-------------------------------- */
.under #Content{
  margin: 19vw 0 0;
}
section[class^=area]{
	position: relative;
  width: 88vw;
  margin: 39vw auto 0;
}
#Pan{
  margin: 27vw auto 0;
}
section .sub-txt{
  margin: 7vw 0 0;
	color: var(--txt-color);
  line-height: 1.75;
}


/* -------------------------------- 
.area-content
-------------------------------- */
section[class=area-content]{
  width: 100%;
  margin-top: 0;
  padding: 20vw 0;
  background: #efefef;
}
.area-content .inner{
  width: 88vw;
  margin: 0 auto;
}
.block-parts02 {
    padding: 14vw 5.5vw;
}
.block-parts02 .txt {
    margin-top: 0;
    line-height: 2;
    font-weight: 400;
}
.block-parts02 .btn-01 a {
    width: 76.9vw;
    border-radius: 6.7vw;
    text-align: left;
    padding: 4.61vw 0 4.61vw 6.6vw;
    margin: 10.25vw auto 0;
    position: relative;
    font-weight: 400;
}
.block-parts02 .btn-01 a:after {
    content: "";
    width: 4.1vw;
    height: 4.1vw;
    background: url(../img/icon-link-w.svg) 0 / contain no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5.8vw;
}

/* -------------------------------- 
.area-concept
-------------------------------- */
section[class=area-concept]{
  position: relative;
  width: 100%;
}
}


@media only screen and (min-width: 769px) {
/* -------------------------------- 

common

-------------------------------- */
.under #Content{
  margin: 87px 0 0;
}
section[class^=area]{
	position: relative;
  width: 980px;
  margin: 240px auto 0;
}
#Pan{
  margin-top: 180px;
}
section .sub-txt{
  width: 814px;
  margin: 35px auto 0;
	color: var(--txt-color);
  line-height: 1.75;
}


/* -------------------------------- 
.area-content
-------------------------------- */
section[class=area-content]{
  width: 100%;
  margin-top: 0;
  padding: 100px 0;
  background: #efefef;
}
.area-content .inner{
  width: 980px;
  margin: 0 auto;
}
.block-parts02 {
    padding: 80px;
}
.block-parts02 .txt {
    margin-top: 0;
    font-size: 18px;
    line-height: 2;
    font-weight: 400;
}
.block-parts02 .btn-01 a {
    width: 350px;
    border-radius: 30px;
    text-align: left;
    padding: 20px 0 20px 24px;
    margin: 60px auto 0;
    position: relative;
    font-size: 14px;
    font-weight: 400;
}
.block-parts02 .btn-01 a:after {
    content: "";
    width: 20px;
    height:20px;
    background: url(../img/icon-link-w.svg) 0 / contain no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
}

/* -------------------------------- 
.area-concept
-------------------------------- */
section[class=area-concept]{
  position: relative;
  width: 100%;
}
}