@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, p, ul, li, dl, dt, dd, ol,i {
  margin: 0;
  padding: 0;
  line-height: 1.0;
  font-family: "Hiragino kaku Gothic ProN",Meiryo,sans-serif;
  font-family: serif;
}

img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

a{
  text-decoration: none;
  color: inherit;
  }

ul,li {
  list-style: none;
}

/*------------Font-size------------*/
html {
  font-size: 62.5%;
}

body {
  font-size: 16px;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 23px;
}

h6 {
  font-size: 26px;
}

p {
  font-size: 16px;
}

/*-------RESET設定ここまで-------*/
/* header */

/* header top bottom line */
header{
  border-top: 1px solid #bb0d3e;
  border-bottom: 1px solid #bb0d3e;    	/* 二重線の上の線になる一本線をひく */
	margin-bottom: 2px;            		/* 二重線の下の線の位置を確保する */
	position: relative;            		/* 外側の線の位置を調整する時の基準点になるようにする    */

}
header:before {
    content: '';                /* 擬似要素に実体を持たせる */
    width: 100%;                /* 二重線の下の線になる要素の幅を指定する */
    height: 1px;                /* 線を表示させるために1pxだけ高さを入れる */
    border-bottom:5px solid #bb0d3e;   /* 二重線の下の線になる一本線の枠線をひく*/
    position: absolute;         /* 二重線の下の線の位置を自由に動かせるようにする */
    left: 0px;                 	/* 二重線の下の線の位置を、内側の線の左に揃える */
    bottom: -10px;               /* 二重線の下の線の位置を、内側の線から下に-10pxずらす */
    
  }
/*-- header top bottom line------ */
.innerWrap{
  max-width: 960px;
  margin:0 auto;
  padding:15px 0;
}

.p-haeder{
  margin:20px 0 2px;
  text-align: left;
  padding: 0 5px;
}

