@charset "UTF-8";
/* CSS Document */


.contact-head-link {
display: flex; 
justify-content:center;
font-size: 16px;
margin-bottom: 30px;
}

div.contact-head-link div.contact-head-flex {
margin: 10px;
width: 360px;
}

.contact-head-link-current {
background: #2449A4;
text-align: center;
line-height: 50px;
color: #fff;
font-weight: 400;
text-align: center;
position: relative;
}

.contact-head-link-current::before{
  content: "";
  position: absolute;
  border: 5px solid transparent;
  border-top: 8px solid #2449A4;
  width: 0;
  height: 0;
  left: 178px; /* 三角表示位置（要素左から）*/
  top: 100%; /* 三角表示位置（要素上から）*/
}

div.contact-head-flex a.contact-head-link-a {
display: block;
width: 360px;
border: 1px #BBBBBB solid;
background: #fff;
text-align: center;
line-height: 50px;
color: #2449A4;
font-weight: 400;
text-align: center;
text-decoration: none;
}

div.contact-head-flex a.contact-head-link-a:hover {
border: none;
background: #2449A4;
text-align: center;
color: #fff;
border: 1px #2449A4 solid;
position: relative;
}

div.contact-head-flex a.contact-head-link-a:hover::before{
  content: "";
  position: absolute;
  border: 5px solid transparent;
  border-top: 8px solid #2449A4;
  width: 0;
  height: 0;
  left: 178px; /* 三角表示位置（要素左から）*/
  top: 100%; /* 三角表示位置（要素上から）*/
}


.contact-box {
}

.contact-box table.contact-form tr.form-privacy td p.mt20 {
margin-top: 20px;
}

.contact-box .entry-container {
 margin-bottom: 30px;
  background : #EEE;
}

section {
 padding: 0; 
}

p .acms-entry p, .entry-column p {
    font-weight: 400;
    color: #444;
    margin-top: 30px;
    margin-bottom: 10px;
}
 
table.contact-form {
padding: 0 40px 20px;
margin-bottom: 30px;
}

.contact-box table.contact-form {
border: none;
}
.contact-box table.contact-form td {
    border-color: transparent;
    padding: 0;
    text-align: left;
}

.contact-box table.contact-form tr {
    background: transparent;
}


table.contact-form .label-required {
    font-family: Noto Sans JP,sans-serif;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #CA0404;
    font-weight: normal;
    padding: 4px 10px;
    border-radius: 3px;
}


.form-btn-next input {
border-radius: 25px;
border: 1px solid #2449A4;
background: #FFF;
color: #2449A4;
width: 300px;
padding: 10px 50px;
}



.form-btn-return input {
border-radius: 25px;
width: 300px;
padding: 10px 50px;
}


.form-btn-next input:hover {
    color: #fff;
    background-color: #2449A4;
}


@media screen and (min-width: 768px){
.label-required {
    float: none;
}
}

table.contact-form.confirm {
padding: 20px 40px;
border-spacing: 0;

}

.contact-box table.contact-form.confirm th, .contact-box table.contact-form.confirm td  {
  border-top: none;
  padding: 8px ;
  border-bottom: solid 1px #ccc;
  }
  
  
@media screen and (max-width: 767px){

.form-btn-return {
    margin-left: auto;
    margin-right: auto;
}

.form-btn-back {
    margin-right: 0px;
}
.contact-box table.contact-form.confirm th {
    width: 100%;
    border-bottom: none;
    }
.contact-box table.contact-form.confirm td  {
width: 100%;
} 

div.contact-head-link div.contact-head-flex {
width: 45%;
}
.contact-head-link-current::before{
  left: 49%; /* 三角表示位置（要素左から）*/
}
div.contact-head-flex a.contact-head-link-a:hover::before{
  left: 49%; /* 三角表示位置（要素左から）*/
}

 }