@charset "utf-8";
.ulMainvisual__inner{
  position: relative;
}
.ulContents:before{}
.ulIntro{}
.ulIntro__note{
  padding: 0 20px;
  text-align: left;
}
.ulIntro__figureList__item:nth-of-type(1){}

.pageAnchor{
  margin: 0 0 1.5rem;
}

.pageSection{
  padding: 3rem 0;
}
.pageSection__inner{}
.pageSectionTitle{
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0 0 2em;
  position: relative;
}
.pageSectionTitle:after{
  background-image: url(/src/images/common/illust/line03_bottom_orange.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -1.25rem;
  content: "";
  display: inline-block;
  height: 14px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 120px;
}
.pageSectionTitle.style-white:after{
  background-image: url("/src/images/common/illust/line03_bottom_white.svg");
}
.pageSection__wrap{}
.pageSection__group{
  border: 1px rgba(232,113,9,1.00) solid;
  padding: 2.8125rem 1.5625rem 2.1875rem;
  margin: 0 0 1.5rem;
}
.pageSection__group:last-of-type{
  margin: 0;
}
.pageSection__block{}
.pageSection__theme{
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 1em;
}
.pageSection__note{
  font-size: 1rem;
  font-weight: 500;
  line-height: 2;
  margin: 1.25rem 0;
}
.pageSection__note:last-child{
  margin: 1.25rem 0 0;
}


.pageSection__figure__group{}
.pageSection__figure__item{}
.pageSection__figure__group.style-col2 .pageSection__figure__item{
  margin: 0 1rem 0 0;
  width: calc((100% - calc(1rem * 1)) / 2);
  }
.pageSection__figure__group.style-col2 .pageSection__figure__item:nth-of-type(2n){
  margin: 0;
  }
.pageSection__figure__item:only-of-type{
  margin: 0 auto;
  max-width: 280px;
  }
.pageSection__figure__item__image{
  border-radius: 10px;
  overflow: hidden;
}
.pageSection__figure__item__caption{
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  margin: 10px 0 0;
}

.pageSection__visual{
  padding: 3rem 0 0;
}
.pageSection__visual__colmun{}
.pageSection__visual.style-col2 .pageSection__visual__colmun{
  width: calc(100% / 2);
}

/* ---------------------------------------------------

	startingPoint

--------------------------------------------------- */
.startingPoint{
  padding: 3rem 0 0;
}
.startingPoint__inner{}
.startingPoint__wrap{}
.startingPoint__group{}
.startingPoint__group:last-of-type{}
.startingPoint__block{}
.startingPoint__theme{}


/* ---------------------------------------------------

	processing

--------------------------------------------------- */
.processing{}
.processing__inner{}
.processing__wrap{}
.processing__group{
  border: 1px rgba(255,255,255,1.00) solid;
}
.processing__group:last-of-type{}
.processing__block{}
.processing__theme{}
.processing__point{}
.processing__point__item{
  margin: 0 0 2rem;
  padding: 0 0 2rem;
  position: relative;
  width: 100%;
  max-width: 290px;
}
.processing__point__item:after{
  background-color: rgba(81,66,65,1.00);
  bottom: 0;
  content: "";
  display: inline-block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.processing__point__item:last-of-type{
  margin: 0;
  padding: 0;
}
.processing__point__item:last-of-type:after{
  display: none;
}
.processing__point__item__subTheme{
  display: block;
  margin: 0 0 1em;
}
.processing__point__item__subTheme__text{
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  position: relative;
}
.processing__point__item__subTheme__text:before,
.processing__point__item__subTheme__text:after{
  background-color: rgba(232,113,9,1.00);
  content: "";
  display: inline-block;
  height: 2em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
}
.processing__point__item__subTheme__text:before{
  left: -2rem;
  transform: translateY(-50%) rotateZ(-30deg);
}
.processing__point__item__subTheme__text:after{
  right: -2rem;
  transform: translateY(-50%) rotateZ(30deg);
}
.processing__point__item__theme{
  align-items: center;
  border: 1px rgba(81,66,65,1.00) solid;
  border-radius: calc(40px / 2);
  box-sizing: border-box;
  display: flex;
  font-size: 1.125rem;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  left: 50%;
  line-height: 1;
  margin: 0;
  padding: 0 0 0.1em;
  width: 100%
}
.processing__point__item__note{
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}
.processing__point__item__note:has(strong){
  line-height: inherit;
}
.processing__point__item__note__strong{
  display: inline-block;
  font-size: 1.625em;
  font-weight: 600;
  margin: 0 0.2em;
}
.processing__point__item__figure{
  margin: 0 auto;
}
.processing__point__item.style-sourHard .processing__point__item__figure{
  max-width: 248px;
}
.processing__point__item.style-sweetSoft .processing__point__item__figure{
  max-width: 217px;
}
.processing__point__item__detailView{
  align-items: center;
  padding: 0.5rem 0 0;
}
.processing__point__item__detailView__outSide{
  margin: 0 1.25rem 0 0;
  width: 52px;
}
.processing__point__item__detailView__outSide__figure{}
.processing__point__item__detailView__inSide{
  width: calc((100% - 1.25rem) - 52px);
}
.processing__point__item__detailView__inSide.style-col3{
  max-width: 130px;
  }
.processing__point__item__detailView__inSide.style-col5{
  max-width: 220px;
  }
.processing__point__item__detailView__inSide__list{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.processing__point__item__detailView__inSide__list__cel{
  display: inline-block;
  margin: 0 6px 6px 0;
  width: 35px;
}
.processing__point__item__detailView__inSide.style-col3 .processing__point__item__detailView__inSide__list__cel{}
.processing__point__item__detailView__inSide.style-col3 .processing__point__item__detailView__inSide__list__cel:nth-of-type(3n){}
.processing__point__item__detailView__inSide.style-col5 .processing__point__item__detailView__inSide__list__cel{}
.processing__point__item__detailView__inSide.style-col5 .processing__point__item__detailView__inSide__list__cel:nth-of-type(5n){}


/* ---------------------------------------------------

	model

--------------------------------------------------- */
.model{
  padding: 3rem 0 0;
}
.model__inner{}
.model__wrap{}
.model__group{}
.model__block{}
.model__theme{}
.model__figure{
  margin: 2.5rem 0 0;
}
.model__figure__inner{}
.model__figure__image{}
.model__figure__note{
  font-size: 1rem;
  font-weight: 500;
  line-height: 2;
  margin: 0;
  padding: 3em 0 0;
}


/* ---------------------------------------------------

	MediaQuery

--------------------------------------------------- */
/* ------------------------------------

	Tablet-Mode

------------------------------------ */
@media screen and (min-width: 600px) {
.ulMainvisual__inner{}
.ulContents:before{}
.ulIntro{
  position: relative;
  }
.ulIntro:before{
  background-image: url("/src/images/common/illust/various07.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 79px;
  position: absolute;
  right: 4vw;
  top: -6rem;
  width: 130px;
  z-index: 210;
  }
.ulIntro__note{
  text-align: center;
  }
.ulIntro__figureList__item:nth-of-type(1){}

.pageAnchor{}

.pageSection{}
.pageSection__inner{}
.pageSectionTitle{
  font-size: 2rem;
  margin: 0 0 2em;
  }
.pageSectionTitle:after{
  bottom: -1.5rem;
  height: 19px;
  width: 160px;
  }
.pageSection__wrap{}
.pageSection__group{}
.pageSection__block{}
.pageSection__theme{
  font-size: 1.25rem;
  line-height: 1.5;
  }
.pageSection__note{
  font-size: 1.125rem;
  line-height: 2.2;
  }

.pageSection__figure__group{}
.pageSection__figure__item{}
.pageSection__figure__group.style-col2 .pageSection__figure__item{}
.pageSection__figure__item:only-of-type{
  max-width: 400px;
  }
.pageSection__figure__item__image{}
.pageSection__figure__item__caption{}

.pageSection__visual{}
.pageSection__visual__colmun{}
.pageSection__visual.style-col2 .pageSection__visual__colmun{}


/* ------------------------------------

	startingPoint

------------------------------------ */
.startingPoint{}
.startingPoint__inner{}
.startingPoint__wrap{}
.startingPoint__group{}
.startingPoint__block{}
.startingPoint__theme{}


/* ------------------------------------

	processing

------------------------------------ */
.processing{}
.processing__inner{}
.processing__wrap{}
.processing__group{}
.processing__block{}
.processing__theme{}
.processing__point{}
.processing__point__item{
  border-right: 1px rgba(81,66,65,1.00) solid;
  margin: 0 1rem 0 0;
  padding: 0 1rem 0 0;
  width: calc((100% - 1rem) / 2);
  max-width: 290px;
  }
.processing__point__item:nth-of-type(2n){
  border-right: none;
  margin: 0;
  padding: 0;
  }
.processing__point__item:after{
  display: none;
  }
.processing__point__item__subTheme{}
.processing__point__item__subTheme__text{}
.processing__point__item__subTheme__text:before,
.processing__point__item__subTheme__text:after{}
.processing__point__item__subTheme__text:before{}
.processing__point__item__subTheme__text:after{}
.processing__point__item__theme{}
.processing__point__item__note{}
.processing__point__item__note__strong{}
.processing__point__item__figure{}
.processing__point__item.style-sourHard .processing__point__item__figure{}
.processing__point__item.style-sweetSoft .processing__point__item__figure{}
.processing__point__item__detailView{}
.processing__point__item__detailView__outSide{}
.processing__point__item__detailView__outSide__figure{}
.processing__point__item__detailView__inSide{}
.processing__point__item__detailView__inSide.style-col3{}
.processing__point__item__detailView__inSide.style-col5{}
.processing__point__item__detailView__inSide__list{}
.processing__point__item__detailView__inSide__list__cel{
  margin: 0 10px 10px 0;
  }
.processing__point__item__detailView__inSide.style-col3 .processing__point__item__detailView__inSide__list__cel{}
.processing__point__item__detailView__inSide.style-col3 .processing__point__item__detailView__inSide__list__cel:nth-of-type(3n){}
.processing__point__item__detailView__inSide.style-col5 .processing__point__item__detailView__inSide__list__cel{}
.processing__point__item__detailView__inSide.style-col5 .processing__point__item__detailView__inSide__list__cel:nth-of-type(5n){}


/* ------------------------------------

	model

------------------------------------ */
.model{}
.model__inner{}
.model__wrap{}
.model__group{}
.model__block{}
.model__theme{}
.model__figure{
  position: relative;
  }
.model__figure:before,
.model__figure:after{
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  }
.model__figure:before{
  background-image: url("/src/images/world_better/protect_orange/model_deco01.webp");
  height: 152px;
  left: 0;
  width: 150px;
  }
.model__figure:after{
  background-image: url("/src/images/world_better/protect_orange/model_deco02.webp");
  height: 77px;
  right: 0;
  width: 80px;
  }
.model__figure__inner{}
.model__figure__image{}
.model__figure__note{
  font-size: 1.125rem;
  line-height: 2.2;
  }


}/* /min-width: 600px */


/* ------------------------------------

	PC-Mode

------------------------------------ */
@media screen and (min-width: 1025px) {
.ulMainvisual__inner{}
.ulContents:before{}
.ulIntro{}
.ulIntro:before{
  height: 343px;
  right: calc(2rem + ((1vw - 0.640625rem) * 32.1788));/*2rem~20rem*/
  top: -7rem;
  width: 331px;
  }
.ulIntro__note{
  padding: 0;
  }
.ulIntro__figureList__item:nth-of-type(1){
  bottom: 2px;
  left: 1rem;
  width:120px
  }

.pageAnchor{
  margin: 0 0 3.75rem;
  }

.pageSection{
  padding: 6.25rem 0;
  }
.pageSection__inner{}
.pageSectionTitle{
  font-size: 2.5rem;
  margin: 0 0 2em;
  }
.pageSectionTitle:after{
  bottom: -2rem;
  height: 23px;
  width: 196px;
  }
.pageSection__wrap{}
.pageSection__group{
  border: 2px rgba(232,113,9,1.00) solid;
  margin: 0 0 2.5rem;
  padding: 4.375rem 6.25rem;
  }
.pageSection__block{}
.pageSection__theme{
  font-size: 1.875rem;
  line-height: 1.6;
  margin: 0 0 1em;
  }
.pageSection__note{
  margin: 1.25rem 0;
  /*margin: 2rem 0;*/
  }
.pageSection__note:last-child{
  margin: 1.25rem 0 0;
}

.pageSection__figure__group{}
.pageSection__figure__item{}
.pageSection__figure__group.style-col2 .pageSection__figure__item{
  margin: 0 2.5rem 0 0;
  width: calc((100% - calc(2.5rem * 1)) / 2);
  }
.pageSection__figure__group.style-col2 .pageSection__figure__item:nth-of-type(2n){
  margin: 0;
  }
.pageSection__figure__item:only-of-type{
  max-width: 640px;
  }
.pageSection__figure__item__image{
  border-radius: 15px;
  }
.pageSection__figure__item__caption{}

.pageSection__visual{
  padding: 6.25rem 0 0;
  }
.pageSection__visual__colmun{}
.pageSection__visual.style-col2 .pageSection__visual__colmun{}


/* ------------------------------------

	startingPoint

------------------------------------ */
.startingPoint{
  padding: 6.25rem 0 0;
  }
.startingPoint__inner{}
.startingPoint__wrap{}
.startingPoint__group{}
.startingPoint__block{}
.startingPoint__theme{}


/* ------------------------------------

	processing

------------------------------------ */
.processing{}
.processing__inner{}
.processing__wrap{}
.processing__group{
  border: 2px rgba(255,255,255,1.00) solid;
  }
.processing__block{}
.processing__theme{}
.processing__point{}
.processing__point__item{
  margin: 0 3.125rem 0 0;
  padding: 0 3.125rem 0 0;
  width: calc((100% - 3.125rem) / 2);
  max-width: 350px;
  }
.processing__point__item:nth-of-type(2n){
  margin: 0;
  padding: 0;
  }
.processing__point__item:after{}
.processing__point__item__subTheme{}
.processing__point__item__subTheme__text{
  font-size: 1.0625rem;
  }
.processing__point__item__subTheme__text:before,
.processing__point__item__subTheme__text:after{}
.processing__point__item__subTheme__text:before{
  left: -2rem;
  }
.processing__point__item__subTheme__text:after{
  right: -2rem;
  }
.processing__point__item__theme{
  font-size: 1.25rem;
  line-height: 1;
  }
.processing__point__item__note{}
.processing__point__item__note__strong{}
.processing__point__item__figure{}
.processing__point__item.style-sourHard .processing__point__item__figure{}
.processing__point__item.style-sweetSoft .processing__point__item__figure{}
.processing__point__item__detailView{}
.processing__point__item__detailView__outSide{
  margin: 0 1.25rem 0 0;
  width: 52px;
  }
.processing__point__item__detailView__outSide__figure{}
.processing__point__item__detailView__inSide{
  width: calc((100% - 1.25rem) - 52px);
  }
.processing__point__item__detailView__inSide.style-col3{
  max-width: 130px;
  }
.processing__point__item__detailView__inSide.style-col5{
  max-width: 220px;
  }
.processing__point__item__detailView__inSide__list{}
.processing__point__item__detailView__inSide__list__cel{}
.processing__point__item__detailView__inSide.style-col3 .processing__point__item__detailView__inSide__list__cel{}
.processing__point__item__detailView__inSide.style-col3 .processing__point__item__detailView__inSide__list__cel:nth-of-type(3n){
  margin: 0 0 10px;
}
.processing__point__item__detailView__inSide.style-col5 .processing__point__item__detailView__inSide__list__cel{}
.processing__point__item__detailView__inSide.style-col5 .processing__point__item__detailView__inSide__list__cel:nth-of-type(5n){
  margin: 0 0 10px;
}


/* ------------------------------------

	model

------------------------------------ */
.model{
  padding: 6.25rem 0 0;
  }
.model__inner{}
.model__wrap{}
.model__group{}
.model__block{}
.model__theme{}
.model__figure{
  margin: 5rem 0 0;
  }
.model__figure:before,
.model__figure:after{}
.model__figure:before{
  height: 319px;
  width: 314px;
  }
.model__figure:after{
  height: 145px;
  top: 5rem;
  width: 150px;
  }
.model__figure__inner{}
.model__figure__image{}
.model__figure__note{
  padding: 5em 0 0;
  }


}/* /min-width: 1025px */


/* ------------------------------------

	PC-Mode > Irregular

------------------------------------ */
@media screen and (min-width: 1366px) {
.ulContents:before{
  height: 280px;
  }
.ulIntro__figureList__item:nth-of-type(1){
  bottom: 1.5rem;
  left: 3.75rem;
  width: 215px;
  }


}/* /min-width: 1366px */