@charset "UTF-8";
/*
Thene Name: MY-THEME
*/
/*******************************
*　
********************************/
.pg_security{

}
.pg_security .section#sec1{
  position: relative;
}
.pg_security .section#sec2{
  margin-top: 60px;
  ;
  position: relative;
}
.pg_security .section#sec3{
  margin-top:30px;
  ;
  position: relative;
}
.pg_security .section#sec4{

}
.pg_security .section#sec5{

}

/* イラスト */
.pos{
  position: absolute;
  z-index: 1;
  ;
}
.pos_1{
  width: 26.71%;
  aspect-ratio:513 / 380 ;
  top: -245px;
  right: -125px;
}
.pos_05{
 width: 13.54%;
  aspect-ratio:260 / 334 ;
  top: -500px;
  left:0;
}
.pos_2 {
  width: 25.65%;
  aspect-ratio: 466 / 444;
  top: -50px;
  left: -11.5%;
  z-index: 0;
}

.pos_3 {
  width: 17.56%;
  aspect-ratio: 1 / 1;
  z-index: 0;
  bottom: -14%;
  left: 53%;
  transform: translateX(-50%);
  z-index: 2;
}

.pos_4 {
  width: 13.75%;
  aspect-ratio: 1 / 1;
  z-index: 0;
  top: 0;
  right: 0;
  z-index: 2;
  ;
}

.pos_5 {
  width: 24.47%;
  aspect-ratio: 372 / 278;
  z-index: 0;
  bottom: -91px;
  left: -6.8%;
  z-index: -1;
}

.pos_6{
  width:30.52%;
  aspect-ratio: 586 / 268;
  z-index: 0;
  top: 24px;
  left: 56%;
  transform:translateX(-50%);
}
.pos_7{
  width:22.81%;
  aspect-ratio: 438 / 264;
  z-index: 0;
  top: 31px;
  right: 6.6%;
}
.pos_8{
  width:21.09%;
  aspect-ratio: 405 / 323;
  z-index: 0;
  top: 38%;
  left: 0;
}
.pos_9{
  width:8.64%;
  aspect-ratio: 166 / 356;
  z-index: 2;
  top: 52%;
  right: 0;
}
.pos_10{
  width:13.75%;
  aspect-ratio: 264 / 444;
  z-index: 2;
  top: 72.5%;
  right: 0;
}
.pos_11{
  width:14.63%;
  aspect-ratio: 281 / 341;
  z-index: 2;
  bottom: 22px;
  right: 0;
}

.security_hdr_wrap .prepare.home_cmn_box{
  position: relative;
}
.security_hdr_wrap .prepare.home_cmn_box .box2{
  margin-top: 0;
  ;
  position: relative;
}
.security_hdr_wrap .prepare.home_cmn_box .seremony_img{
  width: 40%;
  ;
  position: absolute;
  right: 0;
  ;
  bottom: -80px;
  ;
  height: auto;
}

.security_singles_wrap{
  position:relative;
}
.content_desc{
  font-size: 16px;
  ;
  font-weight: 500;
  line-height: 1.78em;
  ;
  text-align: justify;
  color: #fd603c;
  letter-spacing: 0.075em;
  margin-top: 20px;
  ;
}

