/*fv*/
#fv.fv-ag {
  background: url(../images/ag/bg-fv.svg) #e2ea9a center top repeat-x;
  background-size: auto 630px;
  margin-bottom: 4em;
  height: auto;
  text-align: center;
}
#fv.fv-ag .fv_left-main {
    min-height: 556px;
}
#fv.fv-ag .caption {
    margin: 1em auto 0.5em auto;
    text-align: center;
}
#fv.fv-ag .caption p {
    padding: 0 1em;
  text-align: left;
}


.ag {
  width: 100%;
}
.ag-head {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.ag-head1 {
  display: flex;
  flex-direction: column;
  background: #fcfcf5;
  margin: 0 auto 3em auto;
  padding: 1em 0;
  max-width: 1100px;
  text-align: center;
  position: relative;
}
.ag-head1::before {
  display: block;
  content: '';
  background: url(../images/ag/icon-rhombus.svg) center no-repeat;
  background-size: 92px 92px;
  margin: auto;
  width: 92px;
  height: 92px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -46px;
  z-index: 1;
}
.ag-icon-news {
  margin: 0 auto 1em auto;
  max-width: 77px;
  max-height: 29px;
}
.ag-icon-news img {
  width: 100%;
  height: auto;
}
.ag-main_title {
  display: flex;
  align-items: baseline;
  background: #f491a8;
  margin: 0 auto;
  padding: 1em 2.5em 1em 2.5em;
  border-radius: 999em;
}
.ag-main_title p {
  display: inline-block;
  font-size: 34px;
  line-height: 1.6em;
  text-align: center;
  color: #ffffff;
  vertical-align: baseline; 
}
.ag-main_title p span {
  font-size: 48px;
  vertical-align: baseline; 
}

.ag-main_img {
  margin: -1.5em auto 1em auto;
  width: 290px;
  height: auto;
}
.ag-main_img img {
  width: 100%;
  height: auto;
}
.ag-main_text {
  margin: 0 auto 1em auto;
  font-size: 30px;
  line-height: 1.5em;
  text-align: center;
  z-index: 2;
}
.ag-main_text span {
  font-weight: bold;
  color: #ff7f33;
  
}

.ag-head2 {
  display: flex;
  flex-direction: column;
  margin: 0 auto -2px auto;
  max-width: 1100px;
  text-align: center;
}
.ag-head2 img {
  max-width: 660px;
  height: auto;
}

.ag-body {
  background: #e2ea9a;
  padding: 3em 0;
  width: 100%;
  border-top: 2px solid #946134;
  text-align: center;
}

.ag-0-head {
  margin: 0 auto 2em auto;
  text-align: center;
}
.ag-0-head img {
  margin-bottom: 1em;
  width: 119px;
  height: 91px;
}
.ag-0-head h3 {
  font-size: 44px;
  line-height: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #875732;
}
.ag-0-head p {
  font-size: 20px;
  line-height: 1.8em;
  text-align: left;
  color: #505050;
}
.ag-0-head aside p {
  font-size: 13px;
  line-height: 1.6em;
  text-align: left;
  color: #808080;
}

.ag-01,
.ag-02,
.ag-03 {
  display: flex;
  background: #ffffff;
  flex-direction: column;
  margin: 0 auto 3em auto;
  padding: 2em 4.5em 3em 4.5em;
  max-width: 1100px;
  text-align: center;
}

.ag-01_body {
    display: flex;
    align-items: center;
    gap: 2em;
}
.ag-01_body .ag-text {
  width: calc(100% - 373px);
  text-align: center;
}
.ag-text p {
  font-size: 20px;
  line-height: 1.6em;
}
.ag-text p span {
  font-weight: bold;
  color: #f17592;
}
.ag-text aside .caption {
  font-size: 13px;
  line-height: 1.5em;
  text-align: left;
  color: #808080;
}
.ag-recommend {
  display: inline-block;
  background: #fef4eb;
  margin: 1em auto 0 auto;
  padding: 0.3em 1em;
  font-size: 30px;
  line-height: 1.8em;
  text-align: center;
  font-weight: bold;
  color: #ff7726;
  border-radius: 999em;
}
.ag-recommend span {
  font-size: 46px;
}

.ag-01-img {
  width: 373px;
}
.ag-01-img img {
  width: 100%;
  height: auto;
}

.ag-03_body {
    display: flex;
    align-items: center;
    gap: 2em;
}
.ag-03_body .ag-text {
  width: calc(100% - 362px);
  text-align: center;
}

.ag-03-img {
  width: 362px;
}
.ag-03-img img {
  width: 100%;
  height: auto;
}


.sec01 {
  width: 100%;
}
.sec01-ag_head {
  margin: 0 auto;
  padding: 3em 0;
  width: 100%;
  text-align: center;
}
.sec01-ag_head img {
  margin: 0 auto;
  max-width: 777px;
  height: auto;
}

.sec01-06,
.sec01-07,
.sec01-08 {
  display: flex;
  flex-direction: column;
  background: #fcfcf5;
  margin: 0 auto 3em auto;
  padding: 2em 4.5em 3em 4.5em;
  max-width: 1100px;
  text-align: center;
}
.sec01-0_head {
  margin: 0 auto 2em auto;
  text-align: center;
}
.sec01-0_head img {
  margin-bottom: 1em;
  width: 119px;
  height: 91px;
}
.sec01-0_head h3 {
  font-size: 44px;
  line-height: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #875732;
}

.sec01-0_body {
    display: flex;
    align-items: center;
    justify-content: stretch;
    gap: 2em;
}
.sec01-0_body .sec01-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(100% - 346px);
  text-align: center;
  min-height: 12em;
}
.sec01-07 > .sec01-0_body {
  flex-flow: row-reverse;
}
.sec-text p {
  font-size: 20px;
  line-height: 1.6em;
}
.sec01-text aside {
  margin-top: auto;
}
.sec01-text aside .caption {
  padding-left: 1em;
  font-size: 13px;
  line-height: 1.5em;
  text-align: left;
  text-indent: -1em;
  color: #808080;
}
.sec01-img {
  width: 346px;
}
.sec01-img img {
  width: 100%;
  height: auto;
}


.sec02 {
  width: 100%;
}
.sec02-0 {
  display: flex;
  flex-direction: column;
  margin: 0 auto 3em auto;
  padding: 2em 4.5em 3em 4.5em;
  max-width: 1100px;
  text-align: center;
}
.sec02-0_body {
  /* display: flex;
  flex-direction: column; */
  width: 100%;
  /* gap: 3em; */
}
.sec02-0_body img {
  margin-bottom: 3rem;
  width: 100%;
  height: auto;
}
.sec02-0_body p {
    padding-left: 1em;
    font-size: 13px;
    line-height: 1.6em;
    text-indent: -1em;
    text-align: left;
    color: #a9815d;
}

.campaign.-ag {
    margin: 4em auto 4em auto;
}

.sec02-title {
  width: 100%;
}
.sec02-title h2 img {
  width: 707px;
  height: auto;
}

.pcOnly {
  display: block;
}
.spOnly {
  display: none;
}