@charset "UTF-8";


@media screen and (max-width: 750px) {
    .about #footer {
        padding-top: 80px;
        margin-top: 0;
    }
    .about #footer .pagetop {
        bottom: calc(100% - 80px);
    }
}
/*=================================
関連コンテンツ　リンク部分
 ==================================*/
.contents.linkArea .blank .iconBlank{
    fill:#fff;
    width: 10px;
    height: 10px;
	position: static;
	margin-left: 8px;
}

/*=================================
会社情報TOP
===================================*/
.about__leadTxt {
    font-size: 1.6rem;
    line-height: 1.8;
    margin: 0 0 35px;
}
.about__blank::after {
    content: "";
    margin-left: 14px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url(../images/about/ico_blank.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.boxLink figure .label {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 7px 6px;
    font-size: 10px;
    color: #fff;
    background-color: rgba(52, 62, 85, 0.5);
}
.boxLinkWrap.col3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -20px 0 0 -44px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {

    .boxLinkWrap.col3 {
        margin-left: -20px;
    }
}
@media screen and (max-width: 750px) {
    .boxLinkWrap.col3 {
        margin-left: -13px;
        padding-top: 5px;
    }
    #wrapper.about .boxLinkWrap.col3 .boxLink {
        width: calc(100%/2 - 13px);
        margin: 15px 0 0 13px;
    }
    #wrapper.about .boxLinkWrap.col3 .boxLink:nth-child(2n) {
    }
}
/*=================================
会社概要
===================================*/
#wrapper.outline .outline__table {
    width: 100%;
    box-shadow: 5px 3px 7px 0 rgba(0, 0, 0, 0.1);
    background: #FFF;
    margin: 0 0 75px;
}
@media screen and (max-width: 750px) {
    #wrapper.outline .outline__table {
        margin: 0 0 50px;
    }
}
#wrapper.outline .outline__table th,
#wrapper.outline .outline__table td {
    padding: 20px 25px;
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
}
@media screen and (max-width: 750px) {
    #wrapper.outline .outline__table th,
    #wrapper.outline .outline__table td {
        padding: 10px;
    }
}
#wrapper.outline .outline__table th {
    width: 29.4%;
    font-size: 1.6rem;
    font-weight: normal;
    background: #F5FAF9;
}
@media screen and (max-width: 750px) {
    #wrapper.outline .outline__table th {
        width: 33%;
        font-size: 1.3rem;
    }
}
#wrapper.outline .outline__table td {
    width: 70.6%;
    font-size: 1.4rem;
}
@media screen and (max-width: 750px) {
    #wrapper.outline .outline__table td {
        width: 67%;
        font-size: 1.3rem;
    }
}
#wrapper.outline .outline__table td .column2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
}
@media screen and (max-width: 750px) {
    #wrapper.outline .outline__table td .column2 {
        display: block;
    }
}
#wrapper.outline .outline__table td .column2 p {
    width: 62.6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
