@charset "utf-8";
.wrap_company {
    background: #f7fcff url(../../images/dism/bg_right_dism.png)right -5em top -15em no-repeat;
}

.title h3 {
    padding: 35px 0 20px 0;
}

.title p {
    font-size: 15px;
    text-align: center;
    color: #333333;
    padding-bottom: 25px;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 160%
}

.inner_dism {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #dedede;
    padding-bottom: 55px;
}

.inner_dism ul {
    padding: 0 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
}

.inner_dism ul li {
    background: #3581ba;
    width: 23.5%;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    line-height: 140%;
    border-radius: 10px;
    margin-right: 2%;
    padding: 38px 15px;
}

.inner_dism ul li:last-child {
    margin-right: 0;
}

.title_address_gm {
    font-weight: bold;
    padding-bottom: 25px;
}

.title_address_gm p {
    font-size: 15px;
    color: #333333;
    text-align: center;
    line-height: 160%;
    font-weight: normal;
    padding-top: 25px;
}

.wrap_dism_cont {
    background: rgba(255, 247, 154, 0.4);
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    max-width: 966px;
    padding: 50px 90px;
    margin-bottom: 35px;
}

.dism_tel {
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding: 45px 0 60px 0;
}

body.Firefox .inner_dism ul li {
    padding: 25px 15px;
}

/* RPS */

.dism-table { width: 100%; border-collapse: separate; border-spacing: 20px; padding: 0 10px;}
.dism-table tr td { background: #3581ba; color: #fff; padding: 20px 10px; font-weight: bold; vertical-align: middle; font-size: 18px; line-height: 140%; border-radius: 8px; width: 25%;}

@media screen and (max-width:840px) {
    .inner_dism ul li {
        font-size: 15px;
    }


/*  ↓  natsu add 180822  */
	.dism-table tr td {
		display: block;
		width: 100%;
		margin: 15px 0;
	}
/*  ↑  natsu add 180822  */


}

@media screen and (max-width:767px) {
    .inner_dism ul li {
        width: 48%;
    }
    .inner_dism ul li:nth-child(2n) {
        margin-right: 0;
        margin-left: 2%;
    }
    .inner_dism ul li:last-child,
    .inner_dism ul li:nth-child(3) {
        margin-top: 4%;
    }
}

@media screen and (max-width:640px) {
    .wrap_dism_cont {
        padding: 40px 20px;
    }
    .dism_tel {
        padding: 45px 20px;
    }
}

@media screen and (max-width:480px) {
    .wrap_dism_cont {
        padding: 40px 20px;
    }
    .dism_tel {
        padding: 45px 20px;
    }
    .wrap_company {
        background: #f7fcff url(../../images/dism/bg_right_dism.png)right -6em top -4em no-repeat;
        background-size: contain;
    }


/*  ↓ natsu add 180822*/
	.title p {
		padding: 0px 20px 10px 20px;
		font-size: 13px;
		text-align: left;
	}

	.title_address_gm p {
		text-align: left;
	}

/*  ↑ natsu add 180822*/


}

@media screen and (max-width:375px) {
    .inner_dism ul li {
        width: 100%;
        margin-right: 0;
        margin-top: 2%;
    }
    .inner_dism ul li:first-child {
        margin-top: 0;
    }
    .inner_dism ul li:nth-child(2n) {
        margin-right: 0;
        margin-left: 0;
    }
    .inner_dism ul li:last-child,
    .inner_dism ul li:nth-child(3) {
        margin-top: 2%;
    }
    .title p {
        padding-bottom: 10px;
    }
    .title h3 {
        padding: 15px 0;
    }
    .inner_dism ul {
        padding: 0 20px;
    }
    .title_address_gm {
        padding: 20px;
    }
    .title_address_gm p {
        padding-top: 15px;
        font-size: 14px;
    }
    .inner_dism {
        padding-bottom: 20px;
    }
    .dism_tel {
        padding: 45px 20px;
    }
    .wrap_dism_cont {
        padding: 40px 10px;
    }
}

@media screen and (max-width:320px) {
    .dism_tel {
        padding: 30px 20px;
    }
    .title p {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px;
    }
    .inner_dism ul li {
        font-size: 14px;
    }
}

/* END RPS */
