/*------------------------------------------------
display
------------------------------------------------*/
#contact,
#contact h2,
#contact dl,
#contact dl dt,
#contact dl dd
#contact .v_con_b,
#contact .v_con_b #contact_data,
#contact .v_con_b #contact_data h3,
#contact .v_con_b #contact_data dl,
#contact .v_con_b #contact_data dl dt,
#contact .v_con_b #contact_data dl dt span,
#contact .v_con_b #contact_data dl dd,
#contact .v_con_b p,
#contact .v_con_b p a{
  display: flex;
}

#contact,
#contact h2,
#contact dl,
#contact dl dt,
#contact dl dd
#contact .v_con_b,
#contact .v_con_b #contact_data,
#contact .v_con_b #contact_data h3,
#contact .v_con_b #contact_data dl,
#contact .v_con_b #contact_data dl dt,
#contact .v_con_b #contact_data dl dt span,
#contact .v_con_b #contact_data dl dd,
#contact .v_con_b p,
#contact .v_con_b p a{
  flex-wrap: wrap;
}

#contact h3,
#contact dl,
#contact dl dt,
#contact dl dd,
#contact .v_con_b #contact_data,
#contact .v_con_b #contact_data h3,
#contact .v_con_b #contact_data dl,
#contact .v_con_b #contact_data dl dt,
#contact .v_con_b #contact_data dl dt span,
#contact .v_con_b #contact_data dl dd,
#contact .v_con_b p,
#contact .v_con_b p a{
  align-items: center;
}

#contact .v_con_b{
  align-items: flex-start;
}

#contact .v_con_b #contact_data dl dt,
#contact .v_con_b #contact_data dl dd,
#contact .v_con_b p{
  justify-content: center;
}

#contact,
#contact .v_con_b #contact_data dl{
  justify-content: flex-start;
}

#detail_data_a .contact,
#detail_data_a .mail{
  display: inline-block;
}


/*タブレット (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) {
  #detail_data_a{
    flex-direction: column-reverse;
  }
}

/*スマホ (iphone 12)*/
@media only screen and (orientation: portrait) and (max-width: 390px) {
  #detail_data_a{
    flex-direction: column-reverse;
  }
}


/*------------------------------------------------
position
------------------------------------------------*/





/*------------------------------------------------
width
------------------------------------------------*/
#contact,
#contact .v_con_b #contact_data,
#contact .v_con_b #contact_data h3,
#contact .v_con_b #contact_data dl,
#contact .v_con_b #contact_data .cd_data,
#contact .v_con_b #contact_data .cd_choice,
#contact .v_con_b #contact_data dd input,
#contact .v_con_b #contact_data dd select,
#contact .v_con_b #contact_data dd textarea,
#contact .v_con_b p{
  width: 100%;
}

#contact .v_con_b{
  width: 54%;
}

#contact .v_con_b #contact_data dt{
  width: 20%;
}

#contact .v_con_b #contact_data dd{
  width: 30%;
}

#contact .v_con_b #contact_data input[type="checkbox"]{
  width: 20px;
}

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

/*タブレット(iPad ランドスケープ)*/
@media only screen and (orientation: landscape) and (max-width: 1024px) {
  #contact .v_con_b #contact_data dt{
    width: 30%;
  }

  #contact .v_con_b #contact_data dd{
    width: 70%;
  }
}

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

@media only screen and (orientation: portrait) and (max-width: 768px) {
  #contact .v_con_b {
    width: 90%;
  }
}

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

  #contact .v_con_b #contact_data dt{
    width: 30%;
  }

  #contact .v_con_b #contact_data dd{
    width: 70%;
  }
}


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

  #contact .v_con_b #contact_data dt{
    width: 30%;
  }

  #contact .v_con_b #contact_data dd{
    width: 70%;
  }
}

/*------------------------------------------------
height
------------------------------------------------*/
#contact .v_con_b #contact_data dl dd textarea{  
  height: 100%;
}

#contact .v_con_b #contact_data dl dd input,
#contact .v_con_b #contact_data dl dd select{
  height: 90%;
}

#contact .v_con_b #contact_data dl dt,
#contact .v_con_b #contact_data dl dd{
  height: 50px;
}


#contact .v_con_b #contact_data dl dd.cd_data{
  height: 200px;
}

#contact .v_con_b #contact_data input[type="checkbox"]{
  height: 20px;
}

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

/*タブレット(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) {
}


/*------------------------------------------------
color
------------------------------------------------*/
#contact .v_con_b #contact_data h3,
#contact .v_con_b .send_btn,
#contact .v_con_b .send_btn:hover,
#contact .v_con_b .send_btn:link,
#contact .v_con_b .send_btn:visited{
  color: #FFF;
}

