@charset "UTF-8";

#contentsend{ margin-top: 0;}
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 8rem 5rem;position: relative;padding: 12.1rem 5vw 0;}
#contentsmain .inner-Box {margin: 0 auto 8rem;position: relative;max-width: 80rem;}

#contentsmain .inner-Box figure.photo { position: relative; top: 0; left: 0; }
#contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
#contentsmain .inner-Box2 { margin: 0 auto; position: relative; }
#contentsmain .inner-Box2 h2 {margin-bottom: 2.4rem;position: relative;color: var(--main-blue);font-size: 2.8rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentsmain .inner-Box2 p.text {position: relative;font-size: 1.6rem;line-height: 2.4;letter-spacing: 0.05em;font-weight: 400;text-align: center;}

#contentspoint {margin: 0 auto 0 5rem;position: relative;padding: 0 5vw 12rem;border-bottom: #CCC 1px solid;}
#contentspoint .inner-Box {margin: 0 auto;position: relative;max-width: 120rem;}
#contentspoint .inner-Box ul{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2.666%;}
#contentspoint .inner-Box ul li{position:relative;}

#contentspoint .inner-Box p.notext {z-index: 3;position: absolute;width: 6.4rem;height: 6.7rem;background: url(../images/management/contentspoint-icon01.svg)no-repeat top left;background-size: 100% auto;color: var(--main-blue);font-size: 2.6rem;line-height: 0.5;letter-spacing: 0.05em;font-weight: 600;text-align: center;padding: 1.1rem 0 0;}
#contentspoint .inner-Box p.notext span {display: block;font-size: 0.9rem;line-height: 1.3;letter-spacing: 0.05em;font-weight: 600;text-align: center;margin-bottom: 0.9rem;}
#contentspoint .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 1.5rem;}
#contentspoint .inner-Box figure.photo img{ width: 100%; height: auto; }
#contentspoint .inner-Box h2 {margin-bottom: 1.6rem;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentspoint .inner-Box p.ltext {position: relative;font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;}


#contentscase {margin: 0 auto 0 5rem;position: relative;padding: 9.6rem 5vw 1.6rem;font-size: 1.2rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: 400;text-align: right;border-bottom: #CCC 1px solid;}
#contentscase .inner-Box {margin: 0 auto 7.2rem;position: relative;max-width: 120rem;text-align: center;}
#contentscase .inner-Box h2 {margin-bottom: 0;position: relative;color: var(--main-blue);font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentscase .inner-Box .gallery-note{margin-top:1.2rem;margin-bottom:1.6rem;font-size:1.3rem;line-height:1.6;color:#666;text-align:center;}
#contentscase .inner-Box ul{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:1.333%;}
#contentscase .inner-Box ul li{width:calc((100% - 6.665%) / 6);margin-bottom:1.333%;}
#contentscase .inner-Box ul li .photo { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; text-align: center; margin-bottom: 15px; position: relative;}
#contentscase .inner-Box ul li .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

#contentsflow {margin: 0 auto 0 5rem;position: relative;padding: 9.6rem 5vw 12rem;font-size: 1.2rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: 400;text-align: right;}
#contentsflow .inner-Box {margin: 0 auto 7.2rem;position: relative;max-width: 120rem;text-align: center;}
#contentsflow .inner-Box h2 {margin-bottom: 1.6rem;position: relative;color: var(--main-blue);font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentsflow .inner-Box p.subttl {margin-bottom: 5.6rem;position: relative;}

#contentsflow .flowslide.swiper {overflow:visible;}
#contentsflow .flowslide .swiper-wrapper {display:flex;flex-wrap:wrap;justify-content:center;gap:4.166%;transform:none !important;}
#contentsflow .flowslide .swiper-slide {position:relative;width:16.666% !important;margin:0 !important;}
#contentsflow .flowslide .swiper-slide::before {content:"";width:1.6rem;height:2rem;display:block;background:url(../images/common/arr.svg) no-repeat;background-size:100% auto;position:absolute;top:6.8rem;right:-18%;}
#contentsflow .flowslide .swiper-slide:last-child::before,
#contentsflow .flowslide .swiper-slide.beforenone::before {display:none;}
#contentsflow .flowslide .swiper-pagination {display:none;}

