body {
 background-color: #FFF8E3;
}


 .page_ttl {
 width:  min(24rem,calc(240vw/12));
 margin: 0 auto;
}

.education_contents {
 position: relative;
 width: min(120rem, calc(1200vw / 12));
 margin: 0 auto;
}

.education_img {
 width: min(34.8rem, calc(348vw / 12));
 position: absolute;
 top: min(27rem, calc(270vw / 12));
 right: min(15rem, calc(150vw / 12));
}
.page_main {
 margin: 0 auto;
 margin-top: min(29rem, calc(290vw / 12));
}
#child {
 margin-bottom: min(20rem, calc(200vw / 12));
}
.child_item {
 width:  min(63rem, calc(630vw / 12));
 display: flex;
 position: relative;
 justify-content: space-between;
 margin-left: auto;
 margin-top: min(7.5rem, calc(75vw / 12));
 z-index: 1;
}
.child_item_ttl{
 width:  min(27rem, calc(270vw / 12));
 position: absolute;
 top: 0;
 left:  max(-29rem, calc(-290vw / 12));
}
.child_item_txt {
 width:  min(27rem, calc(270vw / 12));
 text-align: justify;
 font-size: 1.7rem;
 line-height: 1.76;
 letter-spacing: 0.1em;

}
.child_item_img {
 width:  min(33.7rem, calc(337vw / 12));
 text-align: justify;
 font-size: 1.7rem;
 line-height: 1.76;
 letter-spacing: 0.1em;
}
.child_item_img .btn {
 width:  min(25rem, calc(250vw / 12));
 margin-left: 0;
 margin-top:  min(3rem, calc(30vw / 12));

}

.child_item_bg {
  width:  min(85.3rem, calc(853vw / 12));
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  left: 50%;
  z-index: -1;
}



#teach {
 margin-bottom:  min(20rem, calc(200vw / 12));
}
.teach_item {
 position: relative;
 margin-top:  min(14rem, calc(140vw / 12));
}
.teach_item_01 {
 margin-top: min(2rem, calc(20vw / 12));
}
.teach_item_ttl {
 width:  min(27rem, calc(270vw / 12));
 position: absolute;
 top: 0;
 left:  max(-14rem, calc(-140vw / 12));
}
.teach_item_01 .teach_item_ttl {
 top: min(5rem, calc(50vw / 12));

}

.teach_item_box {
 border-bottom: #505050 solid min(.2rem, calc(2vw / 12));
 padding:  min(4rem, calc(40vw / 12)) 0 min(5rem, calc(50vw / 12));
}
.teach_item_box .btn{
 margin:  min(4rem, calc(40vw / 12)) auto 0;
}

.teach_box_01 .btn {
  width:  min(27.5rem, calc(275vw / 12));
}
.teach_box_01 .teach_box_txt {
 text-align: right;
}
.teach_box_ttl {
 font-size: 2.2rem;
 color: #FF5500;
 font-weight: 600;
 letter-spacing: 0.14em;
}
.teach_box_txt {
 font-size: 1.7rem;
 line-height: 1.76;
 letter-spacing: 0.1em;
 text-align: justify;
}
.teach_box_02 .btn {
  width:  min(42rem, calc(420vw / 12));
}
.teach_box_detail {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 0 min(2rem, calc(20vw / 12));
 border-top: dotted #505050 min(.2rem, calc(2vw / 12));
 padding-top: min(2.5rem, calc(25vw / 12));
 margin: min(2.5rem, calc(25vw / 12)) 0 min(5rem, calc(50vw / 12));
}
.teach_box_detail p {
 display: flex;
 align-items: center;
 gap: 0 min(1rem, calc(10vw / 12));
 font-size: 1.7rem;
 letter-spacing: 0.1em;
}
.teach_box_detail p span{
 width: min(9rem, calc(90vw / 12));
 border: solid #505050 min(.1rem, calc(1vw / 12));
 border-radius:  min(.5rem, calc(5vw / 12));
 box-sizing: border-box;
 line-height: 1.6;
}
.teach_box_03 .btn {
  width:  min(42rem, calc(420vw / 12));
  margin: 0 auto;
 }
 .teach_box_03 .btn:last-of-type {
 width:  min(30rem, calc(300vw / 12));

}
.teach_box_03 {
 border: none;
}
.teach_box_noto_txt {
 font-size: 1.6rem;
 letter-spacing: 0.06em;
 display: flex;
 align-items: flex-end;
 justify-content: center;
 gap: 0 min(1rem, calc(10vw / 12));
 line-height: 1.3;
 position: relative;
 margin: min(5rem, calc(50vw / 12)) 0 min(.5rem, calc(5vw / 12));
}
.teach_box_noto_txt::before,
.teach_box_noto_txt::after{
 content: '';
 width: min(.2rem, calc(2vw / 12));
 height:  min(1.8rem, calc(18vw / 12));
 background-color: #505050;
 transform-origin: bottom;
}
.teach_box_noto_txt::before {
 transform: rotate(-30deg);

}
.teach_box_noto_txt::after {
 transform: rotate(30deg);

}


