/*                    environment                        */


#environment .mv_inner {
 background-color: #ffd72e;
 padding:  min(17rem, calc(170vw / 13.66)) 0 0;
 position: relative;
}
#environment .mv_ttl {
 width:  min(62.4rem, calc(624vw / 13.66));
 margin: 0 auto;
}
#environment .mv_txt {
 font-size: 1.8rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 margin-top:  min(5rem, calc(50vw / 13.66));
}

.environment_bg_img_01 {
 width:  min(30rem, calc(300vw / 13.66));
 position: absolute;
 top:  min(28.8rem, calc(288vw / 13.66));
 left:  max(-120rem, calc(-1200vw / 13.66));
 right: 0;
 margin: 0 auto;
}
#environment .mv_inner .food_img_01 {
 width:  min(31.4rem, calc(314vw / 13.66));
 position: absolute;
 top:  min(28rem, calc(280vw / 13.66));
 right:  max(-116rem, calc(-1160vw / 13.66));
 left: 0;
 margin: 0 auto;
}

.training_top_inner {
 background-color: #ffd72e;
 padding:  min(15rem, calc(150vw / 13.66)) 0  min(17rem, calc(170vw / 13.66));
}

.training_top_flex {
 width: min(110rem, calc(1100vw / 13.66));
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
}
.training_top_flex:first-of-type {
 margin-bottom:  min(1.5rem, calc(15vw / 13.66));
}
.training_top_thum {
 width: min(54rem, calc(540vw / 13.66));
 position: relative;
}
.training_top_thum img {
 border: min(.2rem, calc(2vw / 13.66)) solid #333333;
 border-radius: min(.5rem, calc(5vw / 13.66));
 position: relative;
 z-index: 1;
 box-sizing: border-box;
}
.training_top_thum::before {
 content: '';
 width: 100%;
 height: 100%;
 border-radius:  min(.5rem, calc(5vw / 13.66));
 border:  min(.2rem, calc(2vw / 13.66)) solid #333;
 box-sizing: border-box;
 background-color: #fff;
 position: absolute;
 top:  min(.8rem, calc(8vw / 13.66));
 left:  min(.8rem, calc(8vw / 13.66));
}
.training_top_detail {
 width: min(46.8rem, calc(468vw / 13.66));
 text-align: justify;
}
.training_top_ttl {
 width: min(26.4rem, calc(264vw / 13.66));
}
.training_top_txt {
 font-size: 1.8rem;
 letter-spacing: 0.12em;
 margin-top:  min(4rem, calc(40vw / 13.66));
 font-weight: 600;
}


.training_top_box {
 width:  min(64rem, calc(640vw / 13.66));
 position: relative;
}
.training_top_box::before {
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 top: min(.6rem, calc(6vw / 13.66));
 left:  min(.6rem, calc(6vw / 13.66));
 box-sizing: border-box;
 border: 2px solid #333333;
 background-color: #fff;
 border-radius:  min(.5rem, calc(5vw / 13.66));
}
.training_top_box_inner {
 background-color: #c40c16;
 position: relative;
 z-index: 1;
 box-sizing: border-box;
 border: 2px solid #333333;
 border-radius:  min(.5rem, calc(5vw / 13.66));
 padding:  min(2rem, calc(20vw / 13.66)) min(5rem, calc(50vw / 13.66))  min(3rem, calc(30vw / 13.66));
 text-align: justify;
 color: #fff;
 position: relative;
 z-index: 5;
}
.training_top_box_inner::before ,
.training_top_box_inner::after {
 content: '';
 width: min(3.6rem, calc(36vw / 13.66));
 height: min(2.4rem, calc(24vw / 13.66));
 background: #333;
clip-path: polygon(0 0, 0 90%, 100% 100%);
position: absolute;
top:  min(9.6rem, calc(96vw / 13.66));
right:  max(-4.4rem, calc(-44vw / 13.66));
}
.training_top_box_inner::after  {
 background-color: #fff;
 top:  min(9.4rem, calc(94vw / 13.66));
 right:  max(-3.8rem, calc(-38vw / 13.66));
}
.training_top_box_inner .arrow{
 position: absolute;
 width: min(3.6rem, calc(36vw / 13.66));
 height: min(2.4rem, calc(24vw / 13.66));
top:  min(9rem, calc(90vw / 13.66));
right:  max(-3.8rem, calc(-38vw / 13.66));
z-index: 1;
}
.training_top_box_inner .arrow::before ,
.training_top_box_inner .arrow::after {
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 clip-path: polygon(0 0, 0 90%, 100% 100%);
 background-color: #333333;
}
.training_top_box_inner .arrow::after  {
 background-color: #c40c16;
 top:  max(-.2rem, calc(-2vw / 13.66));
left:  max(-.6rem, calc(-6vw / 13.66));
}
.training_top_box_ttl {
 font-size: 3.6rem;
 font-weight: 900;
 letter-spacing: 0.09em;
}
.training_top_box_txt {
 font-size: 1.8rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 margin-top:  min(.5rem, calc(5vw / 13.66));
}
.training_top_img {
 width:  min(42.5rem, calc(425vw / 13.66));
}


.training_top .btn {
 margin: min(7.5rem, calc(75vw / 13.66)) auto 0;
}