#contentsflow .inner-Box figure.img {position: relative;top: 0;left: 0;max-width: 15rem;margin: 0 auto 1.6rem;}
#contentsflow .inner-Box figure.img img{  width: 100%; height: auto; }
#contentsflow .inner-Box h3 {margin-bottom: 0.8rem;position: relative;font-size: 1.5rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;white-space: nowrap;}
#contentsflow .inner-Box p.ltext {position: relative;font-size: 1.2rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsflow .inner-Box2 {margin: 0 auto;position: relative;text-align: center;}
#contentsflow .inner-Box2 .inBox{background: #CDE4F4;width: 61.7rem;border-radius: 21rem;margin: 0 auto 4.8rem;padding: 4rem 0rem 3.6rem;position: relative;}
#contentsflow .inner-Box2 .inBox::before{content: "";position: absolute;bottom: 0;left: 50%;transform: translate(-50%,100%);background: url(../images/management/contentsflow-icon01.svg)no-repeat top center;width: 4.3rem;height: 2.3rem;}
#contentsflow .inner-Box2 h4 {margin-bottom: 1.6rem;position: relative;color: var(--main-blue);font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentsflow .inner-Box2 h4 span { display: inline-block; }
#contentsflow .inner-Box2 h4 span::before{content: "";width: 1px;height: 2.3rem;display: inline-block;background: var(--main-blue);transform: rotate(145deg);transform-origin: center;position: relative;left: -1.6rem;top: 0.5rem;}
#contentsflow .inner-Box2 h4 span::after{content: "";width: 1px;height: 2.3rem;display: inline-block;background: var(--main-blue);transform: rotate(-145deg);transform-origin: center;position: relative;right: -1.6rem;top: 0.5rem;}
#contentsflow .inner-Box2 p.text {position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 700;text-align: center;margin-bottom: 0.8rem;}
#contentsflow .inner-Box2 p.text span { background: linear-gradient(transparent 60%, #FDD6D6 60%); }
#contentsflow .inner-Box2 figure.imgbottom {position: relative;top: 0;left: 0;}
#contentsflow .inner-Box2 figure.imgbottom img{  }


}
@media screen and (min-width:768px) and ( max-width:1023px) {
#contentsmain,#contentspoint,#contentsflow,#contentsmm,#contentscase {margin-left: 0rem!important;}


	
}

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


#contentsmain {margin: 0 auto 10.133vw;position: relative;}
#contentsmain .inner-Box {margin: 0 auto 12.133vw;position: relative;max-width: 213.333vw;}

#contentsmain .inner-Box figure.photo { position: relative; top: 0; left: 0; }
#contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
#contentsmain .inner-Box2 {position: relative;margin: 0 4vw;}
#contentsmain .inner-Box2 h2 {margin-bottom: 5.4vw;position: relative;color: var(--main-blue);font-size: 6.13vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentsmain .inner-Box2 p.text {position: relative;font-size: 3.73vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 350;text-align: left;}

#contentspoint {margin: 0 auto 0;position: relative;padding: 0 4.27vw 9.9vw;border-bottom: #CCC 1px solid;}
#contentspoint .inner-Box {position: relative;}
#contentspoint .inner-Box ul{margin:0 auto;}
#contentspoint .inner-Box ul li{position:relative;margin-bottom: 10.1vw;}
#contentspoint .inner-Box ul li:last-child{margin-bottom: 0;}
#contentspoint .inner-Box p.notext {z-index: 3;position: absolute;width: 15.867vw;height: 17.867vw;background: url(../images/management/contentspoint-icon01.svg)no-repeat top left;background-size: 100% auto;color: var(--main-blue);font-size: 5.83vw;line-height: 0.5;letter-spacing: 0.05em;font-weight: 600;text-align: center;padding: 1.933vw 1.3vw 0 0vw;}
#contentspoint .inner-Box p.notext span {display: block;font-size: 1.9vw;line-height: 1.3;letter-spacing: 0.05em;font-weight: 600;text-align: center;margin-bottom: 2.4vw;}
#contentspoint .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4vw;}
#contentspoint .inner-Box figure.photo img{ width: 100%; height: auto; }
#contentspoint .inner-Box h2 {margin-bottom: 3.567vw;position: relative;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentspoint .inner-Box p.ltext {position: relative;font-size: 3.73vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;}



#contentscase {margin: 0 auto 0;position: relative;padding: 8.7vw 5vw 4.267vw;font-size: 3.2vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 400;text-align: right;border-bottom: #CCC 0.27vw solid;}
#contentscase .inner-Box {margin: 0 auto 5.2vw;position: relative;text-align: center;}
#contentscase .inner-Box h2 {margin-bottom: 0;position: relative;color: var(--main-blue);font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentscase .inner-Box .gallery-note{margin-top:2.13vw;margin-bottom:5.767vw;font-size:3.2vw;line-height:1.6;color:#666;text-align:center;}
#contentscase .inner-Box ul{margin:0 auto;display:flex;flex-wrap:wrap;gap:1.333%;}
#contentscase .inner-Box ul li{width:calc((100% - 2.666%) / 3);margin-bottom:1.333%;}
#contentscase .inner-Box ul li .photo {width: 100%;aspect-ratio: 1 / 1;overflow-x: hidden;overflow-y: hidden;text-align: center;position: relative;}
#contentscase .inner-Box ul li .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }



