@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

/* -----------------------------------------------------------------
   Base
   ----------------------------------------------------------------- */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height:100%;
  user-select: none;
}

body {
  color: #000;
  background-color: #fff;
  letter-spacing: 0;
  font-weight: 400;
  overflow-x: hidden;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;  
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic medium", Meiryo, "sans-serif";
  line-height: 1.6;
  font-size: 1.3vw;
  margin: 0;
  width:100%;
}

input, textarea, select {
  font-size: 1.3vw !important;
}
#EditForm tr {
    border-top: 1px solid #003C63;
    border-bottom: 1px solid #003C63;
}
#EditForm input, #EditForm select, #EditForm textarea {
    padding: .6vw;
    border: 1px solid #003C63;
    color: #003C63;
    background-color: #fff;
    background-image: none;
    border-radius: .5vw;
}
#EditForm input, #EditForm textarea {
  padding: 1.5vw .6vw;
}
.impro::before {
    content: "(必須)";
    font-size: .8rem;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color:#6E6E6E;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

hr{
  border-top: 1px solid #003C63;
}


img {
  vertical-align: bottom;
}

button {
  background-color: transparent;
  border: none;
  padding: 0;
  outline: none;
}

input,
textarea,
select {
  font-size:16px;
}

.min{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing:.1vw;
  line-height:2.4;
}

.max-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
  line-height: 1.6;
  font-size: 1.3vw;
}

/*-------------------------------------------> font */

p {
  letter-spacing: 0vw;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.3vw;
}

h1{
  font-size:2.5vw;
  line-height:1.6;
  font-weight: 600;
}

h2{
  font-size:2.0vw;
  font-weight: 600;
  line-height:2.0;
}

h3{
  font-size:1.7vw;
  line-height:1.6;
  font-weight: 600;
}

h4{
  font-size:1.2vw;
  line-height:1.8;
}

small {
  letter-spacing: 0vw;
  font-size: 1.2vw;
}


input::placeholder,textarea::placeholder {
  color: #bcccd6;
}

.none {
  display: none;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}



.inner{
  max-width: 90vw;
  margin:auto;
}
.box{
  max-width: 80vw;
  margin:auto;
}

.box_s{
  max-width: 768px;
  margin:auto;
}

.box_ss{
  max-width: 640px;
  margin:auto;
}

.imgWrap {
  position:relative;
  overflow: hidden;
  display: block;
  width:100%;
}

#googlemap{
  width: 100%;
  height: 480px;
}



@media screen and (max-width: 768px){
  body {
    font-size: 4.6vw !important;
    line-height: 1.8;
  }

  input, textarea, select {
    font-size: 2.3vw !important;
  }

  p {
    letter-spacing: 0;
    font-size: 4.6vw;
  }
  h1{
    font-size:6.2vw;
    letter-spacing: 0vw;
  }
  h2{
    font-size:6.2vw;
    letter-spacing: 0vw;
  }
  h3{
    font-size:5.4vw;
    letter-spacing: 0vw;
  }
  h4{
    font-size:5.4vw;
    letter-spacing: 0;
  }
  small {
    font-size: 4.6vw;
  }

  .inner{
    max-width: 90vw;
    margin:0 5vw;
  }
  .box{
    max-width: 90vw;
    margin:0 5vw;
  }

  .max-container {
    font-size: 4.3vw !important;
    line-height: 1.8;
  }
  input, textarea, select {
    font-size: 4.6vw !important;
  }
  #EditForm input, #EditForm textarea {
    padding: 4.6vw 2.6vw;
  }
}

/* -----------------------------------------------------------------
   共通
   ----------------------------------------------------------------- */

#header {
  height: 55px;
  border-bottom:#004374 solid 1px;
}
.logo-wrapper {
  top: 5px;
  width: 30%;
}
.header-right-wrapper {
    right: 4vw;
    position: absolute;
    top: 6px !important;//39px
}
.container {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    line-height: 30pt;
}