@media screen and (max-width: 750px) {
    #wrapper.outline .outline__table td .column2 p {
        display: block;
        width: 100%;
    }
}
#wrapper.outline .outline__table td .column2 p span {
    display: inline-block;
}
@media screen and (max-width: 750px) {
    #wrapper.outline .outline__table td .column2 p span {
        display: block;
    }
}
#wrapper.outline .outline__table td .column2 p span:first-child {
    margin: 0 10px 0 0;
    min-width: 57px;
}
#wrapper.outline .outline__table td .column2 a.btnMap {
    display: inline-block;
    color: #048188;
    border: 1px solid #048188;
    position: relative;
    margin: 0 0 0 30px;
    width: 176px;
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    background: #FFF;
    transition: .4s;
    text-align: center;
}
@media screen and (max-width: 750px) {
    #wrapper.outline .outline__table td .column2 a.btnMap {
        margin: 10px 0 0;
    }
}
#wrapper.outline .outline__table td .column2 a.btnMap:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    width: 5px;
    height: 5px;
    border-top: 1px solid #048188;
    border-right: 1px solid #048188;
    transform: rotate(45deg);
}
#wrapper.outline .outline__table td .column2 a.btnMap:hover {
    background: #048188;
    color: #FFF;
}
#wrapper.outline .outline__table td .column2 a.btnMap:hover:after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
#wrapper.outline .outline__table td p strong {
    display: block;
    font-weight: bold;
}
#wrapper.outline .outline__table td p + p {
    margin: 20px 0 0;
}
#wrapper.outline .outline__table td p.sizeL {
    font-size: 1.6rem;
}
#wrapper.outline .outline__table td.modifier {
    padding: 0;
}
#wrapper.outline .outline__table td.modifier ul li {
    padding: 15px 25px;
    font-size: 1.4rem;
    border-bottom: 1px solid #DFDFDF;
}
#wrapper.outline .outline__table td.modifier ul li:last-child {
    border-bottom: none;
}
#wrapper.outline .outline__table td.modifier ul li strong {
    display: inline-block;
    font-weight: bold;
}
#wrapper.outline .outline__table td.modifier ul li strong.sizeM {
    width: 15.5%;
}
#wrapper.outline .outline__table td.modifier ul li strong.sizeL {
    width: 29%;
}
#wrapper.outline .outline__table td.modifier ul li.smallTxt {
    font-size: 1.2rem;
}
@media screen and (max-width: 750px) {
    #wrapper.outline .outline__table td.modifier ul li {
        padding: 15px;
    }
    #wrapper.outline .outline__table td.modifier ul li strong {
        display: inline-block;
        margin: 0 10px 0 0;
    }
    #wrapper.outline .outline__table td.modifier ul li strong.sizeM {
        width: auto;
    }
    #wrapper.outline .outline__table td.modifier ul li strong.sizeL {
        width: auto;
    }
}
#wrapper.outline .outline__whiteBox {
    background: #FFF;
    box-shadow: 0 5px 6px 0 rgba(54, 88, 106, 0.08);
    padding: 35px 35px;
    margin-bottom: 75px;
}
@media screen and (max-width: 750px) {
    #wrapper.outline .outline__whiteBox {
        padding: 15px;
        margin-bottom: 50px;
    }
}

#wrapper.outline .outline__whiteBox .imgList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 25px;
}
#wrapper.outline .outline__whiteBox .imgList li {
    margin: 0 20px 0 0;
}
@media screen and (max-width: 750px) {
    #wrapper.outline .outline__whiteBox .imgList li {
        margin: 0 5px 0 0;
    }
}
#wrapper.outline .outline__whiteBox .imgList li:last-child {
    margin: 0;
}
#wrapper.outline .outline__whiteBox .imgList img {
    max-width: 100%;
    height: auto;
}
#wrapper.outline .outline__whiteBox dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
}
#wrapper.outline .outline__whiteBox ul.listContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
#wrapper.outline .outline__whiteBox ul.listContent li {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    font-size: 1.6rem;
    line-height: 2.1;
}
@media screen and (max-width: 750px) {
    #wrapper.outline .outline__whiteBox dl {
        display: block;
    }
    #wrapper.outline .outline__whiteBox ul.listContent li {
        width: 100%;
        font-size: 1.3rem;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
}
#wrapper.outline .outline__whiteBox dl:last-child {
    margin: 0;
}
#wrapper.outline .outline__whiteBox dl + h3 {
    margin-top: 50px;
}
#wrapper.outline .outline__whiteBox dl dt {
    min-width: 100px;
    width: 50%;
    margin: 0 15px 0 0;
    font-size: 1.6rem;
    line-height: 2.1;
}

