
/*スマホ　(iphone 14 pro max)*/
@media only screen and (orientation: portrait) and (max-width: 480px) {

  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #767676;
    border-radius: 5px;
    background: none;
    color: #000;
  }

  .select_wrap,
  select{
    position: relative;
  }

  .select_wrap:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 11px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #767676;
    border-left: 2px solid #767676;
    transform: translateY(-50%) rotate(-135deg);
    font-size: 20px;
    pointer-events: none;
  }
}

/*スマホ　(iphoneSE)*/
@media only screen and (orientation: portrait) and (max-width: 375px) {
  .select_wrap:after {
    top: 14px;
  }
}



/*------------------------------------------------
display
------------------------------------------------*/
#page-top,
h2,
#ass_top,
#ass_top .ass_box dl,
#ass_top .ass_box dl dt,
#ass_top .ass_box dl dd,
#ass_top .ass_box ul,
#ass_top .ass_box ul li,
#ass_top .ass_confirm_btn,
#ass_top .ass_box label,
#content #ass_top .btn_box,
#ass_point,
#ass_point dl dt,
#ass_point dl dt h3,
#ass_point a,
#ass_thanks,
#ass_faq .other_title span,
#ass_con,
#ass_con .contact_announce,
#ass_con .contact_announce .contact_box a dd{
  display: flex;
}

#page-top,
h2,
#ass_top,
#ass_top .ass_box dl,
#ass_top .ass_box dl dt,
#ass_top .ass_box dl dd,
#ass_top .ass_box ul,
#ass_top .ass_box ul li,
#ass_point,
#ass_thanks,
#ass_con,
#ass_con .contact_announce,
#ass_con .contact_announce .contact_box a dd{
  flex-wrap: wrap;
}

#page-top,
h2,
#ass_top .ass_box dl,
#ass_top .ass_box dl dt,
#ass_top .ass_box dl dd,
#ass_top .ass_box ul,
#ass_top .ass_box ul li,
#ass_top .ass_box label,
#ass_point a,
#ass_point dl dt,
#ass_point dl dt h3,
#ass_faq .other_title span,
#ass_con .contact_announce .contact_box a dd{
  align-items: center;
}

#ass_top,
#ass_point,
#ass_thanks,
#ass_con{
  align-items: flex-start;
}

#page-top,
h2,
#ass_faq .other_title span,
#ass_con .contact_announce,
#ass_con .contact_announce .contact_box a dd{
  justify-content: center;
}

#ass_top .ass_box dl dt{
  justify-content: flex-end;
}


/*------------------------------------------------
position
------------------------------------------------*/
#ass_faq .other_title{
  position: relative;
}

#ass_faq .other_title h2,
#ass_faq .other_title img{
  position: absolute;
}

#page-top{
  position: fixed;
}

#ass_faq .other_title h2{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#ass_faq .other_title img{
  right: 0;
}

#ass_faq .other_title img{
  bottom: 0;
}

#page-top{
  bottom: 46px;
}

/*タブレット (iPad pro ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1366px) {
  #page-top{
    bottom: 42px;
  }
}

/*タブレット (iPad pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
  #page-top.UpMove{
    bottom: 60px;
  }

  #page-top.DownMove{
    bottom: 40px;
  }
}

/*タブレット(iPad ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
}

/*タブレット(iPad ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
}

/*スマホ　(iphone 14 pro max)*/
@media only screen and (orientation: portrait) and (max-width: 480px) {
  #ass_faq .other_title h2{
    top: auto;
    left: auto;
    bottom: 0;
      transform: none;
    -webkit-transform: none;
    -ms-transform: none;
  }

  #ass_faq .other_title img{
    bottom: 104px;
  }

}

/*スマホ (iphone 12)*/
@media only screen and (orientation: portrait) and (max-width: 390px) {
}


/*------------------------------------------------
width
------------------------------------------------*/
#ass_top form,
#ass_top .ass_box dl,
#ass_top .ass_box ul,
#ass_top,
#ass_top .ass_box dl dd .select_wrap,
#ass_top .ass_box dl dd select,
#ass_top .ass_box dl dd input[type="text"],
#ass_point h2,
#ass_point dl dd img,
#ass_thanks,
#ass_thanks h2,
#ass_faq .other_title,
#ass_faq .other_title h2,
#ass_con,
#ass_con h2,
#ass_con .contact_announce .contact_box a dd{
  width: 100%;
}