.btn,
a.btn,
button.btn {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
}
a.btn--menu {
  font-size: 1.0rem;
  font-weight: 700;
  line-height: 1.0;
  padding: .8rem 2rem;

  color: #fff;
  background-color: #22c439;
}
a.btn--menu:hover {
  color: #fff;
  background: #009ee3;
}



div > ul {
  display: flex !important;
  flex-wrap: wrap;
  //justify-content: center;
}

div > ul > li {
  width: 45%;
}
div > ul > li.one {
  width: 90%;
}
div > ul > li.three {
  width: 26%;
  margin: 1vw 2%;
}

div > ul > li.four {
  width: 21%;
  margin: 1vw 1%;
}

.border,
.sup_list hr{
  border: 1px dashed #666;
}
.sup_list h3 {
  margin: 1vw auto;
}


.support{
  border: 1px solid #666;
  padding: .5vw 3vw;
  border-radius: 2vw;
}

.support .flex_wrap{
  width:31%;
  margin-right: 2%;
}

.support li {
  text-align:left;
  width:33%;
}

.support h2 {
  line-height: 1.4;
}

@media screen and (max-width: 768px){
  .logo-wrapper {
    margin: 5px auto;
    width: 70%;
  }
  div > ul > li.three,
  div > ul > li.four {
    width: 100%;
    padding-bottom: 10vw;
    border-bottom: 1px dashed #666;
  }

  .support{
    border: none;
    padding:0;
  }

  .support .flex_wrap{
    width:100%;
    margin-right: 0;
  }

  .support li {
    width:100%;
  }
  .support .img-fluid {
    width:80%;
  }
  .sup_list .img-fluid {
    width:80%;
  }

}



.reserve{
  width:100%;
  height:290px;
  max-width:1000px;
}
.reserve li{
  border-radius: 1vw;
}
.reserve li a{
  text-align:center;
  color:#fff;
  font-size: 2.0rem;
  font-weight: 700;
  display:block;
  height:100%;
  line-height:3.0rem;
  padding:4vw;
}

.reserve.small {
  width:48% !important;
  height:auto;
  margin-top: 1vw;
}
.reserve.small li {
  width:100% !important;
}
.reserve.small li a{
  padding:2vw 4vw;
}


.orange {
  background: #f7ad00;
  border-bottom: solid 3px #d27d00;/*少し濃い目の色に*/
  border-radius: 3vw;/*角の丸み*/
  box-shadow: inset 0 3px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0, 0, 0, 0.19);
}
.reserve li:hover{
  filter: grayscale(100%);
}
li.orange a {
  color:#006934 !important;
  font-size: 2.4rem;
}

.skyblue,.pink{
  background: #00b4ea;
  text-align:center;
  height:100%;
  line-height:3.0rem;
  padding:1vw;
}

.pink{
  background: #f4b4d0;
}


.skyblue h1,.pink h1{
  color:#fff;
}