.teach_item_flex {
 width:  min(63rem, calc(630vw / 12));
 margin-left: auto;
 position: relative;
}
.teach_item_bg {
  width:  min(85.3rem, calc(853vw / 12));
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  left: 50%;
  z-index: -1;
}
.teach_item_flex .btn {
 margin: min(4.5rem, calc(45vw / 12)) auto 0;
}
.teach_item_02 .btn {
 width:  min(27rem, calc(270vw / 12));
}
.teach_item_03 .btn {
 width:  min(42rem, calc(420vw / 12));
}

.teach_item_04 {
 position: relative;
}
.teach_item_04 .teach_item_bg{
width:  min(108rem, calc(1080vw / 12));
}
.teach_box_04  {
 border: none;
}
.teach_box_04 .teach_box_ttl {
 color: #EB335C;
 border-top: #505050 solid min(.2rem, calc(2vw / 12));
 padding-top: min(3.5rem, calc(35vw / 12));
}
.teach_box_04 .teach_box_txt {
 text-indent: -.5em;
 padding-left: .5em;
}
.teach_item_04 .btn {
  width:  min(74.5rem, calc(745vw / 12));
}




.cloud_education {
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 top: 0;
 z-index: -2;
}
.cloud_dot {
 z-index: -1;
}

.cloud_education_item {
 position: absolute;
 top: 0;
 left: 0;
 z-index: -5;
 width:100%;
 height: 100%;
 left: 0;
 right: 0;
 margin: 0 auto;
 overflow: hidden;
}

.cloud_education_01 {
 width: min(28rem, calc(280vw / 12));
 left: max(-100rem, calc(-1000vw / 12));
 top: min(120rem, calc(1200vw / 12));
}
.cloud_education_02 {
 width: min(23.8rem, calc(238vw / 12));
 left: max(-70rem, calc(-700vw / 12));
 top: min(128rem, calc(1280vw / 12));
}
.cloud_education_03 {
 width: min(21rem, calc(210vw / 12));
 left: max(-110rem, calc(-1100vw / 12));
 top: min(302rem, calc(3020vw / 12));
}

.cloud_education_04 {
 width: min(25.5rem, calc(255vw / 12));
 left: max(-82rem, calc(-820vw / 12));
 top: min(330rem, calc(3300vw / 12));
}
.cloud_education_05 {
 width: min(17.5rem, calc(175vw / 12));
 left: max(-110rem, calc(-1100vw / 12));
 top: min(405rem, calc(4050vw / 12));
}
.cloud_education_06 {
 width: min(25.5rem, calc(255vw / 12));
 right: max(-102rem, calc(-1020vw / 12));
 top: min(395rem, calc(3950vw / 12));
 z-index: -3;
}
.cloud_education_07 {
 width: min(18.3rem, calc(183vw / 12));
 right: max(-110rem, calc(-1100vw / 12));
 top: min(405rem, calc(4050vw / 12));
}

.education_bg {
  width: min(200.3rem, calc(2003vw / 12));
  position: absolute;
  top:  min(154rem, calc(1534vw / 12));
  left:  max(-2rem, calc(-20vw / 12));
  right: 0;
  margin: 0 auto;
  z-index: -1;
}





@media screen and (max-width: 767px) {
  .page_ttl {
 width: 14rem;
}

.education_contents {
 width:100%;
}
 .page_top {
margin-top:8.5rem;
}

.education_img {
 width:22.5rem;
 position: static;
 margin: 5.5rem auto 0;
}
.page_main {
 margin-top: 20rem;
}
#child {
 margin-bottom: 19rem;
}
.child_ttl {
 width: 31.5rem;
 margin: 0 auto;
}
.child_item {
 width: 100%;
 margin: 0 auto;
 flex-direction: column-reverse;
 margin-top: 13rem;
}
.child_item_ttl{
 width:  22.2rem;
 left: 0;
 right: 0;
 top: -10.5rem;
 margin: 0 auto;
}
.child_item_txt {
 width: 32.5rem;
 margin: 0 auto;
 font-size: 1.35rem;
 margin-top: 2rem;

}
.child_item_img {
 width:  22.2rem;
 margin: 0 auto;
}
.child_item_img .btn {
 width: 20rem;
 margin: 0 auto;
 position: absolute;
 left: 0;
 right: 0;
 bottom: -8rem;

}
.child_item_bg {
  width:  100%;
  top: -6.5rem;
  transform: none;
  left: 0;
}