/* 流れ */
.security_flow_wrap{
  margin-top: 50px;
  position:relative;
}
.security_flow_tt{
  font-size: 18px;
  ;
  font-weight: 500;
  ;
  letter-spacing: 0.075em;
  text-align: center;
}
.security_flow_items{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
  ;
}
.security_flow_items .box1{
  width: 100%;
  ;
}
.security_flow_items .box1 .child{
  display: flex;
  align-items: center;
  position:relative;
}
.security_flow_items .box1 .child:nth-child(1):before{
  background-color: #fee3fa;
}
.security_flow_items .box1 .child:nth-child(2):before{
  background-color: #eed0fc;
}
.security_flow_items .box1 .child:nth-child(3):before{
  background-color: #d9d0fc;
}
.security_flow_items .box1 .child:before{
  content: "";
  display: block;
  width: 205px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px 0 0 20px;
  ;
  z-index: -1;
}
.security_flow_items .box1 .child:after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
  border-top: 20.25px solid #d1a6ff;
  border-bottom: 0;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
}
.security_flow_items .box1 .child:last-child:after{
  display: none;
  ;
}
.security_flow_items .box1 .child:nth-child(n+2){
  margin-top: 50px;
  ;
}
.security_flow_items .box1 .child .left{
  font-size: 18px;
  ;
  font-weight: 500;
  letter-spacing: 0.075em;
  ;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 205px;
  height: 178px;
  ;
  border-radius: 20px 0 0 20px;
  ;
}
.security_flow_items .box1 .child .right{
  display: flex;
  align-items: center;
  background-color: #fff5fe;
  width: calc(100% - 205px);
  height: auto;
  ;
  padding: 33px 52px 33px 42px;
  border-radius: 0 20px 20px 0;
  ;
}
.security_flow_items .box1 .child:nth-child(1) .right{
  background: #fff5fe;
}
.security_flow_items .box1 .child:nth-child(2) .right{
  background: #f9ebff;
}
.security_flow_items .box1 .child:nth-child(3) .right{
  background: #ece7fe;
}
.content_txt{
  font-size: 16px;
  font-weight: 400;
  ;
  letter-spacing: 0.075em;
  ;
  line-height: 2;
  text-align: justify;
  ;
}
.security_flow_items .box2{
  width: 100%;
  ;
  margin-top: 20px;
  ;
}