.btn_contact{
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
}
.btn_contact {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 1rem 4rem;
  background-color: #00b4ea;
  color: #fff;
    border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 2vw;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
.btn_contact a {
  color: #fff;
}
.fa-chevron-circle-right:after {
    content: "";
}



.news-box,.news-box2{
    position: relative;
    width:100%;
    margin:0 auto;

    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.news-box li {
  display:inline-block;
  text-align: left;
  width:23.5%;
  margin:0 2.0% 5rem 0;
  vertical-align:top;
  font-size: 1.0rem;
  line-height: 1.6rem;
}
.news-box li:nth-of-type(4n){
  margin-right:0;
}
.news-box li:hover {
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  opacity: 0.8;
}

.square-content {
  width:100%;
  padding-top:60%;
  position:relative;
  overflow: hidden;
}
.square-content span {
  top:0;right:0;bottom:0;left:0;
  position:absolute;
  display: block;
  background-size: cover;
  background-position: center;
}


.movie-content .news-box li {
  display:inline-block;
  text-align: left;
  width:calc(50% - 1vw);
  margin: 2vw 0;
  margin-right:2vw;
  vertical-align:top;
}
.movie-content .news-box li:nth-of-type(2n){
  margin-right:0;
}
.movie-content .news-box li:hover {
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  opacity: 0.8;
}

.movie-content .square-content {
  width:100%;
  padding-top:56.25%;
  position:relative;
  overflow: hidden;
  border-radius: 1vw;
  border: 1px solid #003C63;
}

.movie li .play{
   position: absolute;
   width: 20%;
   margin: auto;
   top: 26%;left: 0;right: 0;
   z-index: 1;
}

.movie-content .news-box .home-copy{
  position: absolute;
  pointer-events: none;
  z-index:99;
  margin:auto;
  left:0;right:0;
  top:0;bottom:0;
}
.movie-content .news-box .home-copy{
  width:25%;
}


.jirei figure {
  float: left;
  margin: 0 15px 15px 0;
  width: 50%;
}
.jirei figure img {
  max-width: 100%;
}


.max-container{
  position:relative;
  width: 100%;
  margin:0 auto;
  font-size:100%;
  line-height: 30pt;
}


@media screen and (max-width: 768px){
  .reserve{
    height:100px;
    margin-bottom: 30vw;
  }
  .movie-content .news-box li {
    display:block;
    width:100%;
    margin: 6vw 0;
    margin-right:0;
  }

  .jirei figure {
    float: none;
    margin: 0;
    width: 100%;
  }
  .jirei figure img {
    margin-bottom: 4vw;
  }
  .reserve.small {
    width:80% !important;
    margin-top: 15vw;
    height:0vw;
  }
}


.nandemo {
  width:60%;
}

.twin li {
  width:46%;
  margin: 0 2%;
}
.twin div {
  background: #00b4ea;
  text-align:center;
  line-height:2.0rem;
  padding:.2vw;
}
.twin p {
  padding: 1vw;
}

.twin div.a {
  background: #c7e8fa;
}
.twin div.b {
  background: #fddf9b;
}

.twin div.c {
  background: #e3ea8c;
}
.twin div.d {
  background: #fff799;
}
.twin div.e {
  background: #f9d3e3;
}
.twin div.f {
  background: #e0d5af;
}


@media screen and (max-width: 768px){
  .twin li {
    width:96%;
    margin: 0 2%;
  }
  .nandemo {
    width:100%;
  }
}


/* 会社概要
-------------------------------------------------- */

.tbl-about-design dt, .tbl-about-design dd {
  padding: 20px;
  //font-size: 1.0rem;
}

.tbl-about-design dt {
  clear: both;
  float: left;
  width: 12rem;
  border-top: 1px solid #003C63;
  line-height: 1.5rem;
}

.tbl-about-design dd {
  padding-left: 12rem;
  border-top: 1px solid #003C63;
  line-height: 1.8rem;
}

.tbl-about-design{
  border-top: 1px solid #003C63;
}

.tbl-about-design1 ul{
  display: flex;
  flex-wrap: wrap;
}

.tbl-about-design li {
  display: flex;
  min-width: 211px;
}

.tbl-about-design .side-left li{
    width:40%;
    padding-right:10%;
    text-align:left;
    display:inline-block;
    white-space: nowrap;
}

#contbox .tbl-about-design dt,#contbox .tbl-about-design dd,#tbl-about-design {
  border-top: 0;
  padding-top: 0;
}

#contbox .tbl-about-design dt {
  text-align:right;
}

@media (max-width: 800px){
  .tbl-about-design dd {
    padding-left: 7rem;
  }
  .tbl-about-design dt {
    width: 7rem;
    font-size: 1.0rem;
  }
  .tel-float {
    top:12%;
  }
}



