@charset "utf-8";
/* CSS Document */
.all_wrapper {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.all_wrapper .check_bg {
  height: auto;
  min-height: 540px;
  padding-bottom: 190px;
}

@media screen and (max-width: 479px) {
  .all_wrapper {
    min-height: auto;
    height: auto;
    position: relative;
    overflow: auto;
  }
  .all_wrapper .check_bg {
    height: auto;
    min-height: auto;
    padding-bottom: 40px;
  }
}

/* footer */
.all_wrapper #footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 479px) {
  .all_wrapper #footer {
    position: static;
    bottom: 0px;
  }
}

/*** contact page *************************************************/
.contact_p { padding-bottom: 50px; }
#sub_p .box {
  margin-bottom: 10px;
}
#sub_p h2 {
  border-left: 10px solid #D75E83;
  padding-left: 10px;
}
#sub_p h3 {
  margin: 5px 0;
}
#sub_p .h3_contact {
  margin: 5px 0;
  color: #D75E83;
}
#sub_p h4 {
  border-bottom : 1px dashed #D75E83;
  padding-bottom: 2px;
  margin:10px 0 10px;
  color: #000;
  background: #fff;
}
#sub_p h5 {
  background: #F0CECB;
  margin: 10px 0;
  padding: 3px 10px;
}
#sub_p p {
  font-size: 12px;
  color: #000;
}
#sub_p a {
  font-size: 12px;
  padding-bottom: 0;
}
#sub_p .indent {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 16px;
  color: #6A3906;
}
.red_bold {
  font-weight: bold;
  color:#F80409;
}
#sub_p .caution {
  line-height: 1.5em;
  font-size: 14px;
  font-weight: bold;
}
#sub_p .caution:last-child {
  margin-bottom: 20px;
}
#sub_p .inner {
  padding-left: 10px;
}
#sub_p .box {
  border: 1px solid #000;
  padding: 10px;
  margin-top: 10px;
}
#contact_btn_box {
  margin-top: 20px;
}
.contact_btn2 { 
  width: 50%;
  text-align: right;
  padding-right: 8px;
  float: left;
}
.contact_btn2 a { border-bottom: none; }
.contact_btn3 { 
  width: 50%;
  text-align: left;
  padding-left: 8px;
  float: right;
}
.contact_btn3 a { border-bottom: none; }

table {
	margin-bottom: 10px;
	border-bottom-style: none;
}
table table{
	margin:0px;
}

td,th {
	padding: 10px;
	vertical-align: top;
	background-color: #FFFFFF;
}
.p_table {
  border-collapse: collapse;
  max-width: 550px;
  width: 100%;
}

.p_table th,
.p_table td {
  padding: 10px;
  border: 1px solid #999;
  font-size: 12px;
}
.p_table th {
  background-color: #eee;
  text-align: center;
  width: 30%;
}

.p_table02 {
  border-collapse: collapse;
  max-width: 550px;
  width: 100%;
}
.p_table02 th,
.p_table02 td {
  padding: 10px;
  border: 1px solid #999;
  font-size: 12px;
}
.p_table02 th {
  background-color: #eee;
  text-align: center;
}
.ssl-icon {
	text-align: right;
	margin-top: 30px;
}
.ssl-icon a {
	border-bottom: none;
}
@media screen and (max-width: 479px) {
 .p_table {
    border-top: 1px solid #999;
    width: 100%;
  }
 .p_table td {
    display: block;
    text-align: center;
  }
 .p_table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
 .p_table02 {
   width: 100%;
   display: block;
   position: relative;
   overflow-x: auto;
   white-space: nowrap;
   -webkit-overflow-scrolling: touch;
 }
}

.sub_p_table {
  border-collapse: collapse;
  width: 100%;
	margin:0px auto;
  background: none;
}
.sub_p_table td {
  border: 1px solid #D75E83;
  vertical-align: middle;
}
.sub_p_table td.btn-cell {
  width: 25%;
}
.sub_p_table th {
  vertical-align: middle;
  text-align: center;
  width: 20%;
  border: 1px solid #D75E83;
  background-color: #F0CECB;
}

.sub_p_table02 {
  border-top: none;
}
.sub_p_table02 th,.sub_p_table02 td {
  border-top: none;
}
table.borderless { 
  border-collapse: collapse;
}
table.borderless,table.borderless th,table.borderless td {
  border: none;
  padding: 5px;
}