header .nav{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .nav .logo{
  display: block;
  padding: 0 5px;
  width: 330px;  
  box-sizing:border-box;
}

header .g-nav{
  width:600px;

}

/* 見出し */

h1 {
  height: 46px;
  background: url(../img/hart_icon.png) no-repeat left center;
  background-size: 46px;
  color: #bb0d3e;
  padding-left: 60px;
  font-weight: bold;
  line-height: 46px;
  margin-top: 20px;
  border-bottom: 1px solid #bb0d3e;

}


.logo p{
  margin: 10px;
  letter-spacing: 1.1px;
  /* text-align: center; */
}


/* Navgation */
/* SP用 */
nav .sp-btn,.g-nav .sp-nav{
  display: none;
}

/*Topへ戻るボタン*/
.top{
  width:50px;
  height:45px;
  padding-top:5px;
  font-weight: bold;
  color: #bb0d3e;
  background:#fff;
  border:1px solid #bb0d3e;
  border-radius: 5px;
  position: fixed;
  right:5px;
  bottom: 5px;
  cursor: pointer;
  z-index: 9999;
  text-align: center;
  }

  .top i{
  display:block;
  }


/* pc用 Nav*/
.g-nav .pc-nav {
  display: flex;
  justify-content: space-between;
  margin-top:9px;

}
.g-nav .pc-nav ul li{
  line-height: 1.5;
  width:25%;
  text-align: center;
  
}

.g-nav .pc-nav ul li>a{
  color: black;
  line-height: 56px;
  border-bottom: 3px solid transparent;
}

.g-nav .pc-nav li >a:hover{
  border-bottom: 3px solid #bb0d3e;
}
.g-nav li.current a{
  background-color: rgba(248, 232, 245, 0.8);
  padding: 7px;
 }

.contents-box{
  padding-top: 20px;
  max-width: 960px;
  margin: 0 auto 20px;
}

/* Key-visual設定 */
.key-visual {
  width: 100%;
  height: 300px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.key-visual.image1{
  background: url(../img/keyvis1.png) no-repeat center center/cover;
}
.key-visual.image2{
  background: url(../img/keyvis2.png) no-repeat center center/cover;
}
.key-visual.image3{
  background: url(../img/keyvis3.png) no-repeat center center/cover;
}

.bx-wrapper{
  margin-bottom:30px;
 }

/*キービジュアル*/
/* 事業所紹介 guide */
.keyVis_1{

  height: 300px;
  background: url(../img/guide.png) no-repeat center center/cover;
  margin-bottom: 30px;
  }

/* 業務案内 service */
.keyVis_2{

    height: 300px;
    background: url(../img/service.png) no-repeat center center/cover;
    margin-bottom: 30px;
}

/* 相続についてsouzoku.html */
.keyVis_3{
  height: 300px;
  background: url(../img/souzoku.png) no-repeat center center/cover;
  margin-bottom: 30px;
}

/* Q&A quest.html*/
.keyVis_4{
  height: 300px;
  background: url(../img/qa.png) no-repeat center center/cover;
  margin-bottom: 30px;
}
/* 改正情報 new.html*/
.keyVis_5{
  height: 300px;
  background: url(../img/new.png) no-repeat center center/cover;
  margin-bottom: 30px;
}

/* 事務所通信  info.html*/
.keyVis_6{
  height: 300px;
  background: url(../img/new.png) no-repeat center center/cover;
  margin-bottom: 30px;
}

/* リンク集　link.html*/
.keyVis_7{
  height: 300px;
  background: url(../img/link.png) no-repeat center center/cover;
  margin-bottom: 30px;
}

/* お問合せフォーム　inquiry.html*/
.keyVis_8{
  height: 300px;
  background: url(../img/inquiry.png) no-repeat center center/cover;
  margin-bottom: 30px;
}

/*---------/. Key-visual設定 /---------*/



/* main content */
.container{
  max-width: 960px;
  margin: 0 auto;
  padding:0 5px ;
  display: flex;
  justify-content: space-between;
}
.contents{
  width: 67%;
}
.sidebar{
  width: 30%;
}
.contents section{
  padding-bottom: 30px;
}

/* main 1,2 */

/* top */
.home-box{
  display: flex;
  justify-content: space-between;
}

/* .home-text{
  width: 60%;
 } */

.imgR-s{
  width: 38%;
  height: auto;
}

h2{
  border-top: 1px solid #bb0d3e;
  border-bottom: 3px solid #bb0d3e;
  padding: 16px 0 16px;
  font-size: 1.5em;
  padding-left: 34px;
  background: url(../img/hart_icon.png) no-repeat left center;
  background-size:35px;
  background-color: #f9f9fd;
  color: #bb0d3e;
  font-weight: 900;
  margin-bottom: 15px;
  padding-left: 49px;
}

.contents>section .pr{
   background-color: #f7f7ff;
  font-size: 21px;
  padding: 8px 15px;
  line-height: 1.7;
  margin:20px 0;
}
.text ul li{
  margin-bottom: 20px;
}
.descri{
  font-size:20px;
  line-height: 1.7;
}
.imgR-s img{
  width: 100%;
  height: auto;
}


/* --/.top------ */
/* 事務所紹介 guide */
.contents>section .gu-pr{
  line-height: 1.7;
  font-size: 24px;
}
.gu-text ul li{
  line-height: 1.7;
  font-size: 16px;
}

.gu-toku{
  font-size: 20px;
  padding: 0 15px;
  line-height: 1.5;
  /* margin:20px 0; */
}

.adr-text{
  font-size: 20px;
  line-height: 1.7;
  color: #000;
}

.ten.gui{
  font-size: 16px;
  line-height:1.7 ;
  color: #000; 

}

.fas fa-genderless{
height: 16px;
padding: 0;
}
/* 代表者 */
.box{
  display: flex;
  /* justify-content: space-between; */
}

.box .gu-text{
  width: 70%;
}

.box .gu-imgR{
  width: 28%;
}

/* --/. 代表者 ------ */

/* 最寄り駅の紹介 */


.st-box{
  padding-left: 30px;
}
.adr-text {
  display: flex;
  flex-wrap: wrap;
}
.adr-text dl{
width: 50%;
}

.adr-text dd{
  padding: 5px;
  margin-left: 80px;
}
.adr-text i{
 tab-size: 8px;
 padding: 0;
  }


/* google map L */
.map_l iframe{
  width: 100%;
  height: 300px;
  margin-bottom: 30px;
}

/* --/. 事務所紹介 guide  --  --  -- */




table{
 padding-left:20px;
 border: 0;
}

th{
  vertical-align:top;
  text-align: left;
  font-size: 21px;
  /* font-weight: bold; */
  line-height: 1.4;
}

td{
  font-size: 20px;
  line-height: 1.4;
}


.container .contents section li{
  /* margin-bottom:20px; */
  font-size: 20px;
}




/*---------/. main 1,2 /---------*/

/* お問合せ・ご相談はこちら */
/* 見出し */


h3{
  background-color: #fad6e0;
  padding: 15px;
  border-top: 1px solid #bb0d3e;
  border-bottom: 3px solid #bb0d3e;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: bold;
}
/*-----/.見出し /---------*/


.inq-box{
  display:flex;
  justify-content: space-between;

 
}

/* .inq-box .inq-text{
  width:60%;
} */

.imgR-s{
  width:38%;
}

/* お電話 */
.toi{
  font-weight: bold;
  color: #220c74;
  font-size: 20px;
  padding: 7px;
  margin-bottom:3px;
}

.inquiry .phone{
  font-weight: bold;
  font-family: 'Oxygen', sans-serif;
  font-size: 2em;
  margin-bottom: 10px;
}
/* 受話器  */
.contents>section span{
  color: #bb0d3e;
}

.inq-text .fas fa-phone-volume{
  font-size: 1.5em;
  padding: 10px 0;
  background-position: right calc(50% - 50em) center;
}
 
.inquiry .phone>span{
  font-size: 45px;
}
/*--/. 受話器--------  */


/* お問合せフォーム ボタン*/

.inquiry {
  margin-bottom: 20px;
}
.toiawase{
  background-color:#bb0d3e ;
  color: #fff;
  padding: 10px ;
  width: auto;
  text-align: center;
  font-weight: bold;
}

.toiawase{
  /* letter-spacing: 0.4vw; */
  bottom: 0;
}
.toiawase .fa-angle-double-right{
  font-size: 16px;
  padding: 10px 0;
 }

.imgR-l img{
  align-items: center;
  width:100%;
  height: auto;
  /* margin-bottom: 30px; */
}

.category ul li{
  padding: 10px 0 10px 30px;
}
/* /.お問合せフォーム ボタン -----  */


/*-----/  お問合せ /-----  */


/*  main 業務案内 */

.sv-spc-box{
  margin-bottom: 30px;
}
.servic-box{
  display: flex;
  justify-content: space-between;
  background-color: #fceff9;
  padding:15px;
  }
  
  .servic-box>.servic{
  width: 30%;
  }
  .servic-box>.servic a {
  display: block;
  }
  .servic-box>section a:hover {
  background: #fea;
  }
  /* 業 務 案 内 見出し*/
  .servic-box>.servic .serv-p {
  background: url(../img/listmark.png) no-repeat left 5px;
  font-size: 22px;
  line-height: 26px;
  padding-left:17px;
  }
/* 業 務 案 内 */
  /* 見出し Ｑ */
  h5 {
    color:#bb0d3e ;
    font-weight: bold;
    position: relative;
    padding: 0.25em 1em;
    border-top: solid 2px #bb0d3e;
    border-bottom: solid 2px #bb0d3e;
    background-color: #fffbff;
  }
  h5:before, h5:after {
    content: '';
    position: absolute;
    top: -7px;
    width: 2px;
    height:calc(100% + 14px);
    height: calc(100% + 14px);
    background-color: #bb0d3e;
  }
  h5:before {
    left: 7px;
  }
  h5:after {
    right: 7px;
  }
/*-- 業 務 案 内 ---------------- */


/*- 相続についてのＱ＆Ａ */
/*--表示・非表示 *-------------------------- */

/*全体box*/
.hidden_box {
  margin: 10px 0 30px 0;/*前後の余白*/

}

/* 見出し Question */
.hidden_box label {
  display: block;
  position: relative;
  color: black;
  background: #fceff9;
  line-height: 1.2;
  font-size: 25px;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
  cursor :pointer;
}
.hidden_box label:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: ' Question';
  background: #bb0d3e;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}


/*ボタンホバー時*/
.hidden_box label:hover {
  background: #bb0d3e;
  color: #fceff9;
}

/*チェックは見えなくする*/
.hidden_box input {
  display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}

/* 見出し Answer */
.ans {

  position: relative;
  color: black;
  background: #f6f2fa;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
  font-size: 23px;
}

.ans:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: '\f00c Answer';
  background: #220c74;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size:0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}


/*--表示・非表示 *-------------------------- */
/* お問合せ Googleフォーム */
.inq-google{
  width: 100%;
  height: 100%;
}

/*-- /.お問合せ Googleフォーム---- */


/*-- リンク集 -------------------------- */

.link ul {
  border: solid 2px #bb0d3e;
  padding: 0 0.5em;
  position: relative;
}

.link ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

.link ul li:before {
 
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #bb0d3e; /*アイコン色*/
}

.link ul li:last-of-type {
  border-bottom: none;
}

.link li a {
  /* display: block; */
  background: url(../img/listmark.png) no-repeat left center;
  padding-left: 20px;
}
   
.link li a:hover {
  background-color: #fceff9;
 }


/*--/. リンク集 -------------------------- */





/*-----/ main content /----- */

/* sidebar */
/* カテゴリ */
h4{
  clear: both;
  padding: 15px;
  border-top: 1px solid #bb0d3e;
  border-bottom: 1px solid #bb0d3e;
  margin-bottom: 20px;
}


.category{
  margin-bottom: 30px;
}

.category ul {
  border-top: solid 1px rgb(219, 218, 218);
}
   
.category li {
  font-size: 18px;
  line-height: 30px;
  border-bottom: solid 1px rgb(219, 218, 218);
}
   
.category li a {
  display: block;
  background: url(../img/listmark.png) no-repeat left center;
  padding-left: 20px;
}
   
.category li a:hover {
  background-color: #fceff9;
 }


/* google map */
.access iframe{
  width: 100%;
  height: 200px;
  margin-bottom: 30px;
}

/* 関連会社 connection */
.connection {
  margin-bottom: 20px;
  border:1px solid #d3cecf;
}
.connection .box-title {
  font-size: 18px;
  border:2px solid #bb0d3e;
  padding: 12px 0  8px 20px;
  text-align: left;

  font-weight: bold;
  letter-spacing: 0.05em;
}
.connection li {
  font-size: 18px;
  padding: 10px 20px;
  margin: 0;
}

.connection li a {
  /* display: block;
  font-weight: bold; */
  color: rgb(24, 37, 155);
  background: url(../img/listmark.png) no-repeat left center ;
  padding-left: 20px;
}


/* -----/. 関連会社(connection) -----  */

/* -----/ sidebar /-----  */

footer {
  border-top: 3px solid #bb0d3e;
  padding: 30px;
  color: #bb0d3e;
  text-align: center;
}
/* -----/ footer /-----  */
@media screen and (max-width:950px){

header .nav{
  display: block;
}
header .nav .logo{
  width:330px;
}

header .g-nav{
  width:100%;
}
.logo p{
  margin-bottom: 20px;
}
.g-nav .pc-nav{
  width: 100%;
  margin: 0 auto;
  justify-content:space-around;
}
.g-nav .pc-nav ul li>a{
  text-align:center;
}

}/* -- (max-width:950px) -------------------------- */


@media screen and (max-width:767px){

/* flex */

  header .nav{
    display: block;
  }
  
  .logo {
    width: 100%;
    /* margin: 0 auto;   */
    text-align: center;
    padding-top: 10px;
  }

  header .p-haeder{
    line-height: 1.5;
  }

  header .nav .logo{
    width: 100%;  
    box-sizing:border-box;
  }
  
  h1 {
    width:40%;
    background: url(../img/hart_icon.png) no-repeat 10px center;
    background-size:35px;
    font-size: 28px;
    padding-left:50px;
    text-align: left;
  
  }

  .logo p{
    margin: 10px;
    letter-spacing: 1.1px;
    text-align: left;
  }

/* Navigation */
  
/* pc用 Nav*/
.g-nav .pc-nav {
    display: none;
  }
 

header nav {
    position: relative;
    width: 100%;
   }
/*sp-btn setting*/

nav .sp-btn{
  display: block;
  position: absolute;
  right: 10px;
  top:-55px;
  color:#bb0d3e;
  width: 50px;
  height: 50px;
  border:2px solid #bb0d3e;
  border-radius: 5px;
  font-weight: bold;
  font-size:14px;
  text-align: center;
  line-height: 50px;
  background-color: #fff;
  }
  
nav .sp-btn.open{
  background-color: #971235;
  color:#fff;
  }
  
nav .sp-nav{
   display: block;
   width: 100%;
   position: absolute;
   z-index: 10000;
   display: none;
   }
  
nav .sp-nav li {
    padding: 0 10px;
    height: 70px;
    line-height: 70px;
    font-size: 22px;
    text-align: center;
    border-bottom: 1px solid #971235;
    background-color: rgba(252, 230, 245, 0.6);
  }
  
  nav .sp-nav ul li > a {
   display: block;
  }

  nav ul li > a:hover {
    color:#fff;
    background-color: rgba(124, 8, 105, 0.8);
    border-bottom: 0;
   }
   

/*----- toTop button setting------------------------*


/* main content */

/* 2カラム→1カラム */
.container{
  max-width: 100%;
  /* margin: 0 auto; */
  display: block;

}
.contents{
  width: 100%;
}
.sidebar{
  width: 100%;
}
/* お問合せ・ご相談はこちら */


.inquiry .phone{
  font-weight: bold;
  font-family: 'Oxygen', sans-serif;
  font-size: 22px;
  line-height: 45px;
  letter-spacing: 0.6vw;
  margin-bottom: 10px;
}

}/* -- (max-width:767px) -------------------------- */



@media screen and (max-width:663px){
  .p-haeder{
    margin:0px 0 2px;
    text-align: left;
    padding: 0 5px;
  }
  nav .sp-btn{
    right: 8px;
    top:-55px;
    }
  h1 {
    width:38%;
    background: url(../img/hart_icon.png) no-repeat 10px center;
    background-size:30px;
    font-size:30px;
    padding-left:46px;
    margin-top: 5px;
  
  }

} /* -- (max-width:663px) -------------------------- */

@media screen and (max-width:607px){
/* home main */
/* 2 → 1 */
.home-box{
  display: block;
}

.home-box .text{
  width:100%;
}

.home-box .imgR-s{
  width:100%;
  margin-bottom: 10px;
}


.imgR-s {
  width:100%;
  height: auto;

}

/* お問合せ・ご相談はこちら */
/* 2 → 1 */
.inq-box{
  display: block;
}

.inq-boxbox .inq-boxtext{
  width:100%;
}

.inq-boxbox .imgR-s{
  width:100%;
  margin-bottom: 10px;
}





/* お電話 */
.toi{
  font-weight: bold;
  color: #220c74;
  font-size: 20px;
  margin-bottom: 10px;
}

.inquiry .phone{
  font-weight: bold;
  font-family: 'Oxygen', sans-serif;
  font-size: 2em;
  margin-bottom: 10px;
}
/* 受話器  */
.contents>section span{
  color: #bb0d3e;
}

.text .fas fa-phone-volume{
  font-size: 1.5em;
  padding: 10px 0;
  background-position: right calc(50% - 50em) center;
}
 
.inquiry .phone>span{
  font-size: 45px;
}

/* お問合せフォーム */

 .toiawase{
  clear: both;
  /* background-color:#bb0d3e ; */
  color: #fff;
  padding: 8px ;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
.toiawase .fa-angle-double-right{
  /* font-size: 1.5em; */
  padding: 10px 0;
  
}

.imgR-l{
  align-items: center;
  width:100%;
  height: auto;
  margin-bottom: 20px;
  
}

/* .inquiry p{
  padding:0 15px;
} */
.category ul li{
  padding: 10px 0 10px 30px;
}


/*-----/  お問合せ /-----  */

} /* -- (max-width:607px) -------------------------- */




@media screen and (max-width:539px){
  h1 {
    width:40%;
    background: url(../img/hart_icon.png) no-repeat 10px center;
    background-size:30px;
    font-size:28px;
    padding-left:46px;
    margin-top: 5px;
  
  }
  @media screen and (max-width:391px){
    h1 {
      width:45%;
      background: url(../img/hart_icon.png) no-repeat 10px center;
      background-size:30px;
      font-size:26px;
      padding-left:46px;
      margin-top: 5px;
    
    }

} /* -- (max-width:503px) -------------------------- */

@media screen and (max-width:413px){
  .innerWrap{
    padding:10px 0;
  }


  h1 {
    width:100%;
    background: url(../img/hart_icon.png) no-repeat 10px center;
    background-size:46px;
    font-size:22px;
    padding-left:46px;
    margin-top: 5px;
  
  }


}/* -- (max-width:375px) */

@media screen and (max-width:391px){
/*sp-btn setting*/
nav .sp-btn{
  display: block;
  position: absolute;
  right: 8px;
  top:-90px;
}
  .innerWrap{
    padding:10px 0;
  }
  .p-haeder{
    display: block;
    margin:5px 0 2px;
    text-align: left;
    padding: 0 5px;
  }

  h1 {
    width:65%;
    background: url(../img/hart_icon.png) no-repeat 10px center;
    background-size:40px;
    font-size:24px;
    padding-left:60px;
    margin-top: 5px;
    border-bottom:none;
  }


}/* -- (max-width:375px) */
}