.welfare_top_inner {
 background-color: #f9cc12;
 padding: min(13rem, calc(130vw / 13.66)) 0 min(17.5rem, calc(175vw / 13.66));
 position: relative;
 z-index: 0;
}
.welfare_top_inner::after {
  content: "";
 width: 100%;
 height: min(12rem, calc(120vw / 13.66));
 background: url(../images/common/wave_yellow_deep.svg) repeat-x;
 position: absolute;
 top: max(-6rem, calc(-60vw / 13.66));
 left: 0;
 z-index: -1;
}
#environment  .food_img_02 {
 width:  min(26.6rem, calc(266vw / 13.66));
 position: absolute;
 top:  max(-19rem, calc(-190vw / 13.66));
 left:  max(-120rem, calc(-1200vw / 13.66));
 right: 0;
 margin: 0 auto;
}
.welfare_top_flex {
 width: min(110rem, calc(1100vw / 13.66));
 margin: 0 auto  min(9rem, calc(90vw / 13.66));
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: relative;
}
.welfare_top_detail {
 width: min(46.8rem, calc(468vw / 13.66));
}
.welfare_top_ttl {
 width: min(25.8rem, calc(258vw / 13.66));
}
.welfare_top_txt {
 font-size: 1.8rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 text-align: justify;
 margin-top: min(5rem, calc(50vw / 13.66));
}
.welfare_top_thum {
 width: min(54rem, calc(540vw / 13.66));
 position: relative;
}
.welfare_top_thum img {
 box-sizing: border-box;
 border:  min(.2rem, calc(2vw / 13.66)) solid #000;
 border-radius:  min(.5rem, calc(5vw / 13.66));
 position: relative;
 z-index: 1;
}
.welfare_top_thum::before {
 content: '';
 width: 100%;
 height: 100%;
 border-radius:  min(.5rem, calc(5vw / 13.66));
 border:  min(.2rem, calc(2vw / 13.66)) solid #333;
 box-sizing: border-box;
 background-color: #fff;
 position: absolute;
 top:  min(.8rem, calc(8vw / 13.66));
 left:  min(.8rem, calc(8vw / 13.66));
}
.welfare_top .btn {
 margin: 0 auto;
}
.environment_bg_img_02 {
 width:  min(23.4rem, calc(234vw / 13.66)) ;
 position: absolute;
 top:  min(2rem, calc(20vw / 13.66));
 left: 0;
 right:  max(-104rem, calc(-1040vw / 13.66));
 margin: 0 auto;
}
.environment_bg_img_02::before {
 content: "";
 width: min(3.2rem, calc(32vw / 13.66));
 height: min(2.6rem, calc(26vw / 13.66));
 background: url(../images/environment/environment_bg_img_02_left.svg) no-repeat;
 background-size: cover;
 position: absolute;
 top: min(9.6rem, calc(96vw / 13.66));
 left: max(-1.4rem, calc(-14vw / 13.66));
 z-index: 2;
}
.environment_bg_img_02::after {
 content: "";
 width: min(3.2rem, calc(32vw / 13.66));
 height: min(2.6rem, calc(26vw / 13.66));
 background: url(../images/environment/environment_bg_img_02_right.svg) no-repeat;
 background-size: cover;
 position: absolute;
 top: min(9.2rem, calc(92vw / 13.66));
 right: min(9.3rem, calc(93vw / 13.66));
 z-index: 2;
}




.lenient_top_inner {
 position: relative;
 padding: min(13rem, calc(130vw / 13.66)) 0 min(17.5rem, calc(175vw / 13.66));
 background-color: #ffbc00;
}
.lenient_top_inner::after {
  content: "";
 width: 100%;
 height: min(12rem, calc(120vw / 13.66));
 background: url(../images/common/wave_orange.svg) repeat-x;
 position: absolute;
 top: max(-6rem, calc(-60vw / 13.66));
 left: 0;
}
.lenient_top_slide {
 width: 100%;
 height:  min(25rem, calc(250vw / 13.66));
 background: url(../images/environment/lenient_img.webp) repeat-x;
 background-size: contain;
 animation: lenient_top_slide infinite linear;
 animation-duration: 20s;

}
@keyframes lenient_top_slide {
 0% {
  background-position: 0  0;
 }
 100% {
  background-position: max(-113.6rem, calc(-1136vw / 13.66))  0;
 }

}
.lenient_top_txt {
 width:  min(67.6rem, calc(676vw / 13.66));
 text-align: center;
 font-size: 1.8rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 margin:  min(5rem, calc(50vw / 13.66)) auto 0;

}
.lenient_top .btn {
 margin: min(6rem, calc(60vw / 13.66)) auto 0;
}
.lenient_top .btn a{
 line-height: 1.6;
 padding:  min(1.7rem, calc(17vw / 13.66))  0;
}


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

#environment .mv_inner {
 padding: 11rem 0 0;
}
#environment .mv_ttl {
 width: 22rem;
}
#environment .mv_txt {
 width: 33.5rem;
 margin: 0 auto;
 text-align: justify;
 font-size: 1.4rem;
 letter-spacing: 0.06em;
 margin-top: 3.5rem;
}
#environment .mv_inner .food_img_01 {
 width:  13.3rem;
 top:129rem;
 z-index: 3;
 right: auto;
 left: -2.8rem;
 margin: 0 ;
}


.training_top_inner {
 padding:  6.5rem 0  10rem;
}
.training_top_flex {
 width:33.5rem;
 flex-direction: column;
}
.training_top_flex:first-of-type {
 margin-bottom:  4rem;
}
.training_top_thum {
 width:100%;
}
.training_top_thum img {
 border:.1rem solid #333333;
 border-radius: .3rem;
}
.training_top_thum::before {
 border-radius:.3rem;
 border: .1rem solid #333;
 top: .4rem;
 left: .4rem;
}
.training_top_detail {
 width: 100%;
 margin-top: 2rem;
}
.training_top_ttl {
 width:14rem;
}
.training_top_txt {
 font-size: 1.4rem;
 letter-spacing: 0.06em;
 line-height: 1.78;
 margin-top: 1.5rem;
}