.security_service_wrap{
  margin-top: 70px;
  ;
}
.security_service_item{
  border-radius: 40px;
  padding: 30px 0 40px;
}
.security_service_item:nth-child(n+2){
  margin-top: 50px;
}
.security_service_tt_outer{
  text-align: center;
}
.security_service_tt{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  ;
  font-weight: 500;
  letter-spacing: 0.075em;
  text-align: center;
}
.security_service_item.no1 .security_service_tt:after{
  content: "";
  display: block;
  width: 30px;
  aspect-ratio: 1 / 1;
  background-image: url(/img/security/pen.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 10px;
}
.security_service_lists{
  display: flex;
  flex-wrap: wrap;
  padding: 0 16px;
  margin-top: 17px;
  ;
}
.security_service_list{
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.075em;
  position: relative;
  padding-left: 30px;
  ;
}
.security_service_list:before{
  content: "";
  display: block;
  width: 18px;
  aspect-ratio: 1 / 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 7px;
  ;
}
.security_service_item.no1{
  background: #e9e6ff;
}
.security_service_item.no2{
  background: #ffe4fc;
}
.security_service_item.no1 .security_service_list:before{
  background-image: url(/img/security/pur2.svg);
}
.security_service_item.no2 .security_service_list:before{
  background-image: url(/img/security/pur.svg);
}

@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){
  /* イラスト */
  .pos_05{
  top: -170px;
  left:0;
}
  .pos_3 {
    width: 17.56%;
    bottom: 50%;
    left: 80%;
    ;
  }
  .pos_4{
    top: 95px;
  }
  .pos_9{
    top: 47%;
  }
  .pos_10{
    top: 64.5%;
  }


  .about_item_content{
    align-items: center;
    ;
  }

  .security_flow_items .box1 .child .left{
    border-radius: 20px 20px 0 0;
    ;
    padding: 20px;
    height: auto;
    ;
  }
  .security_flow_items .box1 .child .right{
    border-radius: 0 0 20px 20px;
    ;
    padding: 20px;
    ;
  }
  .security_flow_items .box1 .child:after{
    bottom: -38px;
  }
  .security_flow_items .box1 .child:nth-child(1) .left{
    background-color: #fee3fa;
  }
  .security_flow_items .box1 .child:nth-child(2) .left{
    background-color: #eed0fc;
  }
  .security_flow_items .box1 .child:nth-child(3) .left{
    background-color: #d9d0fc;
  }
  .security_flow_items .box1 .child:before{
    display: none;
    ;
  }
  .security_flow_items .box1 .child{
    flex-wrap: wrap;
  }
  .security_flow_items .box1 .child .left{
    width: 100%;
    ;
  }
  .security_flow_items .box1 .child .right{
    width: 100%;
    ;
  }

  .about_merit_content{
    margin-top: 0;
    ;
  }
  .about_merit.home_cmn_box:nth-child(n+2){
    margin-top: 0;
    ;
  }

  .security_feture_wrap{
    padding-top: 90px;
    ;
  }
}
@media (min-width:768px){
  .pg_security{

  }
  .pg_security .section#sec1{

  }
  .pg_security .section#sec2{
    margin-top: 40px;
    ;
  }
  .pg_security .section#sec3{
    margin-top: 100px;
    ;
  }
  .pg_security .section#sec4{

  }
  .pg_security .section#sec5{

  }

  /* イラスト */
  .pos_2 {
    width: 30.65%;
    aspect-ratio: 466 / 444;
    top: -155px;
    left: -11.5%;
    z-index: 0;
  }
  .pos_3 {
    width: 17.56%;
    bottom: 0;
    left: 40%;
  }

  .pos_4 {
    width: 13.75%;
    aspect-ratio: 1 / 1;
    z-index: 0;
    top: 2%;
    right: -5%;
    z-index: 2;
  }
  .pos_6{
    width:30.52%;
    aspect-ratio: 586 / 268;
    z-index: 0;
    top: 24px;
    left: 56%;
    transform:translateX(-50%);
  }
  .pos_7{
    width:22.81%;
    aspect-ratio: 438 / 264;
    z-index: 0;
    top: 31px;
    right: 6.6%;
  }
  .pos_8{
    width:21.09%;
    aspect-ratio: 405 / 323;
    z-index: 0;
    top: 38%;
    left: 0;
  }
  .pos_9{
    width:8.64%;
    aspect-ratio: 166 / 356;
    z-index: 2;
    top: 52%;
    right: 0;
  }
  .pos_10{
    width:13.75%;
    aspect-ratio: 264 / 444;
    z-index: 2;
    top: 72.5%;
    right: 0;
  }
  .pos_11{
  width:8.63%;
  aspect-ratio: 281 / 341;
  z-index: 2;
  bottom: 22px;
  right: 0;
}

  .security_hdr_wrap .prepare.home_cmn_box{
    margin-top: 50px;
  }
  .security_singles_wrap .about_item:nth-child(5){
    margin-top: 20px;
    ;
  }
  .security_hdr_wrap .prepare.home_cmn_box .seremony_img{
    width: 40%;
    ;
    bottom: -100px;
    ;
    right: -14.58%;
    ;
  }
  .content_desc{
    font-size: 18px;
    ;
    margin-top: 40px;
    ;
  }

  /* 流れ */
  .security_flow_wrap{
    margin-top: 70px;
  }
  .security_flow_tt{
    font-size: 24px;
    ;
  }
  .security_flow_items{
    margin-top: 60px;
    ;
  }
  .security_flow_items .box1{

  }
  .security_flow_items .box1 .child{

  }
  .security_flow_items .box1 .child:nth-child(n+2){
    margin-top: 90px;
    ;
  }
  .security_flow_items .box1 .child .left{
    font-size: 20px;
    ;
  }
  .security_flow_items .box1 .child .right{
    padding: 33px 52px 33px 42px;
  }
  .content_txt{
    font-size: 18px;
  }
  .security_flow_items .box2{
    width: 100%;
    ;
    margin-top: 30px;
    ;
  }

  .security_service_wrap{
    margin-top: 100px;
    ;
  }
  .security_service_item{

  }
  .security_service_item:nth-child(n+2){
    margin-top: 47px;
  }
  .security_service_tt{
    font-size: 24px;
    ;
  }
  .security_service_lists{
    padding: 0 16px;
  }
  .security_service_list{
    width: 50%;
    padding-left: 30px;
    ;
  }
  .security_service_list:before{
    top: 7px;
  }
}
@media (min-width:1024px){
  .pg_security{

  }
  .pg_security .section#sec1{

  }
  .pg_security .section#sec2{

  }
  .pg_security .section#sec3{
    margin-top: 145px;
    ;
  }
  .pg_security .section#sec4{

  }
  .pg_security .section#sec5{

  }

  /* イラスト */
  .pos_3 {
    width: 17.56%;
    bottom: 0;
    left: 40%;
  }

  .pos_4 {
    width: 13.75%;
    aspect-ratio: 1 / 1;
    z-index: 0;
    top: 0;
    right: 0;
    z-index: 2;
    ;
  }
  .pos_6{
    width:30.52%;
    aspect-ratio: 586 / 268;
    z-index: 0;
    top: 24px;
    left: 56%;
    transform:translateX(-50%);
  }
  .pos_7{
    width:22.81%;
    aspect-ratio: 438 / 264;
    z-index: 0;
    top: 31px;
    right: 6.6%;
  }
  .pos_8{
    width:21.09%;
    aspect-ratio: 405 / 323;
    z-index: 0;
    top: 38%;
    left: 0;
  }
  .pos_9{
    width:8.64%;
    aspect-ratio: 166 / 356;
    z-index: 2;
    top: 52%;
    right: 0;
  }
  .pos_10{
    width:13.75%;
    aspect-ratio: 264 / 444;
    z-index: 2;
    top: 72.5%;
    right: 0;
  }
  .pos_11{
  width:8.63%;
  aspect-ratio: 281 / 341;
  z-index: 2;
  bottom: 22px;
  right: 0;
}

  .security_hdr_wrap .prepare.home_cmn_box{
    margin-top: 70px;
  }
  .security_singles_wrap .about_item:nth-child(1),
  .security_singles_wrap .about_item:nth-child(3){
    margin-top: 35px;
    ;
  }
  .security_singles_wrap .about_item:nth-child(4),
  .security_singles_wrap .about_item:nth-child(6){
    margin-top: 40px;
    ;
  }
  .security_singles_wrap .about_item:nth-child(2){
    padding: 0 16px;
  }
  .security_singles_wrap .about_item:nth-child(5){
    margin-top: 0;
    ;
  }
  .security_hdr_wrap .prepare.home_cmn_box .seremony_img{
    width: 40%;
    ;
    bottom: -120px;
    ;
  }
  .content_desc{
    font-size: 22px;
    ;
    margin-top:53px;
    ;
  }
  .content_desc.center{
    text-align: center;
    ;
  }

  /* 流れ */
  .security_flow_wrap{
    margin-top: 90px;
  }
  .security_flow_tt{
    font-size: 30px;
    ;
  }
  .security_flow_items{
    margin-top: 82px;
    ;
  }
  .security_flow_items .box1{
    width: 49.01%;
    ;
  }
  .security_flow_items .box1 .child{

  }
  .security_flow_items .box1 .child .left{
    font-size: 28px;
    ;
  }
  .security_flow_items .box1 .child .right{
    padding: 33px 52px 33px 42px;
    margin-top: 0;
    ;
  }
  .content_txt{

  }
  .security_flow_items .box2{
    width: 49.01%;
    ;
  }

  .security_service_wrap{
    margin-top: 150px;
    ;
  }
  .security_service_item{

  }
  .security_service_tt{
    font-size: 30px;
    ;
  }
  .security_service_lists{
    padding: 0 20px;
  }
  .security_service_list{
    font-size: 20px;
  }
  .security_service_list:before{
    top: 11px;
  }
}
@media (min-width:1200px){
  /* イラスト */
  .pos_3 {
    width: 13.56%;
    bottom: -13%;
    left: 40%;
  }
  .pos_6{
    width:30.52%;
    aspect-ratio: 586 / 268;
    z-index: 0;
    top: 24px;
    left: 56%;
    transform:translateX(-50%);
  }
  .pos_7{
    width:22.81%;
    aspect-ratio: 438 / 264;
    z-index: 0;
    top: 31px;
    right: 6.6%;
  }
  .pos_8{
    width:21.09%;
    aspect-ratio: 405 / 323;
    z-index: 0;
    top: 38%;
    left: 0;
  }
  .pos_9{
    width:8.64%;
    aspect-ratio: 166 / 356;
    z-index: 2;
    top: 52%;
    right: 0;
  }
  .pos_10{
    width:13.75%;
    aspect-ratio: 264 / 444;
    z-index: 2;
    top: 72.5%;
    right: 0;
  }
  .pos_11{
  width:8.63%;
  aspect-ratio: 281 / 341;
  z-index: 2;
  bottom: 22px;
  right: 0;
}

  .security_singles_wrap .about_item:nth-child(2){
    padding: 0 55px;
  }
  .security_singles_wrap .about_item:nth-child(5){
    margin-top: 61px;
  }
  .security_hdr_wrap .prepare.home_cmn_box .seremony_img{
    width: 40%;
    ;
    bottom: -80px;
    ;
  }
  .content_desc{
    font-size: 28px;
    ;
  }

  .security_service_lists{
    padding: 0 50px 0 50px;
  }
  .security_service_list:before{
    top: 11px;
  }
  .about_merit.home_cmn_box .main_txt .title{
    font-size: 22px;
    ;
  }
}
@media (min-width:1470px){
  /* イラスト */
  .pos_3 {
    width: 10.56%;
    bottom: -11%;
    left: 40%;
  }

  .security_hdr_wrap .prepare.home_cmn_box .seremony_img{
    width: 40%;
    ;
    bottom: -80px;
    ;
  }
  .security_service_lists{
    padding: 0 50px 0 50px;
  }
}
@media (min-width:1536px){
  /* イラスト */
  .pos_3 {
    width: 17.56%;
    bottom: -14%;
    left: 40%;
  }
  .pos_6{
    width:30.52%;
    aspect-ratio: 586 / 268;
    z-index: 0;
    top: 24px;
    left: 56%;
    transform:translateX(-50%);
  }
  .pos_7{
    width:22.81%;
    aspect-ratio: 438 / 264;
    z-index: 0;
    top: 31px;
    right: 6.6%;
  }
  .pos_8{
    width:21.09%;
    aspect-ratio: 405 / 323;
    z-index: 0;
    top: 38%;
    left: 0;
  }
  .pos_9{
    width:8.64%;
    aspect-ratio: 166 / 356;
    z-index: 2;
    top: 52%;
    right: 0;
  }
  .pos_10{
    width:13.75%;
    aspect-ratio: 264 / 444;
    z-index: 2;
    top: 72.5%;
    right: 0;
  }
  .pos_11{
  width:10.63%;
  aspect-ratio: 281 / 341;
  z-index: 2;
  bottom: 22px;
  right: 0;
}

  .security_hdr_wrap .prepare.home_cmn_box .seremony_img{
    width: 40%;
    ;
    bottom: -80px;
    ;
  }
  .security_service_lists{
    padding: 0 50px 0 50px;
  }
}
@media (min-width:1740px){
  /* イラスト */
  .pos_3 {
    width: 17.56%;
    bottom: -14%;
    left: 53%;
  }
  .pos_4{
    top: 42px;
  }
  .pos_5{
    bottom: 4px;
    ;
    left: -21.8%;
  }
  .pos_11{
  width:14.63%;
  aspect-ratio: 281 / 341;
  z-index: 2;
  bottom: 22px;
  right: 0;
}

  .security_hdr_wrap .prepare.home_cmn_box .seremony_img{
    width: 63.48%;
    ;
    bottom: -120px;
    ;
  }
  .security_service_lists{
    padding: 0 173px 0 207px;
  }
  .security_service_list:before{
    top: 13px;
  }
  .about_merit.home_cmn_box .main_txt .title{
    font-size: 30px;
    ;
  }
}

