@charset "UTF-8";

/* =======================================

	Business information/License Elements

======================================= */

/*-----------------------------------------
	common
-----------------------------------------*/
.license .container .cont_wrap {
    display: flex;
}
.cont_main {
    flex: 1 1 0;
    margin: 0 0 var(--spacing-m);
}
.cont_side {
    width: 20%;
    margin: 0 0 var(--spacing-m) 4%;
}

@media only screen and (max-width: 768px) {
    .license .container .cont_wrap {
        display: block;
    }
    .cont_main,
    .cont_side {
        width: 100%;
        margin: 0 0 var(--spacing-m);
    }
}

/*-----------------------------------------
    side menu
-----------------------------------------*/
.license .subnav a {
    display: block;
    padding: .5em 1em;
    border-bottom: 1px dotted #D9E1ED;
}
.license .subnav a span {
    display: inline-block;
}
.license .subnav > li > a {
    background: #D9E1ED;
}
.license .subnav .active a {
    background: #F1F4F7;
}
/*-----------------------------------------
    index
-----------------------------------------*/
.cont_main.index .index_column_wrap {
    padding-bottom: 0;
}

.license_index {
    display: flex;
    flex-wrap: wrap;
}
.license_index li {
    width: 31%;
    margin: 0 3% 3% 0;
}
.license_index li:nth-of-type(3n) {
    margin-right: 0;
}
.license_index li img {
    max-width: 100%;
    margin: 0 auto var(--spacing-xxs);
}
.license_index li span {
    display: inline-block;
    padding: 0 0 0 22px;
    background: url(/img/business-info/license/arw.png) no-repeat 0 50%;
    white-space: nowrap;
}

.license .index_column a {
    background: var(--logo-blue);
    padding: 20px 2em 16px;
}
.license .index_column a * {
    color: var(--white);
}
.license .index_column a dl dt:before {
    background: var(--white);
}
.license .index_column a dl dd .text_more:after {
    background-image: url(/img/arrow_line_w.png);
}

@media only screen and (max-width: 768px) {
    .license_index {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 310px;
    }
    .license_index li {
        display: inline-block;
        width: 100%;
        margin: 0 auto var(--spacing-s);
    }
    .license_index li img {
        display: block;
        margin: 0 auto var(--spacing-xxs);
    }
}

/*-----------------------------------------
    contents
-----------------------------------------*/
.license figure {
    margin-bottom: var(--spacing-s);
    max-width: 740px;
}
.license p {
    margin-bottom: var(--spacing-xs);
}

.img_list {
    display: flex;
    flex-wrap: wrap;
}
.img_list li {
    width: 31%;
    margin: 0 3% 3% 0;
}
.img_list li:nth-of-type(3n) {
    margin-right: 0;
}
.img_list li img {
    max-width: 100%;
}

@media only screen and (max-width: 768px) {
    .license .logo {
        text-align: center;
    }
}