.training_top_box {
 width: 33.5rem;
}
.training_top_box::before {
 top:.4rem;
 left: .4rem;
 border: .1rem solid #333333;
 border-radius: .3rem;
}
.training_top_box_inner {
 border: .1rem solid #333333;
 border-radius: .3rem;
 padding:  1rem 2rem  2rem;
}
.training_top_box_inner::before ,
.training_top_box_inner::after {
 width: .9rem;
 height: .7rem;
top: auto;
bottom: -1.1rem;
right: -.5rem;
left: 0;
margin: 0 auto;
clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.training_top_box_inner::after  {
 top: auto;
 bottom: -.9rem;
 right: -.5rem;
}
.training_top_box_inner .arrow{
 width: .9rem;
 height: .7rem;
top:  auto;
bottom: -.7rem;
right:  0;
left: 0;
margin: 0 auto;
}
.training_top_box_inner .arrow::before ,
.training_top_box_inner .arrow::after {
 top: 0;
 left: 0;
 clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.training_top_box_inner .arrow::after  {
 top:-.2rem;
left: 0;
}
.training_top_box_ttl {
 font-size: 2rem;
 text-align: center;
}
.training_top_box_txt {
 font-size: 1.4rem;
 letter-spacing: 0.06em;
 margin-top: .5rem;
}
.training_top_img {
 width:29.1rem;
 margin: 0 auto;
 margin-top: 3.5rem;

}


.training_top .btn {
 margin: 0 auto 0;
}



.welfare_top_inner {
 padding: 10rem  0 15rem;
}
.welfare_top_inner::after {
 height:6rem;
 top:-3rem;
 background-size: cover;
}
#environment  .food_img_02 {
 width: 11rem;
 top: 57rem;
 left:-3.3rem;
 right: auto;
 margin: 0;
 z-index: 3;
}
.welfare_top_flex {
 width: 33.5rem;
 margin: 0 auto  4rem;
 flex-direction: column-reverse;
}
.welfare_top_detail {
 width: 100%;
 margin-top: 2rem;
}
.welfare_top_ttl {
 width: 13.5rem;
}
.welfare_top_txt {
 font-size: 1.4rem;
 letter-spacing: 0.06em;
 margin-top: 1rem;
}
.welfare_top_thum {
 width:100%;
}
.welfare_top_thum img {
 border:  .1rem solid #000;
 border-radius: .3rem;
}
.welfare_top_thum::before {
 border-radius:.3rem;
 border: .1rem solid #333;
 top:  .4rem;
 left:  .4rem;
}
.environment_bg_img_02 {
 width: 11.6rem ;
 top:  4.7rem;
 left: auto;
 right: -1.3rem;
 margin: 0 ;
}
.environment_bg_img_02::before {
 width:1.5rem;
 height: 1.2rem;
 top: 4.6rem;
 left: -.5rem;
}
.environment_bg_img_02::after {
 width:1.5rem;
 height: 1.2rem;
 top: 4.5rem;
 right:5rem;
}




.lenient_top_inner {
 padding: 7.5rem 0 9.5rem;
}
.lenient_top_inner::after {
 height: 6rem;
 top:-3rem;
 background-size: cover;
}
.lenient_top_slide {
 width: 100%;
 height: 15rem;
 background-size: cover;
 animation-duration: 15s;

}
@keyframes lenient_top_slide {
 0% {
  background-position: 0  0;
 }
 100% {
  background-position:-68.4rem  0;
 }

}
.lenient_top_txt {
 width: 33.5rem;
 font-size: 1.4rem;
 letter-spacing: 0.06em;
 margin: 3.5rem auto 0;
 text-align: justify;

}
.lenient_top .btn {
 margin: 3.5rem auto 0;
}
.lenient_top .btn::before {
border-radius: 3.2rem;
}
.lenient_top .btn a{
 line-height: 1.6;
 padding:  1rem  0;
 border-radius: 3.2rem;
}


}




/*                    training                        */
#training .mv_inner {
 background-color: #ffd72e;
 padding: min(17rem, calc(170vw / 13.66)) 0 min(14rem, calc(140vw / 13.66));
}
#training .mv_ttl {
 width: min(30.7rem, calc(307vw / 13.66));
 margin: 0 auto;
}



.training_main_inner {
 background-color: #ffd72e;
 padding-bottom:  min(19rem, calc(190vw / 13.66));
 position: relative;
}
.training_main_inner .food_img_01 {
 width:  min(36rem, calc(360vw / 13.66));
 position: absolute;
 top:  max(-22rem, calc(-220vw / 13.66));
 left:  max(-112rem, calc(-1120vw / 13.66));
 right: 0;
 margin: 0 auto;
}
.training_bg_img_01 {
 width:  min(20.2rem, calc(202vw / 13.66));
 position: absolute;
 top:  max(-11.5rem, calc(-115vw / 13.66));
 left: 0;
 right: max(-66rem, calc(-660vw / 13.66));
 margin: 0 auto;
 z-index: 5;

}
.training_item {
 width: min(90rem, calc(900vw / 13.66));
 margin: 0 auto 0;
 margin-top:  max(-9rem, calc(-90vw / 13.66));
 position: relative;
}
.training_item:first-of-type {
 margin-top: 0;
 z-index: 4;
}
.training_box {
 background-color: #fcba00;
 border: #333 solid min(.2rem, calc(2vw / 13.66));
 padding: min(7rem, calc(70vw / 13.66)) 0 min(15rem, calc(150vw / 13.66));
  clip-path: polygon(0 0, 100% 0, 100% 86%, 50% 100%, 50% 100%, 0 86%);
  box-sizing: border-box;
}
.training_item::before {
 content: '';
 width: 100%;
 height:  min(10.7rem, calc(107vw / 13.66));
 background: url(../images/training/training_arrow.svg) no-repeat ;
 background-size: cover;
 background-position: center;
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: 1;
}
.training_box_ttl {
 width: min(29.7rem, calc(297vw / 13.66));
 margin: 0 auto min(3rem, calc(30vw / 13.66));
}

