@charset "UTF-8";

/* MV */
.p-mv {
  height: 500px;
  background-image: url(../../../uploads/img/mv/mainvisual.jpg);
  background-size: 1920px 500px;
  background-position: center;
}
.p-mv__content {
  max-width: 1200px;
  padding-top: 92.8px;
  padding-left: 126px;
}
.p-mv__title {
  font-family: var(--font-title);
  color: #F78914;
  font-weight: 400;
  font-size: 47px;
  line-height: calc(76 / 45);
}
.p-mv__title span {
  font-size: 66px;
  line-height: calc(76 / 63);
}
.p-mv__copy {
  font-family: var(--font-title);
  color: #826051;
  font-weight: 400;
  margin-top: 3px;
  font-size: 40px;
  line-height: calc(45 / 37);
}
.p-mv__text {
  color: #4D4D4D;
  line-height: calc(32 / 18);
  margin-top: 62px;
  margin-left: 26px;
  font-size: 18px;
}
@media(max-width: 1200px){
.p-mv {
  height: calc(500/var(--view-size)*100vw);
  background-size: calc(1920/var(--view-size)*100vw) calc(500/var(--view-size)*100vw);
}
.p-mv__content {
  max-width: initial;
  padding-top: calc(92.8/var(--view-size)*100vw);
  padding-left: calc(126/var(--view-size)*100vw);
}
.p-mv__title {
  font-size: calc(47/var(--view-size)*100vw);
}
.p-mv__title span {
  font-size: calc(66/var(--view-size)*100vw);
}
.p-mv__copy {
  margin-top: calc(3/var(--view-size)*100vw);
  font-size: calc(40/var(--view-size)*100vw);
}
.p-mv__text {
  margin-top: calc(62/var(--view-size)*100vw);
  margin-left: calc(26/var(--view-size)*100vw);
  font-size: calc(18/var(--view-size)*100vw);
}
}
@media(max-width: 680px){
.p-mv {
  height: auto;
  background-size: calc(360/var(--view-size)*100vw) calc(434/var(--view-size)*100vw);
  background-image: url(../../../uploads/img/mv/mainvisual-sp.jpg);
  background-position: top;
  background-repeat: no-repeat;
}
.p-mv__content {
  max-width: initial;
  padding-top: calc(432/var(--view-size)*100vw);
  padding-left: calc(25/var(--view-size)*100vw);
  padding-right: calc(25/var(--view-size)*100vw);
}
.p-mv__title {
  font-weight: 500;
  text-align: center;
  font-size: calc(42/var(--view-size)*100vw);
  line-height: calc(71 / 42);
}
.p-mv__title span {
  font-size: calc(58.8/var(--view-size)*100vw);
  line-height: calc(71 / 62.8);
}
.p-mv__copy {
  text-align: center;
  margin-top: calc(17/var(--view-size)*100vw);
  font-size: calc(36/var(--view-size)*100vw);
  line-height: calc(53 / 36);
}
.p-mv__text {
  margin-top: calc(22/var(--view-size)*100vw);
  margin-left: calc(4/var(--view-size)*100vw);
 line-height: calc(32 / 18);
}
.p-mv__bottom {
  margin-top: calc(48/var(--view-size)*100vw);
}
.p-mv__btn {
  display: block;
  margin-top: calc(12/var(--view-size)*100vw);
  border-radius: calc(1000/var(--view-size)*100vw);
  text-align: center;
  font-size: calc(18/var(--view-size)*100vw);
  line-height: calc(55/var(--view-size)*100vw);
  border: solid #F78914 calc(2.5/var(--view-size)*100vw);
  color: #F78914;
}
.p-mv__btn:first-child {
  margin-top: 0;
  background-color: #F78914;
  color: #fff;
}
}
/* MVここまで */