#detail_data_a .contact{
  color: #000000;
}

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

#detail_data_a .mail ul li:nth-child(3){
  color: #f08000;
}

#contact .v_con_b #contact_data dl dt span,
#contact .v_con_b #contact_data p 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 
------------------------------------------------*/

#detail_data_a .mail ul,
#contact .v_con_b .send_btn{
  background: #f08000;
}

#contact .v_con_b .send_btn:hover{
  background: #e1580b;
}

#detail_data_a .price h3,
#detail_data_b h3 p,
#detail_data_c h3 p{
  background: #c1272d;
}

#contact .v_con_b #contact_data h3{
  background: #000;
}

#detail_data_c dl dt{ 
  background: #e6e6e6;
}


/*タブレット (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) {
}


/*------------------------------------------------
margin
------------------------------------------------*/
#contact{
  margin: 30px 12% 80px;
}

#contact .v_con_b #contact_data{
  margin-top: 20px;
}

#contact .v_con_b{
  margin: 0 auto;
}

#contact .v_con_b #contact_data dl,
#contact .v_con_b #contact_data .cd_privacy{
  margin-bottom: 20px;
}

#contact .v_con_b .send_btn{
  margin: 0 10px;
}

#contact .v_con_b #contact_data input[type="checkbox"]{
  margin: 0 5px;
}

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

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

/*タブレット(iPad ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
  #contact {
    margin: 20px 5% 30px;
  }
}



/*------------------------------------------------
padding
------------------------------------------------*/
#contact .v_con_b #contact_data h3,
#contact .v_con_b #contact_data input[type="text"],
#contact .v_con_b #contact_data select,
#contact .v_con_b #contact_data textarea,
#contact .v_con_b .send_btn{
  padding: 10px;
}


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

  #contact .v_con_b #contact_data{
    margin-top: 0;
  }

  #contact .v_con_b #contact_data{
    margin-bottom: 20px;
  }

}

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

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

/*タブレット(iPad ポートレート)*/
@media only screen and (orientation: portrait) and (max-width: 768px) {
  #detail{
    padding: 50px 3% 100px;
  }

  #contact .v_con_b #contact_data{
    margin-top: 0;
  }

  #contact .v_con_b #contact_data{
    margin-bottom: 20px;
  }
}

/*スマホ　(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
------------------------------------------------*/
#contact .v_con_b #contact_data dl dt span,
#contact .v_con_b #contact_data p span{
  font-size: 30px;
}

/*タブレット (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) {
}


/*------------------------------------------------
font-weight
------------------------------------------------*/

/*タブレット (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) {
}


/*------------------------------------------------
text-align
------------------------------------------------*/


/*タブレット (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
------------------------------------------------*/
#contact .v_con_b #contact_data dl dd input,
#contact .v_con_b #contact_data dl dd select,
#contact .v_con_b #contact_data dl dd textarea{
    border: 1px solid #c9caca;
}

#contact .v_con_b #contact_data dl dd:nth-child(11){
  border-top: 1px solid #c9caca;
}

#contact .v_con_b #contact_data dl{
  border-left: 1px solid #c9caca;
}

#contact .v_con_b #contact_data dl{
  border-right: 1px solid #c9caca;
}

#contact .v_con_b #contact_data dl dt,
#contact .v_con_b #contact_data dl dd{
  border-bottom: 1px solid #c9caca;
}

#contact .v_con_b #contact_data dl dt:nth-child(9),
#contact .v_con_b #contact_data dl dd:nth-child(10),
#contact .v_con_b #contact_data dl dd:nth-child(11),
#contact .v_con_b #contact_data dl dt.cd_data{
  border-bottom: none;
}


/*タブレット (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) {
}


/*------------------------------------------------
box-sizing
------------------------------------------------*/
#contact .v_con_b #contact_data h3,
#contact .v_con_b #contact_data dl,
#contact .v_con_b #contact_data dl dt,
#contact .v_con_b #contact_data dl dd,
#contact .v_con_b #contact_data dd input,
#contact .v_con_b #contact_data dd select,
#contact .v_con_b #contact_data dd textarea{
  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
------------------------------------------------*/
#contact .v_con_b .send_btn{
  border-radius: 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) {
}

/*タブレット(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
------------------------------------------------*/


/*------------------------------------------------
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) {
}


/*================================================
休日のお知らせ(2025-05-01追加)
================================================*/
#contact .v_con_b #contact_data #holiday p{
  display: block;
}

#contact .v_con_b #contact_data #holiday p span{
  font-size: 16px;
}

#contact .v_con_b #contact_data #holiday{
  margin-bottom: 30px;
}