#contentsflow {margin: 0 auto 0;position: relative;padding: 8.7vw 0vw 11vw;font-size: 3.2vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 400;text-align: right;}
#contentsflow .inner-Box {margin: 0 auto 8.3vw;position: relative;max-width: 320vw;text-align: center;}
#contentsflow .inner-Box h2 {margin-bottom: 3.867vw;position: relative;color: var(--main-blue);font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentsflow .inner-Box p.subttl {margin-bottom: 5.833vw;position: relative;}
#contentsflow .flowslide{padding-bottom: 10vw;m;margin-left: 3.8vw;}
#contentsflow .flowslide .swiper-slide{width: 40.00vw!important;}
#contentsflow .flowslide .swiper-pagination {position: absolute;bottom: 2.267vw;display: flex;justify-content: center;align-items: center;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;left: 0;line-height: 0;}
#contentsflow .flowslide .swiper-pagination-bullet {position: relative;display: inline-block;width: 1.60vw;height: 1.60vw;margin: 0 1.133vw;padding: 0;cursor: pointer;border-radius: 50%;background: #D0D7E3;opacity: 1;border: 0;outline: none;transition: background 0.3s;}
#contentsflow .flowslide .swiper-pagination-bullet:hover, #contentsflow .flowslide .swiper-pagination-bullet:focus { outline: none; }
#contentsflow .flowslide .swiper-pagination-bullet-active { background: var(--main-blue); }

#contentsflow .inner-Box ul li{position:relative;text-align: center;margin-bottom: 18vw;}
#contentsflow .flowslide .swiper-slide::before{content: "";width: 2.867vw;height: 5.333vw;display: block;background: url(../images/common/arr.svg)no-repeat;background-size: 100% auto;position: absolute;top: 10.5vw;right: -4.8vw;/* transform: rotate(90deg); */transform-origin: center;}
#contentsflow .flowslide .swiper-slide.beforenone::before{display: none;}
#contentsflow .inner-Box figure.img {position: relative;top: 0;left: 0;max-width: 26.8vw;margin: 0 auto 4.267vw;}
#contentsflow .inner-Box figure.img img{  width: 100%; height: auto; }
#contentsflow .inner-Box h3 {margin: 0 -2vw 2.133vw;position: relative;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;white-space: nowrap;}
#contentsflow .inner-Box p.ltext {position: relative;font-size: 3.2vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsflow .inner-Box2 {position: relative;text-align: center;margin: 0 4vw;}
#contentsflow .inner-Box2 .inBox{background: #CDE4F4;border-radius: 7.33vw;margin: 0 auto 8.8vw;padding: 4.567vw 6.5vw 3.6vw;position: relative;}
#contentsflow .inner-Box2 .inBox::before{content: "";position: absolute;bottom: 1vw;left: 50%;transform: translate(-50%,100%);background: url(../images/management/contentsflow-icon01.svg)no-repeat top center;width: 11.467vw;height: 6.133vw;background-size: 100% auto;}
#contentsflow .inner-Box2 h4 {margin-bottom: 4.267vw;position: relative;color: var(--main-blue);font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentsflow .inner-Box2 h4 span { display: inline-block; }
#contentsflow .inner-Box2 h4 span::before{content: "";width: 0.27vw;height: 6.133vw;display: inline-block;background: var(--main-blue);transform: rotate(145deg);transform-origin: center;position: relative;left: -4.267vw;top: 1.333vw;}
#contentsflow .inner-Box2 h4 span::after{content: "";width: 0.27vw;height: 6.133vw;display: inline-block;background: var(--main-blue);transform: rotate(-145deg);transform-origin: center;position: relative;right: -4.267vw;top: 1.333vw;}
#contentsflow .inner-Box2 p.text {position: relative;margin-bottom: 2.133vw;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsflow .inner-Box2 p.text span { background: linear-gradient(transparent 60%, #FDD6D6 60%); }
#contentsflow .inner-Box2 figure.imgbottom {position: relative;top: 0;left: 0;margin: 0 auto;width: 53vw;}
#contentsflow .inner-Box2 figure.imgbottom img{  }


#contentsmm .inner-Box .ftext{ margin-bottom: 0vw!important;}

}