#page-top{
  width: 85%;
}

#ass_point dl{
  width: 13.6%;
}

#ass_thanks p{
  width: 45%;
}

#ass_top .ass_box dl dt{
  width: 24%;
}

#ass_top .ass_box dl dd{
  width: 76%;
}

#ass_top .ass_box{
  width: 36%;
}

#content #ass_top .btn_box{
  width: 25%;
}

#ass_top .ass_confirm_btn{
  width: 20%;
}

#content #ass_top .btn_box .send_btn,
#content #ass_top .btn_box .back_btn,
#ass_con .contact_announce .contact_box{
  width: 50%;
}

#ass_faq,
#ass_con .contact_announce{
  width: 60%;
}

#ass_faq .other_title span{
  width: 70px;
}

#ass_con .contact_announce .contact_box a dd img{
  width: 40px;
}

#ass_top .ass_box ul li input{
  width: 20px;
}

#page-top span,
#ass_point a p{
  width: 10px;
}

/*タブレット (iPad pro ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1366px) {
  #detail{
    width: 95%;
  }

  #page-top{
    width: 100%;
  }

  #ass_top .ass_box{
    width: 50%;
  }

  #ass_con .contact_announce{
    width: 71%;
  }
}

/*タブレット (iPad pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
  #page-top{
    width: 100%;
  }

  #ass_top .ass_box{
    width: 45%;
  }

  #ass_top .ass_confirm_btn,
  #ass_top .ass_box dl dt,
  #ass_point dl{
  width: 30%;
  }

  #ass_faq{
    width: 90%;
  }

  #ass_top .ass_box dl dd{
    width: 70%;
  }

  #ass_con .contact_announce{
    width: 95%;
  }

}

/*タブレット(iPad ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
  #page-top{
    width: 100%;
  }

  #ass_top .ass_box{
    width: 45%;
  }

  #ass_top .ass_confirm_btn,
  #ass_top .ass_box dl dt,
  #ass_point dl{
    width: 30%;
  }

  #ass_faq{
    width: 90%;
  }

  #ass_top .ass_box dl dd{
    width: 70%;
  }

  #ass_con .contact_announce{
    width: 95%;
  }
}

/*タブレット(iPad ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
  #ass_top .ass_box{
    width: 80%;
  }

  #ass_top .ass_confirm_btn{
    width: 50%;
  }

}

/*スマホ　(iphone 14 pro max)*/
@media only screen and (orientation: portrait) and (max-width: 480px) {
  #ass_point dl{
    width: 100%;
  }

  #ass_top .ass_box,
  #ass_top .ass_confirm_btn{
    width: 90%;
  }

  #ass_thanks p,
  #ass_thanks h2,
  #ass_thanks p,
  #ass_con .contact_announce .contact_box,
  #ass_con .contact_announce img{
    width: 96%;
  }
  
  #ass_top .ass_box dl dt{
  width: 40%;
  }

  #ass_top .ass_box dl dd{
    width: 60%;
  }
}

/*スマホ (iphone 12)*/
@media only screen and (orientation: portrait) and (max-width: 390px) {
  #ass_point dl{
    width: 100%;
  }

  #ass_con .contact_announce img{
    width: 96%;
  }

  #ass_top .ass_box,
  #ass_top .ass_confirm_btn{
    width: 90%;
  }
  
}


/*------------------------------------------------
height
------------------------------------------------*/
#ass_top{
  height: 642px;
}

#ass_top .ass_box dl dt,
#ass_top .ass_box dl dd{
  height: 30px;
}

#ass_faq .other_title{
  height: 287px;
}

#ass_point dl .text{
  height: 274px;
}

#ass_faq .other_title h2{
  height: 105px;
}

#ass_faq .other_title span,
#ass_con .contact_announce .contact_box a dd{
  height: 70px;
}

#ass_con .contact_announce .contact_box a dd img{
  height: auto;
}

#ass_top .ass_box ul li input{
  height: 20px;
}

#page-top span,
#ass_point a p{
  height: 10px;
}

#page-top{
  height: 60px;
}


