@charset "utf-8";
/* CSS Document */
.header {
  background-color: #ffffff;
  height: 30%;
    
}
 /* 共通 */
html, body {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;   /* 16px × 0.625 = 10px → 1rem = 10px */
}
 /* 共通 */


.tel_block {
  display: flex;
  align-items: center;
       width: 40%;
}
.header_body {
  display: flex;

  
padding:2%;
  align-items: center;


 
}
.logo {
   width: 30%;
  text-align: center;
  margin-right: auto;

       
  

}


.header_picture1 {

    margin-right:1%;
}
.header_sentence {
  line-height: 1;
  width: 45%;
    padding-right: 2%;
 

    text-align:left;
  
}

.header_sentence2 {
  line-height: 1;
}
.header_block {
  display: flex;
    justify-content: flex-end;
}
@media(max-width:768px) {
.header {
  background-color: #ffffff;
  height: 20%;
    
}
    .logo {
    width: 50%;
  }
  .header_picture3 {
    width: 70%;
    padding: 0.8% 1% 0;
  }
  .header_sentence, .tel_block {
    display: none;
  }
}
@media(min-width:769px) {
  .header_picture3 {
    display: none;
  }
}

.main {
  background: #f6f8f9;
}
.title {
    text-align: center;
  background: #FAF1F3;
  padding: 74px 0 74px;
  margin-top: 1%;
}



@media(max-width:768px) {
.title {
   
  padding: 30px 0 30px;

}
}
.title_main {
  font-size: 4.0rem;
  font-weight: 700;
  color: #FF7899;
  line-height: 1;
	padding-bottom: 16px;
}
@media(max-width:768px) {
  .title_main {
  font-size: 2.4rem;
padding-bottom: 10px;
}
}

.title_sub {
  color: #FF7899;
  font-size: 2.8rem;
  line-height: 1;
}


@media(max-width:768px) {
.title_sub {
  color: #FF7899;
  font-size: 2.0rem;
  line-height: 1;
}
}



.privicy_policy__body {
width: 90%;
  max-width: 1100px;
  margin: 0 auto;
  padding:80px 0;
}


@media(max-width:768px) {
.privicy_policy__body {

  padding:40px 0;
}

}

.privicy_policy__title {
  text-align: left;
  font-size: 2.4rem;
  line-height: 1;
}



/* 会社概要 */

/* 本文ボックス */
.company-wrapper {

  max-width: 1100px;
  
  background: #ffffff;
  border-top: 1px solid #f4c2d2;  /* 見出しピンクのライン */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}


@media(max-width:768px) {
.company-wrapper {


  
 
  border-top: none;
  
}
}

/* テーブルレイアウト（PC） */
.company-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.company-table th,
.company-table td {
  padding: 16px 20px;
  border-bottom: 1px solid #f4c2d2;  /* うすいピンクの罫線 */
  font-size: 1.6rem;
  line-height: 1.7;
}

/* 左側の見出しセル */
.company-table th {
  width: 180px;
  background: #fff3f7;           /* 薄ピンクのセル */
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  color: #FF7899;                /* ピンク系文字色 */
}

/* 右側の内容セル */
.company-table td {
  background: #ffffff;
}

/* 1行ごとにうっすくストライプしてもOK（好みで） */
/*
.company-table tr:nth-child(odd) td {
  background: #fff9fb;
}
*/

/* ---------- スマホ用レイアウト ---------- */
@media (max-width: 768px) {
 

  .page-header {
    padding: 28px 12px 24px;
  }

  .page-header h1 {
    font-size: 22px;
  }

  .company-wrapper {
    box-shadow: none;
    border-radius: 0;
  }

  .company-table,
  .company-table tbody,
  .company-table tr,
  .company-table th,
  .company-table td {
    display: block;
   
  }

  .company-table tr {
    margin: 0 0 16px;
  
    border-radius: 4px;
    overflow: hidden;

  }

	
.company-table tr {
     border-top: 1px solid #f4c2d2;
    border-bottom: 1px solid #f4c2d2;
   

  }
	

	
	
	
	
  .company-table th {
    border-bottom: 1px solid #f4c2d2;
    background: #fff0f5;
    font-size: 1.6rem;
	  width: 100%;
	  
  }

  .company-table td {
    border-bottom: none;
    padding-top: 12px;
    font-size: 1.6rem;
  }
}



/* footer */

.footer {
  font-size: 2rem;
  background-color: #FF7899;
 text-align: center;
  color: #FFF;
  padding: 40px 0; 
}
.footer a {
  color: #FFF;
  
   
}

li{list-style: none}

.footer ul {display: flex;justify-content: center;}
.footer li {padding-right: 60px;}
.footer ul li:last-of-type {
  padding-right: 0;
}

@media (max-width: 768px) {
.footer ul {display: block;}
	
	.footer li {padding-right: 0px;
padding-bottom: 26px;

}	
}



img {
  width: 100%;
  vertical-align: bottom;
}