@charset 'utf-8';
/*
 * name:corporate.css
 * author:sovanda nulo
*/

/* corporate
------------------------------------------------ */

#main { padding-bottom: 20em; }

    @media screen and (min-width: 768px) {
        #breadcrumb { padding-bottom: 10em; }
    }

    @media screen and (max-width: 768px) {
        #main { padding-bottom: 0; }
        .section--links { margin: 0 -2.5em; padding: 4em 2.5em; background-image: url(../../img/business/bg-links.jpg); background-repeat: no-repeat; background-position: right bottom; background-size: 37.5em; }
        .section--link li:not(:last-child) { margin-bottom: 1.5em }
    }

/* corporate section */
#corporate {  }

    @media only screen and (min-width: 768px) {
        #corporate .wrap { padding: 0 9em 13em; background: #fff; border-bottom-right-radius: .5em; border-bottom-left-radius: .5em; box-shadow: 0 0 40px rgba(102, 102, 102, .16); }
    }

.corporate__list { display: block; position: relative; }
.corporate__list:not(:last-child) { margin-bottom: 8em; }
.corporate__list--pic { display: block; position: relative; overflow: hidden; border-radius: .5em; }
.corporate__list--desc { width: 38.33%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.corporate__list--title { font-size: 4.8em; font-weight: normal; line-height: 1.3; color: #CC1A2C; margin-bottom: .33em; }
.corporate__list--links { display: block; position: relative; }
.corporate__list--links li { display: block; position: relative; margin: 0; }
.corporate__list--links li:not(:last-child) { margin-bottom: 1.2em; }
.corporate__list--links li a { display: inline-block; }
.corporate__list--links li a:after { content: ''; display: inline-block; vertical-align: -.2em; width: 2em; height: 2em; margin-left: .3em; background: url(../../img/share/arrow-link.svg) no-repeat; background-size: 100% 100%; }
.corporate__list--links li span { font-size: 2.2em; font-weight: bold; line-height: 1.38; display: inline-block; }

    @media screen and (min-width: 768px) {
        .corporate__list--title.t-small { font-size: 4em; line-height: 1.56; }
        .corporate__list--links li a:hover { color: #CC1A2C; }
    }
    @media screen and (max-width: 768px) {
        .corporate__list { margin: 0 -2.5em; background: #fff; }
        .corporate__list:not(:last-child) { margin-bottom: 5.6em; }
        .corporate__list:last-child { padding-bottom: 5.6em; }
        .corporate__list--pic { border-radius: 0; z-index: 0; }
        .corporate__list--pic:before { content: ''; display: block; width: 12.5em; height: 20.4em; position: absolute; left: 0; top: 0; background: url(../../img/top/crop-top-what_sp.png) no-repeat; background-size: cover; z-index: 2; }
        .corporate__list--desc { width: 100%; padding: 2.5em 2.5em 0; position: initial; right: auto; top: auto; transform: none; box-sizing: border-box; z-index: 5; }
        .corporate__list--title { font-size: 1.6em; font-weight: 500; letter-spacing: .02em; line-height: 1.3; color: #fff; position: absolute; top: 1.4375em; left: 1em; }
        .corporate__list--links li a:after { vertical-align: -.16em; width: 1.6em; height: 1.6em; }
        .corporate__list--links li span { font-size: 1.8em; line-height: 1.5; }
    }


.corporate__sales { display: block; padding: 6em 5em 7em; position: relative; background: #F8F8F8; border-radius: .5em; }
.corporate__sales--swiper .swiper-wrapper { align-items: stretch; }
.corporate__sales__items { display: block; overflow: hidden; width: 100%; padding: 3.5em 3.2em 1.5em; background: #fff; border-radius: .5em; box-sizing: border-box; }
.corporate__sales__items--tlt { font-size: 2.1em; line-height: 1.5; font-weight: bold; text-align: center; color: #CC1A2C; }
.corporate__sales__items--data { position: relative; text-align: center; padding-bottom: 1.8em; }
.corporate__sales__items--data .d-num { font-size: 4.8em; font-weight: 600; line-height: 1.3; display: flex; align-items: flex-end; justify-content: center; color: #CC1A2C; }
.corporate__sales__items--data .d-num small { font-size: .4375em; line-height: 2; display: inline-block; }
.corporate__sales__items--data .d-date { font-size: 1.2em; line-height: 1.5; position: absolute; bottom: 0; left: 0; width: 100%; }
.corporate__sales__items--icon { display: block; max-width: 20em; margin: 0 auto; margin-bottom: 3em; }
.corporate__sales__items--desc { font-size: 1.6em; line-height: 1.7; letter-spacing: -0.0005em; }

    @media screen and (min-width: 768px) {
        .corporate__sales--title { font-size: 4.8em; font-weight: normal; line-height: 1.3; text-align: center; color: #CC1A2C; margin-bottom: .625em; }
        .corporate__sales--swiper .swiper-wrapper { flex-wrap: wrap; }
        .corporate__sales--swiper .swiper-pagination { display: none; }
        .corporate__sales__items { height: auto; width: calc( ( 100% / 3 ) - ( 1em / 3 ) ); margin-right: .5em; }
        .corporate__sales__items:last-child { margin-right: 0; }
    }

    @media screen and (max-width: 768px) {
        #mortgage-sales { display: block; overflow: hidden; padding-bottom: 10em; }
        #mortgage-sales:after { content: ''; display: block; position: absolute; bottom: -3em; left: 0; width: 8em; height: 13em; background: url(../../img/business/bg-related2.jpg) no-repeat bottom right; background-size: 100% 100%; box-shadow: none;}
        .corporate__sales { padding: 2.5em 2.5em 6em; }
        .corporate__sales:before { content: ''; display: block; width: 12.5em; height: 20.4em; position: absolute; left: 0; top: 0; background: url(../../img/top/crop-top-what_sp.png) no-repeat; background-size: cover; z-index: 2; }
        .corporate__sales--title { font-size: 1.6em; font-weight: 500; letter-spacing: .02em; line-height: 1.3; color: #fff; position: absolute; top: 1.4375em; left: 1em; z-index: 3; }
        .corporate__sales--swipers { padding: 0 1.5em; }
        .corporate__sales--swiper { overflow: initial; padding-bottom: 2.2em; }
        .corporate__sales__items { padding: 3em 2em; }
        .corporate__sales__items--tlt { font-size: 1.8em; }
        .corporate__sales__items--data .d-num { font-size: 4.2em; }
        .corporate__sales__items--data .d-num small { font-size: .45em; }
        .corporate__sales__items--icon { max-width: 17.8em; margin-bottom: 2.5em; }
        .corporate__sales__items--desc { font-size: 1.5em; }
    }

.corporate__sales__childs { display: flex; flex-wrap: wrap; margin-top: 5em; }
.corporate__sales__child { display: block; overflow: hidden; position: relative; width: 23.63%; margin-right: 1.82666666667%; border-radius: .5em; }
.corporate__sales__child:nth-child(4n) { margin-right: 0; }
.corporate__sales__child:nth-child(n+5) { margin-top: 1.82666666667%; }
.corporate__sales__child--links { display: block; overflow: hidden; position: relative; background: #fff; }
.corporate__sales__child--pic { display: block; overflow: hidden; }
.corporate__sales__child--pic img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: linear .2s; }
.corporate__sales__child--tlt { padding: 1.5em 2em; display: block; position: relative; }
.corporate__sales__child--tlt span { font-size: 2.2em; font-weight: bold; line-height: 1.36; display: block; }
.corporate__sales__child--tlt:after { content: ''; display: inline-block; width: 2em; height: 2em; position: absolute; right: 2em; top: calc( 50% - 1em ); background: url(../../img/share/arrow-link.svg) no-repeat; background-size: 100% 100%; }

    @media screen and (min-width: 768px) {
        .corporate__sales__child--links:hover { background: #FEF7F8; opacity: .8; }
        .corporate__sales__child--links:hover .corporate__sales__child--pic img { transform: scale(1.1); }
    }

    @media screen and (max-width: 768px) {
        .corporate__sales__childs { margin-top: 4em; }
        .corporate__sales__child { width: 47.69%; margin-right: 4.62%; }
        .corporate__sales__child:nth-child(2n) { margin-right: 0; }
        .corporate__sales__child:nth-child(n+3) { margin-top: 7.69%; }
        .corporate__sales__child--tlt { padding: 1em 1em; }
        .corporate__sales__child--tlt span { font-size: 1.5em; }
        .corporate__sales__child--tlt:after { width: 1.6em; height: 1.6em; position: absolute; right: 1em; top: calc( 50% - .8em ); }

    }