.training_box_txt {
 font-size: 1.8rem;
 font-weight: 600;
 letter-spacing: 0.12em;
 line-height: 1.88;
}
.training_box_flex {
 width: min(65rem, calc(650vw / 13.66));
 margin: min(5rem, calc(50vw / 13.66)) auto 0;
 display: flex;
 justify-content: space-between;
}
.training_box_img {
 width: min(30rem, calc(300vw / 13.66));
 position: relative;
 z-index: 1;
}
.training_box_img img {
 border-radius:  min(.5rem, calc(5vw / 13.66));
 border:  min(.2rem, calc(2vw / 13.66)) solid #333333;
 box-sizing: border-box;
}
.training_box_img::before {
 content: '';
 width: 100%;
 height: 100%;
 background-color: #fff;
 box-sizing: border-box;
 border-radius:  min(.5rem, calc(5vw / 13.66));
 border:  min(.2rem, calc(2vw / 13.66)) solid #333333;
 position: absolute;
 top: min(.8rem, calc(8vw / 13.66));
 left: min(.8rem, calc(8vw / 13.66));
 z-index: -1;
}

.training_item:nth-of-type(2) {
 z-index: 3;
}
.training_item:nth-of-type(2) .training_box{
padding: min(12rem, calc(120vw / 13.66)) 0  min(9rem, calc(90vw / 13.66));
background-color: #ffac1a;
 clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 50% 100%, 0 70%);
}
.training_box_txt_bold {
 font-size: 2.6rem;
 line-height: 1.6;
 font-weight: 600;
 letter-spacing: 0.09em;
}
.training_item:nth-of-type(3) {
 z-index: 2;
}
.training_item:nth-of-type(3) .training_box_ttl {
 width: min(10.4rem, calc(104vw / 13.66));
 margin: 0 auto min(3rem, calc(30vw / 13.66));
}
.training_item:nth-of-type(3) .training_box{
padding: min(14rem, calc(140vw / 13.66)) 0  min(16rem, calc(160vw / 13.66));
background-color: #ff8b00;
 clip-path: polygon(0 0, 100% 0, 100% 86%, 50% 100%, 50% 100%, 0 86%);
}
.training_item:nth-of-type(4) {
 z-index: 1;
}
.training_item:nth-of-type(4) .training_box_ttl{
 width:  min(43.6rem, calc(436vw / 13.66)) ;
}
.training_item:nth-of-type(4)::before {
 content: none;
}
.training_item:nth-of-type(4) .training_box{
padding: min(14rem, calc(140vw / 13.66)) 0  min(7rem, calc(70vw / 13.66));
background-color: #ff6d00;
clip-path: none;
}
.training_item:nth-of-type(4) .training_box_flex {
 position: relative;
 width: min(65rem, calc(650vw / 13.66));
}
.training_item:nth-of-type(4)  .training_box_txt{
 width: min(65rem, calc(650vw / 13.66));
 margin: 0 auto;
}

.training_box_flex_box {
 width:  min(30rem, calc(300vw / 13.66));
 display: flex;
 flex-direction: column;
 position: relative;
}

.training_box_flex_box .training_box_ttl{
 width: 100%;
}
.training_box_flex_box .training_box_txt{
 text-align: justify;
 margin:  min(1rem, calc(10vw / 13.66)) 0  min(3rem, calc(30vw / 13.66));
 flex: 1;

}




.evaluation_inner {
 background-color: #f9cc12;
 position: relative;
 padding:  min(13rem, calc(130vw / 13.66)) 0  min(19rem, calc(190vw / 13.66));
}
.evaluation_inner::after {
  content: "";
 width: 100%;
 height: min(12rem, calc(120vw / 13.66));
 background: url(../images/common/wave_yellow_deep.svg) repeat-x;
 position: absolute;
 top: max(-6rem, calc(-60vw / 13.66));
 left: 0;
}

.evaluation_inner .food_img_02 {
 width:  min(38.5rem, calc(385vw / 13.66));
 position: absolute;
 top:  max(-20rem, calc(-200vw / 13.66));
 right:  max(-117rem, calc(-1170vw / 13.66));
 left: 0;
 margin: 0 auto;
 z-index: 1;
}
.training_bg_img_02{
 width:  min(26.7rem, calc(267vw / 13.66));
 position: absolute;
 top:  min(7rem, calc(70vw / 13.66));
 right: 0;
 left: max(-120rem, calc(-1200vw / 13.66));
 margin: 0 auto;
 z-index: 5;

}
.evaluation_ttl {
 width:  min(54.8rem, calc(548vw / 13.66));
 margin: 0 auto ;
}
.evaluation_flex {
 width:  min(110rem, calc(1100vw / 13.66));
 margin: min(10rem, calc(100vw / 13.66)) auto 0;
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
}
.evaluation_flex:nth-of-type(3) {
 justify-content: center;
}
.evaluation_flex:last-of-type {
 flex-direction: row-reverse;
}