/*******************************
*　葬儀に備える
********************************/
.pg_prepare{

}
.pg_prepare .section{
  position: relative;
}
.pg_prepare .section#sec1{

}
.pg_prepare .section.sec2{

}
.pg_prepare .section.sec3{

}
.pg_prepare .section.sec4{

}
.pg_prepare .section.sec5{

}

/* イラスト */
.prepare_pos{
position: absolute;
}

.left_pos1{
width: 11.77%;
aspect-ratio: 226 / 344;
left: 0;
top: -495px;
z-index: 1;;
}
.left_pos2{
width: 10%;
aspect-ratio: 192 / 321;
left: 0;
top: -110px;
}
.left_pos3{
width: 7.44%;
aspect-ratio: 143 / 344;
left: 0;
top: 1086px;;
}
.left_pos4{
width: 20.31%;
aspect-ratio: 390 / 372;
left: 0;
top: 2935px;
}
.left_pos6{
width: 7.4%;
aspect-ratio: 143 / 344;
left: 0;
top: 4414px;
}
.left_pos7{
width: 10%;
aspect-ratio:192 / 321;
left: 0;
top: 5700px;;
}
.right_pos1{
width: 15.88%;
aspect-ratio: 305 / 444;
right: 0;
top: -336px;
z-index: 1;;
}
.right_pos2{
width: 10.52%;
aspect-ratio: 193 / 278;
right: 0;
}
.right_pos3{
width: 16.51%;
aspect-ratio:317 / 323;
right: 0;
top: 2180px;
}
.right_pos4{
width: 10.05%;;
aspect-ratio: 193 / 470;
right: 0;
top: 994px;
}
.right_pos5{
width: 12.96%;
aspect-ratio: 249 / 470;
right: 0;
top: 3380px;
}
.right_pos6{
width: 11.4%;
aspect-ratio: 219 / 278;
right: 0;
top: 5150px;
}

