@charset "UTF-8";
/*
Theme Name: homeasset
Description:
Version: 1.0
*/

/*Theme Name:chatrank*/
/* リセットCSS    ========================================================================== */
::before,
::after {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
}

/* Document========================================================================== */
/*** 1. Correct the line height in all browsers.* 2. Prevent adjustments of font size after orientation changes in iOS.* 3. Remove gray overlay on links for iOS.*/
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -webkit-tap-highlight-color: transparent;
    /* 3*/
}

/* Sections========================================================================== */
/*** Remove the margin in all browsers.*/
body {
    margin: 0 auto;
    /*font-family: "Noto Sans JP";*/
    font-family: "M PLUS Rounded 1c";
    font-family: 'ヒラギノ角ゴシック','Hiragino Sans','Meiryo UI','メイリオ', Meiryo,sans-serif;
}

/*** Render the `main` element consistently in IE.*/
main {
    display: block;
}

/* Vertical rhythm========================================================================== */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
    margin: 0;
}

/* Headings========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    line-height: inherit;
    font-weight: normal;
    margin: 0;
}

/* Lists (enumeration)========================================================================== */
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Lists (definition)========================================================================== */
dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

/* Grouping content========================================================================== */
/*** 1. Add the correct box sizing in Firefox.* 2. Show the overflow in Edge and IE.*/
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
    border: 0;
    border-top: 1px solid;
    margin: 0;
    clear: both;
    color: inherit;
}

/*** 1. Correct the inheritance and scaling of font size in all browsers.* 2. Correct the odd `em` font sizing in all browsers.*/
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: inherit;
    /* 2 */
}

address {
    font-style: inherit;
}

/* Text-level semantics========================================================================== */
/*** Remove the gray background on active links in IE 10.*/
a {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}

/*** 1. Remove the bottom border in Chrome 57-* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.*/
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/*** Add the correct font weight in Chrome, Edge, and Safari.*/
b,
strong {
    font-weight: bolder;
}

/*** 1. Correct the inheritance and scaling of font size in all browsers.* 2. Correct the odd `em` font sizing in all browsers.*/
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: inherit;
    /* 2 */
}

/*** Add the correct font size in all browsers.*/
small {
    font-size: 80%;
}

/*** Prevent `sub` and `sup` elements from affecting the line height in* all browsers.*/
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content========================================================================== */
/*** Remove the border on images inside links in IE 10.*/
img {
    border-style: none;
    vertical-align: bottom;
}

embed,
object,
iframe {
    border: 0;
    vertical-align: bottom;
}

/* Forms========================================================================== */
/*** Reset form fields to make them styleable* 1. Reset radio and checkbox to preserve their look in iOS.*/
button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    outline: 0;
    border-radius: 0;
    text-align: inherit;
}

[type="checkbox"] {
    /* 1 */
    -webkit-appearance: checkbox;
    appearance: checkbox;
}

[type="radio"] {
    /* 1 */
    -webkit-appearance: radio;
    appearance: radio;
}

/*** Show the overflow in IE.* 1. Show the overflow in Edge.*/
button,
input {
    /* 1 */
    overflow: visible;
}

/*** Remove the inheritance of text transform in Edge, Firefox, and IE.* 1. Remove the inheritance of text transform in Firefox.*/
button,
select {
    /* 1 */
    text-transform: none;
}

/*** Correct the inability to style clickable types in iOS and Safari.*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
    cursor: default;
}

/*** Remove the inner border and padding in Firefox.*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/*** Restore the focus styles unset by the previous rule.*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/*** Remove padding*/
option {
    padding: 0;
}

/*** Reset to invisible*/
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