@media screen and (max-width: 767px) {
  .sub_p_table {
    margin: 0 auto;
    width: 100%;
  }
  .sub_p_table td.btn-cell {
    display: none;
  }
  /*.sub_p_table th {
    width: 35%;
  }
  .sub_p_table02 {
    margin-top: 20px;
  }
  .sub_p_table02 th,.sub_p_table02 td {
  border-top: 1px solid #D75E83;
}*/
  .sub_p_table td {
    display: block;
    text-align: center;
  }
 .sub_p_table th {
    display: block;
    border-top: none;
    border-right: 1px solid #D75E83;
    border-bottom: none;
    width: 100%;
  }
  .sub_p_table td.name { border-top: none; }
 .sub_p_table th, .sub_p_table td {
    text-align: left;
  }
  tr:first-child th {
    border-top: 1px solid #D75E83; 
  }
  table.constractor-change td {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
 .sub_p_table {
    width: 100%;
  }
}


.company_table {
	margin:0px auto;
  background: none;
}
.company_table td {
  border: 1px solid #D75E83;
  border-top: none;
}
.company_table th {
  width: 100px;
  border: 1px solid #D75E83;
  border-top: none;
  border-right: none;
  background-color: #F0CECB;
}
.company_table .name {
  border-top: 1px solid #D75E83;
}

@media screen and (max-width: 767px) {
  .company_table {
    margin: 0 auto;
    width: 95%;
  }
}

@media screen and (max-width: 479px) {
 .company_table {
    width: 100%;
  }
 .company_table td {
    display: block;
    text-align: center;
  }
 .company_table th {
    display: block;
    border-top: none;
    border-right: 1px solid #D75E83;
    border-bottom: 1px solid #D75E83;
    width: 100%;
  }
  .company_table td.name { border-top: none; }
 .company_table th, .company_table td {
    text-align: left;
  }
}

.ct_table th {
  width: 150px;
}
.ct_table th, .ct_table td {
  vertical-align: middle;
}

@media screen and (max-width:767px){
  .ct_table td {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  .ct_table th br {
    display: none;
  }
  .ct_table th {
    width: 100%;
  }
}

.pmark {
  border-bottom: none;
}
.pmark:hover {
  border-bottom: none;
}
.pmark img:hover {
  opacity: 0.7;
}
/* PDFと外部リンク */
a.pdf   { background:url(../images/pdf_icon24.png) no-repeat left center; white-space:nowrap; cursor:pointer; }

/*================ privacy.html =====================*/
.box_midashi {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}
.sublist2 {
  margin-bottom: 5px;
}
.sublist2 li {
  font-size: 12px;
  color: #000;
}
span.pink {
  font-size: 16px;
  color: #D75E83;
}

/*================ company.html =====================*/
.inner-flex {
  display: flex;
}

.inner-flex p {
  color: #6A3906;
}

@media screen and (max-width:767px){
  .inner-flex {
    display: flex;
  }
}

@media screen and (max-width: 479px) {
 .inner-flex {
    display: block;
  }
}


/*================ contact.php =====================*/
.mailform {
  max-width: 580px;
  width:100%;
  margin: 0 auto;
}
.mailform .contact_btn {
  text-align: center;
}
.mailform_btn {
  border: none;
  padding: 10px;
  background-color: #D75E83;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
}
.mailform_btn:hover { background-color: #DC6D8F; }
.contact_btn2 a,.contact_btn3 a {
  background-color: #D75E83;
  color: #fff;
  border-radius: 5px;
  font-weight: bold;
}

  input[type="text"] {
    width: 100%;
    height: 30px;
    font-size: 16px;
  }

  textarea {
    width: 100%;
    height: 100px;
    font-size: 16px;
  }

@media screen and (max-width: 479px) {
  .mailform table td {
    display: block ;
  }
}

/*================ contact_c.php =====================*/
.confirm {
  max-width: 580px;
  width:100%;
}
.confirm th,.confirm td {
  border: 1px solid #F0CECB;
  border-collapse: collapse;
}
.confirm th {
  background-color: #F8EAE9;
}
.confirm th{
  border-bottom:none;
}
.confirm td{
  border-bottom: none;
}
.confirm .last {
  border-bottom: 1px solid #F0CECB;
}

@media screen and (max-width: 479px) {
  .confirm { width: 100%; }
  .confirm td,.confirm th {
    display: block;
  }
}

/*================ contact_e.php =====================*/
@media screen and (max-width:767px){
  br.contact_e { display: none; }
}

/*================ user_policy.html =====================*/
.file {
  text-align: center;
  width: 100%;
  padding: 10px;
  background-color: #F0CECB;
  border-radius: 5px;
  margin-top: 20px;
}

.file .pdf {
  border: none;
  width: 100%;
  padding: 10px 10px 0 30px;
  font-weight: bold;
}

/*================ log_in/members =====================*/
/* log in */
#form {
    width: 400px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
}

form { text-align: left; }
#sub_p .login p { font-size: 16px; }
.form-title{
  text-align: center;
}

.mail,.pass{
    margin-bottom: 20px;
    }
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tell"],
textarea,
select {
    width: 100%;
    padding: 5px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #D75E83;
    border-radius: 5px;
    }

input[type="submit"]{
  width: 200px;
}
#sub_p .login p.check,#sub_p .login p.lost-pass,#sub_p .login p.lost-pass a { font-size: 14px; }
.submit{
    text-align: center;
    margin: 15px 0;
}
.login_btn {
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  background-color: #F0CECB;
  font-size: 18px;
  font-weight: bold;
  color: #D75E83;
}
  
/* bread crumb */
  #breadcrumb{
    margin-bottom: 1em;
  }

  #breadcrumb li {
   display: inline-block;
   list-style: none;
  }
 
  #breadcrumb a  {
     height: 40px;
     padding: 0 10px 0 30px;
     color: #fff;
     background: #F0CECB;
     line-height: 40px;
     display: block;
     text-decoration: none;
     border-bottom: none;
     position: relative;
     box-sizing: border-box;
  }

  #breadcrumb a::before   {
     content: "";
     border-top: 20px solid transparent;
     border-bottom: 20px solid transparent;
     border-left: 20px solid #fff;
     position: absolute;
     top: 0;
     left: 0;
  }

  #breadcrumb a::after {
     content: "";
     border-top: 20px solid transparent;
     border-bottom: 20px solid transparent;
     border-left: 20px solid #F0CECB;
     position: absolute;
     top: 0;
     right: -20px;
     z-index: 1;
  }
  
  #breadcrumb li:first-child a  {
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     padding-left: 10px;
  }

  #breadcrumb li:first-child a::before   {
     display: none;
  }

  #breadcrumb li:last-child a   {
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
  }

  #breadcrumb li:last-child a::after  {
     display: none;
  }


  #breadcrumb li.select {
    background: transparent;
  }

  #breadcrumb li.select a {
    background: #D75E83;
  }

  #breadcrumb li.select a::after {
     content: "";
     border-top: 20px solid transparent;
     border-bottom: 20px solid transparent;
     border-left: 20px solid #D75E83;
     position: absolute;
     top: 0;
     right: -20px;
     z-index: 1;
  }