/* シャボン玉 */
.bg_circle_wrap{
position:fixed;
z-index: 1;
inset: 0;
pointer-events: none;

}
.bg_circle_wrap .moving-circles{
  width: 100%!important;
  height: 100%!important;
}
.circle{
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent!important;
}
.circle:nth-child(1){
background-image: url(/img/home/tama1.png);;
}
.circle:nth-child(2){
background-image: url(/img/home/tama2.png);;
}
.circle:nth-child(3){
background-image: url(/img/home/tama3.png);;
}
.circle:nth-child(4){
background-image: url(/img/home/tama4.png);;
}
.circle:nth-child(5){
background-image: url(/img/home/tama1.png);;
}
.circle:nth-child(6){
background-image: url(/img/home/tama2.png);;
}
@media (max-width:374px){

}
@media (min-width:375px){

}
@media (max-width:767px){
/* イラスト */
.prepare_pos{
position: absolute;
}
.home_pos.pos9{
  top: 35%!important;
}
.home_pos.pos8{
  width: calc(150px * var(--img-size-ratio))!important;
top: 39.5%!important;
}

.left_pos1{
width: 11.77%;
aspect-ratio: 226 / 344;
left: 0;
top: -190px;
z-index: 1;;
}
.left_pos2{
width: 10%;
aspect-ratio: 192 / 321;
left: 0;
top: -40px;
}
.left_pos3{
width: 7.44%;
aspect-ratio: 143 / 344;
left: 0;
top: 1320px;;
}
.left_pos4{
width: 20.31%;
aspect-ratio: 390 / 372;
left: 0;
top: 3500px;
}
.left_pos6{
width: 7.4%;
aspect-ratio: 143 / 344;
left: 0;
top: 5914px;
}
.left_pos7{
width: 10%;
aspect-ratio:192 / 321;
left: 0;
top: 7300px;
}
.right_pos1{
width: 15.88%;
aspect-ratio: 305 / 444;
right: 0;
top: -100px;
z-index: 1;;
}
.right_pos2{
width: 10.52%;
aspect-ratio: 193 / 278;
right: 0;
top:-5px;
}
.right_pos3{
width: 16.51%;
aspect-ratio:317 / 323;
right: 0;
top: 3200px;
}
.right_pos4{
width: 10.05%;;
aspect-ratio: 193 / 470;
right: 0;
top: 1270px;
}
.right_pos5{
width: 12.96%;
aspect-ratio: 249 / 470;
right: 0;
top: 3755px;
}
.right_pos6{
width: 11.4%;
aspect-ratio: 219 / 278;
right: 0;
top: 6650px;
}

/* 調整 */
body{
  padding-bottom: 36px;;
}

header{
  position: relative;
}
.mv{
padding-top: 0;
}

.pg_header{
  margin-top: 0;
}

.hdr_logo .logo{
width: 160px;;
}

footer .ftr_addr{
  letter-spacing: 0.1em;;
}
footer .copy{
  text-align: center;
  margin-top: 30px;;
}
footer .contact .tel_content{
  text-align: center;
}
footer .contact .tel{
  padding-left: 0;;
}
.ftr_logo{
width: 260px;
    margin: 0 auto;
}
}
@media (min-width:768px){
  .pg_xxx{

  }
  .pg_xxx .section.sec1{

  }
  .pg_xxx .section.sec2{

  }
  .pg_xxx .section.sec3{

  }
  .pg_xxx .section.sec4{

  }
  .pg_xxx .section.sec5{

  }

 /* イラスト */ 
 .left_pos1{
width: 11.77%;
aspect-ratio: 226 / 344;
left: 0;
top: -400px;
z-index: 1;;
}
.right_pos1{
width: 10.88%;
aspect-ratio: 305 / 444;
right: 0;
top: -200px;
z-index: 1;;
} 
 .right_pos2{
width: 6%;
aspect-ratio: 193 / 278;
right: 0;
}
.right_pos5{
width: 5.96%;
aspect-ratio: 249 / 470;
right: 0;
top: 3380px;
}
.left_pos2{
width: 10%;
aspect-ratio: 192 / 321;
left: 0;
top: -80px;
}
.left_pos3{
width: 3.44%;
aspect-ratio: 143 / 344;
left: 0;
top: 1086px;;
}
}
@media (min-width:1024px){
 /* イラスト */ 
 .left_pos1{
width: 11.77%;
aspect-ratio: 226 / 344;
left: 0;
top: -400px;
z-index: 1;;
}
.right_pos1{
width: 10.88%;
aspect-ratio: 305 / 444;
right: 0;
top: -150px;
z-index: 1;;
} 
 .right_pos2{
width: 6%;
aspect-ratio: 193 / 278;
right: 0;
}
.right_pos3{
width: 16.51%;
aspect-ratio:317 / 323;
right: 0;
top: 2500px;
}
.right_pos5{
width: 12.96%;
aspect-ratio: 249 / 470;
right: 0;
top: 3380px;
}
.left_pos3{
width: 3.44%;
aspect-ratio: 143 / 344;
left: 0;
top: 1086px;;
}

}
@media (min-width:1200px){
     /* イラスト */
.right_pos1{
width: 10.88%;
aspect-ratio: 305 / 444;
right: 0;
top: -200px;
z-index: 1;;
} 
   .right_pos2{
width: 6%;
aspect-ratio: 193 / 278;
right: 0;
}
.right_pos3{
width: 16.51%;
aspect-ratio:317 / 323;
right: 0;
top: 2500px;
}
.left_pos3{
width: 3.44%;
aspect-ratio: 143 / 344;
left: 0;
top: 1086px;;
}

}
@media (min-width:1280px){
   /* イラスト */ 
   .right_pos1{
width: 10.88%;
aspect-ratio: 305 / 444;
right: 0;
top: -250px;
z-index: 1;;
}
   .right_pos2{
width: 8%;
aspect-ratio: 193 / 278;
right: 0;
}
.right_pos3{
width: 16.51%;
aspect-ratio:317 / 323;
right: 0;
top: 2500px;
}

}
@media (min-width:1470px){
 /* イラスト */ 
 .left_pos1{
width: 11.77%;
aspect-ratio: 226 / 344;
left: 0;
top: -420px;
z-index: 1;;
}
.right_pos1{
width: 15.88%;
aspect-ratio: 305 / 444;
right: 0;
top: -336px;
z-index: 1;;
}
.right_pos2{
width: 10.52%;
aspect-ratio: 193 / 278;
right: 0;
}
.right_pos3{
width: 16.51%;
aspect-ratio:317 / 323;
right: 0;
top: 2500px;
}

}
@media (min-width:1536px){
 /* イラスト */ 
.right_pos3{
width: 16.51%;
aspect-ratio:317 / 323;
right: 0;
top: 2500px;
}
.left_pos4{
width: 20.31%;
aspect-ratio: 390 / 372;
left: 0;
top: 3200px;
}

}
@media (min-width:1740px){
/* イラスト */
.prepare_pos{
position: absolute;
}

.left_pos1{
width: 11.77%;
aspect-ratio: 226 / 344;
left: 0;
top: -495px;
z-index: 1;;
}
.left_pos2{
width: 10%;
aspect-ratio: 192 / 321;
left: 0;
top: -110px;
}
.left_pos3{
width: 7.44%;
aspect-ratio: 143 / 344;
left: 0;
top: 1086px;;
}
.left_pos4{
width: 20.31%;
aspect-ratio: 390 / 372;
left: 0;
top: 2935px;
}
.left_pos6{
width: 7.4%;
aspect-ratio: 143 / 344;
left: 0;
top: 4414px;
}
.left_pos7{
width: 10%;
aspect-ratio:192 / 321;
left: 0;
top: 5700px;;
}
.right_pos1{
width: 15.88%;
aspect-ratio: 305 / 444;
right: 0;
top: -336px;
z-index: 1;;
}
.right_pos2{
width: 10.52%;
aspect-ratio: 193 / 278;
right: 0;
}
.right_pos3{
width: 16.51%;
aspect-ratio:317 / 323;
right: 0;
top: 2180px;
}
.right_pos4{
width: 10.05%;;
aspect-ratio: 193 / 470;
right: 0;
top: 994px;
}
.right_pos5{
width: 12.96%;
aspect-ratio: 249 / 470;
right: 0;
top: 3380px;
}
.right_pos6{
width: 11.4%;
aspect-ratio: 219 / 278;
right: 0;
top: 5150px;
}

}