/*タブレット (iPad pro ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1366px) {
  #ass_point dl .text{
    height: 354px;
  }
}

/*タブレット (iPad pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
  #ass_point dl .text{
    height: 190px;
  }

  #ass_point dl dd img{
    height: 120px;
  }
}

/*タブレット(iPad ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
  #ass_top{
    height: 630px;
  }

  #ass_point dl .text{
    height: 190px;
  }

  #ass_point dl dd img{
    height: 120px;
  }
}

/*タブレット(iPad ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
    #ass_top{
    height: 780px;
  }

}

/*スマホ　(iphone 14 pro max)*/
@media only screen and (orientation: portrait) and (max-width: 480px) {
    #ass_top{
    height: 1000px;
  }

    #ass_point dl dd img{
    height: 164px;
  }

  #ass_con .contact_announce img,
  #ass_point dl .text{
    height: auto;
  }

}

/*スマホ (iphone 12)*/
@media only screen and (orientation: portrait) and (max-width: 390px) {
    #ass_top{
    height: 950px;
  }

    #ass_point dl dd img{
    height: 164px;
  }

  #ass_con .contact_announce img,
  #ass_point dl .text{
    height: auto;
  }

}


/*------------------------------------------------
color
------------------------------------------------*/
#page-top,
#ass_top .ass_box dl dt span,
#ass_top .ass_box ul li span,
#ass_top .ass_confirm_btn,
#content #ass_top .btn_box .send_btn,
#content #ass_top .btn_box .back_btn,
#ass_point h2,
#ass_point a,
#ass_thanks h2,
#ass_faq h2,
#ass_con h2,
#ass_point dl dt,
#ass_thanks p,
#ass_con h2 span,
#ass_con .contact_announce .contact_box a dd{
  color: #FFF;
}

#detail_data_a .contact,
#ass_con h2,
#ass_con .contact_announce .contact_box a p{
  color: #000000;
}

#detail_data_a .contact p,
#detail_data_a .mail p{
  color: #808080;
}

#ass_point dl dt span,
#ass_con .contact_announce .contact_box a dt,
#ass_con .contact_announce .contact_box a dd span,
#ass_con .contact_announce .contact_box p span{
  color: #f08000;
}

#ass_con .contact_announce .contact_box a dd span:hover {
  color: #e1580b;
}

#ass_faq .other_title span{
  color: #c1272d;
}


/*タブレット (iPad pro ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1366px) {
}

/*タブレット (iPad pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
}

/*タブレット(iPad ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
}

/*タブレット(iPad ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
}

/*スマホ　(iphone 14 pro max)*/
@media only screen and (orientation: portrait) and (max-width: 480px) {
}

/*スマホ (iphone 12)*/
@media only screen and (orientation: portrait) and (max-width: 390px) {
}


/*------------------------------------------------
backgound 
------------------------------------------------*/ 
#ass_top .ass_confirm_btn,
#content #ass_top .btn_box .send_btn,
#ass_point a,
#detail_data_a .mail ul,
#ass_con .contact_announce .contact_box a dd{
  background: #f7931e;
}

#content #ass_top .btn_box .back_btn{
  background: #cfcfcf;
}

#ass_top .ass_confirm_btn:hover,
#content #ass_top .btn_box .send_btn:hover,
#ass_point a:hover,
#ass_con .contact_announce .contact_box a dd:hover{
  background: #e1580b;
}

#content #ass_top .btn_box .back_btn:hover{
  background: #999999;
}

#ass_top .ass_box,
#ass_point dl dd,
#ass_faq .other_title span,
#ass_con .contact_announce .contact_box a dd span{
  background: #fff;
}

#page-top,
#ass_top .ass_box dl dt span,
#ass_top .ass_box ul li span,
h2 span{
  background: #c1272d;
}

#ass_point{
  background: #000;
}

#ass_faq .accordion_area{ 
  background: #e6e6e6;
}

#ass_faq .other_title h2{
  background-image: linear-gradient(174deg, #ed1c24, #ed1c24 50%, #c1272d 50% 100%);
}

#ass_con{
  background: #f9f2ef;
}

#ass_top{
  background: url(../lp/a/img/ass_top_bk.webp) no-repeat;
}