/* members */
.scroll-container {
  padding: 10px;
  border: 1px solid #F0CECB;
}
.scroll-container .scroll-box {
  height: 250px;
  overflow-y: scroll;
  padding: 15px;
}
.info-change-btn-box {
  display: none;
}
.info-change-btn {
  width: 100%;
  height: 45px;
  background: #D75E83;
  border-radius: 10px;
  margin-top: 10px;
}
#sub_p .info-change-btn a {
  font-size: 16px;
  color: #fff;
  border-bottom: none;
  font-weight: bold;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#submit_btn_box {
  display: flex;
  justify-content: center;
}
#submit_btn_box a {
  padding: 10px;
  background: #D75E83;
  border-radius: 10px;
  border: none;
  color: #fff;
  width: 200px;
  text-align: center;
}

input,
textarea,
select {
    outline: none;
}
input[type="submit"]:first-child {
  margin-right: 10px;
}
input[type="submit"]{
   -webkit-appearance: none;
   padding: 10px;
   background: #D75E83;
   border-radius: 10px;
   border: none;
   box-shadow: none;
   color: #fff;
  cursor: pointer;
}
input[type="submit"]:hover {
  opacity: 0.8;
}


@media screen and (max-width: 767px) {
/* log in */
  #log_in {
    padding: 20px 0 40px;
  }
  
/* bread crumb */
  #breadcrumb{
    margin-bottom: 1em;
  }

  #breadcrumb li {
   display: inline-block;
   list-style: none;
   position: relative;
  }
  
  #breadcrumb li:not(:first-child) {
    margin-left: 20px;
  }
 
  #breadcrumb a  {
     height: auto;
     padding: 0;
     color: #6A3906;
     background: none;
     line-height: 0;
     display: block;
     text-decoration: none;
     border-bottom: none;
     position: relative;
     box-sizing: border-box;
  }

  #breadcrumb a::before   {
     display: none;
  }

  #breadcrumb a::after {
     content: "";
     color: #181513;
     border-top: 0px solid transparent;
     border-bottom: 0px solid transparent;
     border-left: 0px solid #F0CECB;
     position: absolute;
     top: 0;
     right: -17px;
     z-index: 1;
  }
  #breadcrumb li:not(:last-child)::after {
     content: ">";
     color: #6A3906;
     position: absolute;
     right: -17px;
     top: -10px;
  }
  
  #breadcrumb li:first-child a  {
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     padding-left: 10px;
  }

  #breadcrumb li:first-child a::before   {
     display: none;
  }

  #breadcrumb li:last-child a   {
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
  }

  #breadcrumb li:last-child a::after  {
     display: none;
  }


  #breadcrumb li.select {
    background: transparent;
  }

  #breadcrumb li.select a {
    background: #fff;
    color: #D75E83;
  }

  #breadcrumb li.select a::after {
     content: "";
     border-top: 0px solid transparent;
     border-bottom: 0px solid transparent;
     border-left: 0px solid #D75E83;
     position: absolute;
     top: 0;
     right: -20px;
     z-index: 1;
  }
  
/* members */
  .info-change-btn-box {
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
  }
  .info-change-btn-box:not(:last-child) {
    margin-bottom: 10px;
  }
  .info-change-btn-box p {
    margin-top: 10px;
  }
}

@media screen and (max-width: 479px) {
/* members */
  #form {
      width: 100%;
  }
}


/*** 404.html page *************************************************/
.backto_top {
  text-align: center;
}
.backto_top a {
  border:none;
}
.backto_top h2 {
  margin-bottom: 20px;
}
.backto_top p {
  margin-bottom: 20px;
}