@charset "utf-8";
/*!
Theme Name: ihin_lp2025
Theme URI: 
Author: 日本WEBライティング協会
Author URI: 
Description: 遺品整理サイトLP
Version: 2.0.2
License: GNU General Public License v2 or later
*/
/*!
* MegaOne v1.0.0
* Copyright 2019-2020 Themes Industry
*/
@media screen and (min-width:1000px){.pcnone{display: none}.container-padding {padding-left: 4.25rem!important;padding-right: 4.25rem!important;}iframe{border:0;width:100%;max-width:100%;vertical-align:bottom;height:60vh}}
@media screen and (max-width:999px){.container-padding {padding-left: 2.5rem!important;padding-right: 2.5rem!important;}}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";font-size: 18px}
.rtl{text-align:right}a{text-decoration:underline;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
p, a, dl, li, dt, dd, span, strong, b, h1, h2, h3, h4, h5, h6, address, bloque{font-family: "M PLUS 1p";transform: rotate(-0.05deg)}
a{color: #3d5a80;text-decoration: none}
a:focus,button:focus,input:focus{outline:0;color:inherit;text-decoration:none}
a:active,a:hover{color: #A63F35;text-decoration:none}
a,h1,h2,h3,h4,h5,h6,p,span{overflow-wrap:break-word}
b,strong{font-weight:900;color: #a62317}

img{max-width: 100%;height:auto}
.imgcenter{margin-left: auto;margin-right: auto;display: block}
table{margin-bottom:25px}
td,th{border-bottom:1px solid #dedede;padding:10px}

dd{-webkit-margin-start:40px;margin-inline-start:40px}
address{margin:0 0 25px}
video{background-size:cover;display:table-cell;vertical-align:middle;width:100%}
iframe{border:0;width:100%;max-width:100%;vertical-align:bottom;}p{margin:0 0 25px}
blockquote:empty,p:empty{display:none}
p:last-child{margin-bottom:0}
input,select,textarea{color:inherit;font:inherit;border:1px solid #dedede;font-size:14px;padding:8px 15px;margin:0 0 20px 0;max-width:100%;resize:none}
:focus{outline:0}
dl,ol,ul{list-style-position:inside;padding:0;margin:0 0 25px}
ol ol,ol ul,ul ol,ul ul{margin-left:15px}
table>thead>tr>th{font-weight:400}
pre{border-radius:0;border:1px solid rgba(0,0,0,.1);background-color:#f7f7f7;padding:15px}

.btn.focus,.btn:focus,input.focus[type=submit]{-webkit-box-shadow:none;box-shadow:none}
.btn.focus,.btn:focus,.wpcf7 input:focus[type=submit],input.focus[type=submit]{-webkit-box-shadow:none;box-shadow:none}

.morphext>.animated{display:inline-block}.no-transition *{transition-timing-function:initial;-moz-transition-timing-function:initial;-webkit-transition-timing-function:initial;-o-transition-timing-function:initial;-ms-transition-timing-function:initial;transition-duration:0s;-moz-transition-duration:0s;-webkit-transition-duration:0s;-o-transition-duration:0s;-ms-transition-duration:0s}
/* transition none */
.no-transition *{transition-timing-function:initial; -moz-transition-timing-function:initial; -webkit-transition-timing-function:initial; -o-transition-timing-function:initial; -ms-transition-timing-function:initial; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s;}

/* ===================================
        Header
======================================*/
/*upper-nav*/
/*html{*/
/*    scroll-behavior: smooth;*/
/*}*/
.center-block {display: -webkit-box;display: -webkit-flex;
display: -moz-box;display: -ms-flexbox;display: flex;
-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;
justify-content: center;-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* ===================================
        Preloader
====================================== */

.loader {height: 100%;width: 100%;position: fixed;overflow: hidden;z-index: 11111111;background: #FFFFFF;}
.loader-spinner {position: relative;height: 100px;width: 100px;
border: 4px solid transparent;border-top-color: #3d5a80;border-left-color: #3d5a80;border-radius: 50%;
-webkit-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite;}
.loader-spinner::before {position: absolute;top: 20px;left: 20px;right: 20px;bottom: 20px;content: "";
border: 4px solid transparent;border-top-color: #3d5a80;border-left-color: #3d5a80;border-radius: 50%;
-webkit-animation: spinBack 1s linear infinite;animation: spinBack 1s linear infinite;}
.loader-spinner::after {position: absolute;top: 10px;left: 10px;right: 10px;bottom: 10px;content: "";
border: 4px solid transparent;border-top-color: #8c7961;border-left-color: #8c7961;border-radius: 50%;
-webkit-animation: spinBack 1s linear infinite;animation: spin 1s linear infinite;}


@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@-webkit-keyframes spinBack {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-720deg);
        transform: rotate(-720deg);
    }
}

@keyframes spinBack {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-720deg);
        transform: rotate(-720deg);
    }
}
/* ---- Loader ends ---- */
/* ===================================
   Banner Section
====================================== */
.slider-area{height: 110vh;}
.slider-area .content-margin {margin-bottom: 300px;}
.slider-image {position: relative;bottom:220px;}
.slider-image img {width: 100%;position: relative;}
.slider-area{align-items: center;display: flex;position: relative;}

/*コンテンツ用*/
.slider-area2{height: 100vh;}
.slider-area2 .content-margin {margin-bottom: -250px;}
.slider-area2 .slider-image {position: relative;top:340px;}
.slider-area2 .slider-image img {width: 100%;position: relative;}

@media screen and (max-width:1000px){.slider-image img {width: 70%!important;margin: 0 auto;display: block;}}

.area-heading p{font-weight: normal;font-size: 20px;line-height: 1.5;}
.author-skills .small-heading {font-size: 24px;font-weight: bold;margin: 6px 0 18px 0;}
.author-skills .small-text {font-size: 18px;font-weight: 300;line-height: 1.4;}

.about-media a:hover{text-decoration: none;color: #fff;}
.about-media {position: relative;overflow: hidden;
vertical-align: bottom;transition: color .3s ease-out;z-index: 0;
padding-top:10px;padding-bottom:10px;font-size: 1.2em;font-weight: 900}
.about-media::before {content: "";position: absolute;z-index: -1;top: 0;left: 0;
transform: translateY(calc(100% - 0px));width: 100%;height: 100%;background: #202020;transition: transform .25s ease-out;}
.about-media:hover::before {transform: translateY(0);transition: transform .25s ease-out;}

.author-skills {position: absolute;bottom: 0;width: 100%;}
.author-skills .container {max-width: 1290px;}
.author-skills a{color: #fff}

/* ===================================
      About Section
====================================== */

.img-sec{
    position: relative;
    padding-right: 50px;
    padding-bottom: 50px;
}

.about_img {
    padding: 2%;
    background-color: #f6f6f6;
    position: relative;
}

.about_img img{
    height: 100%;
    width: 100%;
}

.red_rectangle{position: absolute;width: 90%;height:350px;top: 18%;left: 54%;transform: translateX(-50%);background-color: #98c1d9;}
.text-small{font-size: 20px;}
h2.heading{font-size: 38px;font-weight: bold;display: inline-block;}
@media screen and (min-width:1000px){
h2.heading:after{
    content: "";
    display: inline-block;
    height: 1px;
    width: 50px;
    background-color: #3d5a80;
    margin-bottom: 16px;
    margin-left: 20px;
}
h2.heading:before{
    content: "";
    display: inline-block;
    height: 1px;
    width: 50px;
    background-color: #3d5a80;
    margin-bottom: 16px;
    margin-right: 20px;
}

}



.info {font-size: 18px;font-weight: 300;color: #ffffff;line-height: 1.4;opacity: .6;}
.margin_heading{ margin: 50px 0;}

#movie{overflow: hidden}
.video-play-button {
    height: 70px;
    width: 70px;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-border-radius: 50px;
    border: 3px solid #3d5a80;
    border-radius: 50px;
    line-height: 77px;
    text-align: center;
    color: #ffffff;
    background: #3d5a80;
    -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255);
    box-shadow: 0 0 0 0 rgb(255, 255, 255);
    z-index: 1;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.video-play-button:hover {
    -o-animation: ripple 1.3s infinite;
    -webkit-animation: ripple 1.3s infinite;
    animation: ripple 1.3s infinite;
}

.video-play-button.slider-play-button {
    margin: 10px;
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    -o-transform: translate(0%,0%);
    transform: translate(0%,0%);
}

.video-play-button i {
    font-size: 30px;
}
.video-play-button img{width: 40px; height: 40px;vertical-align: text-bottom;}

@-webkit-keyframes ripple {
    70% {

        -webkit-box-shadow: 0 0 0 20px rgba(0, 159, 153, 0);
        box-shadow: 0 0 0 20px rgba(0, 159, 153, 0);
    }
    to {

        -webkit-box-shadow: 0 0 0 0 rgba(0, 159, 153, 0);
        box-shadow: 0 0 0 0 rgba(0, 159, 153, 0);
    }
}

@keyframes ripple {
    70% {

        -webkit-box-shadow: 0 0 0 20px rgba(0, 159, 153, 0);
        box-shadow: 0 0 0 20px rgba(0, 159, 153, 0);
    }
    to {

        -webkit-box-shadow: 0 0 0 0 rgba(0, 159, 153, 0);
        box-shadow: 0 0 0 0 rgba(0, 159, 153, 0);
    }
}


/* ===================================
     UI-Block-06
==================================== */
.ui-block-06.footer.bgprimary {background: #3d5a80;}
.ui-block-06.footer.padding_top {padding-top: 7.5rem;}
.ui-block-06.footer .bottom20 {margin-bottom: 20px;}
.ui-block-06.footer .padding_bottom_half {padding-bottom: 3.75rem;}
.ui-block-06.footer h3 {font-size: 1.5rem;}
.ui-block-06.footer .whitecolor {color: #ffffff;}
.ui-block-06.footer .defaultcolor {color: #ffb902;}
.ui-block-06.footer .bottom25 {
    margin-bottom: 25px;
}

.ui-block-06.footer .footer_logo {
    width: 140px;
}

.ui-block-06.footer .footer_logo,
.ui-block-06.footer .footer_logo>img,
.ui-block-06.footer.readmorebtn,
.ui-block-06.footer ul.links li a,
.ui-block-06.footer ul.links li a::before,
.ui-block-06.footer ul.hours_links li>span {
    display: inline-block;
}

.ui-block-06.footer ul.latest_news li,
.ui-block-06.footer ul.latest_news li a,
.ui-block-06.footer ul.hours_links li {
    display: block;
}

.ui-block-06.footer ul.hours_links li,
.ui-block-06.footer ul.links li a,
.ui-block-06.footer ul.hours_links li>span {
    position: relative;
}

.ui-block-06.footer .footer_logo>img {
    width: 100%;
}

.ui-block-06.footer .address-item>span {
    width: 30px;
    font-size: 30px;
}

.ui-block-06.footer ul.links li a {
    color: #ffffff;
    margin-bottom: 10px;
}

.ui-block-06.footer ul.links li a::before {
    color: #fff;
    margin-right: 10px;
    content: "▲";
    transform: rotate(90deg);
    vertical-align: baseline;
}

.ui-block-06.footer .bg-light-dark ul.links li a::before {
    color: #7596a8;
}

.ui-block-06.footer ul.latest_news li {
    padding-bottom: 15px;
    border-bottom: 1px solid #ffffff26;
    margin-bottom: 15px;
}

.ui-block-06.footer footer p,
.ui-block-06.footer ul.latest_news li .date {
    font-size: 13px;
}

.ui-block-06.footer ul.hours_links li:first-child {
    padding-top: 0;
}

.ui-block-06.footer ul.hours_links li {
    padding: 8px 0;
    z-index: 1;
}



.ui-block-06.footer ul.hours_links li:first-child::before {
    top: 45%;
}

.ui-block-06.footer ul.hours_links li::before,
.ui-block-06.footer ul.hours_links li span:last-child {
    position: absolute;
}

.ui-block-06.footer ul.hours_links li>span {
    z-index: 1;
    padding-right: 5px;
    background-color: #026cb8;
}

.ui-block-06.footer .bgdark ul.hours_links li>span {
    background: #26313c;
}

.ui-block-06.footer .bg-light-dark ul.hours_links li>span {
    background: #556772;
}

.ui-block-06.footer ul.hours_links li span:last-child {
    right: 0;
    padding-left: 5px;
}

.ui-block-06.footer ul.links li a:hover,
.ui-block-06.footer ul.links li a:focus,
.ui-block-06.footer ul.latest_news li a:hover,
.ui-block-06.footer ul.latest_news li a:focus,
.ui-block-06.footer .footer_panel p>a:hover,
.ui-block-06.footer .readmorebtn:hover,
.ui-block-06.footer .readmorebtn:focus {
    color: #d9a9a8;
}

.ui-block-06.footer ul.latest_news li span.defaultcolor {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.ui-block-06.footer ul.latest_news li a:hover+span.defaultcolor,
.ui-block-06.footer ul.latest_news li a:focus+span.defaultcolor {
    color: #fff !important;
}

.ui-block-06.footer ul.social-icons-simple li, .ui-block-06.footer ul.social-icons li {
    display: inline-block;
}

.ui-block-06.footer a, a:hover, a:focus {
    outline: none;
    text-decoration: none;
    color: inherit;
}

.ui-block-06.footer .footer_panel ul {
    list-style: none;
}

.ui-block-06.footer a, *::before, *::after{
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ui-block-06.footer ul.hours_links li::before{
    content: "";
}

.ui-block-06.footer ul.hours_links li::before {
    height: 1px;
    width: 100%;
    border-bottom: 1px dashed #fff;
    top: 56%;
    margin-top: -2px;
}

.ui-block-06.footer ul.hours_links li::before, ul.hours_links li span:last-child {
    position: absolute;
}

.ui-block-06.footer ul.hours_links li:first-child::before {
    top: 45%;
}

.ui-block-06.footer .social-icons-simple {
    margin-top: -3px;
}

.ui-block-06.footerul.social-icons-simple li,
.ui-block-06.footer ul.social-icons li {
    display: inline-block;
}

.ui-block-06.footer ul.social-icons li a,
.ui-block-06.footer ul.social-icons-simple li a {
    height: 30px;
    line-height: 30px;
    width: 30px;
    font-size: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 1px;
    text-align: center;
    display: block;
    color: #ffb902;
    position: relative;
    z-index: 1;
    border: 1px solid #ffb902;
}
.ui-block-06.footer ul.social-icons.white li a, ul.social-icons-simple.white li a{
    border-color: #ffffff50;
}
.ui-block-06.footer ul.no-border.social-icons li a,
.ui-block-06.footer ul.no-border.social-icons-simple li a {
    border-color: transparent !important;
}

.ui-block-06.footer ul.social-icons-simple li a {
    border: none;
}

.ui-block-06.footer ul.social-icons.whitebg li a {
    background: #fff;
}

.ui-block-06.footer ul.social-icons li:last-child a {
    margin-right: 0;
}

.ui-block-06.footer ul.social-icons li:first-child a {
    margin-left: 0;
}

.ui-block-06.footer ul.social-icons.white li a,
.ui-block-06.footer ul.social-icons-simple.white li a,
.ui-block-06.footer ul.social-icons li a:hover,
.ui-block-06.footer ul.social-icons li a:focus,
.ui-block-06.footer ul.social-icons.white li a:hover,
.ui-block-06.footer ul.social-icons.white li a:focus {
    color: #fff;
}
@media (max-width: 1024px){
    .ui-block-06.footer  h3 {
        font-size: 1.375rem;
    }
}

@media (max-width: 767px){
    .ui-block-06.footer .padding_bottom_half {
        padding-bottom: 0.5rem;
    }
}

section{padding: 7.5rem 0;}
