@media screen and (max-width: 767px) {
  dt, dd, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, select, p, blockquote, th, td {
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  }
}

.display_sp{
  display: none!important;
}
@media screen and (max-width: 767px) {
  .display_sp{
    display: block!important;
  }
  span.display_sp{
    display: inline-block!important;
  }
}
.none_sp{
  display: block;
}
@media screen and (max-width: 767px) {
  .none_sp{
    display: none!important;
  }
}

/* SPで非表示 */
@media screen and (max-width: 767px) {
  div#cate_top,/* パンくず */
  .progress/* STEP */
  {
    display: none;
  }
}

div#wrapper{
  min-width: auto;
}

div#wrapper div.contents{
	margin: 30px auto 0 auto;
  padding: 0 20px;
	width: 100%;
  max-width: 960px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  div#wrapper div.contents{
    margin: 0 auto;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  #main{
    padding: 0 20px;
    box-sizing: border-box;
  }
}

table {
  width: 100%;
}

/* header系 */
div#wrapper div#header{
  width: auto;
}
@media screen and (max-width: 767px) {
  div#wrapper div#header{
    min-height: auto;
    border-bottom: 4px solid #FF0033;
  }
}

div#wrapper div#header div.head_top{
  width: auto;
  height: auto;
}

@media screen and (max-width: 767px) {
  div#wrapper div#header div.head_top p.logo{
    display: flex;
    justify-content: center;
    margin: 0;
  } 
}

/* パンくず系 */
div#cate_top ul.bread_crumb{
  width: auto;
  max-width: 960px;
  padding: 0 20px;
}

/* sidebar系 */
#sidebar{
  transition: right 0.8s;
} 
@media screen and (max-width: 1440px) {
  #sidebar{
    right: 20px;
    transition: right 0.5s;
  } 
}
@media screen and (max-width: 767px) {
  #sidebar{
    visibility: hidden;
  } 
}

/* h1 */
@media screen and (max-width: 767px) {
  div.contents h1{
    padding: 10px 0;
    font-weight: normal;
    font-size: 20px;
    color: #000;
    text-shadow: 0px -1px 0 #fff;
    text-align: center;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.49, #DFDFDF), color-stop(0.50, #D4D4D4));
    border-top: 1px solid #cccccc;
  }
}
@media screen and (max-width: 767px) {
  div.contents h1 strong{
    padding: 0;
    border-left: none!important;
    font-weight: 700;
  }
}
div.contents h1 span{
  padding: 0;
  border-left: none!important;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  #boxIntro{
    padding: 0;
  }
}

/* アラート */
@media screen and (max-width: 767px) {
  div.alert_pop_must{
    position: static;
    margin: 5px 0;
  }
}

/* コンテンツ */
@media screen and (max-width: 767px) {
  #boxContact{
    background: none;
    border: none;
    padding: 10px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  #boxContact .form_table,
  #boxContact .form_table tbody,
  #boxContact .form_table tr {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #boxContact .form_table tr:first-of-type{
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #boxContact .form_table th,
  #boxContact .form_table td{
    display: block;
    width: auto;
    background: none;
    border: none;
  }
}

@media screen and (max-width: 767px) {
  #boxContact .form_table{
    margin: 20px 0;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #boxContact .form_table tr+tr{
    padding: 15px 0 0 0;
    margin:15px 0 0 0;
    border-top: 1px solid #cccccc;
  }
}
@media screen and (max-width: 767px) {
  #boxContact .form_table th{
    margin: 5px 0 10px 0;
    padding: 0 0 0 5px;
    border-left: 5px solid #FF0033;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  #boxContact .form_table td{
    padding: 0!important;
  }
}
@media screen and (max-width: 767px) {
  #boxContact .form_table td label{
    display: block;
    padding: 0 0 0 10px;
  }
}
@media screen and (max-width: 767px) {
  #boxContact .form_table td .label_inline label{
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  #boxContact .form_table td input,
  #boxContact .form_table td select{
    padding: 6px!important;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  #boxContact .form_table td dl{
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  #boxContact .form_table .form_table_text{
    margin: 0 0 10px 0;
  }
}
#boxContact .form_table td input[type="text"]{
  padding: 3px;
}
@media screen and (max-width: 767px) {
  #boxContact .form_table td input[type="text"]{
    padding: 3px;
  }
}
@media screen and (max-width: 767px) {
  #boxContact .form_table td input[name="MKT_general_text08__c"]{
    max-width: 200px;
  }
}

@media screen and (max-width: 767px) {
  #boxContact .form_table td input[name="address"]{
    width: 70%;
  }
}

/* フッター */
div#wrapper div#footer .footer_inner{
  width: auto;
}

div#wrapper div#footer #footer_gnavi{
  height: 40px; 
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  div#wrapper div#footer #footer_gnavi{
    border: none;
    background: none;
  }
}

div#wrapper div#footer #copyright{
  width: auto;
}
@media screen and (max-width: 767px) {
  div#wrapper div#footer #copyright{
    background-color: #d8d8d8;
    font-size: 50%;
    text-align: center;
    height: auto;
    padding: 10px 0 0 0;
  }
}

@media screen and (max-width: 767px) {
  div#wrapper div#footer #copyright #copyright_navi{
    float: none;
    background: #fff;
    border: 1px solid #dddddd;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 10px 0 0 0;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 767px) {
  div#wrapper div#footer #copyright #copyright_navi a{
    width: 50%;
    border-bottom: 1px solid #dddddd;
    display: block;
    font-size: 70%;
    padding: 8px 5px;
    text-align: center;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  div#wrapper div#footer #copyright #copyright_navi a+a{
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  div#wrapper div#footer #copyright #copyright_navi a:nth-of-type(even){
    border-left: 1px solid #dddddd;
  }
}
@media screen and (max-width: 767px) {
  div#wrapper div#footer #copyright #copyright_navi a:last-of-type{
    width: 100%;
    border: none;
  }
}

#form-info .disabled2 .inquiry-button{
  background: #b4b7b9;
  border: 1px solid #b4b7b9;
  pointer-events: none;
}

/* 完了画面 */
#boxThanks{
  margin: 0;
  padding: 0;
}