#wrapper.outline .outline__whiteBox dl dd {
    line-height: 2.1;
    width: 50%;
    font-size: 1.6rem;

}
@media screen and (max-width: 750px) {
    #wrapper.outline .outline__whiteBox dl dt {
        width: 100%;
        font-size: 1.3rem;
    }
    #wrapper.outline .outline__whiteBox dl dd {
        width: 100%;
        font-size: 1.3rem;
    }
}
#wrapper.outline .officialNotice li a{
	    border-bottom: 1px solid #dfdfdf;
    display: block;
    padding: 18px 20px;
}
#wrapper.outline .officialNotice li:last-child a{
	border-bottom: none;
}
#wrapper.outline ul li span.pdf02:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 18px;
	background: url(../images/ico_pdf.png) no-repeat center bottom / 15px auto;
	margin: 0 10px;
}
#wrapper.outline .outline__table td .link-public-notice {
  color: #048188;
  text-decoration: underline;
}
/*=======================================
事業所一覧
========================================*/
#wrapper.office .office__whiteBox {
    background: #FFF;
    box-shadow: 5px 5px 10px 0 rgba(54, 88, 106, 0.08);
    padding: 60px 50px;
    margin: 0 0 40px;
}
@media screen and (max-width: 750px) {
    #wrapper.office .office__whiteBox {
        padding: 20px;
        box-shadow: 3px 3px 5px 0 rgba(54, 88, 106, 0.08);
    }
}
#wrapper.office .office__imgWrap {
    margin: 0 0 60px;
}
@media screen and (max-width: 750px) {
    #wrapper.office .office__imgWrap {
        margin: 0 0 40px;
    }
}
#wrapper.office .office__imgWrap img {
    max-width: 100%;
    height: auto;
}
#wrapper.office .btnList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
@media screen and (max-width: 750px) {
    #wrapper.office .btnList {
        display: block;
    }
}
#wrapper.office .btnList .btnPrimary {
    width: 31.2%;
    margin: 0 15px;
    max-width: 100%;
}
@media screen and (max-width: 750px) {
    #wrapper.office .btnList .btnPrimary {
        width: 100%;
        margin: 15px 0 0;
    }
}
#wrapper.office .btnList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
@media screen and (max-width: 750px) {
    #wrapper.office .btnList .btnPrimary a span {
        font-size: 1.6rem;
    }
}

#wrapper.group .group__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #DFDFDF;
    padding: 0 0 25px;
    margin: 0 0 25px;
}
#wrapper.group .group__item:last-child {
    border-bottom: none;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 750px) {
    #wrapper.group .group__item {
        display: block;
    }
}

#wrapper.group .group__item .main {
    width: 75.6%;
    padding: 0 30px 0 0;
    box-sizing: border-box;
}

@media screen and (max-width: 750px) {
    #wrapper.group .group__item .main {
        width: 100%;
        padding: 0;
    }
}

#wrapper.group .group__item .main.-global {
    width: 67.5%;
}

@media screen and (max-width: 750px) {
    #wrapper.group .group__item .main.-global {
        width: 100%;
    }
}

#wrapper.group .group__item .main .name {
    font-size: 2rem;
    margin: 0 0 7px;
}

@media screen and (max-width: 750px) {
    #wrapper.group .group__item .main .name {
        font-size: 1.6rem;
    }
}

#wrapper.group .group__item .main p {
    font-size: 1.6rem;
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    #wrapper.group .group__item .main p {
        font-size: 1.4rem;
    }
}

#wrapper.group .group__item .main .head {
    background: #048188;
    color: #FFF;
    display: inline-block;
    width: 84px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin: 0 0 10px;
}

#wrapper.group .group__item .sub {
    width: 24.4%;
}

@media screen and (max-width: 750px) {
    #wrapper.group .group__item .sub {
        width: 100%;
        margin: 20px 0 0;
        padding: 0 35px;
    }
}

#wrapper.group .group__item .sub.-global {
    width: 32.5%;
}

@media screen and (max-width: 750px) {
    #wrapper.group .group__item .sub.-global {
        width: 100%;
        padding: 0 20px;
    }
}

#wrapper.group .group__item .sub.-global a {
    width: 250px;
    margin: 0 0 10px;
}

#wrapper.group .group__item .sub.-global a:last-child {
    margin: 0;
}

@media screen and (max-width: 750px) {
    #wrapper.group .group__item .sub.-global a {
        width: 100%;
    }
}