#ass_thanks{
  background: url(../lp/a/img/ass_thanks_bk.webp) no-repeat;
}

#ass_top,
#ass_thanks{
  background-position: center;
  background-size: cover;
}


/*タブレット (iPad pro ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1366px) {
  #ass_top{
    background: url(../lp/a/img/ass_top_bk_b.webp) no-repeat;
  }
}

/*タブレット (iPad pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
  #ass_top{
    background: url(../lp/a/img/ass_top_bk_c.webp) no-repeat;
  }
}

/*タブレット(iPad ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
  #ass_top{
    background: url(../lp/a/img/ass_top_bk_d.webp) no-repeat;
  }
}

/*タブレット(iPad ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
  #ass_top{
    background: url(../lp/a/img/ass_top_bk_e.webp) no-repeat;
  }

  #ass_top{
    background-color: #000;
  }
}

/*スマホ　(iphone 14 pro max)*/
@media only screen and (orientation: portrait) and (max-width: 480px) {
  #ass_top{
    background: url(../lp/a/img/ass_top_bk_f.webp) no-repeat;
  }

  #ass_top{
    background-color: #000;
  }
}

/*スマホ (iphone 12)*/
@media only screen and (orientation: portrait) and (max-width: 390px) {
  #ass_top{
    background: url(../lp/a/img/ass_top_bk_f.webp) no-repeat;
    background-size: 100%
  }

  #ass_top{
    background-color: #000;
  }
}


/*------------------------------------------------
margin
------------------------------------------------*/
#ass_top .ass_confirm_btn,
#content #ass_top .btn_box,
#ass_point a,
#ass_thanks p,
#ass_con .contact_announce{
  margin: 0 auto;
}

#ass_top .ass_box{
  margin: 230px auto 0;
}

#ass_point dl{
  margin: 0 1.5%;
}

#ass_con .contact_announce .contact_box a dd img{
  margin: 5px;
}

#ass_faq{
  margin: 0 20%;
}

#ass_point a{
  margin-top: 50px; 
}

#page-top span,
h2 span{
  margin-right: 10px;
}

#ass_con .contact_announce .contact_box{
  margin-right: 1.5%;
}

#ass_top .ass_box dl dt span,
#ass_top .ass_box ul li span,
#ass_top .ass_box ul li input{
  margin-right: 5px;
}

#ass_faq .other_title img{
  margin-left: auto;
}

#ass_con .contact_announce .contact_box a dd span{
  margin-left: 10px;
}

#ass_point h2,
#ass_thanks h2,
#ass_con h2{
  margin-bottom: 50px;
}

#ass_con .contact_announce .contact_box a p{
  margin-bottom: 30px;
}

#ass_con .contact_announce .contact_box a dl,
#ass_top .ass_box dl dt,
#ass_top .ass_box dl dd{
  margin-bottom: 10px;
}

/*タブレット (iPad pro ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1366px) {
}

/*タブレット (iPad pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
  #ass_faq{
    margin: 0 5%;
  }

  #ass_point dl{
    margin: 0 1.5% 20px;
  }
}

/*タブレット(iPad ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
    #ass_faq{
    margin: 0 5%;
  }

  #ass_point dl{
    margin: 0 1.5% 20px;
  }
}

/*タブレット(iPad ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
  #ass_top .ass_box{
    margin: 400px auto 0;
  }
}

/*スマホ　(iphone 14 pro max)*/
@media only screen and (orientation: portrait) and (max-width: 480px) {
  #ass_top .ass_box{
    margin: 580px auto 0;
  }

  #ass_thanks h2,
  #ass_thanks p{
    margin: 0 auto;
  }
}

/*スマホ (iphone 12)*/
@media only screen and (orientation: portrait) and (max-width: 390px) {
  #ass_top .ass_box{
    margin: 525px auto 0;
  }

  #ass_thanks h2,
  #ass_thanks p{
    margin: 0 auto;
  }

}


/*------------------------------------------------
padding
------------------------------------------------*/
#ass_point{
  padding: 50px 2%;
}

#ass_top .ass_box{
  padding: 24px;
}

#ass_thanks{
  padding: 100px 0;
}

#ass_faq{
  padding: 50px 0;
}

#ass_con{
  padding: 50px 0 106px;
}