/* 活動報告 */
.p-report {
  padding-top: 72px;
  padding-bottom: 100px;
}
.p-report__heading {
  letter-spacing: 0.08em;
}
.p-report__content {
  margin-top: 28px;
}
.p-report__btn {
  margin-top: 8px;
  text-align: center;
}
.p-report__btn a {
  display: inline-block;
  width: 300px;
  border-radius: 999px;
  border: solid 2.5px #F78914;
  font-size: 18px;
  line-height: calc(60 / 18);
  color: #F7931E;
}
@media(max-width: 1200px){
.p-report {
  padding-top: calc(72/var(--view-size)*100vw);
  padding-bottom: calc(100/var(--view-size)*100vw);
}
.p-report__content {
  margin-top: calc(28/var(--view-size)*100vw);
}
.p-report__btn {
  margin-top: calc(8/var(--view-size)*100vw);
}
.p-report__btn a {
  width: calc(300/var(--view-size)*100vw);
  border-radius: calc(999/var(--view-size)*100vw);
  border: solid calc(2.5/var(--view-size)*100vw) #F78914;
  font-size: calc(18/var(--view-size)*100vw);
}
@media(max-width: 680px){
.p-report {
  padding-top: calc(66/var(--view-size)*100vw);
  padding-bottom: calc(66/var(--view-size)*100vw);
}
}
}
/* 活動報告ここまで */

/* これまでの実績 */
.p-achievements {
  background-color: #FFF9F2;
  padding-top: 54px;
  padding-bottom: 72px;
}
.p-achievements__columns {
  margin-top: 60px;
  display: flex;
}
.p-achievements__column {
  width: 50%;
}
.p-achievements__column:nth-child(1) {
  margin-left: 50px;
}
.p-achievements__column:nth-child(2) {
  margin-left: 86px;
}
.p-achievements__list {
  position: relative;
  line-height: calc(30 / 20);
  color: #4D4D4D;
  font-size: 20px;
  margin-top: 44px;
}
.p-achievements__list:first-child {
  margin-top: 0;
}
.p-achievements__list::before {
  content: "";
  position: absolute;
  top: 0;
  left: -52px;
  width: 43.4px;
  height: 43.3px;
  background-image: url(../../../uploads/img/achievements/flower.png);
  background-size: cover;
}
.p-achievements__column ul {
  position: relative;
}
.p-achievements__column li > img {
  margin-top: 16px;
}
.p-achievements__column li > img {
  display: block;
  width: 300px;
}
@media(max-width: 1200px){
.p-achievements {
  padding-top: calc(54/var(--view-size)*100vw);
  padding-bottom: calc(72/var(--view-size)*100vw);
}
.p-achievements__columns {
  margin-top: calc(60/var(--view-size)*100vw);
}
.p-achievements__column:nth-child(1) {
  margin-left: calc(50/var(--view-size)*100vw);
}
.p-achievements__column:nth-child(2) {
  margin-left: calc(86/var(--view-size)*100vw);
}
.p-achievements__list {
  font-size: calc(20/var(--view-size)*100vw);
  margin-top: calc(44/var(--view-size)*100vw);
}
.p-achievements__list::before {
  top: 0;
  left: calc(-52/var(--view-size)*100vw);
  width: calc(43.4/var(--view-size)*100vw);
  height: calc(43.3/var(--view-size)*100vw);
}
.p-achievements__column li > img {
  margin-top: calc(16/var(--view-size)*100vw);
}
.p-achievements__column li > img {
  width: calc(300/var(--view-size)*100vw);
}
}
@media(max-width: 680px){
.p-achievements {
  padding-top: calc(41/var(--view-size)*100vw);
  padding-bottom: calc(52/var(--view-size)*100vw);
}
.p-achievements__columns {
  margin-top: calc(32/var(--view-size)*100vw);
  display: block;
}
.p-achievements__column:nth-child(1),
.p-achievements__column:nth-child(2) {
  width: calc(100% - (55/var(--view-size)*100vw));
  margin-left: calc(55/var(--view-size)*100vw);
}
.p-achievements__column:nth-child(2) {
  margin-top: calc(28/var(--view-size)*100vw);
}
.p-achievements__column:nth-child(3) {
  margin-top: calc(32/var(--view-size)*100vw);
  margin-left: 0;
  width: 100%;
  height: calc(321.5/var(--view-size)*100vw);
}
.p-achievements__list {
  line-height: calc(28 / 18);
  font-size: calc(18/var(--view-size)*100vw);
  margin-top: calc(28/var(--view-size)*100vw);
}
.p-achievements__column li > img {
  width: 100%;
}
}
/* これまでの実績ここまで */

