@charset "UTF-8";

/*-------------------------
__contact_style
-------------------------*/
#contact{padding-bottom:180px;}
#contact > .inner{max-width:960px;margin:0 auto;}

#contact .box_wrap{padding-bottom:30px;}
#contact .box_wrap dl{display:flex;align-items:flex-start;opacity:0;}
#contact .box_wrap dl:not(:last-child){padding-bottom:20px;}
#contact .box_wrap dt{font-size:1.6em;line-height:1.5;letter-spacing:0.04em;text-align:left;display:flex;justify-content:space-between;width:200px;margin-right:20px;margin-top:15px;}
#contact .box_wrap dt .must{font-size:11px;line-height:18px;color:#fff;text-align:center;vertical-align:middle;display:inline-block;background-color:var(--color-red);height:18px;width:42px;margin-top:2px;border-radius:4px;}
#contact .box_wrap dd{font-size:1.6em;line-height:1.5;letter-spacing:0.04em;text-align:left;width:100%;flex:1;}
#contact .box_wrap dd .flex_box{display:flex;align-items:center;}
#contact .box_wrap dd .flex_box .btn{margin-left:15px;}

#contact .box_wrap dd .mt5{margin-top:5px;}
#contact .box_wrap dd .mt10{margin-top:10px;}

#contact .box_wrap dd .mb5{margin-bottom:5px;}
#contact .box_wrap dd .mb10{margin-bottom:10px;}

#contact .box_wrap dd .mr5{margin-right:5px;}
#contact .box_wrap dd .mr10{margin-right:10px;}

#contact .box_wrap dd .ml5{margin-left:5px;}
#contact .box_wrap dd .ml10{margin-left:10px;}

#contact .agree_txt{font-size:1.6em;line-height:1.5;color:var(--color);margin-bottom:15px;}
#contact .agree_txt a{color:var(--color);}
#contact .agree_btn_box{margin-bottom:25px;}
#contact .agree_btn_box .err{text-align:center;}

#contact .confirm_txt{font-size:1.6em;line-height:1.5;color:var(--color);margin:60px 0 30px;}

@media only screen and (max-width: 767px) {
  #contact{padding-bottom:60px;}
  #contact > .inner{margin:0 20px;}

  #contact .box_wrap{padding-bottom:30px;}
  #contact .box_wrap dl{display:block;}
  #contact .box_wrap dl:not(:last-child){padding-bottom:25px;}
  #contact .box_wrap dt{font-size:1.4em;display:block;width:auto;margin-right:auto;margin-top:auto;padding-bottom:6px;}
  #contact .box_wrap dt .must{font-size:10px;line-height:16px;height:16px;width:30px;margin-top:-3px;margin-left:6px;}
  #contact .box_wrap dd{font-size:1.4em;width:auto;}
  #contact .box_wrap dd .flex_box .btn{margin-left:10px;}

  #contact .box_wrap dd .w20per{width:40%;}

  #contact .agree_txt{font-size:1.4em;margin-bottom:20px;}
  #contact .agree_btn_box{margin-bottom:30px;}
  #contact .agree_btn_box .checkbox{display:inline-block;}
  #contact .agree_btn_box .checkbox span{line-height:1.5;}
  #contact .agree_btn_box .checkbox span::before{top:6px;}
  #contact .agree_btn_box .checkbox span::after{top:8px;}

  #contact .confirm_txt{font-size:1.4em;margin:30px 0 20px;}
}