/*** 1. Correct the text wrapping in Edge and IE.* 2. Correct the color inheritance from `fieldset` elements in IE.* 3. Remove the padding so developers are not caught out when they zero out*    `fieldset` elements in all browsers.*/
legend {
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/*** Add the correct vertical alignment in Chrome, Firefox, and Opera.*/
progress {
    vertical-align: baseline;
}

/*** Remove the default vertical scrollbar in IE 10+.*/
textarea {
    overflow: auto;
}

/*** 1. Remove the padding in IE 10.*/
[type="checkbox"],
[type="radio"] {
    padding: 0;
    /* 1 */
}

/*** Correct the cursor style of increment and decrement buttons in Chrome.*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/*** 1. Correct the outline style in Safari.*/
[type="search"] {
    outline-offset: -2px;
    /* 1 */
}

/*** Remove the inner padding in Chrome and Safari on macOS.*/
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*** 1. Correct the inability to style clickable types in iOS and Safari.* 2. Change font properties to `inherit` in Safari.*/
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/*** Clickable labels*/
label[for] {
    cursor: pointer;
}

/* Interactive========================================================================== */
/** Add the correct display in Edge, IE 10+, and Firefox.*/
details {
    display: block;
}

/** Add the correct display in all browsers.*/
summary {
    display: list-item;
}

/* Table========================================================================== */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption {
    text-align: left;
}

td,
th {
    vertical-align: top;
    padding: 0;
}

th {
    text-align: left;
    font-weight: bold;
}

/* Misc========================================================================== */
/*** Add the correct display in IE 10+.*/
template {
    display: none;
}

/*** Add the correct display in IE 10.*/
[hidden] {
    display: none;
}

/*---------------------------------------------------
zenCSS
---------------------------------------------------*/
html {
    font-size: 10px;

}

@media screen and (max-width: 1400px) {
    html {
        font-size: 0.714vw;
    }
}

.wrapper {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  display: block;
}
section {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  overflow: hidden;
}

*{
  margin: 0;padding: 0;
  box-sizing: border-box;
}
.list-unstyled{
  list-style: none;
}
.d-none{
  display: none;
}
.d-flex{
  display: flex;
  justify-content: space-evenly;
}

#top-editarea{
  overflow: hidden;
}
.header-nav{
  display: flex;
  justify-content: flex-end;
}
.header-nav li > a{
  color: #000;
  font-size: 1.6rem;
  display: inline-block;
  height: 100%;
  padding: 34px 0;
  margin: 0 10px 0 20px;
}
.header-nav-wrap > a {
  display: inline-block;
  width: 140px;
  height: 100%;
  padding: 10px 0 10px 10px;
}
.header-nav-wrap > a img { 
  width: 100%;
}
.header-nav-wrap {
  display: flex;
  justify-content: space-between;
}