/* これからの取り組み */
.p-attempt {
  padding-top: 75px;
  padding-bottom: 40px;
}
.p-attempt__content {
  margin-top: 42px;
}
.p-attempt__columns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.p-attempt__column {
  width: 530px;
}
.p-attempt__card {
  margin-top: 18px;
}
.p-attempt__card:first-child {
  margin-top: 0;
}
@media(max-width: 1200px){
.p-attempt {
  padding-top: calc(76/var(--view-size)*100vw);
  padding-bottom: calc(40/var(--view-size)*100vw);
}
.p-attempt__content {
  margin-top: calc(42/var(--view-size)*100vw);
}
.p-attempt__column {
  width: calc(530/var(--view-size)*100vw);
}
.p-attempt__card {
  margin-top: calc(18/var(--view-size)*100vw);
}
}
@media(max-width: 680px){
.p-attempt {
  padding-top: calc(57/var(--view-size)*100vw);
  padding-bottom: calc(34/var(--view-size)*100vw);
}
.p-attempt__content {
  margin-top: calc(24/var(--view-size)*100vw);
}
.p-attempt__columns {
  display: block;
}
.p-attempt__column {
  width: 100%;
}
.p-attempt__column:last-child {
  margin-top: calc(13/var(--view-size)*100vw);
}
.p-attempt__card {
  margin-top: calc(13/var(--view-size)*100vw);
}
}
/* これからの取り組みここまで */