#footer{
  position: relative;
  width: 100%;
  z-index: 9;
}
#footer .container{padding-left:30px;padding-right:30px;padding-top:70px;padding-bottom:70px}
.footer-part-01 {background-color:#E9E7E0}
.footer-part-01 .footer-inquiry{display:block;max-width:400px;margin:0 auto;padding:20px 30px;background-color:#fff;border:1px solid #003C63;text-decoration:none;text-align:center;font-size:1.2em;font-weight:bold;color:#151A59}
.footer-part-01 .footer-inquiry:hover{opacity:0.7}
.footer-part-02 {background-color:#FAFAFA;margin: auto;text-align: center;}
.footer-part-02 .footer-bnr{display:inline-block;margin-right:30px}
.footer-part-02 .footer-bnr:last-child{margin-right:0}

.footer-part-03 {background-color:#151A59}
.footer-part-03 .footer-logo{width:100%;text-align:center}
.footer-part-03 .footer-logo a:hover{opacity:1}
.footer-part-03 .copyright{color: #fff;text-align:center;padding-top:11px;font-size: 1rem;}
.footer-part-03 .footer-nav-sitemap a:hover{opacity:0.8}


/*----家族信託について相談したい---*/

div.trust-com{
  background: url(./images/trust-img4.png) no-repeat left top;
  background-size: 200px auto;
  padding:0px 5px 0px 170px;
  margin:10px auto;
  min-height:140px;
  width:740px;
  }

div.trust-com p {
 display:inline-block;
 position: relative;
 padding:1em;
  border-radius:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
 background:#b1aca8;
 font-size:1.2rem;
 color:#fff;
}
div.trust-com p:after {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}
div.trust-com p:after {
 right: 100%;
 top: 15%;
 border-top:15px solid #b1aca8;
 border-left:15px solid transparent;
}

.trust-ul{
  margin-bottom:20px;
  font-size: 1.3vw;
  }
.trust-ul li{
    border-bottom:#004374 dashed 1px;
    padding:15px 10px 0px;
    width:100% !important;
    text-align:left;
  }
.trust-ul li i{
  padding-right:5px;

  }
.fa-check:before {
  content:"\f00c"
}
.fa-arrow-right:before {
  content:"\f061"
}
.fa-check-square-o:before {
  content:"\f046"
}

.table-style05{
  margin-bottom:20px;
  width:100%;
  display:table;
}

.table-style05 ul{
  display:table-row;
}
  
.table-style05 li span{
  padding-right:5px;
}
.table-style05 li{
  border-bottom:#004374 dashed 1px;
  padding:8px 1% 2px;
  text-align:left;
  display:table-cell;
  font-size: 1.3vw;
} 
.table-style05 li:nth-child(1){
  border-bottom:#004374 dashed 1px;
  width:38%;
}
.table-style05 li:nth-child(2){
  border-bottom:#004374 dashed 1px;
  width:58%;
  font-weight:bold;
}

.table-style05.rev li:nth-child(1){
  width:100%;
}
.table-style05.rev li:nth-child(2){
  text-align:right;
}
.inheritance-yaji{
  width:100px;
}

@media screen and (max-width: 768px){
  div.trust-com{
    width:100%;
    background:none;
    padding:0;
  }
  .table-style05 li{
    font-size: 4.6vw;
    padding:18px 1% 12px;
  }
  .table-style05 li:nth-child(1){
    border-bottom:#004374 dashed 1px;
    width:98%;

  }
  .table-style05 li:nth-child(2){
    display:none;
  } 
  .table-style05 li dd{
    padding-left:5%;
    font-weight:bold;
  }
  .trust-ul li{
    font-size: 4.6vw;
  }
  .tbl-about-design dt,.tbl-about-design dd {
      font-size: 3.6vw;
    }
    #footer .footer-logo img{width:100%;height:auto}
}