/*==================================================
スライダーのためのcss
===================================*/
.top-001 {
  position: relative;
}
.top-001:before {
  background-image: radial-gradient(rgba(0,0,0,0.2) 30%, transparent 31%), radial-gradient(rgba(0,0,0,0.2) 30%, transparent 31%);
  background-size: 4px 4px;
  background-position: 0 0, 0px 0px;
  background-color: rgba(0,0,0,0.3);
  content: "";
    position: absolute;
    top: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-repeat: repeat;
}
.slider {
    position:relative;
  z-index: 1;
  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
  height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
/*　背景画像設定　*/

.slider-item01 {
    background:url(https://homeasset.life/wp-content/themes/homeasset/image/home-top01sp.jpg);
}
.slider-item02 {
    background:url(https://homeasset.life/wp-content/themes/homeasset/image/home-top07sp.jpg);
}
.slider-item03 {
    background:url(https://homeasset.life/wp-content/themes/homeasset/image/home-top06sp003.jpg);
}
.slider-item04 {
    background:url(https://homeasset.life/wp-content/themes/homeasset/image/home-top08sp.jpg);
}
.slider-item05 {
    background:url(https://homeasset.life/wp-content/themes/homeasset/image/home-top05sp.jpg);
}

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:100vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

/*矢印の設定*/

.slick-prev, 
.slick-next {
    position: absolute;
  z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 25px;
    width: 25px;
    z-index: 102;
    display: none !important;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
  position: relative;
  z-index: 3;
  text-align:center;
  margin:-50px 0 0 0;/*ドットの位置*/
  display: none !important;
}

.slick-dots li {
    display:inline-block;
  margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#fff;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}


/*========= レイアウトのためのCSS ===============*/
ul{
  margin:0;
  padding: 0;
  list-style: none;
}

a{
  color: #fff;
}

a:hover,
a:active{
  text-decoration: none;
}

/*========= フィードインのためのCSS ===============*/

/*.slideConts {
  margin: 40px auto;
  -webkit-transition: 2.5s;
  -o-transition: 2.5s;
  transition: 2.5s;
}
.slideContsL {
  transform: translate(-4000px, 0);
}
.slideContsR {
  transform: translate(4000px, 0);
}
.slideContsL.show {
  transform: translate(0px, 0) !important;
}
.slideContsR.show {
  transform: translate(0px, 0) !important;
}*/

/*アニメーション要素のスタイル*/
.animation{
  opacity : 0;
  visibility: hidden;
  transition: 2s;
  transform: translateY(200px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.active{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/*************************TOP*************************/


.sp {
  display: none !important;
}
.pc {
  display: block !important;
}
.pc2 {
  display: block !important;
}

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 850px){
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  .pc2 {
    display: none !important;
  } 
}

/*section*/
.top-001 h1 {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size:6vw;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  font-size: 22px;
  z-index: 3;
}
.top-001 > h1 > img {
  width: 100%;
  margin: 0 auto 25px;
  max-width: 230px;
  display: block;
}

.wrapper{
  position: relative;
}

.container{
  background:#555;
}

.container p{
  padding: 300px 0; 
  text-align: center;
  color: #fff;
}

/*section*/
.top-002 {
  margin: -3px auto 0;
}
.top-002 p {
  background: #323441;
  font-size: 28px;
  color: #fff;
  text-align: center;
  padding: 30px 0;
  font-weight: 100;
}

/*section*/
.top-003 {
  position: relative;
  overflow: hidden;
}
.top-003 h2 {
  /*font-weight: bold;*/
  font-size: 35px;
  margin: 0 auto 24px;
  /*text-shadow: 6px 6px 0px rgb(218 218 218), 6px 6px 0px rgb(255 255 255);*/
  color: #202027;
  line-height: 1.4;
  letter-spacing: 2px;
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
.top-003 h2:before {
  font-size: 12px;
  display: inline-block;
  display: block;
  margin: 0 0 10px 6px;
}
.top-003 h2:before {
  content: "PEACE OF MIND";  
}
.top-004 h2:before {
  content: "OUR STRENGTHS";
}
.top-005 h2:before {
  content: "BUSINESS INTRODUCTION";
}
.top-003 h2 span {
  display: block;
}
.top-003 > div {
  display: flex;
  flex-wrap: wrap;
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.top-003 > div > img {
  width: 100%;
  margin: 50px auto 0;
  padding: 0 10%;
}

.top-003 > div > div {
  margin: 100px auto 0;
  width: calc(100% / 2);
}
.top-003 div div:nth-of-type(1){

}
.top-003 div div:nth-of-type(2){
  padding: 0 0 0 12px;
}
.top-003 div div img {
  width: 100%;
  padding: 0 40px 0 0;
}
.top-003 div div p {
  font-size: 18px;
  margin: 0 auto 18px;
  line-height: 1.6;
  color: #202027;
}
.top-003 div img.top-003pcimg {
  margin: 20px auto 0; 
  padding: 0;
}

/*.top-003 div div p:nth-of-type(1):before {
  content: "";
  padding: 11px 0 0;
  display: inline-block;
  width: 100%;
  background: linear-gradient(to right bottom, #dadada, #dadada);
  margin: 0 0 24px;
  border-radius: 30px 0 30px 0;
  opacity: 10;
}*/

.top-004 {
  background: #f6f6f6;
  margin: 100px auto 0;
  padding: 110px 0;
}
.top-004 > div > div {
  margin: 0 auto 0;
  width: calc(100% / 2);
}
.top-004 h2 {
  /*font-weight: bold;*/
  font-size: 36px;
  margin: 20px auto 34px;
  /*text-shadow: 4px 4px 0px rgb(218 218 218), 4px 4px 0px rgb(255 255 255);*/
  color: #202027;
  line-height: 1.4;
  letter-spacing: 2px;
}
.top-004-child_1 {
    order: 1;
}
.top-003 div div.top-004-child_2 {
    padding: 0 12px 0 0px;
}
.top-003 div div.top-004-child_1 img {
    padding: 0 0 0 30px;
}
.top-005 {
  background: #fff;
  margin: 0 auto;
  padding: 0 0;
}
.top-005 > div > div {
  margin: 100px auto 0;
  width: calc(100% / 1);
}
.top-005-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% + 36px);
  margin: 0 -18px;
}
.top-005 div div div.top-005-box div {
  /*width: calc((100% - 108px) / 2);*/
  width: calc((100% - 86px) / 2);
  /*border: 1px solid #828282;*/
  /*padding: 20px 46px 24px;*/
  padding: 60px 56px 54px;
  /*margin: 30px 18px 0;*/
  border-radius: 18px;
  background: #f6f6f6;
}
.top-005 div div div.top-005-box div:nth-of-type(1) {
  margin: 30px 18px 0 0;
}
.top-005 div div div.top-005-box div:nth-of-type(2) {
  margin: 30px 0 0 18px;
}
.top-005 div div div.top-005-box div:nth-of-type(3) {
  margin: 30px 18px 0 0;
}
.top-005 div div div.top-005-box div:nth-of-type(4) {
  margin: 30px 0 0 18px;
}
.top-005 div div div.top-005-box div img {
  width: 100%;
  padding: 0;
  margin: 10px auto 0;
}
.top-005 div div div.top-005-box div h3 {
  font-size: 24px;
}
.top-005 div div div.top-005-box div h3 span {
  font-size: 12px;
  display: block;
  border-top: 1px solid #202027;
  padding: 10px 0 0;
  margin: 8px 0 22px;
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
.top-005 div div div.top-005-box div p {
  font-size: 17px;
  padding: 0;
}
.top-005 h2 {
  margin: 20px auto 20px;
  padding: 0;
}
.top-005 div div p {
  margin: 0 auto 28px;
  font-size: 18px;
  padding: 0;
  text-align: justify;
}
footer {
  background: #323441;
  position: relative;
  margin: -3px auto 0;
}
.footer-wrapper {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0 110px;
}
.footer-wrapper div {
  width: 100%;
  margin: 0 auto;
}
.footer-wrapper div img {
  max-width: 200px;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.footer-wrapper > p {
/*  color: #fff;*/
    color: #21232e;
  font-size: 16px;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 30px;
  left: 0;
}
.footer-wrapper div p {
/*  color: #fff;*/
    color: #21232e;
  font-size: 16px;
  text-align: center;
  width: 100%;
  margin: 30px auto 0;
}
.footer-wrapper2 {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 90px 0 0; 
}
.footer-wrapper2 h2 {
  font-size: 28px;
  color: #fff;
  margin: 0 auto 20px 0;
}
.footer-wrapper2 p {
  font-size: 18px;
  color: #fff;
  margin: 0 auto 10px 0;
  font-weight: 200;
}
.footer-wrapper2 div {
  width: 100%;
  margin: 30px auto 0;
}
.footer-wrapper2 div iframe {
  width: 100%;
}
.footer-wrapper2 div.footer-wrapper2-info {
  display: flex;
}
.footer-wrapper2 div.footer-wrapper2-info div {
    margin: 0 auto 0;    
}
.footer-wrapper-0 {
  width: 100%;
/*  background: #21232e;*/
  background: #fff;
}
.footer-wrapper-00 {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0 10px;
}
.footer-wrapper-002 {
  width: calc(100% + 20px);
  margin: 30px -10px 40px;
  display: flex;
  flex-wrap: wrap;
}
.footer-wrapper-002 a {
  width: calc((100% - 60px) / 3);
  padding: 20px;
  border: 2px solid #56586a;
  font-size: 16px;
  text-align: center;
  margin: 0 10px 10px;
  background: #323441;
  color: #ffffff;
}
.footer-wrapper-002 a:hover {
  background: #2c2f3c;
}
.footer-wrapper-img {
  width: 100%;
  height: 550px;
  position: relative;
  overflow: hidden;
  margin: 110px auto 0;
  background-image: url(https://homeasset.life/wp-content/themes/homeasset/image/home-top-back.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%, 50% 50%;
  background-size: cover; 
}
.footer-wrapper-img:before {
  background-image: radial-gradient(rgba(0,0,0,0.2) 30%, transparent 31%), radial-gradient(rgba(0,0,0,0.2) 30%, transparent 31%);
  background-size: 3px 3px;
  background-position: 0 0, 0px 0px;
  background-color: rgba(0,0,0,0.3);
  content: "";
    position: absolute;
    top: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-repeat: repeat;
}
/*.footer-wrapper-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}*/
@media screen and (max-width: 1500px){
.top-003 > div {
  padding: 0 50px 0;
}
.footer-wrapper2 {
  padding: 90px 50px 20px;
}
.top-003 div div img {
  padding: 0 30px 0 0;
}
.top-003 h2 {
  font-size: 32px;
  margin: 1px auto 10px;
}
.top-003 h2 span {
  display: inline;
}
.top-003 div div p {
  font-size: 17px;
}
.top-005 div div div.top-005-box div {
  width: calc((100% - 68px) / 2);
  margin: 0 13px 25px;
  padding: 20px 32px 24px;
}
.top-005 div div div.top-005-box div:nth-of-type(1) {
  margin: 10px 13px 25px;
}
.top-005 div div div.top-005-box div:nth-of-type(2) {
  margin: 10px 13px 25px; 
}
.top-005 div div div.top-005-box div:nth-of-type(3) {
  margin: 10px 13px 25px;
}
.top-005 div div div.top-005-box div:nth-of-type(4) {
  margin: 10px 13px 25px; 
}
.footer-wrapper-00 {
  padding: 10px 50px 10px;
}
.footer-wrapper-002 {
  margin: 10px -10px 40px;
}
}
@media screen and (max-width: 1200px){
.top-002 p {
  font-size: 22px;
}
.top-003 div div img {
  padding: 0 20px 0 0;
}
.top-003 h2 {
  font-size: 28px;
  margin: 0 auto 14px;
}
.top-003 div div p {
  font-size: 14px;
}
.top-004 {
  margin: 50px auto 0;
  padding: 60px 0;
}
.top-005 div div div.top-005-box div h3 {
  font-size: 22px;
}
.top-005 div div div.top-005-box div h3 span {
  padding: 12px 0 0;
  margin: 11px 0 18px;
}
.top-005 div div div.top-005-box div p {
    font-size: 16px;
}
.top-005 {
  margin: 20px auto 0;
  padding: 0 0;
}
.top-005 > div > div {
    margin: 60px auto 0;
}
}
@media screen and (max-width: 1000px){
.top-001 h1 {
  font-size: 19px;
  line-height: 1.3;
}
.top-001 > h1 > img {
  max-width: 230px;
}
.top-002 p {
    font-size: 20px;
}
.top-003 h2 {
  font-size: 30px;
  margin: 0 auto 11px;
  /*text-shadow: 4px 4px 0px rgb(218 218 218), 4px 4px 0px rgb(255 255 255);*/
}
.top-003 h2 span {
  display: inline-block;
}
.top-003 div div p {
  font-size: 17px;
  margin: 0 auto 12px;
}
.top-003 div div p:nth-of-type(2) {
  font-size: 16px;
  margin: 20px auto 12px;
}
.top-003 > div > img {
  margin: 30px auto 0;
}
.top-003 > div > div {
  margin: 70px auto 0;
  width: calc(100% / 1);
}
.top-003 > div > img {
  margin: 50px auto 0;
  padding: 0 0;
}
.top-004 {
  margin: 50px auto 0;
  padding: 20px 0 100px;
}
.top-005 {
  margin: 20px auto 0;
  padding: 0px 0 0px;
}
.top-005 div div div.top-005-box div {
  width: calc((100% - 68px) / 2);
  margin: 0 13px 25px;
  padding: 20px 32px 24px;
}
.top-005-box {
  width: calc(100% + 26px);
  margin: 15px -13px 0;
}
.top-005 div div div.top-005-box div h3 {
  font-size: 20px
}
.top-005 div div div.top-005-box div h3 span {
  font-size: 12px;
}
.footer-wrapper2 {
  padding: 70px 50px 0;
}
.footer-wrapper2 h2 {
  font-size: 28px;
}
.footer-wrapper2 p {
  font-size: 16px;
  margin: 0 auto 7px 0;
}
.footer-wrapper div img {
  max-width: 150px;
}
.footer-wrapper div p {
  font-size: 14px;
  margin: 20px auto 0;
}
.footer-wrapper {
  padding: 60px 0 110px;
}
.footer-wrapper-img {
  height: 400px;
}
.footer-wrapper-002 a {
  font-size: 14px;
  padding: 14px 0;
}
}
@media screen and (max-width: 850px){
.top-001 h1 {
  font-size: 14px;
}
.top-001 h1 {
  font-size: 18px;
}
.top-005 div div div.top-005-box div {
  width: calc((100% - 52px) / 2);
  margin: 0 13px 25px;
}
.top-003 > div > img {
  margin: 20px auto 0;
}
.top-003 div img.top-003spimg {
  margin: 20px auto 16px; 
  padding: 0 4px 0 10px;
}
.top-002 p {
  font-size: 18px;
}
.top-003 > div {
  padding: 0 30px 0;
}
.top-003 > div > div {
  margin: 60px auto 0;
}
.top-003 h2 {
  font-size: 24px;
  margin: 0 auto 8px;
}
.top-003 div div p {
  font-size: 16px;
  line-height: 1.4;
}
.top-003 div div img {
  padding: 0;
}
.top-004 {
  padding: 0px 0 50px;
}
.top-003 > div > div {
  margin: 30px auto 0;
}
.top-005 div div div.top-005-box div {
  width: calc((100% - 38px) / 1);
  padding: 40px 32px 44px;
}
.top-005 div div div.top-005-box div:nth-of-type(1) {
  margin: 30px 13px 25px;
}
.top-005 div div div.top-005-box div:nth-of-type(2) {
  margin: 10px 13px 25px;
}
.top-005 div div div.top-005-box div:nth-of-type(3) {
  margin: 30px 13px 25px;
}
.top-005 div div div.top-005-box div:nth-of-type(4) {
  margin: 10px 13px 25px;
}
.top-005 div div div.top-005-box div p {
  font-size: 14px;
}
.footer-wrapper-img {
  margin: 0 auto 0;
}
.footer-wrapper-002 a {
  font-size: 10px;
}
.footer-wrapper div p {
  line-height: 1.6;
}
.footer-wrapper-00sp {
  width: 100%;
}
.footer-wrapper-002sp {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
}
.footer-wrapper-002sp a {
  display: inline-block;
  width: calc(100% / 2);
  border-top: 2px solid #e8e6e3;
  display: block;
  padding: 18px 10px;
  font-size: 13px;
  color: #21232e;
  text-align: center;
}
.footer-wrapper-002sp a:nth-of-type(even) {
  border-left: 2px solid #e8e6e3;
}
.footer-wrapper2 {
  padding: 70px 50px 40px;
}
.footer-wrapper2 div.footer-wrapper2-info {
  display: inline-block;
}
.footer-wrapper2 div.footer-wrapper2-info div:nth-of-type(2) {
    margin: 30px auto 0;    
}
}
@media screen and (max-width: 600px){
.top-001:before {
  background-image: radial-gradient(rgba(0,0,0,0.2) 30%, transparent 31%), radial-gradient(rgba(0,0,0,0.2) 30%, transparent 31%);
  background-size: 2px 2px;
  background-position: 0 0, 0px 0px;
}
.footer-wrapper-img:before {
  background-image: radial-gradient(rgba(0,0,0,0.2) 30%, transparent 31%), radial-gradient(rgba(0,0,0,0.2) 30%, transparent 31%);
  background-size: 1px 1px;
  background-position: 0 0, 0px 0px;
}
.top-001 h1 {
  width: 100%;
  font-size: 14px;
  top: 48%;
  line-height: 1.5;
}
.top-001 > h1 > img {
  width: 36%;
  margin: 0 auto 18px;
}
.top-002 p {
  font-size: 12px;
  padding: 12px 0;
}
.top-003 > div {
  padding: 0 10px 0;
}
.top-003 div div p {
  font-size: 14px;
  line-height: 1.4;
}
.top-003 div div p:nth-of-type(2) {
  font-size: 14px;
  margin: 16px auto 12px;
}
.top-003 h2:before {
  margin: 0 0 10px 0px;
}
.top-003 div img.top-003spimg {
  margin: 14px auto 10px; 
}
.top-005-box {
  width: calc(100% + 20px);
  margin: 25px -10px 0;
  padding: 0 5px;
}
.top-005 div div div.top-005-box div h3 {
  font-size: 18px;
}
.top-005 div div div.top-005-box div {
  width: calc((100% - 20px) / 1);
  margin: 0 5px 10px;
  padding: 32px 18px 30px;
  border-radius: 0;
}
.top-005 div div div.top-005-box div:nth-of-type(1) {
  margin: 10px 0px 10px;
}
.top-005 div div div.top-005-box div:nth-of-type(2) {
  margin: 10px 0px 10px;
}
.top-005 div div div.top-005-box div:nth-of-type(3) {
  margin: 10px 0px 10px;
}
.top-005 div div div.top-005-box div:nth-of-type(4) {
  margin: 10px 0px 10px;
}
.top-005 h2 {
  padding: 0 12px;
}
.top-005 div div p {
  padding: 0 10px;
}
.top-005 div div img {
  padding: 0 10px;
}
.top-005 div div div.top-005-box div p {
  font-size: 13px;
}
.top-005 div div div.top-005-box div h3 span {
  /*font-family: 'ヒラギノ角ゴシック','Hiragino Sans','Meiryo UI','メイリオ', Meiryo,sans-serif;*/
  font-size: 10px;
  margin: 7px 0 11px;
  padding: 7px 0 0;
}
.top-005 div div div.top-005-box div h3 {
  font-size: 16px;
}
.footer-wrapper-img {
  height: 100px;
}
.footer-wrapper2 {
  padding: 60px 20px 40px;
}
.footer-wrapper2 h2 {
  font-size: 18px;
  margin: 0 auto 15px 0;
}
.footer-wrapper2 p {
  font-size: 12px;
  margin: 0 auto 5px 0;
  line-height: 1.4;
}
.footer-wrapper2 div {
  margin: 20px auto 0;
}
.footer-wrapper2 div iframe {
  width: 100%;
  height: 200px;
}
.footer-wrapper2 div.footer-wrapper2-info {
    display: inline-block;
}
.footer-wrapper2 div.footer-wrapper2-info div {
    width: 100%;
}
/*アニメーション要素のスタイル*/
.animation{
  transition: 2s;
  transform: translateY(40px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.active{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
footer {
  background-image: url(https://homeasset.life/wp-content/themes/homeasset/image/home-spb09.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%, 50% 50%;
  background-size: cover;
}

.footer-wrapper div img {
  max-width: 100px;
}
.footer-wrapper div p {
  font-size: 10px;
  margin: 20px auto 0;
}
.footer-wrapper > p {
    font-size: 12px;
    bottom: 47px;
}
}

/******TOp以外******/
.header-wrapper{
  background: #323441;
}
.header-wrapper img {
  max-width: 200px;
  text-align: center;
  display: block;
  margin: 0 auto;
  padding: 18px 0;
}
.header-wrapper a {
  display: block;
}

/******プラポリ******/
.pre-001,.contact-01,.company-01 {
  width: 100%;
  margin: 0 auto;
}
.pre-001 > div,.contact-01 > div,.company-01 > div {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 140px 0 0;
}
.pre-001 > div > h2,.contact-01 > div > h2,.company-01 > div > h2 {
  font-size: 32px;
  text-align: center;
  margin: 0 auto 80px;
}
.pre-001 > div > h2 span,.contact-01 > div > h2 span,.company-01 > div > h2 span {
  display: block;
  font-size: 16px;
  margin: 14px auto 0;
}
.pre-001 > div > p {
  font-size: 18px;
  padding: 40px 0 90px;
  line-height: 1.6;
}
.pre-001 > div > div {
  width: 100%;
  margin: 0 auto 70px;
  border-bottom: 1px solid #c9c9c9;
  padding: 0 0 70px;
}
.pre-001 > div > div:last-child {
  border-bottom: 0px solid #c9c9c9;
}
.pre-001 > div > div h3 {
  width: 100%;
  font-size: 20px;
  margin: 0 auto 10px;
}
.pre-001 > div > div p {
  width: 100%;
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (max-width: 1500px){
.pre-001 > div,.contact-01 > div,.company-01 > div {
  padding: 140px 50px 0;
  }
}
@media screen and (max-width: 600px){
.header-wrapper img {
  max-width: 130px;
  padding: 10px 0 12px;
}
.pre-001 > div > h2,.contact-01 > div > h2,.company-01 > div > h2 {
    font-size: 24px;
    margin: 0 auto;
}
.pre-001 > div,.contact-01 > div,.company-01 > div {
  padding: 60px 20px 0;
}
.pre-001 > div > p {
  font-size: 13px;
  padding: 40px 0 60px;
}
.pre-001 > div > h2 span {
  font-size: 10px;
  margin: 8px auto 0;
}
.pre-001 > div > h2 span,.contact-01 > div > h2 span,.company-01 > div > h2 span {
  font-size: 10px;
  margin: 8px auto 0;
}
.pre-001 > div > div h3 {
  font-size: 16px;
  margin: 0 auto 10px;
}
.pre-001 > div > div p {
  font-size: 13px;
  line-height: 1.6;
}
.pre-001 > div > div {
  margin: 0 auto 40px;
  padding: 0 0 40px;
}
}
/******会社概要******/

.kaisha {
  width: 100%;
  margin: 60px auto;
}
.kaisha tbody {
  width: 100%;
  padding: 0 0%;
  display: inline-block;
  margin: 0 auto;
}
.kaisha tbody tr {
  width: 100%;
  display: inline-table;
  margin: 0 auto;
}
.kaisha th,
.kaisha td {
  border: 1px solid #e3e3e3;
  padding: 20px;
  font-size: 16px;
  line-height: 1.6;
}
.kaisha td span {
  display: block;
}

.kaisha th {
  background-color: #f6f6f6;
  font-size: 16px;
  font-weight: 300;
  width: calc(100% / 10 * 2.6);
}
.company-01 div iframe {
  width: 100%;
}
@media screen and (max-width: 1500px) {
.kaisha tbody {
  padding: 0;
}
}
@media screen and (max-width: 1000px) {
.kaisha tbody {
  padding: 0;
}
}
@media screen and (max-width: 850px) {
.kaisha th {
  width: calc(100% / 10 * 4);
}
}
@media screen and (max-width: 600px) {
.kaisha {
  margin: 60px auto 30px;
}
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;}
.kaisha th {
  width:auto;
  padding: 10px 20px;
  font-size: 14px;
}
.kaisha th {
  background-color: #f6f6f6;
  font-size: 14px;
  font-weight: 300;
}
.kaisha td {
  font-size: 14px;
}
.company-01 div iframe {
  height: 300px;
  margin: 0 auto 40px;
}
}

/******お問い合わせ******/
/*固定ページ contact*/
.contact-01 {
  width: 100%;
  display: inline-block;
  margin: 30px auto 80px;
}
.contact-01 > div > div {
  margin: 80px auto 0;
}
.contact-01 > div p {
  margin: 0rem auto 0rem;
  display: block;
  width: 100%;
  font-size: 18px;
  color: #525252;
  text-align: left;
  line-height: 1.8;
}
.contact-01 > div p label {
  display: inline-block;
  width: 100%;
  margin: 0 auto 30px;
}
.contact-01 > div p span {
  font-size: 0.4rem;
  margin: 0 0 0 10px;
}
.contact-01 > div p .wpcf7-form-control-wrap {
  margin: 0rem auto 0rem;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  color: #525252;
  text-align: left;
  line-height: 1.8;
}
.contact-01 > div p .wpcf7-form-control-wrap input,.contact-01 > div p .wpcf7-form-control-wrap textarea {
  border: 1px solid #d6d6d6;
  padding: 1.6rem 1rem 1.6rem 1rem;
  width: 100%;
  box-sizing: border-box;
  color: #696969;
  font-size: 1.4rem;
  color: #e0e0e0;
}
.contact-01 > div p .conbtn {
  text-decoration: none;
  color: #828282;
  background: #f7f6f5;
  /* border: 1px solid #cfcfcf; */
  padding: 1rem 5.5rem;
  /* border-radius: 0.8rem; */
  /* box-shadow: 0.1rem 0.1rem 0.1rem #c1c1c1; */
  font-size: 1.8rem;
  width: 40%;
  margin: 4rem auto 0;
  text-align: center;
  display: block;
}
button, [type="button"], [type="reset"], [type="submit"] {
  background: #ebebeb;
  padding: 10px 100px;
}
@media screen and (max-width: 600px) {
/*固定ページ contact*/
.contact-01 {
  padding: 0 4%;
  margin: 0px auto 10px;
}
.contact-01 > div p label {
  margin: 10px auto 20px;
}
.contact-01 > div p {
  font-size: 14px;
}
.contact-01 > div p span {
  font-size: 10px;
}
.contact-01 > div p .wpcf7-form-control-wrap input, .contact-01 > div p .wpcf7-form-control-wrap textarea {
   padding: 8px 3rem;
  font-size: 4rem;
}
.contact-01 > div p .conbtn {
  padding: 5rem 0rem;
  font-size: 4.8rem;
  width: 70%;
}
.contact-01 > div > div {
  margin: 50px auto 30px;
}
button, [type="button"], [type="reset"], [type="submit"] {
  width: 100%;
  text-align: center;
}
}
/*スマホ縦*/
@media screen and (max-width: 600px) {
.slider,
  .slider-item {
    height: 100dvh; /* SafariやChromeの動的UIバーに対応 */
    height: 100svh; /* Safe Viewport Height */
  }
}


/******生損保代理店業務******/

.business-001 > div {
    border-bottom: 1px solid #dfdfdf;
}
.business-001 > div > h3 {
    font-size: 18px;
    margin: 108px auto 20px;
    display: block;
    font-weight: bold;
}
.business-001 > div > h3 span {
    display: block;
    font-size: 12px;
    margin: 10px auto 10px;
    font-weight: normal;
}
.pre-001 > div > div p.business-001-info {
    margin: 10px auto 0;
}
.business-001 > div > div h3 {
    width: 100%;
    font-size: 20px;
    margin: 0 auto 10px;
    border: 1px solid #dfdfdf;
    padding: 10px;
    background: #efefef;
    line-height: 1.3;
}
.business-001 > div > div {
    width: 100%;
    margin: 0 auto 70px;
    border-bottom: 0px solid #c9c9c9;
    padding: 0 0 0px;
}
.business-001 > div.business-001-div {
    border-bottom: 1px solid #dfdfdf;
    padding: 0;
    margin: -40px auto 0;
}
.business-001 > div > div p.business-001-info a {
    text-decoration: underline;
    box-shadow: var(--review-shadow);
    color: #0066c0;
    display: inline-block;
    margin: 0 auto;
}
.business-001 > div > div p a {
    text-decoration: underline;
    box-shadow: var(--review-shadow);
    color: #0066c0;
    display: block;
    margin: 10px auto 0;
}
.business-001 > div > p {
    font-size: 18px;
    padding: 0px 0 30px;
    line-height: 1.6;
}
.business-001 > div.business-001-div-last {
    border: 0px solid #dfdfdf;
}
@media screen and (max-width: 1500px) {
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 850px) {
}
@media screen and (max-width: 600px) {
.business-001 > div > p {
    font-size: 13px;
    padding: 0px 0 30px;
    line-height: 1.6;
}
.business-001 > div > h3 {
    font-size: 15px;
    margin: 48px auto 20px;
}
.business-001 > div > div h3 {
    font-size: 16px;
}
.business-001 > div > div {
    margin: 0 auto 40px;
}
.business-001 > div.business-001-div {
    padding: 0 20px 0;
}
.pre-001 > div > div p.business-001-info {
    margin: 20px auto 0;
}
}