/* ほかほか通信バックナンバー */
.p-banner {
  padding-top: 19px;
  padding-bottom: 100px;
}
.p-banner__content {
  position: relative;
  overflow: hidden;
  border: solid 1px #9B9B9B;
  width: 100%;
  height: 260px;
  padding-left: 410px;
  padding-right: 25px;
}
.p-banner__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 388.26px;
  height: 100%;
  background-image: url(../../../uploads/img/backnumber/group.png);
  background-size: cover;
}
.p-banner__title {
  font-family: var(--font-title);
  font-weight: 400;
  line-height: calc(44 / 36);
  font-size: 38px;
  margin-top: 50px;
  margin-bottom: 30px;
}
.p-banner__title span {
  position: relative;
  display: inline-block;
  color: #826051;
}
.p-banner__title span::before {
  content: "";
  position: absolute;
  bottom: calc(-3/var(--view-size)*100vw);
  left: 0;
  width: 100%;
  height: calc(18/var(--view-size)*100vw);
  background-color: #FFE7C7;
  z-index: -1;
}
.p-banner__text {
  font-family: var(--font-title);
  line-height: calc(24 / 20);
  font-size: 21px;
}
.p-banner__btn {
  text-align: right;
  margin-top: 48px;
}
.p-banner__link {
  position: relative;
  display: inline-block;
  color: #826051;
  width: 250px;
  padding-right: 43px;
  border-radius: 999px;
  border: solid 2px #FBB03B;
  line-height: 34px;
}
.p-banner__link::before,
.p-banner__link::after {
  content: "";
  position: absolute;
  right: 25px;
  width: 12px;
  height: 2px;
  background-color: #F78914;
}
.p-banner__link::before {
  top: 40%;
  transform: rotate(35deg);
}
.p-banner__link::after {
  top: 58%;
  transform: rotate(-35deg);
}
@media(max-width: 1200px){
.p-banner {
  padding-top: calc(19/var(--view-size)*100vw);
  padding-bottom: calc(100/var(--view-size)*100vw);
}
.p-banner__content {
  border: solid calc(1/var(--view-size)*100vw) #9B9B9B;
  height: calc(260/var(--view-size)*100vw);
  padding-left: calc(410/var(--view-size)*100vw);
  padding-right: calc(25/var(--view-size)*100vw);
}
.p-banner__content::before {
  width: calc(388.26/var(--view-size)*100vw);
}
.p-banner__title {
  font-size: calc(38/var(--view-size)*100vw);
  margin-top: calc(50/var(--view-size)*100vw);
  margin-bottom: calc(30/var(--view-size)*100vw);
}
.p-banner__text {
  font-size: calc(21/var(--view-size)*100vw);
}
.p-banner__btn {
  margin-top: calc(48/var(--view-size)*100vw);
}
.p-banner__link {
  width: calc(250/var(--view-size)*100vw);
  padding-right: calc(45/var(--view-size)*100vw);
  border-radius: calc(999/var(--view-size)*100vw);
  border: solid calc(2/var(--view-size)*100vw) #FBB03B;
  line-height: calc(34/var(--view-size)*100vw);
}
.p-banner__link::before,
.p-banner__link::after {
  right: calc(25/var(--view-size)*100vw);
  width: calc(12/var(--view-size)*100vw);
  height: calc(2/var(--view-size)*100vw);
}
}
@media(max-width: 680px){
.p-banner {
  padding-top: calc(34/var(--view-size)*100vw);
  padding-bottom: calc(69/var(--view-size)*100vw);
}
.p-banner__content {
  height: auto;
  padding-bottom: calc(222/var(--view-size)*100vw);
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.p-banner__content::before {
  top: initial;
  bottom: 0;
  left: 0;
  width: calc(309.13/var(--view-size)*100vw);
  height: calc(207/var(--view-size)*100vw);
}
.p-banner__title {
  line-height: calc(44 / 38);
  margin-top: calc(20/var(--view-size)*100vw);
  margin-bottom: calc(28/var(--view-size)*100vw);
}
.p-banner__text {
  line-height: calc(28.5 / 20);
  font-size: calc(19/var(--view-size)*100vw);
}
.p-banner__btn {
  margin-top: calc(17/var(--view-size)*100vw);
  text-align: center;
}
.p-banner__link {
  padding-right: calc(16/var(--view-size)*100vw);
}
}
/* ほかほか通信バックナンバーここまで */

/* 日々の活動をSNSで配信しています */
.p-sns {
  background-color: #FFF9F2;
  padding-top: 46px;
  padding-bottom: 52px;
}
.p-sns__heading {
  font-size: 30px;
}
.p-sns__heading span {
  position: relative;
}
.p-sns__heading span::before,
.p-sns__heading span::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 25px;
  height: 2px;
  background-color: #826051;
}
.p-sns__heading span::before {
  left: -35px;
  transform: rotate(45deg) translateY(-50%);
}
.p-sns__heading span::after {
  right: -35px;
  transform: rotate(-45deg) translateY(-50%);
}
.p-sns__content {
  padding-left: 30px;
  padding-right: 30px;
}
.p-sns__columns {
  display: flex;
  justify-content: space-between;
}
.p-sns__column {
  background-color: #fff;
  width: 280px;
  height: 120px;
  border-radius: 10px;
}
@media(max-width: 1200px){
.p-sns {
  padding-top: calc(46/var(--view-size)*100vw);
  padding-bottom: calc(52/var(--view-size)*100vw);
}
.p-sns__heading {
  font-size: calc(27/var(--view-size)*100vw);
}
.p-sns__heading span::before,
.p-sns__heading span::after {
  width: calc(32/var(--view-size)*100vw);
  height: calc(2/var(--view-size)*100vw);
}
.p-sns__heading span::before {
  left: calc(-44/var(--view-size)*100vw);
}
.p-sns__heading span::after {
  right: calc(-35/var(--view-size)*100vw);
}
.p-sns__content {
  padding-left: calc(30/var(--view-size)*100vw);
  padding-right: calc(30/var(--view-size)*100vw);
}
.p-sns__column {
  width: calc(280/var(--view-size)*100vw);
  height: calc(120/var(--view-size)*100vw);
  border-radius: calc(10/var(--view-size)*100vw);
}
}
@media(max-width: 680px){
.p-sns {
  padding-top: calc(40/var(--view-size)*100vw);
  padding-bottom: calc(50/var(--view-size)*100vw);
}
.p-sns__heading span::before,
.p-sns__heading span::after {
  top: 80%;
}
.p-sns__heading span::before {
  left: calc(-80/var(--view-size)*100vw);
}
.p-sns__heading span::after {
  right: calc(-27/var(--view-size)*100vw);
}
.p-sns__content {
  padding-left: calc(25/var(--view-size)*100vw);
  padding-right: calc(25/var(--view-size)*100vw);
}
.p-sns__columns {
  display: block;
}
.p-sns__column {
  margin-top: calc(24/var(--view-size)*100vw);
  width: 100%;
  height: auto;
}
.p-sns__column:first-child {
  margin-top: 0;
}
}
/* 日々の活動をSNSで配信していますここまで */