@charset "utf-8";


body#about #teaser {
  background-image: url(../images/thought/bg_mainvisual.jpg);
}

#about .pageHeadArea:after {
    background-image: url('../images/thought/img_page_head.png');
}

.pageHeadArea .pageHeadBox h2 {
  margin-right: -100px;
}
.anchorLinkArea {
  padding-bottom: 80px;
}
.anchorLinkArea ul + ul {
  margin-top: 1px;
}

.anchorLinkArea ul li a {
    background-color: #e60012;
}

.anchorLinkArea ul li a:hover {
	opacity: 0.5;
}

.pagePickArea {
  position: relative;
  margin-bottom: 150px;
}
.pagePickArea .anchor {
  top: -90px;
}
.pagePickArea:nth-child(odd) {
  background: #fff;
}


.pagePickArea .columnRight {
  margin-left: 40px;
}

.aboutNoteArea .noteImg {
  left: -12px;
  top: 10px;
}

.thoughtCaption {
  width: 435px;
  height: 225px;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100%;
  box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 1.28;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
.thoughtCaption.bg01 {
  background-image: url(../images/thought/img_thought_popup01.png);
  padding: 44px 208px 90px 40px;
  margin: -40px 0;
}
.thoughtCaption.bg02 {
  background-image: url(../images/thought/img_thought_popup02.png);
  padding: 28px 208px 106px 40px;
  margin: -21px 0
}
.thoughtCaption.bg03 {
  background-image: url(../images/thought/img_thought_popup03.png);
  padding: 34px 208px 100px 40px;
  margin: -20px 0;
}
.thoughtCaption.bg04 {
  background-image: url(../images/thought/img_thought_popup04.png);
  padding: 40px 208px 94px 40px;
  margin: -31px 0;
}
.thoughtCaption.bg05 {
  background-image: url(../images/thought/img_thought_popup05.png);
  padding: 40px 208px 94px 40px;
  margin: -35px 0;
}
.thoughtCaption.bg06 {
  background-image: url(../images/thought/img_thought_popup06.png);
  padding: 54px 208px 80px 40px;
  margin: -46px 0;
}

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

.pageHeadArea .pageHeadBox h2 {
  margin-right: 0;
}
.anchorLinkArea {
  padding-bottom: 4vw;
}
.anchorLinkArea ul + ul {
  margin-top: 0.3125vw;
}

.pagePickArea {
  margin-bottom: 5vw;
}
.pagePickArea .offsetTtl {
    padding: 0;
}
.pagePickArea .anchor {
  top: -17.6vw;
}

.pagePickArea .columnContainer {
  width: 100%;
  display: table;
}
.pagePickArea .columnRight {
  margin-left: 0;
  float: none;
  width: 100%;
  display: table-footer-group;
}
.pagePickArea .columnRight img {
  display: block;
  margin: 4vw auto 0;
}
.pagePickArea .ftBox {
  display: table-header-group;
  width: 100%;
}
.aboutNoteArea .noteImg {
  left: -12px;
  top: 10px;
}

.thoughtCaption {
/*  width: 66.66vw;
  height: 52vw;*/
  width: 63vw;
  height: 50vw;
  font-size: 3.0vw;
  line-height: 1.33;
/*  margin: -20vw auto 0 !important;*/
  margin: -8vw auto 0 !important;
  padding: 4.8vw 28vw 26.4vw 7.6vw !important;
}
.thoughtCaption.bg01 {
  background-image: url(../images/thought/img_thought_popup01_sp.png);
}
.thoughtCaption.bg02 {
  background-image: url(../images/thought/img_thought_popup02_sp.png);
}
.thoughtCaption.bg03 {
  background-image: url(../images/thought/img_thought_popup03_sp.png);
}
.thoughtCaption.bg04 {
  background-image: url(../images/thought/img_thought_popup04_sp.png);
}
.thoughtCaption.bg05 {
  background-image: url(../images/thought/img_thought_popup05_sp.png);
}
.thoughtCaption.bg06 {
  background-image: url(../images/thought/img_thought_popup06_sp.png);
}
.aboutNoteArea .noteImg {
  left: 4vw;
  top: 50%;
  transform: translateY(-50%);
  width: 25vw;
}
}