.evaluation_item {
 width:  min(49rem, calc(490vw / 13.66));
}
.evaluation_item_img {
 position: relative;
 z-index: 1;
}
.evaluation_item_img img{
 border: min(.2rem, calc(2vw / 13.66)) solid #333;
 border-radius: min(.5rem, calc(5vw / 13.66)) ;
 box-sizing: border-box;
}
.evaluation_item_img::before {
 content: '';
 width: 100%;
 height: 100%;
 box-sizing: border-box;
 border: min(.2rem, calc(2vw / 13.66)) solid #333;
 border-radius: min(.5rem, calc(5vw / 13.66)) ;
 background-color: #fff;
 position: absolute;
 top: min(.8rem, calc(8vw / 13.66)) ;
 left: min(.8rem, calc(8vw / 13.66)) ;
 z-index: -1;
}
.evaluation_item_txt {
 font-size: 1.8rem;
 text-align: justify;
 letter-spacing: 0.12em;
 margin-top: min(3rem, calc(30vw / 13.66)) ;
 font-weight: 600;
}

.evaluation_box {
 width:  min(74.5rem, calc(745vw / 13.66)) ;
 position: relative;
 z-index: 1;
}

.evaluation_box::before {
 content: '';
 width: 100%;
 height: 100%;
 box-sizing: border-box;
 background-color: #fff;
  border: min(.2rem, calc(2vw / 13.66)) solid #333;
 border-radius: min(.5rem, calc(5vw / 13.66)) ;
 position: absolute;
 top: min(.8rem, calc(8vw / 13.66)) ;
 left: min(.8rem, calc(8vw / 13.66)) ;
 z-index: -1;
}

.evaluation_box_inner {
 background-color: #c40c16;
 box-sizing: border-box;
 border: min(.2rem, calc(2vw / 13.66)) solid #333;
 border-radius: min(.5rem, calc(5vw / 13.66)) ;
 padding: min(3.5rem, calc(35vw / 13.66))   min(5rem, calc(50vw / 13.66)) min(5rem, calc(50vw / 13.66));
 text-align: justify;
 position: relative;
 z-index: 1;
}
.evaluation_flex:last-of-type .evaluation_box_inner{
 background-color: #d85700;
 z-index: 0;
}
.evaluation_box_inner::before,
.evaluation_box_inner::after {
 content: '';
 width:  min(3.6rem, calc(36vw / 13.66)) ;
 height:  min(3rem, calc(30vw / 13.66)) ;
 clip-path: polygon(0 0, 0 85%, 100% 100%);
 background-color: #333333;
 position: absolute;
 top: min(12.8rem, calc(128vw / 13.66)) ;
 right: max(-4.4rem, calc(-44vw / 13.66)) ;
}

.evaluation_box_inner::after  {
 background-color: #fff;
 top: min(12.5rem, calc(125vw / 13.66)) ;
 right: max(-3.8rem, calc(-38vw / 13.66)) ;
}
.evaluation_flex:last-of-type .evaluation_box_inner::before,
.evaluation_flex:last-of-type .evaluation_box_inner::after{
 left: max(-3.6rem, calc(-36vw / 13.66)) ;
 right: auto;
 clip-path: polygon(100% 0, 0 100%, 100% 85%);
 z-index: -1;
}
.evaluation_flex:last-of-type .evaluation_box_inner::after {
 left: max(-3rem, calc(-30vw / 13.66)) ;
 right: auto;
 z-index: -1;
 background-color: #d85700;

}
.evaluation_box .arrow {
 width:  min(3.6rem, calc(36vw / 13.66)) ;
 height:  min(3rem, calc(30vw / 13.66)) ;
 position: absolute;
 top: min(12rem, calc(120vw / 13.66)) ;
 right: max(-3.6rem, calc(-36vw / 13.66)) ;
 z-index: 1;
}
.evaluation_box .arrow::before ,
.evaluation_box .arrow::after {
 content: '';
 width:  100% ;
 height: 100% ;
 position: absolute;
 top: 0 ;
 right: 0 ;
 background-color: #333333;
 clip-path: polygon(0 0, 0 85%, 100% 100%);
}
.evaluation_box .arrow::after  {
 background-color: #c40c16;
 top: max(-.3rem, calc(-3vw / 13.66)) ;
 right: min(.6rem, calc(6vw / 13.66))  ;
}
.evaluation_flex:last-of-type .evaluation_box .arrow {
 width:  min(3.6rem, calc(36vw / 13.66)) ;
 height:  min(3rem, calc(30vw / 13.66)) ;
 position: absolute;
 top: min(13.8rem, calc(138vw / 13.66)) ;
 left: max(-2.8rem, calc(-28vw / 13.66)) ;
 z-index: -1;
}
.evaluation_flex:last-of-type .evaluation_box .arrow::before ,
.evaluation_flex:last-of-type .evaluation_box .arrow::after {
 content: '';
 width:  100% ;
 height: 100% ;
 position: absolute;
 top: 0 ;
 right: 0 ;
 background-color: #333333;
clip-path: polygon(100% 0, 0 100%, 100% 85%);
}
.evaluation_flex:last-of-type .evaluation_box .arrow::after  {
 background-color: #fff;
 top: max(-.3rem, calc(-3vw / 13.66)) ;
 right: auto;
 left: min(.6rem, calc(6vw / 13.66))  ;
}
.evaluation_box_ttl {
 font-size: 3.6rem;
 line-height: 1.5;
 font-weight: 900;
 letter-spacing: 0.12em;
 color: #fff;
}
.evaluation_box_txt {
 font-size: 1.8rem;
 font-weight: 600;
 letter-spacing: 0.05em;
 color: #fff;
 margin-top: min(1rem, calc(10vw / 13.66));
}
.evaluation_box_img {
 width:  min(31.5rem, calc(315vw / 13.66)) ;
}
.evaluation_flex:last-of-type .evaluation_box_img {
width:  min(30.6rem, calc(306vw / 13.66)) ;
}


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

