@charset "UTF-8";

/******************************************************
必須マークの属性用
*******************************************************/
#contact-form font.required {
font-family: "メイリオ", Meiryo, sans-serif;
margin-left:10px;
}

#contact-form font.hissu_sup_none { /*中段*/
	display:inline;
	vertical-align:middle;
}
#contact-form font.hissu_sup_set {  /*上付き*/
	display:inline;
	vertical-align: top;
	font-size:65%;
	position: relative;
    top: -0.5em;
}
#contact-form font.hissu_bold_none { /*細字*/
	font-weight:normal;
}
#contact-form font.hissu_bold_set { /*太字*/
	font-weight:bold;
}

/******************************************************
モーダルウインドウ用
*******************************************************/

.lock {
    overflow:hidden;
}

.modal-content {
    position:relative;
    display:none;
    width:50%;
    min-height: 380px;
    margin:30px;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
    color: #444444;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
    font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    z-index: 9999999;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close button{
    display: inline-block;
    min-width: 100px;
    height: 38px;
    color: #444444;
    background: ##9E9E9E;
    box-shadow: none;
    border-color: #a0a0a0;
}

.modalbtn.form input {
  -webkit-appearance: none;
  cursor: pointer;
}
p.modalbtn{
    position: absolute;
    display: inline-block;
    top: -16px;
    right: -23px;
}
.modalbtn input,
.modalbtn a {
    display: inline-block;
    font-size: 14px;
    width: 45px;
    height: 45px;
    padding: 5px 0;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    background: #444;
    box-shadow: none;
    border: 4px solid #fff;
    border-radius: 71px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.modalbtn input:hover,
.modalbtn a:hover {
    background: #ababab;
}
.text-wrap-sp p.modalbtn{
    position: unset;
    display: inline-block;
    top: unset;
    right: unset;
}
.text-wrap-sp .modalbtn input,
.text-wrap-sp .modalbtn a {
    display: inline-block;
    font-size: 14px;
    width: 82px;
    height: 38px;
    padding: 5px 0;
    color: #444444;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    background: #ffffff;
    box-shadow: none;
    border: 1px solid #a0a0a0;
    border-radius: 5px;
}

/******************************************************
モーダルコンテンツのデータ内
*******************************************************/
.modaltable {
    margin-top: 10px;
    width: 100%;
    border-collapse: collapse;
}

.modaltable th,
.modaltable td {
    font-weight: normal;
    border: 1px solid #CCCCCC;
    padding: 5px 12px;
    line-height: 1.5;
    background-color: #fff;
    word-break: break-all;
}

@media (max-width: 640px) { 
.modaltable {
    margin: 0 auto;
    width: 96%;
}
.modal-content{
min-width:280px;
}
.modaltable th,
.modaltable td {
    float: left;
    clear: left;
    width: 94% !important;
    min-height: 20px;
    border-top: none;
    padding: 10px;
}
.modaltable tr:first-child th{
    border-top: 1px solid #CCCCCC;
}
}

.modaltable td{
    width: auto;
}
.modaltable td.btn-box,
.modaltable th.btn-box{
    width: 112px;
}

.modalbtn_send.form input {
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  -webkit-appearance: none;
  cursor: pointer;
}
p.modalbtn_send{
display:inline-block;
}
.modalbtn_send input,
.modalbtn_send a {
    display: inline-block;
    font-size: 14px;
    width: 82px;
    height: 38px;
    padding: 5px 0;
    color: white;
    text-decoration: none;
    background: #03A9F4;
    border: 1px solid #03A9F4;
    border-radius: 5px;
}

.modalbtn_send input:hover,
.modalbtn_send a:hover {
    background: #1c98d0;
}


.modal-content-value h2,
.text-wrap h2,
.text-wrap-sp h2{
display:block;
font-size:18px;
text-align:center;
border-bottom:2px solid #444444;
padding:10px 0 5px;
margin-bottom:15px;
/*リセット*/
float: none;
width: inherit;
background: none;
position: inherit;
min-width: auto;
}
.modal-content-value h3,
.text-wrap h3,
.text-wrap-sp h3{
font-weight:normal;
line-height:1.5
font-size:16px;
}
.text-wrap-sp h3{
font-size: 16px;
}
table.modaltable th{
    font-weight: normal;
    padding: 10px;
    text-align: left;
    width: 133px;
    background-color: #EFEFEF;
}
.btn-wrap{
text-align: center;
}
.close-btn-wrap{
text-align: center;
margin-top: 60px;
}
.text-wrap h2.mail-finish{
    font-size: 28px;
    padding-top: 140px;
}
.text-wrap h3.mail-finish-text{font-size: 18px;text-align: center;}