#ass_point dl .text,
#ass_con .contact_announce .contact_box a dd span{
  padding: 5px 10px;
}

#ass_top .ass_box dl dt span,
#ass_top .ass_box ul li span{
  padding: 2px 5px;
}

#ass_point a{
  padding: 20px 30px;
}

#ass_top .ass_confirm_btn{
  padding: 20px 50px;
}

#content #ass_top .btn_box .send_btn,
#content #ass_top .btn_box .back_btn{
  padding: 20px 10px;
}

h2 span{
  padding: 5px 20px;
}


#ass_top .ass_box dl dd select,
#ass_top .ass_box dl dd input[type="text"] {
  padding: 5px 10px;
}

#ass_faq .other_title span{
  padding: 0;
}

#ass_faq .accordion_area{
  padding: 30px;
}

#ass_top .ass_box dl dt{
  padding-right: 5px;
}

/*タブレット (iPad pro ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1366px) {
}

/*タブレット (iPad pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
  #ass_top .ass_confirm_btn{
    padding: 15px 50px;
  }

  #ass_top .ass_box{
    padding: 20px;
  }
}

/*タブレット(iPad ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
    #ass_top .ass_confirm_btn{
    padding: 10px 50px;
  }

  #ass_top .ass_box{
    padding: 20px;
  }
}

/*タブレット(iPad ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
}

/*スマホ　(iphone 14 pro max)*/
@media only screen and (orientation: portrait) and (max-width: 480px) {
}

/*スマホ (iphone 12)*/
@media only screen and (orientation: portrait) and (max-width: 390px) {
}


/*------------------------------------------------
font-size
------------------------------------------------*/
h2{
  font-size: 40px;
}

#ass_top .ass_confirm_btn,
#content #ass_top .btn_box .send_btn,
#content #ass_top .btn_box .back_btn,
#ass_point dl dt h3{
  font-size: 20px;
}

#ass_point dl dt span,
#ass_con .contact_announce .contact_box a dd {
  font-size: 30px;
}

#ass_top .ass_box ul li label{
  font-size: 14px;
}

#ass_top .ass_box dl dt span,
#ass_top .ass_box ul li span{
  font-size: 12px;
}


/*タブレット (iPad pro ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1366px) {
  #ass_point dl dt h3{
    font-size: 18px;
  }
}

/*タブレット (iPad pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
}

/*タブレット(iPad ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
}

/*タブレット(iPad ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
}

/*スマホ　(iphone 14 pro max)*/
@media only screen and (orientation: portrait) and (max-width: 480px) {
}

/*スマホ (iphone 12)*/
@media only screen and (orientation: portrait) and (max-width: 390px) {
}


/*------------------------------------------------
font-weight
------------------------------------------------*/
#ass_top .ass_confirm_btn,
#content #ass_top .btn_box .send_btn,
#content #ass_top .btn_box .back_btn,
#page-top,
#ass_con .contact_announce .contact_box a dt,
#ass_con .contact_announce .contact_box a dd,
#ass_con .contact_announce .contact_box p span {
  font-weight: bold;
}


/*------------------------------------------------
border
------------------------------------------------*/
#content #ass_top .btn_box .send_btn,
#content #ass_top .btn_box .back_btn,
#ass_top .ass_confirm_btn{
  outline: none;
  border: none;
}

#ass_con{
  border-top: 3px solid #ed1c24;
}

#ass_point a p{
  border-top: 1px solid #fff;
}

#ass_point a p{
  border-right: 1px solid #fff;
}

#page-top span{
  border-top: 3px solid #fff;
}

#page-top span{
  border-right: 3px solid #fff;
}


#ass_top .ass_box{
  border: 6px solid #f7931e;
}


/*------------------------------------------------
box-sizing
------------------------------------------------*/
#ass_top .ass_box dl,
#ass_top .ass_box dl dt,
#ass_top .ass_box dl dd,
#ass_top .ass_box,
#ass_point,
#ass_point dl,
#ass_point dl dd,
#ass_thanks,
#ass_faq .other_title,
#ass_con .contact_announce .contact_box{
  box-sizing: border-box;
}