#wrapper.group .group__item .sub a {
    display: inline-block;
    width: 176px;
    height: 44px;
    box-sizing: border-box;
    border: 1px solid #048188;
    color: #048188;
    line-height: 44px;
    position: relative;
    font-size: 1.3rem;
    text-align: center;
    padding-right: 15px;
}

#wrapper.group .group__item .sub a:after {
    content: "";
    position: absolute;
    border-top: 1px solid #048188;
    border-right: 1px solid #048188;
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    top: 4px;
    bottom: 0;
    right: 15px;
    margin: auto;
}

@media screen and (max-width: 750px) {
    #wrapper.group .group__item .sub a {
        width: 100%;
        height: 55px;
        line-height: 55px;
        font-size: 1.4rem;
        padding: 0;
    }
}

#wrapper.group .group__item .sub a:hover {
    background: #048188;
    color: #FFF;
}

#wrapper.group .group__item .sub a:hover:after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

#wrapper.group .group__item.-columnOne {
    display: block;
}

#wrapper.group .group__item.-columnOne .main {
    width: 100%;
}

#wrapper.message .message__whiteBox {
    background: #FFF;
    padding: 57px 50px;
    box-shadow: 0 3px 10px 0 rgba(54, 88, 106, 0.18);
}
/*=============================================
社長挨拶
===============================================*/
#wrapper.message .message__whiteBox {
    background: #FFF;
    padding: 57px 50px;
    box-shadow: 0 3px 10px 0 rgba(54, 88, 106, 0.18);
}
@media screen and (max-width: 750px) {
    #wrapper.message .message__whiteBox {
        display: block;
        padding: 30px 14px;
    }
}
#wrapper.message .message__whiteBox img {
    float: left;
    width: 33%;
    height: auto;
    margin: 0 0 20px 0;
}
@media screen and (max-width: 750px) {
    #wrapper.message .message__whiteBox img {
        float: none;
        width: 100%;
        margin: 0 0 15px;
    }
}
#wrapper.message .message__whiteBox .main > div {
    margin-left: 38%;
}
@media screen and (max-width: 750px) {
    #wrapper.message .message__whiteBox .main > div {
        margin: 0;
    }
}
#wrapper.message .message__whiteBox .main p {
    font-size: 1.6rem;
    line-height: 1.875;
    margin: 0 0 30px;
}
@media screen and (max-width: 750px) {
    #wrapper.message .message__whiteBox .main p {
        font-size: 1.5rem;
        margin: 0 0 20px;
    }
}
#wrapper.message .message__whiteBox .foot span {
    display: block;
    text-align: right;
    font-size: 1.6rem;
    line-height: 1.875;
}
@media screen and (max-width: 750px) {
    #wrapper.message .message__whiteBox .foot span {
        font-size: 1.5rem;
    }
	
}

.boxLink>a p span{
    line-height: 1.3;
}
@media screen and (max-width: 750px){
    .boxLinkWrap.col4 .boxLink a p span {
        height: 40px;
    }
}
@media screen and (max-width: 750px){
    .boxLink>a p span {
        height: 40px;
    }
}

/* custom */
.boxLink.u-pd-cus02 a p span small{
    font-size: 1.1rem;
    margin-right: -6px;
}
@media screen and (min-width: 1025px) and (max-width: 1240px){ 
    .boxLink.u-pd-cus02 a p span small{
        font-size: 0.95vw;
        margin-right: -8px;
    }
    .boxLink.u-pd-cus02>a p{
        padding: 0 25px 0 10px;
    }
}
@media screen and (max-width: 1024px){ 
    .boxLink.u-pd-cus02 a p span small{
        font-size: 1.15vw;
        margin-right: -8px;
    }
    .boxLink.u-pd-cus02>a p{
        padding: 0 15px 0 10px;
    }
}
@media screen and (max-width: 750px){
    .boxLink.u-pd-cus02 a p span small{
        font-size: 0.95rem;
        margin-right: -8px;
    }
}
@media screen and (max-width: 320px){ 
    .boxLink.u-pd-cus02 a p span small{
        margin-right: -10px;
    }
}