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

/* business
------------------------------------------------ */

#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 }
    }

/* business section */
#business {  }

    @media only screen and (min-width: 768px) {
        #business .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); }
    }

.business__list { display: block; position: relative; }
.business__list:not(:last-child) { margin-bottom: 8em; }
.business__list--pic { display: block; position: relative; overflow: hidden; border-radius: .5em; }
.business__list--desc { width: 38.33%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.business__list--title { font-size: 4.8em; font-weight: normal; line-height: 1.3; color: #CC1A2C; margin-bottom: .33em; }
.business__list--links { display: block; position: relative; }
.business__list--links li { display: block; position: relative; margin: 0; }
.business__list--links li:not(:last-child) { margin-bottom: 1.2em; }
.business__list--links li a { display: inline-block; }
.business__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%; }
.business__list--links li span { font-size: 2.2em; font-weight: bold; line-height: 1.38; display: inline-block; }

    @media screen and (min-width: 768px) {
        .business__list--links li a:hover { color: #CC1A2C; }
    }
    @media screen and (max-width: 768px) {
        .business__list { margin: 0 -2.5em; background: #fff; }
        .business__list:not(:last-child) { margin-bottom: 5.6em; }
        .business__list:last-child { padding-bottom: 5.6em; box-shadow: 0 0 15px rgba(102,102,102,0.16); }
        .business__list--pic { border-radius: 0; z-index: 0; }
        .business__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; }
        .business__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; }
        .business__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; }
        .business__list--links li a:after { vertical-align: -.16em; width: 1.6em; height: 1.6em; }
        .business__list--links li span { font-size: 1.8em; line-height: 1.5; }
    }