#training .mv_inner {
 padding:11rem 0 9rem;
}
#training .mv_ttl {
 width:16.6rem;
}



.training_main_inner {
 padding-bottom: 9.5rem;
}
.training_main_inner .food_img_01 {
 width: 18rem;
 top: -9rem;
 left: -6.5rem;
 right: auto;
 margin: 0 ;
}
.training_bg_img_01 {
 width: 10rem;
 top:  -5.7rem;
 right:-23rem;

}
.training_item {
 width: 33.5rem;
 margin-top: -3.5rem;
}
.training_box {
 border: #333 solid .1rem;
 padding:3rem 0 6.5rem;
 clip-path: polygon(0 0, 100% 0, 100% 93%, 50% 100%, 50% 100%, 0 93%);
}
.training_item::before {
 height:  4.7rem;
 background: url(../images/training/training_arrow_sp.svg) no-repeat ;
}
.training_box_ttl {
 width: 15rem;
 margin: 0 auto 1.5rem;
}

.training_box_txt {
 width: 29.5rem;
 margin: 0 auto;
 text-align: justify;
 font-size: 1.4rem;
 letter-spacing: 0.06em;
 line-height: 1.78;
}
.training_box_flex {
 width: 29.5rem;
 margin:2.5rem auto 0;
 flex-direction: column;
 gap: 2.5rem 0;
}
.training_box_img {
 width:100%;
}
.training_box_img img {
 border-radius: .3rem;
 border:  .1rem solid #333333;
}
.training_box_img::before {
 top: .4rem;
 left: .4rem;
 border: .1rem solid #333;
 border-radius: .3rem;
}

.training_item:nth-of-type(2) .training_box{
padding:5rem 0  5rem;
 clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 50% 100%, 0 75%);
}
.training_box_txt_bold {
 font-size: 1.6rem;
 line-height: 1.3;
}

.training_item:nth-of-type(3) .training_box_ttl {
 width:5.5rem;
 margin: 0 auto 2rem;
}
.training_item:nth-of-type(3) .training_box{
padding:7rem 0  7.5rem;
 clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 50% 100%, 0 95%);
}
.training_item:nth-of-type(4) .training_box_ttl{
 width: 23rem ;
}
.training_item:nth-of-type(4) .training_box{
padding: 6.5rem 0  3.5rem;
}
.training_item:nth-of-type(4) .training_box_flex {
 width: 29.5rem;
 flex-direction: column;
 gap: 2.5rem 0;
}
.training_item:nth-of-type(4) .training_box_txt {
 width: 29.5rem;
}
.training_item:nth-of-type(4) .training_box_flex::before {
 width: 100%;
 height:0;
 border:.1rem  solid #333;
 border-radius: 1rem;
 top: 37rem;
}
.training_box_flex_box {
 width: 100%;
}

.training_box_flex_box .training_box_ttl{
 width: 16rem;
 margin: 0 auto 2rem;
}
.training_box_flex_box .training_box_txt{
 margin: 0 0  2rem;
}




.evaluation_inner {
 padding: 6.5rem 0  9rem;
}
.evaluation_inner::after {
 height: 6rem;
 top: -3rem;
 background-size: cover;
}


.training_bg_img_02{
 width: 13.2rem;
 top:  -4rem;
 right: auto;
 left: -3.5rem;
 margin: 0 ;

}
.evaluation_ttl {
 width: 18.5rem;
}
.evaluation_flex {
 width: 33.5rem;
 margin: 4.3rem auto 0;
 flex-direction: column;
 gap: 4rem 0;
}
.evaluation_flex:nth-last-of-type(2){
 flex-direction: row;
 width: 100%;
}
.evaluation_flex:last-of-type {
 width: 100%;
 flex-direction: row-reverse;
}
.evaluation_inner .food_img_02 {
 width: 13.2rem;
 top: -6rem;
 right: -3.5rem;
 left: auto;
 margin: 0 ;
}

.evaluation_item {
 width: 100%;
}
.evaluation_item_img img{
 border:.1rem solid #333;
 border-radius:.3rem ;
}
.evaluation_item_img::before {
 border: .1rem solid #333;
 border-radius: .3rem ;
 top: .4rem ;
 left: .4rem ;
}
.evaluation_item_txt {
 font-size: 1.4rem;
 letter-spacing: 0.06em;
 margin-top:1.5rem;
}

.evaluation_box {
 width:  25rem;
 margin-left: 1rem;
}
.evaluation_flex:last-of-type .evaluation_box {
 width:  25rem;
 margin-left: 0;
 margin-right: 1rem;
}

.evaluation_box::before {
  border:.1rem solid #333;
 border-radius: .3rem ;
 top: .4rem;
 left: .4rem;
}