#teach {
 margin-bottom:  min(20rem, calc(200vw / 12));
}
.teach_item {
 position: relative;
 margin-top: 10rem;
}
.teach_item_01 {
 margin-top:2.5rem;
}
.teach_ttl {
 width: 32.5rem;
 margin: 0 auto;
}
.teach_item_ttl {
 width: 22.2rem;
 margin: 0 auto;
 position: static;
}

.teach_item_box {
 width: 32.5rem;
 margin: 0 auto;
 border-bottom: #505050 solid .1rem;
 padding: 3.5rem 0 4rem;
}
.teach_box_01.teach_item_box {
 padding-top: 1.5rem;
}
.teach_item_box .btn{
 margin: 3.5rem auto 0;
}

.teach_box_01 .btn {
  width:  23rem;
}
.teach_box_01 .teach_box_txt {
 text-align: justify;
}
.teach_box_ttl {
 font-size: 1.5rem;
}
.teach_box_txt {
 font-size: 1.3rem;
}
.teach_box_02 .btn {
  width: 27rem;
}
.teach_box_detail {
 align-items: flex-start;
 flex-direction: column;
 gap:  1rem 0;
 border-top: dotted #505050 .1rem;
 padding-top:2rem;
 margin:2rem 0 4rem;
}
.teach_box_detail p {
 align-items: stretch;
 gap: 0 1rem;
 font-size: 1.3rem;
 line-height: 1.75;
 text-align: left;
}
.teach_box_detail p span{
 width:6rem;
 border: solid #505050 .1rem;
 border-radius: .25rem;
 text-align: center;
 display: flex;
 align-items: center;
 justify-content: center;
}
.teach_box_03 {
 border: none;
 padding-bottom: 0;
}
.teach_box_03 .btn {
  width: 33.5rem;
  margin: 0 auto;
}
.teach_box_03 .btn:last-of-type {
 width: 24rem;
}

.teach_box_noto_txt {
 font-size: 1.2rem;
 gap: 0 ;
 margin:3.5rem 0 .5rem;
}
.teach_box_noto_txt::before,
.teach_box_noto_txt::after{
 width:.1rem;
 height: 3.6rem;
}



.teach_item_02 .teach_item_ttl ,
.teach_item_03 .teach_item_ttl ,
.teach_item_04 .teach_item_ttl {
 margin-bottom: 2rem;

}
.teach_item_02 .teach_box_txt ,
.teach_item_03 .teach_box_txt ,
.teach_item_04 .teach_box_txt {
 width: 32.5rem;
 margin: 0 auto;

}
.teach_item_flex {
 width: 100%;
}
.teach_item_bg {
  width:  100%;
  top: -6.5rem;
  transform: none;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.teach_item_flex .btn {
 margin: 2.5rem auto 0;
}
.teach_item_02 .btn {
 width: 22rem;
}
.teach_item_03 .btn {
 width: 33.5rem;
}

.teach_item_04 .teach_item_bg{
width: 100%;
top: 4.7rem;
}
.teach_box_04  {
 border: none;
}
.teach_box_04 .teach_box_ttl {
 border-top: #505050 solid .1rem;
 padding-top: 2rem;
}

.teach_item_04 .btn {
  width: 26.5rem;
  line-height: 1.35;
}
.teach_item_04 .btn a{
  line-height: 1.35;
}
.teach_item_04 .btn a p{
  padding: 1.5rem 0;
}




.cloud_education {
 left: auto;
 right: auto;
 margin: 0 ;
}


.cloud_education_01 {
 width:5.2rem;
 left: 4rem;
 top: 57rem;
}
.cloud_education_02 {
 width:7.2rem;
 left: -1rem;
 top: 59rem;
}
.cloud_education_03 {
 width:5.5rem;
 left:auto;
 right: -1rem;
 top: 298rem;
}

.cloud_education_04 {
 width: 6.5rem;
 left:2rem;
 top: 262rem;
}
.cloud_education_05 {
 width:9.1rem;
 left: -2.8rem;
 top: 337rem;
}
.cloud_education_06 {
 width: 7.4rem;
 right:auto;
 left: -3.5rem;
 top:340rem;
 z-index: 2;
}
.cloud_education_07 {
 width: 4.4rem;
 right:-2.5rem;
 top: 418rem;
}
.cloud_education_08 {
 width: 7.4rem;
 right:-1.6rem;
 top: 135rem;
}
.cloud_education_09 {
 width: 8.6rem;
 right:-4.7rem;
 top: 340rem;
}
.cloud_education_10 {
 width: 6.5rem;
 right:1.6rem;
 top: 416rem;
}

.education_bg {
  width:100%;
  top:  148rem;
  left: 0;
}


}