/*タブレット (iPad pro ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1366px) {
}

/*タブレット (iPad pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
}

/*タブレット(iPad ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
}

/*タブレット(iPad ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
}

/*スマホ　(iphone 14 pro max)*/
@media only screen and (orientation: portrait) and (max-width: 480px) {
}

/*スマホ (iphone 12)*/
@media only screen and (orientation: portrait) and (max-width: 390px) {
}

/*------------------------------------------------
border-radius
------------------------------------------------*/
h2 span{
  border-top-left-radius: 15px 50%;
  border-top-right-radius: 15px 50%;
  border-bottom-left-radius: 15px 50%;
  border-bottom-right-radius: 15px 50%;
}

#ass_top .ass_confirm_btn{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#content #ass_top .btn_box .send_btn{
  border-bottom-right-radius: 10px;
}

#content #ass_top .btn_box .back_btn{
  border-bottom-left-radius: 10px;
}

#ass_faq .other_title span{
  border-radius: 50%;
}

#ass_con .contact_announce .contact_box a dd{
  border-radius: 10px;
}

#ass_top .ass_box dl dt span,
#ass_top .ass_box ul li span,
#ass_point a,
#ass_con .contact_announce .contact_box a dd span{
  border-radius: 5px;
}


/*タブレット (iPad pro ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1366px) {
}

/*タブレット (iPad pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
}

/*タブレット(iPad ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
}

/*タブレット(iPad ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
}

/*スマホ　(iphone 14 pro max)*/
@media only screen and (orientation: portrait) and (max-width: 480px) {
}

/*スマホ (iphone 12)*/
@media only screen and (orientation: portrait) and (max-width: 390px) {
}


/*------------------------------------------------
transform
------------------------------------------------*/
#ass_point a p{
  transform: rotate(45deg);
}

#page-top span{
  transform: rotate(-45deg);
}

/*------------------------------------------------
line-height
------------------------------------------------*/
/*タブレット (iPad pro ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1366px) {
}

/*タブレット (iPad pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
}

/*タブレット(iPad ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
}

/*タブレット(iPad ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
}

/*スマホ　(iphone 14 pro max)*/
@media only screen and (orientation: portrait) and (max-width: 480px) {
}

/*スマホ (iphone 12)*/
@media only screen and (orientation: portrait) and (max-width: 390px) {
}

/*------------------------------------------------
z-index
------------------------------------------------*/
#page-top{
  z-index: 999;
}

/*------------------------------------------------
text-decoration
------------------------------------------------*/
#ass_top .ass_box ul li a{
  text-decoration: underline;
}

/*------------------------------------------------
overflow
------------------------------------------------*/

/*タブレット (iPad pro ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1366px) {
}

/*タブレット (iPad pro ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 1024px) {
}

/*タブレット(iPad ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
}

/*タブレット(iPad ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
}

/*スマホ　(iphone 14 pro max)*/
@media only screen and (orientation: portrait) and (max-width: 480px) {
}

/*スマホ (iphone 12)*/
@media only screen and (orientation: portrait) and (max-width: 390px) {
}

/*==================================================
アコーディオンのためのcss
==================================================*/

/*アコーディオン全体*/
#ass_faq .accordion-area{
  list-style: none;
  width: 96%;
  max-width: 900px;
  margin:0 auto;
}

#ass_faq .accordion-area li{
  margin: 10px 0;
}

#ass_faq .accordion-area section {
  background: #e6e6e6;
}

/*アコーディオンタイトル*/
.title {
  position: relative;/*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-size:1rem;
  font-weight: normal;
  padding: 3% 3% 3% 50px;
  transition: all .5s ease;
  background: #f2f2f2;
  border: 1px solid #d3d3d3;
}

/*アイコンの＋と×*/
.title::before,
.title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
    
}
.title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.title.close::before{
	transform: rotate(45deg);
}

.title.close::after{
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
  display: none;/*はじめは非表示*/
  background: #fff;
	margin:0 3% 3% 3%;
  padding: 3%;
}

/*========= ページトップのためのCSS ===============*/

/*リンクの形状*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:#942D2F;
	border-radius: 5px;
	width: 60px;
	height: 60px;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
	transition:all 0.3s;
}

#page-top a:hover{
	background: #777;
}

/*リンクを右下に固定*/
#page-top {
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}