.evaluation_box_inner {
 border:.1rem solid #333;
 border-radius: .3rem ;
 padding: 2rem  2rem 2rem;
}
.evaluation_box_inner::before,
.evaluation_box_inner::after {
 content: '';
 width:  1.2rem ;
 height: 1.2rem ;
 top: 13.8rem ;
 right: -1.6rem ;
}

.evaluation_box_inner::after  {
 top: 13.7rem ;
 right: -1.4rem ;
}
.evaluation_flex:last-of-type .evaluation_box_inner::before,
.evaluation_flex:last-of-type .evaluation_box_inner::after{
 left: -1.2rem ;
 top: 12.4rem;
}
.evaluation_flex:last-of-type .evaluation_box_inner::after {
 left: -1rem;
 top: 12.3rem;

}
.evaluation_box .arrow {
 width:  1.2rem ;
 height: 1.2rem ;
 top:13.5rem;
 right:-1.2rem ;
}
.evaluation_box .arrow::after  {
 top: -.1rem ;
 right:.2rem ;
}
.evaluation_flex:last-of-type .evaluation_box .arrow {
 width:  1.2rem ;
 height:1.2rem;
 top: 12.8rem;
 left: -.8rem ;
}

.evaluation_flex:last-of-type .evaluation_box .arrow::after  {
 top: -.1rem ;
 left: .2rem  ;
}
.evaluation_box_ttl {
 font-size: 2rem;
 line-height: 1.5;
 letter-spacing: 0.09em;
}
.evaluation_box_txt {
 font-size: 1.4rem;
 letter-spacing: 0.06em;
 margin-top: .5rem;
}
.evaluation_box_img {
 width: 10.4rem ;
}
.evaluation_flex:last-of-type .evaluation_box_img {
 width: 10.5rem ;
}

}




/*                    welfare                        */
#welfare .mv_inner {
 background-color: #ffd72e;
 position: relative;
 padding-top:  min(17rem, calc(170vw / 13.66));
}
#welfare .mv_ttl {
 width:  min(30.3rem, calc(303vw / 13.66));
 margin: 0 auto;
}


.work_inner {
 background-color: #ffd72e;
 position: relative;
 padding:  min(15rem, calc(150vw / 13.66)) 0 min(19rem, calc(190vw / 13.66));
}
.work_ttl {
 width:  min(75.5rem, calc(755vw / 13.66));
 margin: 0 auto;
}
.welfare_item {
 width:  min(117rem, calc(1170vw / 13.66));
 margin:  min(7rem, calc(70vw / 13.66)) auto 0;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 gap:  min(5rem, calc(50vw / 13.66)) 0;
}
.welfare_item dl {
  width:  min(56rem, calc(560vw / 13.66));
  box-sizing: border-box;
  border:  min(.2rem, calc(2vw / 13.66)) solid #333;
  border-radius:  min(.5rem, calc(5vw / 13.66));
  background-color: #fff;
  padding: min(3rem, calc(30vw / 13.66))    min(3.5rem, calc(35vw / 13.66));
}
.welfare_item dt {
  font-size: 3rem;
  display: flex;
  align-items: center;
  font-weight: 600;
  letter-spacing: 0.09em;
  gap:  0 min(2rem, calc(20vw / 13.66));
  position: relative;
  padding-bottom: min(.5rem, calc(5vw / 13.66)) ;
  flex-wrap: wrap;
}
.welfare_item dt::before {
 content: '';
 width: 100%;
 border:  min(.1rem, calc(1vw / 13.66)) solid #333;
  border-radius:  min(1rem, calc(10vw / 13.66));
  position: absolute;
  bottom: 0;
  left: 0;
}
.welfare_item dt span{
  font-size: 1.8rem;
  letter-spacing: 0.12em;
  text-align: justify;
  line-height: 1.5;
}
.welfare_item dd{
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  text-align: justify;
  font-weight: 600;
  margin-top:  min(1.5rem, calc(15vw / 13.66));
}
.welfare_item dd.btn{
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  text-align: justify;
  font-weight: 600;
  margin:  min(2rem, calc(20vw / 13.66)) auto 0;
}
.welfare_item dd.btn a::before {
 width: min(2.5rem, calc(25vw / 13.66));
 height: min(1.6rem, calc(16vw / 13.66));
 background: url(../images/common/blank_icon.svg) no-repeat;
 background-size: cover;
}


@media (hover: hover)  and (pointer: fine){
 .welfare_item dd.btn a:where(:any-link, :enabled, summary):hover::before {
  right: min(3rem, calc(30vw / 13.66));
 }

}



.insurance_inner {
 background-color: #ffbc00;
 position: relative;
 padding: min(14rem, calc(140vw / 13.66)) 0 min(19rem, calc(190vw / 13.66));
}
.insurance_inner::after {
  content: "";
 width: 100%;
 height: min(12rem, calc(120vw / 13.66));
 background: url(../images/common/wave_orange.svg) repeat-x;
 position: absolute;
 top: max(-6rem, calc(-60vw / 13.66));
 left: 0;
}
.insurance_ttl {
width:  min(24rem, calc(240vw / 13.66)) ;
margin: 0 auto;
}


.housing_inner {
 background-color: #ffbc00;
 background-color: #f9cc12;
 position: relative;
 padding: min(14rem, calc(140vw / 13.66)) 0 min(19rem, calc(190vw / 13.66));
}
.housing_inner::after {
  content: "";
 width: 100%;
 height: min(12rem, calc(120vw / 13.66));
 background: url(../images/common/wave_yellow_deep.svg) repeat-x;
 position: absolute;
 top: max(-6rem, calc(-60vw / 13.66));
 left: 0;
}
.housing_ttl {
width:  min(24rem, calc(240vw / 13.66)) ;
margin: 0 auto;
}

