@charset "euc-jp";
@import url("../../common/css/header_2024.css");

main { margin: 0 auto; padding: 86px 15px 0; font-size: 14px; line-height: 1.8em;}
section { max-width:700px; margin: 0 auto 60px;}

h2 {
    padding: 7px 10px; background: #004885;
    color: #fff; font-size: 20px; font-weight: 600;}

h2 br { display: none; }

@media screen and (max-width:699px){
    main { padding: 60px 15px 0;}
    h2 br { display: block; }
}


#form01 h3 { 
    margin: 0 0 20px; padding: 0 0 3px 5px;
    border-bottom: solid 2px #004885;
    font-size: 16px;}

/**========================================**/
#form02 form > div { padding: 0 10px;}
#form02 form > div > p { margin: 0 0 6px;}

#form02 .border {
  position: relative;
  margin: 50px 0 0;
  padding: 0 10px 40px;
  border: solid 1px #333; border-radius: 5px;}

#form02 h3 { 
    position: absolute; top: -10px; left: 10px;
    padding: 0 0 3px 8px;
  background: #fff;
    font-size: 16px;}

/* 必須 */
#form02 span.required {
    display: inline-block; margin: 0 0 0 10px; padding: 2px 4px;
    border: #C74A4C solid 1px; background: #fff;
    color: #C74A4C; font-size: 11px; line-height: 1.0em;}

/* 法人名　旧漢字や記号など…… */
#form02 form > div .posi-rlt {
    box-sizing: border-box; max-width: 480px; margin: 10px 0 0; padding: 7px;
    border: solid 1px #e00; 
    color: #e00; font-size: 13px;}
#form02 form > div .posi-rlt .txd_unl {color: #0063a4; font-weight: bold;}

/* 法人名　注意点 */
#form02 form > div .posi-rlt p {
    display: inline-block; position: absolute; left: 50%; bottom: -50px;
    visibility: hidden;
    width: 290px; padding: 5px;
    border-radius: 3px; background: #333; 
    opacity: 0; color: #fff; font-size: 12px; line-height: 2em; 
    transform: translateX(-50%);
    transition: 0.3s ease-in;}

#form02 form > div .posi-rlt:hover p { visibility: visible; opacity: 1;}

/* NP掛け払いとは */
#form02 form ul.disc { list-style: disc; padding: 10px 5px 5px 25px; background: #eee;}
#form02 form ul.disc li { margin: 0 0 10px;}

#form02 form ul.disc li p {position: relative; padding: 0 0 0 18px;}
#form02 form ul.disc li p::before {content:'※'; position: absolute; top: 0; left: 0;}

/* プライバシーポリシー */
#privacy { font-size: 12px;line-height: 1.8em;}
    
#privacy strong {
    display: block;
    margin: 0 0 10px; padding: 5px;
    background: #2B2B2B;
    color: #FFF; font-size: 16px; font-weight: lighter; line-height: 1.3em;}
  
/**========================================**/
/* アコーディオン 開閉ボタン */
label[for="menu_bar01"],
label[for="menu_bar02"] {
    display: inline-block; position: relative; 
    margin: 0; padding: 0;
    color: #0063a4; text-decoration: underline;
    cursor: pointer;}

/* アコーディオン 開閉ボタン */
label[for="menu_bar01"]::after,
label[for="menu_bar02"]::after {
    content: '';
    display: inline-block; position: absolute; top: 50%; right: -20px;
    width: 7px; height: 7px; margin: -6px 0 0;
    border: solid #0063a4; border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);}


/* アコーディオン 表示・非表示エリア */
.area1 {
  overflow-y: hidden;
  max-height: 0; margin: 0; padding:0; border:none; opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

/* アコーディオンをクリックした場合 */
#menu_bar01:checked ~ label[for="menu_bar01"]:after,
#menu_bar02:checked ~ label[for="menu_bar02"]:after {
    content: '×';
    width:auto; height:auto; margin: -11px 0 0; border:none; 
    color: #555; font-size: 19px; font-weight: 600;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}

#menu_bar01:checked ~ .area1 {height:auto; max-height: 500px; margin: 10px 0 0; opacity: 1;}
#menu_bar02:checked ~ .area1 {height:auto; max-height: 1500px; margin: 10px 0 0; opacity: 1;}

#privacy .ttl1 {
    width: 99%;
    background-color: #004885;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.3em;
    font-weight: 600;
    padding: 7px 7px 4px 7px;
    margin: 0 auto 20px auto;
}

#privacy .ttl3 {
    border-bottom: double 5px #004885;
    border-left: solid 8px #004885;
    color: #004885;
    font-size: 1.1em;
    font-weight: 600;
    padding: 5px;
    margin: 0 auto 15px auto;
	}


/**========================================**/
form#mailformpro { padding: 0;}

#form02 input[type="text"],
#form02 input[type="email"],
#form02 input[type="password"],
#form02 input[type="tel"] {
    display: block; box-sizing: border-box; width: 100%; height: 34px; max-width: none; padding: 6px 12px;
    color: #000; font-size: 16px; vertical-align: middle;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
    
#form02 input::placeholder { color: #888;}    

#form02 textarea {
    display: block; box-sizing: border-box; width: 100%; max-width: none; padding: 6px 12px;
    color: #000; font-size: 16px; vertical-align: middle;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

#form02 select {
    box-sizing: border-box; height: 34px; max-width: none; padding: 6px 12px;
    border: solid #ccc 1px; border-radius: 4px;
    color: #000; font-size: 16px; vertical-align: middle;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

#mail_submit_button { width: 120px;}
#mail_submit_button[disabled] { opacity: 0.5;}

form#mailformpro label {margin: 0 30px 0 0;}
form#mailformpro label.mfp_not_checked,
form#mailformpro label.mfp_checked { padding: 0;}
.mfp_element_radio { margin: 0 5px 0 0;}
 
 
div.mfp_err {
	margin: 5px 0 0; padding: 0;
	background-image: none;}
    
.business-ico{display: table-cell; vertical-align: middle;}
.ico-txt{display: table-cell; vertical-align: middle; padding: 0 0 0 15px;}


#top-button {
    right: 0px; bottom: 85px; z-index: 1;
    padding: 15px 10px;
    border-radius: 8px 0 0 8px;
    background: #2e3071;
    color: #FFF; font-size: 12px; line-height: 1.3em; text-align: center;}

#top-button span {display: inline-block; position: relative; padding: 0 0 0 30px;}
#top-button span:before, 
#top-button span:after {
	content: ''; position: absolute; top: 50%; left: 0px;}

#top-button span:before {
	width: 0; height: 0; margin: -5px 0 0 5px;
	border-style: solid; border-width: 0 6px 9px 6px; border-color: transparent transparent #fff transparent;}

#top-button span:after {
	width: 20px; height: 20px; margin: -11px 0 0;
	border: solid #fff 1px; border-radius: 10px;}


@media screen and (max-width:699px){
    #top-button { bottom: 125px;}
    .grecaptcha-badge{ margin: 0 0 45px;}
}

/* LastUp2024.08.27_kimata */