.welfare_bg_img {
 width:  min(22.5rem, calc(225vw / 13.66)) ;
 position: absolute;
 top:  max(-10rem, calc(-100vw / 13.66)) ;
 left: max(-130rem, calc(-1300vw / 13.66)) ;
 right: 0;
 margin: 0 auto;
 z-index: 1;

}

.property_inner {
 background-color: #ffaa00;
 position: relative;
 padding: min(14rem, calc(140vw / 13.66)) 0 min(19rem, calc(190vw / 13.66));
}
.property_inner::after {
  content: "";
 width: 100%;
 height: min(12rem, calc(120vw / 13.66));
 background: url(../images/common/wave_darkorange.svg) repeat-x;
 position: absolute;
 top: max(-6rem, calc(-60vw / 13.66));
 left: 0;
}
.property_ttl {
width:  min(35.7rem, calc(357vw / 13.66)) ;
margin: 0 auto;
}
.property .food_img_01 {
 width:  min(51.8rem, calc(518vw / 13.66)) ;
 position: absolute;
 top:  max(-11rem, calc(-110vw / 13.66)) ;
 right: max(-103rem, calc(-1030vw / 13.66)) ;
 left: 0;
 margin: 0 auto;
 z-index: 1;

}

.other_inner {
 background-color: #ff9100;
 position: relative;
 padding: min(14rem, calc(140vw / 13.66)) 0 min(19rem, calc(190vw / 13.66));
}
.other_inner::after {
  content: "";
 width: 100%;
 height: min(12rem, calc(120vw / 13.66));
 background: url(../images/common/wave_darkorange_light.svg) repeat-x;
 position: absolute;
 top: max(-6rem, calc(-60vw / 13.66));
 left: 0;
}
.other_ttl {
width:  min(35.7rem, calc(357vw / 13.66)) ;
margin: 0 auto;
}
.other_inner .welfare_item  dl:first-of-type dt {
 padding-bottom:  min(1rem, calc(10vw / 13.66)) ;
}
.other .food_img_02 {
 width:  min(31.2rem, calc(312vw / 13.66)) ;
 position: absolute;
 top:  max(-11.5rem, calc(-115vw / 13.66)) ;
 left: max(-115rem, calc(-1150vw / 13.66)) ;
 right: 0;
 margin: 0 auto;
 z-index: 1;

}


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

/*                    welfare                        */
#welfare .mv_inner {
 padding-top: 11rem;
}
#welfare .mv_ttl {
 width: 16.2rem;
}


.work_inner {
 padding:6rem 0 9.5rem;
}
.work_ttl {
 width: 30rem;
}
.welfare_item {
 width: 33.5rem;
 margin: 2.7rem auto 0;
 gap: 2rem 0;
}
.welfare_item dl {
  width: 100%;
  border: .1rem solid #333;
  border-radius: .3rem;
  padding:2rem   2rem;
}
.welfare_item dt {
  font-size: 2rem;
  gap:  0 1rem;
  padding-bottom:.5rem ;
}
.welfare_item dt::before {
 border: .1rem solid #333;
  border-radius:  1rem;
}
.welfare_item dt span{
  font-size: 1.4rem;
  letter-spacing: 0.06em;
}
.welfare_item dd{
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  margin-top: 1.5rem;
}
.welfare_item dd.btn{
 width: 100%;
  font-size: 1.8rem;
  letter-spacing: 0.12em;
  text-align: justify;
  font-weight: 600;
  margin:  1.5rem auto 0;
}
.welfare_item dd.btn a::before {
 width:2rem;
 height:1.3rem;
}

@media (hover: hover)  and (pointer: fine){
 .welfare_item dd.btn a:where(:any-link, :enabled, summary):hover::before {
  right: 2.5rem;
 }

}

.insurance_inner {
 padding:6rem 0 7.5rem;
}
.insurance_inner::after {
 height:6rem;
 top: -3rem;
 background-size: cover;
}
.insurance_ttl {
width: 13.2rem ;
}


.housing_inner {
 padding:6rem 0 7.5rem;
}
.housing_inner::after {
 height:6rem;
 top: -3rem;
 background-size: cover;
}
.housing_ttl {
width: 13.2rem ;
}

.welfare_bg_img {
 width: 11.2rem;
 top: -4.8rem ;
 left:-4.5rem;
 right: auto;
 margin: 0 ;

}

.property_inner {
 padding:7.5rem 0 7.5rem;
}
.property_inner::after {
 height:6rem;
 top: -3rem;
 background-size: cover;
}
.property_ttl {
width: 20rem;
}
.property .food_img_01 {
 width: 20.5rem ;
 top:  -6.5rem;
 right:-3rem;
 left: auto;
 margin: 0 ;

}

.other_inner {
 padding:6.5rem 0 9rem;
}
.other_inner::after {
 height: 6rem;
 top: -3rem;
 background-size: cover;
}
.other_ttl {
width: 16.5rem;
}
.other_inner .welfare_item  dl:first-of-type dt {
 padding-bottom: 1rem ;
}
.other_inner .welfare_item  dl:last-of-type dt span{
 width: 13.5rem;
}
.other .food_img_02 {
 width:  15.7rem ;
 top: -4.7rem ;
 left: -4.5rem ;
 right: auto;
 margin: 0;

}
}