@charset "UTF-8";

/* ==========================
  共通クラス等
========================== */
main {
    display: block;
}

.innerW {
    padding: 80px;
    box-sizing: border-box;
    max-width: 1400px;
    margin: 0 auto;
}

.secTit dt {
    font-size: 60px;x
    font-family: "Marcellus", serif;
    font-weight: 400;
    font-style: normal;
    color: #004098
}


.pickupSec .secTit dt{ font-family: "Marcellus", serif;}
.secTit dd,.secTit p {
    font-size: 18px;
}

.secTit dd:before,.secTit p:before {
    content: "";
    display: inline-block;
    background: #E60012;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 50%;
}

.sabTit:before {
    content: "";
    display: block;
    width: 44px;
    height: 6px;
    background: url("../common/img/sabtitimg.svg") left top no-repeat;
    background-size: cover;
    margin-bottom: 35px;
    background-position: center;
}

.sabTit {
    text-align: left;
}

.sabTit.center {
    text-align: center;
}

.sabTit.center:before {
    margin: 0 auto;
    margin-bottom: 35px;
}

h3 {
    font-size: 30px;
    margin-bottom: 35px;
    font-weight: 500;
}

.sabTit h3 {
    font-size: 30px;
    margin-bottom: 35px;
    font-weight: 500;
}

.sabTit dt {
    font-size: 30px;
    margin-bottom: 35px;
    font-weight: 500;
}

.sabTit dd {
    font-size: 16px;
    line-height: 30px;
}

.sabTit p {
    font-size: 16px;
    line-height: 30px;
}

.aboutPnav {
    padding: 40px;
    font-size: 14px;
}

.aboutPnav ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    width: 100%;
}

.aboutPnav li {
    width: 100%;
    padding: 0 7px;
    white-space: nowrap;
}

.aboutPnav li a {
    border-radius: 10px;
    border: 2px solid #004098;
    box-sizing: border-box;
    display: block;
    min-width: 213px;
    text-align: center;
    padding: 15px;
    color: #004098;
}

.aboutPnav li a:hover,
.aboutPnav li.active a {
    background: #004098;
    color: #fff;
}

.centerTxt {
    text-align: center;
}

.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.bggy {
    background: #FAFAFA;
}

h4 {
    font-size: 24px;
}

h4 a:hover {
    color: #004098;
}

h4:after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: url(../common/img/sabtitimg.svg) left top no-repeat;
    background-size: cover;
    margin: 24px 0;
}

h4.center {
    text-align: center;
}

h4.center:after {
    margin: 24px auto;
}

h4.underobj {
    font-size: 24px;
    font-weight: bold;
}

h4.underobj:after {
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    background: url(../common/img/sabtitimg.svg) left top no-repeat;
    background-size: cover;
    background-position: center;
    margin: 24px 0;
}

.mv04 {
    background: url(../img/about.png) left top no-repeat;
    background-size: cover;
	width: 100%;}
/*.mv04 .splide{ max-width: 1400px; margin: 0 auto;}*/


.splide__pagination__page {
    background: #EAEAEA
}

.splide__pagination__page.is-active {
    background: #E60012;
}

.pickupSec .splide__pagination {
    bottom: auto;
    top: -53px;
    left: auto;
    right: 63px;
}

.splide__arrow--prev,
.splide__arrow--next {
    background: url("../img/index/slidearw.svg") left top no-repeat;
    width: 60px;
    height: 60px;
    background-size: contain;
}

.splide__arrow--prev svg,
.splide__arrow--next svg {
    display: none
}

.splide__arrow--next {
    transform: scale(-1, 1);
}

.pickupSec .innerW {
    padding: 80px 0 80px 80px;
}

.pickupSec .splide__toggle {
    width: 35px;
    height: 35px;
    top: -67px;
    left: auto;
    right: 20px;
    padding: 0;
}

.pickupSec .splide__toggle span img {
    position: relative;
    z-index: 2;
}

.pickupSec .splide__toggle span {
    position: relative;
    width: 36px;
    height: 36px
}

.pickupSec .splide__toggle span:before {
    content: "";
    display: block;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    background: #D9E4E7;
    position: absolute;
    left: 0;
    top: auto;
}

.splide__arrow--prev {
    top: 40%;
    left: -30px;
}

.splide__arrow--next {
    top: 30%;
    right: 30px;
}

.secondmainImg.indexmain.buisinessmain {
    height: 583px;
}

.secondmain .innerW {
    padding: 40px;
}

.pt-100 {
    padding-top: 100px;
}

.careerList p{ margin-bottom: 60px}

.branch_recconinner table {
    width: 100%;
    border-collapse: collapse;
    margin: 2em 0;
    table-layout: fixed;
    background-color: #fff;
    border: 1px solid #ddd;
}

.branch_recconinner th,
.branch_recconinner td {
    padding: 1.2em 1em;
    line-height: 1.8;
    border-bottom: 1px solid #ddd;
}

.branch_recconinner th {
    background-color: #f9f9f9;
    text-align: left;
    font-weight: normal;
    /* 太字OFF */
    vertical-align: middle;
    /* 上下中央揃え */
    width: 8%;
    /* 幅を狭くする */
    border-right: 1px solid #ddd;
}

.branch_recconinner td {
    vertical-align: top;
}



@media only screen and (max-width: 1190px) {

    h4 {
        font-size: 20px;
        text-align: left
    }

   /* h4:after {
        margin: 20px auto !important;
    }*/
	.aboutPnav ul { padding-bottom: 14px;}

    .aboutPnav li {
        width: 213px;
        padding: 0 7px;
        white-space: nowrap;
    }

    .aboutPnav {
        padding: 20px 0 0 0;
        overflow-x: scroll;

    }

    .pickupSec .splide__pagination {
        bottom: -40px;
        top: auto;
        left: auto;
        right: 0;
        width: 100%;
    }

    .pickupSec .splide__toggle {
        width: 35px;
        height: 35px;
        top: auto;
        bottom: -50px;
    }

    .innerW {
        padding: 0 20px;
    }
}

/* ==========================
  下層
========================== */
.secondmain {
    background: #FAFAFA;
}

.secondmainImg {
    width: 100%;
    height: 583px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.secondmainImg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center center;
    position: absolute;
}

.secondmainImg.indexmain {
    height: 349px;
    display: flex;
    align-items: center;
}

.indexmeintit {
    position: relative;
    z-index: 2;
    color: #fff;
    padding-left: 40px;
    width: 100%;
}

.indexmain h1 {
    font-size: 26px;
}

.secEnmainTit {
    font-size: 70px;
    font-family: "Marcellus", serif;
    font-weight: 400;
}

.pnavi {
    padding-left: 40px;
    margin-top: 20px;
}

.pnavi li {
    display: inline-block;
    vertical-align: middle;
}

.pnavi li a {
    color: #004098;
    text-decoration: underline;
}

.pnavi li a:after {
    content: ">";
    display: inline-block;
    margin: 0 10px;
}

.secondmainTxt {
    padding: 0 40px;
    padding-top: 40px;
    text-align: center;
    padding-bottom: 40px;
}

@media only screen and (min-width: 1191px) {
    .secondmainTxt {
        padding: 40px 120px;
    }
}

.secondmainTxt.lefttxt dd {
    text-align: left;
}

.secondmainTxt dt,.secondmainTxt h2 {
    font-size: 40px;
    color: #004098;
    margin-bottom: 20px;
    font-weight: bold;
}

.secondmainTxt dd,.secondmainTxt p {
    font-size: 18px;
}

.centertxt {
    text-align: center;
}

.pickupSec {
    padding-bottom: 100px
}

.splide__toggle {
    background-color: transparent;
    border: none;
    position: absolute;
    z-index: 10;
}

/* ==========================
  business
========================== */
.splide__slide img {
    width: 100%;
    height: auto
}

.businesList {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
}

.businesList>li {
    width: 33.3%;
    position: relative;
}

.ritail {
    background: #B21A26;
    position: relative;
}

.busimg {
    width: 100%;
    height: calc(100% - 116px);
    position: absolute;
    left: 0;
    top: 0;
}

.busimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.listIn {
    position: relative;
    z-index: 3;
    padding: 0 26px;
    box-sizing: border-box;
}

.listIn h4 {
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 90px 0 70px;
    position: relative
}

.listIn h4:before {
    content: "RETAIL";
       font-size: 40px;
	line-height: 42px;
    opacity: 0.3;
    position: absolute;
    font-family: "Marcellus", serif;
    top: 40px;
	display: none;
}

.ritail .listIn h4:before {
    content: "FOR INDIVIDUALS";
    font-size: 40px;
	line-height: 42px;
    opacity: 0.3;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
	display: none;
}

.sharing .listIn h4:before {
    content: "PARKING AND CAR SHARING";
    font-size: 40px;
	line-height: 42px;
    opacity: 0.3;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
	display: none
}

.businList {
    background: #fff;
    padding: 24px 30px;
    box-sizing: border-box;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
    min-height: 154px;
    display: grid;
    place-items: center;
	font-size: 14px;
}

.businList a {
    color: #B21A26;
}

.businesList .ribkin {
    margin: 0 auto;
    max-width: 290px;
    padding-bottom: 20px;
}

.businesList .linksBtn a {
    color: #fff;
}

.businesList .ribkin .linksBtn span:before {

    background: url(../common/img/arrow_linkW.svg) left top no-repeat;
}

.businesList .ribkin .linksBtn span:after {

    background: url(../common/img/arrow_linkW.svg) left top no-repeat;
}

.businesList .ribkin .linksBtn:after {
    background: #fff;
}

.solution {
    background: #004098;
}

.solution .businList a {
    color: #004098;
}

.solution .listIn h4:before {
    content: "FOR CORPORATIONS AND INVESTORS";
    font-size: 40px;
	line-height: 42px;
    opacity: 0.3;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.sharing {
    background: #008454;
}

.sharing .businList a {
    color: #008454;
    ;
}

.sale .listIn h4:before {
    content: "SALE";
    font-size: 70px;
    opacity: 0.3;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.sale {
    background: #BF6B00;
}

.sale .businList a {
    color: #BF6B00;
}

.sale .businList {
    color: #BF6B00;
    ;
}

#sale .businessTit:before {
    background: #BF6B00
}

#sale .sideTit {
    background: #BF6B00
}

.companySec {
    background-image: url("../img/companybg.jpg");
    background-position: left top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #FAFAFA;
    position: relative;
    overflow: hidden
}

.companyCon {
    width: 50%;
    box-sizing: border-box;
    padding-right: 75px;
}

.companySec:before {
    content: "";
    display: block;
    width: 450px;
    height: 450px;
    background: url("../img/cpobk.svg") left top no-repeat;
    position: absolute;
    right: -110px;
    top: -110px
}

.ompanyTxt {
    font-size: 30px;
    margin-bottom: 65px;
    padding-top: 30px;
}

.companyImglist {
    font-size: 0;
    letter-spacing: 0;
    margin-top: 110px;
}

.companyImglist li {
    width: 50%;
    display: inline-block;
    padding-right: 30px;
    box-sizing: border-box;
    vertical-align: top;
}

.companyImglist li:nth-child(2) {
    margin-top: 32px;
}

.companyImglist li img {
    width: 100%;
    height: auto;
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.35);
}

.businList {
    color: #B21A26;
}

.solution .businList {
    color: #004098;
}

.sharing .businList {
    color: #008454;
    ;
}

.businesscon {
    background: #FAFAFA;
}

.businessTit {
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}

.businessTit:before {
    content: "";
    display: block;
    width: 52px;
    height: 4px;
    background: #B21A26;
    margin: 0 auto;
    margin-bottom: 38px;
}

.businesslist {
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    position: relative;
    overflow: hidden;
}

.businesslist {
    font-size: 0;
    letter-spacing: 0;
    box-sizing: border-box;
    padding: 35px 80px 40px 120px;
}

.businesslist .innerW {
    padding: 0;
}

.businesslist li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 40px;
    box-sizing: border-box;
}

.businesslist li:nth-child(odd) {
    padding-right: 20px
}

.businesslist li:nth-child(even) {
    padding-left: 20px
}

.businesslist li:hover .busListin {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.businesslist li .busListin {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: all .4s;
}

.businesslist li dl {
    box-sizing: border-box;
    padding: 20px 40px 40px 40px;
}

.businesslist li dl dt {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px;
    box-sizing: border-box;
    transition: all .4s;
}

.businesslist li:hover dl dt {
    color: #004098;
    border-bottom: 1px solid #004098;
}

.businesslist li dl dt:after {
    content: "";
    width: 10px;
    height: 14px;
    background: url("../common/img/tectlinkarrow.svg") left top no-repeat;
    display: inline-block;
    background-size: contain;
    position: absolute;
    right: 20px;
    bottom: 65px;
}

.businesslist li dl dd {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 20px;
	padding-right: 40px;
}

.businesslist li dl dd.bnsLogoimg {
    margin-bottom: 0;
}

.businesslist .businesslistImg {
    width: 100%;
    height: 246px;
    position: relative
}

.businesslistImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center center;
}

.sideTit {
    background: #B21A26;
    width: 80px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-family: "Marcellus", serif;
    font-weight: 400;
    padding-top: 25px;
}

.sideTit dt {
    font-size: 24px;
    text-align: center;
}

.sideTit dd {
    font-size: 28px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: relative;
    position: absolute;
    left: 17px;
    top: 90px
}

#solution .businessTit:before {
    background: #004098
}

#solution .sideTit {
    background: #004098
}

#Sharing .businessTit:before {
    background: #008454
}

#Sharing .sideTit {
    background: #008454
}

.businessListWrapp .sabTit dt,
.businessListWrapp .sabTit h3 {
    display: inline-block;
    width: 30%;
}

.businessListWrapp .sabTit dd,
.businessListWrapp .sabTit p {
    display: inline-block;
    width: 60%
}

.businessListWrapp h4:after {
    display: none;
}

.canDoCon {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.canDoCon .linksBtn {
    width: 290px;
}
.canDoCon .linksBtn div{
    white-space: nowrap;
}

.canDoCon .sabTit {
    width: 35%;
}

.canDoCon p {
    width: 30%;
}

.candoimg img {
    width: 100%;
    height: auto;
}

.relation {
    background: #FAFAFA
}

.relation dl {
    text-align: center;
    margin-bottom: 45px;
}

.relation dt {
    color: #004098;
    font-size: 40px;
    margin-bottom: 20px;
}

.relation dd {
    font-size: 24px;
}


.relationKist {
    display: flex;
    -webkit-justify-content: space-between;
}

.relationKist li {
    width: 50%;
    position: relative;
    box-sizing: border-box;
}

.relationKist li .rekatIn {
    position: relative;
}

.relationKist li:nth-child(odd) {
    padding-right: 10px;
}

.relationKist li:nth-child(even) {
    padding-left: 10px;
}

.relationKist li img {
    width: 100%;
    height: auto;
}

.relationKist .linksBtn {
    position: absolute;
    left: 10px;
    bottom: 10px;
    max-width: calc(100% - 20px);
    width: 100%;
    border-bottom: none;
	font-size: 20px;
}

.relationKist .linksBtn a {
    color: #fff;
}

.relationKist .linksBtn:after {
    display: none;
}

.relationKist .linksBtn span:before {
    background: url(../common/img/arrow_linkW.svg) left top no-repeat;
}

.relationKist .linksBtn span:after {
    background: url(../common/img/arrow_linkW.svg) left top no-repeat;
}

/* ==========================
  voice
========================== */
.voicekist {
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}

.voicekist .innerW {
    padding: 0 40px;
}

.voiceList {
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    padding: 80px;
    border-top: none;
}

.voiceList a {
    position: relative;
}

.voiceList li:before {
    content: "";
    display: block;
    width: calc(100% - 40px);
    height: 100%;
    background: url("../img/about-us/voice/bgList.png") left top no-repeat;
    background-size: cover;
    position: absolute;
    right: -5px;
    bottom: -5px;
    z-index: 0;
    border-radius: 10px;
    transition: all .4s;
}

.voiceList li:nth-child(odd):before {
    right: 15px
}

.voiceList li .busListin {
    position: relative;
    z-index: 2
}

.voiceList li {
    position: relative;
}

.voiceList li:hover .busListin {
    box-shadow: none;
}

.voiceList li:hover:before {
    transform: translate(10px, 10px);
}

.voiceList li dl dt:after {
    background: url("../common/img/plink.svg") left top no-repeat;
    width: 20px;
    height: 20px;
}

.remodal {
    max-width: inherit;
}

.voicemodal .mapmodal {
    max-width: 1206px;
    width: 100%;
}

.voiceTitle dt {
    position: relative;
}

.voiceTitle dt:before {
    content: "VOICE";
    font-size: 50px;
    font-family: "Marcellus", serif;
    position: absolute;
    left: -20px;
    top: -22px;
    color: #004098;
    opacity: 0.1;
}

.voiceTitle dd {
    font-size: 40px;
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
}

.voicectgList {
    margin-bottom: 20px;
}

.voicectgList li {
    display: inline-block;
    margin-right: 10px;
}

.retailctg a {
    color: #B21A26;
    padding: 3px 5px;
    border-radius: 5px;
}

.mapmodal .block {
    margin-bottom: 40px;
}

.vcvoiceivw {
    background: #FAFAFA;
    padding: 40px;
    box-sizing: border-box;
}

.iVlist dt {
    font-size: 30px;
    padding-left: 110px;
    position: relative
}

.iVlist dt:before {
    content: "Q";
    display: block;
    position: absolute;
    left: 20px;
    top: -18px;
    font-family: "Marcellus", serif;
    font-size: 40px;
    font-weight: 400;
    color: #004098;
}

.iVlist dd {
    font-size: 14px;
    padding-left: 110px;
    position: relative
}

.iVlist dd:before {
    content: "A";
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
    font-family: "Marcellus", serif;
    font-size: 30px;
    font-weight: 400;
    color: #004098;
}

.iVlist dd {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 40px;
}

.iVlist dt {
    font-size: 20px;
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.iVlist dd {
    font-size: 14px;
}

.voicemodal dl {
    padding: 20px 0;
}

.closetxtx {
    text-align: center;
    color: #004098;
}

.closetxtx span:after {
    content: "X";
    display: inline-block;
    padding-left: 10px;
}


.buisinessTop .businesList .ribkin .linksBtn span {
    transform: rotate(90deg);
}


@media only screen and (max-width: 1190px) {
	.businesslist li dl dt:after {
    bottom: 45px;
}
    .second .innerW {
        padding: 40px 20px;
    }

    .secTit dt {
        font-size: 40px;
    }

    .secTit dd {
        font-size: 14px;
    }

    .abouttxt dt {
        font-size: 26px;
    }

    .sabTit {}

    .sabTit:before {
        margin-bottom: 20px;
    }

    .sabTit dt,
    .sabTit h3 {
        font-size: 24px;
        margin-bottom: 25px;
        text-align: center
    }

    .sabTit dd {}

    .secondmainImg.indexmain {
        height: 256px;
    }

    .secEnmainTit {
        display: none;
    }

    .indexmeintit {
        padding-left: 20px;
        width: 100%;
    }

    .pnavi {
        display: none;
    }


    .secondmainTxt {
        padding-top: 40px;
        text-align: left;
    }

    .secondmainTxt dt,.secondmainTxt h2 {
        text-align: left;
        font-size: 28px;
        line-height: 40px;
    }

    .secondmainTxt dd,.secondmainTxt p{
        font-size: 16px;
        line-height: 30px;
    }

    .second .sabTit {
        /* text-align: center;*/
    }

    .second .sabTit:before {
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .businessListWrapp .sabTit dt,
    .businessListWrapp .sabTit h3 {
        width: 100%;
        display: block;
    }

    /* ==========================
  business
========================== */

    .second .businesslist .innerW {
        padding: 0;
    }

    .businesList {
        display: block;
    }

    .businesList>li {
        width: 100%;
    }

    .businesslist {
        padding: 40px 20px 40px 20px;
    }

    .businesslist li {
        width: 100%;
    }

    .businesslist li:nth-child(odd) {
        padding-right: 0;
    }

    .businesslist li:nth-child(even) {
        padding-left: 0;
    }

    .canDoCon {
        display: block;
        text-align: center;
    }

    .canDoCon .sabTit {
        width: 100%;
    }

    .canDoCon p {
        width: 100%;
        text-align: left;
        margin-bottom: 40px;
    }

    .candoimg {
        margin-top: 20px
    }

    .relation dt {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .relation dd {
        font-size: 16px;
    }

    .relationKist {
        margin-top: 20px;
        display: block;
        padding: 0 20px;
    }

    .relationKist li {
        width: 100%;
        display: block;
    }

    .relationKist li:nth-child(odd) {
        padding-right: 0;
    }

    .relationKist li:nth-child(even) {
        padding-left: 0;
    }
	.businessListWrapp .sabTit dd, .businessListWrapp .sabTit p{ width: 100%;}
	.voiceList li:before {
    width: 100%;
}

.voiceList li:nth-child(odd):before {
    right: -5px
}

}

/* ==========================
  ABOUT US

========================== */
.Strengths .sabTit {
    text-align: center;
}

.Strengths .sabTit:before {
    margin: 0 auto;
    margin-bottom: 35px;
}

.StrengthsCon {
    width: 100%;
    background: url("../img/about-us/bg_Strengths.png") left top no-repeat;
    background-size: cover;
    padding: 40px;
    box-sizing: border-box;
	border-radius: 20px;
	background-position: center;
}

.StrengthsCon li img {
    width: 100%;
    height: auto
}

.StrengthsCon li {
    width: 50%;
    box-sizing: border-box;
}

.StrengthsCon li:nth-child(odd) {
    padding-right: 20px;
}

.StrengthsCon li:nth-child(even) {
    padding-left: 20px;
}

.StrengthsCon ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

a:hover .advIn {
    border: 2px solid #004098
}

.advIn {
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 40px;
    text-align: center;
}

.stNumtit {
    color: #004098;
    font-family: "Marcellus", serif;
    font-weight: 400;
    margin-bottom: 40px;
}

.stNumtit dt {
    font-size: 12px;
}

.stNumtit dd {
    font-size: 24px;
    line-height: 1;
}

.advIn h3,.advIn h4 {
    font-size: 24px;
    font-weight: bold;
}

.advIn h3:after,.advIn h4:after {
    content: "";
    display: block;
    width: 44px;
    height: 2px;
    background: url(../common/img/sabtitimg.svg) left top no-repeat;
    background-size: cover;
    margin: 24px auto;
}

.advIn .linksBtn {
    text-align: left;
    max-width: 100%;
    margin-top: 25px;
}

.voice {
    background: #FFFFFF;
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.voiceImg {
    width: 58.9%;
}

.voiceImg img {
    width: 100%;
    height: auto;
}

.voice .voiceCon {
    padding: 0 80px
}

.voiceCon {
    width: 41%;
    box-sizing: border-box;
}

.voiceCon .sabTit dd {
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 40px;
}

.voiceCon p.bldread {
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 40px;
}

.voiceCon .voiceread {
    font-size: 16px;
    margin-bottom: 40px;
}

.philosophyInner {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 3;
}

.statement {
    padding-top: 30px;
}

.statement dt,
.statement h4 {
    font-size: 24px;
    font-weight: bold;
}

.statement dt:after,
.statement h4:after,
h4:after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: url(../common/img/sabtitimg.svg) left top no-repeat;
    background-size: cover;
    margin: 24px 0;
}

.philosophy {
    position: relative;
    overflow: hidden
}

.philosophy:before {
    content: "";
    display: block;
    width: 69%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 20px;
    background: url("../img/about-us/objphilosophy.svg") right top no-repeat;
    background-size: cover;
}

.philosophy .voiceread {
    padding-top: 40px;
}

.philosophyImg {
    width: 58%;
}

.philosophyImg p {
    width: 56%;
    margin-left: auto;
    margin-right: 40px
}

.philosophyImg p img {
    width: 100%;
    height: auto;
}


.voicectg span {
    border: 1px solid #000;
    display: inline-block;
    display: inline-block;
    padding: 2px 8px;
    text-align: center;
    border-radius: 3px;
}

.retailctg span {
    border: 1px solid #B21A26;
    color: #B21A26;
    border-radius: 5px;
    padding: 5px 10px
}

.solutionctg span {
    border: 1px solid #004098;
    color: #004098;
    border-radius: 5px;
    padding: 5px 10px
}


@media only screen and (max-width: 1190px) {
    .StrengthsCon {
        padding: 20px;
    }

    .StrengthsCon ul {
        display: block;
    }

    .StrengthsCon li {
        width: 100%;
    }

    .StrengthsCon li:nth-child(odd) {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .StrengthsCon li:nth-child(even) {
        padding-left: 0;
    }

    .voice {
        display: block;
        padding: 80px 0 45px;
    }

    .voiceImg {
        width: 100%;
        width: calc(100% + 80px);
        margin-left: -40px;
        height: auto
    }

    .voiceCon {
        width: 100%;
        padding: 0 40px;
    }

    .voice .voiceCon {
        padding: 0 40px
    }

    .philosophyInner {
        display: block;
    }

    .philosophyInner .voiceCon {
        padding: 0 20px;
    }

    .statement dt:after,
    .statement h4:after {
        margin: 30px auto;
    }

    .steateImg {
        margin-bottom: 50px;
    }

    .philosophy:before {
        background-size: 744px;
        width: 100%;
        top: 38%;
		display: none;
    }

    .modlin .column2 .content.img {
        width: 100%;
    }

}

/* ==========================
  policy

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

.Mission {
    border-top: 1px solid #EAEAEA;
}

.Mission .innerW {
    padding-top: 0;
    padding-bottom: 0;
}

.secconbodercon {
    box-sizing: border-box;
    padding: 80px;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    position: relative
}

.mossionTxtimg {
    padding-top: 20px;
    width: 48%;
}

.mossionTxtimg img {
    width: 100%;
    height: auto;
}

.missionDttxt {
    font-size: 16px;
    line-height: 32px;
    padding-top: 90px;
}

.missionImgs {
    width: 42%;
    position: absolute;
    right: -10px;
    top: 0;
}

.missionImgs img {
    width: 100%;
    height: auto;
}

.mismovie {
    max-width: 620px;
    margin: 0 auto;
    padding-top: 80px;
}

.value {
    border-top: 1px solid #EAEAEA;
}

.valueList {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: 30px;
}

.valueList li {
    width: calc(33% - 12px);
    text-align: center;
}

.valIn {
    border: 1px solid #004098;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 40px;
}

.valueList li dl {
    text-align: center;
    margin-bottom: 44px;
}

.valueList li dt {
    font-size: 31px;
    font-weight: 500;
    color: #004098;
}

.valueList li dd {
    font-family: "Zen Old Mincho", serif;
    font-size: 18px;
    font-weight: 500;
}

.valueList li p {
    font-size: 16px;
    line-height: 32px;
}

.valTxtTit {
    margin-bottom: 24px;
}

.valTxtTit dt,
.valTxtTit dd {
    display: inline-block;
    vertical-align: middle;
}

.valTxtTit dt {
    font-size: 34px;
    color: #004098;
    margin-right: 10px;
    font-weight: bold;
}

.valTxtTit dd {
    font-size: 24px;
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
}

.valImgs {
    padding-top: 40px;
}

.steatmentSe {
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    text-align: center
}

.steatmentSe .sabTit:before {
    margin: 0 auto;
    margin-bottom: 35px;
}

.statedtTxt {
    padding-top: 50px;
    line-height: 40px;
}

.steatmentSe .innerW {
    padding-bottom: 0;
    padding-top: 0;
    border-top: 1px solid #EAEAEA
}

.steatmentSe .sabTit {
    padding: 60px 0 40px;
}

.steatmentSe .value {
    border-top: none
}

.zoomin:after {
    content: "";
    display: block;
    height: 195px;
    width: 1px;
    background: #fff;
    display: block;
    position: absolute;
    left: 50%;
    top: 70px;
}

.area::-webkit-scrollbar {
    width: 8px;
}

.area:-webkit-scrollbar-track {
    background-color: #ccc;
}

.area::-webkit-scrollbar-thumb {
    background-color: #3760d0;
    border-radius: 8px;
}

@media only screen and (max-width: 1190px) {
    .pickupSec .innerW {
        padding: 20px;
        padding-top: 20px;
    }

    .aboutPnav li {
        width: 213px;
        padding: 0 7px;
        white-space: nowrap;
    }

    .aboutPnav {
        padding: 20px 0 0 0;
    }

    .secconbodercon {
        box-sizing: border-box;
        padding: 40px 20px;
        border-left: none;
        border-right: none;
        position: relative;
    }

    .missionImgs {
        display: none;
    }

    .mossionTxtimg {
        width: 100%;
    }

    .missionDttxt {
        padding-top: 40px;
    }

    .missionDttxt {
        font-size: 14px;
    }

    .mismovie {
        padding-top: 30px;
    }

    .valueList {
        display: none;
    }

    .valueList li {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .valTxtTit dt {
        font-size: 30px;
        display: block;
    }

    .valTxtTit dd {
        font-size: 20px;
        display: block;
    }

    .value.secconbodercon p {
        font-size: 14px;
    }

    .valImgs {
        padding-top: 66px;
        width: calc(100% + 80px);
        transform: translateX(-40px);
        height: 210px;
        position: relative;
    }

    .valImgs img {
        object-fit: cover;
        object-position: center top;
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .steatmentSe {
        border-top: 0;
    }

    h4.underobj {
        text-align: left;
        font-size: 20px;
    }
}

.area {
    width: 100%;
    padding-top: 3vw;

}

.area img {
    width: 100%;
    max-width: initial;
    height: auto;
    display: block;
    margin: 0 auto;
}

.areamapWrapp {
    position: relative;
}

.area {
    width: 100%;
}

.pinWrapp.cyuukai {
    position: absolute;
    right: 400px;
    top: 500px;
}

.areain {
    position: relative;
    transform-origin: top left;
}

/*.area{display: flex; align-items: center;}*/
.mapin {
    border-radius: 10px;
    border-radius: 10px;
}

.mapin a {
    border: 1px solid #004098;
    border-radius: 10px;
    color: #004098;
    font-size: 0.9vw;
    font-weight: bold;
    padding: 1.6vw;
    background: #fff;
    position: relative;
    white-space: nowrap;
}

.mapin a:after {
    content: "";
    width: 85px;
    height: 92px;
    background: url(../img/about-us/broad-solutions/pin.png) left top no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin-left: -43px;
}

.area {
    position: relative;
}

.zoombtn {
    width: 71px;
    height: 327px;
    background: url("../img/about-us/broad-solutions/zoombg.svg") left top no-repeat;
    background-size: cover;
    position: absolute;
    right: 40px;
    bottom: 40px;
    box-sizing: border-box;
    padding: 10px;
}

.zoomin {
    background: #004098;
    border-radius: 50px;
    height: 100%;
    width: 100%;
}

.btb_m {
    width: 31px;
    height: 31px;
    position: absolute;
    bottom: 30px;
    left: 20px;
    z-index: 10;
}

.btb_m img {
    width: 100%;
    height: auto
}

.btb_p {
    width: 31px;
    height: 31px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

.btb_p:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin-top: 10px;
}

.btb_m:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin-bottom: 10px;
}

.btb_p img {
    width: 100%;
    height: auto
}

.zimarea {
    position: absolute;
    height: 100%;
    top: 100%;
    bottom: 0;
    left: 0;
}

.zoomin:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    bottom: 0;
    background: #fff;
    display: block;
    border-radius: 50%;
    left: 27px;
}

.cyuukai {
    position: absolute;
    bottom: 10.5vw;
    right: 38vw;
}

.parking {
    position: absolute;
    bottom: 14.5vw;
    left: 16vw;
}

.carshers {
    position: absolute;
    bottom: 27vw;
    left: 20vw;
}

.toushi {
    position: absolute;
    bottom: 33.5vw;
    left: 35vw;
}

.resot {
    position: absolute;
    top: 0.6vw;
    left: 7vw;
}

.bunjyo {
    position: absolute;
    top: 10vw;
    left: 48vw;
}

.global {
    position: absolute;
    top: 25vw;
    left: 56.5vw;
}

.chintai {
    position: absolute;
    top: -3vw;
    right: 21vw;
}

.macthi {
    position: absolute;
    top: 9vw;
    right: 7vw;
}

.toshin {
    position: absolute;
    bottom: 29vw;
    right: 11vw;
}


@media only screen and (max-width: 800px) {

    .area {
        width: 100%;
        height: 700px;
        text-align: center;
		    overflow: scroll;
    }

    .areain {
        height: 700px;
        margin: 0 auto;
        width: 1239px;
        margin: 0 auto;
    }

    .mapin a {
        font-size: 14px;
        padding: 15px;
    }

    .global {
        top: 310px;
        left: 710px;
    }

    .bunjyo {
        position: absolute;
        top: 152px;
        left: 583px;
    }

    .cyuukai {
        position: absolute;
        bottom: 136px;
        right: 480px;
    }

    .toushi {
        position: absolute;
        bottom: 416px;
        left: 430px;
    }

    .carshers {
        position: absolute;
        bottom: 350px;
        left: 260px;
    }

    .parking {
        position: absolute;
        bottom: 200px;
        left: 216px;
    }

    .toshin {
        position: absolute;
        bottom: 370px;
        right: 110px;
    }

    .macthi {
        position: absolute;
        top: 180px;
        right: 80px;
    }

    .chintai {
        position: absolute;
        top: -10px;
        right: 255px;
    }

    .resot {
        position: absolute;
        top: 40px;
        left: 54px;
    }

    /*.zoombtn{transform:rotate(90deg)}*/

}

@media only screen and (max-width: 1190px) {
    .btb_p {
        top: 14px;
        left: auto;
        right: 20px;
        width: 25px;
        height: 25px;
    }

    .btb_m {
        bottom: 16px;
        left: 20px;
        z-index: 10;
        width: 25px;
        height: 25px;
    }

    .zoomin:after {
        content: "";
        display: block;
        height: 1px;
        width: 58%;
        background: #fff;
        display: block;
        position: absolute;
        left: 22%;
        top: 30px;
    }

    /*.zoombtn {
    width: 60%;
    height: 60px;
    background-size: cover;
    position: absolute;
    right: 20%;
    bottom: 20px;
    box-sizing: border-box;
    padding: 10px;
}*/
    .zoombtn {
        width: 286px;
        height: 60px;
        background-size: cover;
        position: absolute;
        left: 50%;
        bottom: 20px;
        box-sizing: border-box;
        padding: 10px;
        margin-left: -146px;
    }

    .btb_p:after {
        content: "";
        display: block;
        width: 2px;
        height: 21px;
        background: #fff;
        margin-top: 0px;
        position: absolute;
        top: 5px;
        right: 37px;
    }

    .btb_m:before {
        content: "";
        display: block;
        width: 2px;
        height: 20px;
        background: #fff;
        margin-bottom: 10px;
        position: absolute;
        left: 38px;
        top: 1px;
    }

    .z25 .zoomin:before {
        bottom: 31px;
    }

    .zoomin:before {
        content: "";
        display: block;
        width: 13px;
        height: 13px;
        position: absolute;
        bottom: 0;
        background: #fff;
        display: block;
        border-radius: 50%;
        left: 15%;
    }

    .zoomin:before {
        bottom: 23px !important;
    }

    .z1 .zoomin:before {
        left: 17%;
    }

    .z25 .zoomin:before {
        left: 30%;
    }

    .z50 .zoomin:before {
        left: 49%;
    }

    .z75 .zoomin:before {
        left: 65%;
    }

    .z100 .zoomin:before {
        left: 78%;
    }

    .zoombtn {
        width: 286px;
        height: 60px;
        background-size: cover;
        position: absolute;
        left: 50%;
        bottom: 20px;
        box-sizing: border-box;
        padding: 10px;
        margin-left: -146px;
    }

    .z1 .zoomin:before {
        left: 18%;
    }

    .zoomin:after {
        left: 21%;
        width: 59%;
    }

    .btb_p img {
        position: relative;
        top: 2px;
    }

    .btb_m img {
        position: relative;
        top: -1px;
    }

}


.mapmodal {
    max-width: 603px;
    margin: 0 auto;
    border: 1px solid #004098;
    border-radius: 10px;
    padding: 60px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
}

.group-synergy .mapmodal {
    padding: 20px;
}

.mapmodal dl {
    padding: 25px 0 50px
}

.group-synergy .mapmodal dl {
    padding: 10px 0 50px;
}

.group-synergy .messcon {
    padding: 0 80px 35px 80px;
    border-bottom: none;
}

.messsecond {
    padding-top: 46px;
}

.mapmodal dt {
    font-size: 20px;
    font-weight: bold;
}

.mapmodal dd {
    padding-top: 20px;
}

.mapmodal .modalclose {
    position: absolute;
    right: -25px;
    top: -25px;
}

.messgeimgs {
    max-width: 445px;
    margin: 0 auto
}

.redaTitles h3 {
    margin-bottom: 30px;
}

.redaTitles {
    padding-bottom: 35px;
}

.mstxt p.messgeimgs {
    padding-bottom: 50px;
}

.modaal-container {
    background-color: transparent;
}

.z25 .areain {
    transform: scale(1.1)
}

.z50 .areain {
    transform: scale(1.2)
}

.z75 .areain {
    transform: scale(1.3)
}

.z100 .areain {
    transform: scale(1.4)
}

.zoomin:before {
    bottom: 53px;
}

.z25 .zoomin:before {
    bottom: 103px;
}

.z50 .zoomin:before {
    bottom: 153px;
}

.z75 .zoomin:before {
    bottom: 203px;
}

.z100 .zoomin:before {
    bottom: 253px;
}

/*.modals{ display: none}*/
.remodal {
    background-color: transparent;
}

/* ==========================
  corp

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

.messgeread {}

.corp .innerW {
    padding-bottom: 25px;
}

.messFistTxt {
    width: 100%;
    box-sizing: border-box;
    padding: 70px 20px 80px;
}

.massegeIn {
    text-align: center;
}

.messTxt {
    font-size: 30px;
    font-family: "Noto Serif JP", serif;
    font-weight: 600;
    margin-bottom: 40px;
}

.messTxt span {
    color: #004098;
}

.corptop .messin {
    display: flex;
    align-items: center;
}

.corptop .messin .messgetixtwrap {
    width: 50%;
    box-sizing: border-box;
    padding-left: 40px;
}

.corptop .messin .massageimgs {
    width: 50%;
}

.corptop .messin .massageimgs img {
    vertical-align: top;
}

.topmassege {
    padding-top: 50px;
}

.topmassege .sabTit h3 {
    margin-bottom: 50px;
}

.corptop .topmassege .innerW {
    padding-top: 0;
}

.massegeIn dt {
    font-size: 60px;
    font-family: "Marcellus", serif;
    font-weight: 400;
    color: #004098;
}

.massegeIn .messTxt {
    margin-bottom: 60px;
}

.massegeIn dt:after {
    content: "";
    display: block;
    width: 13px;
    height: 4px;
    background: url("../img/corp/titdot.svg") left top no-repeat;
    background-size: contain;
    margin: 0 auto;
    padding: 25px 0 20px;
    color: #004098;
}

.massegeIn dd {
    font-size: 19px;
    margin-bottom: 55px;
    font-weight: 500;
}

.boderin {
    padding: 0 80px;
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
}

.boderin .innerW {
    padding: 80px 0;
    border-right: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    position: relative
}

.messge .boderin {
    position: relative;
}

.messge .boderin .innerW:before {
    content: "";
    display: block;
    width: 93px;
    height: 300px;
    background: url("../img/corp/messobj1.svg") left top no-repeat;
    ;
    position: absolute;
    left: 0;
    top: 0;
}

.messge .boderin .innerW:after {
    content: "";
    display: block;
    width: 93px;
    height: 300px;
    background: url("../img/corp/messobj2.svg") left top no-repeat;
    ;
    position: absolute;
    right: 0;
    bottom: 0;
}


.namberTit {
    padding-top: 50px;
    padding-bottom: 25px;
}

.cplist {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}

.cplist li {
    width: 33%;
    text-align: center;
    border-right: 1px solid #EAEAEA;
}
.cplist li dl:last-child{ padding-top: 60px;}

.cplist li:nth-child(3n) {
    border: none;
}

.cplistIn {
    padding: 40px;
    box-sizing: border-box;
}

.cplistIn dt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.cplistIn dd {
    padding-bottom: 10px
}

.namcon {
    font-weight: bold;
    font-size: 30px;
    line-height: 1.4;
}

.namcon span {
    font-size: 70px;
    color: #004098;
    font-family: "Staatliches", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.namcon .sabcartxt{ color: #000; font-size: 14px; display: block; font-weight: 600; margin-bottom: 10px;}
.namcon span.atd {
    font-size: 12px;
    color: #000;
}

.namcon span.atdTxt {
    font-size: 14px;
    color: #000;
    text-align: center;
    display: block;
}


.guidanceListLi {
    display: flex;
    flex-wrap: wrap;
}

.guidanceListLi li {
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.guidanceListLi li .in {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.guidanceListLi li:hover .in {
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
}

.guidanceListLi li:nth-child(odd) {
    padding-right: 10px;
}

.guidanceListLi li:nth-child(even) {
    padding-left: 10px;
}

.guidanceListLi li .bnsLink {
    padding: 20px;
}

.guidanceListLi li .linksBtn {
    border-bottom: none;
    max-width: 100%;
    box-sizing: border-box;
}

.guidanceListLi li .linksBtn:after {
    display: none;
}

.guidanceListLi li .linksBtn a {
    font-size: 20px;
    font-weight: bold;
    color: #004098;
}

.boderin .innerW {
    padding-bottom: 0;
}

.outline {
    padding-bottom: 80px;
}

.outlineno .outline {
    padding-bottom: 0;
}

.outlineList {
    padding: 0 80px;
}

.outlineList a {
    color: #004098;
 
}
.accesslink{ padding-left: 40px;}

.outlineList a:hover {
    text-decoration: underline
}

.outlineList li {
    margin-bottom: 0;
}

.outlineList dl {
    font-size: 0;
    letter-spacing: 0;
}

.outlineList dt {
    font-size: 16px;
    width: 23%;
    border-top: 1px solid #004098;
    display: inline-block;
    padding: 30px 0;
    font-weight: bold;
    margin-right: 5%;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 10px;
}

.outlineList dd {
    border-top: 1px solid #EAEAEA;
    padding: 30px 0;
    display: inline-block;
    font-size: 16px;
    width: 72%;
    vertical-align: top;
}

.namelist li {
    margin-bottom: 15px;
}

.namelist dt,
.namelist dd {
    border-top: none;
    padding-bottom: 0;
    font-weight: normal;
    padding: 0;
}

.outlineList li:first-child dt,
.outlineList li:first-child dd {
    border-top: none
}

.otherLisnklist {
    display: flex;
    box-sizing: border-box;
    padding: 0 80px;
    margin-top: -30px;
    padding-bottom: 50px
}

.otherLisnklist li {
    width: 33%;
    box-sizing: border-box;
    padding: 0 7px;
}

.otherLisnklist li .otherLisnIn {
    background: #004099;
    border-radius: 11px;
    padding: 30px;
    box-sizing: border-box;
    height: 92px;
    display: flex;
    align-items: center;
}

.linksBtn a {
    color: #000;
    display: block;
}

.otherLisnklist .linksBtn span:before {
    background: url(../common/img/arrow_linkW.svg) left top no-repeat;
}

.otherLisnklist .linksBtn span:after {
    background: url(../common/img/arrow_linkW.svg) left top no-repeat;
}

.otherLisnklist .linksBtn {
    max-width: inherit;
    font-size: 20px;
    font-weight: bold;
    padding: 0;
}

.otherLisnklist .linksBtn:after {
    display: none;
}

.otherLisnklist .linksBtn {
    border-bottom: none;
}

.otherLisnklist li .otherLisnIn {
    position: relative;
}

.otherLisnklist li .linksBtn {
    position: static;
}

.otherLisnklist li .linksBtn span {
    top: 25px;
    right: 20px;
}

.koukoku .boderin .innerW {
    padding: 80px 80px 80px 80px;
}
.koukoku .boderin .innerW#sapporo,.koukoku .boderin .innerW#tohoku,.koukoku .boderin .innerW#chugoku,.koukoku .boderin .innerW#kyusyu{padding-top: 140px;
    margin-top: -100px;}

.koukokuList li {
    margin-bottom: 20px;
}

.koukokuList li a:hover {
    color: #004098;
    text-decoration: underline;
}

.pdfLinkmark {
    color: #E60012;
    border: 1px solid #E60012;
    font-size: 12px;
    border-radius: 3px;
    padding: 3px 5px;
}

.adobereader dl {
    padding: 0 40px;
    font-size: 0;
    letter-spacing: 0;
}

.adobereader dl dt {
    width: 17%;
    display: inline-block;
    vertical-align: top;
    margin-right: 3%;
}

.adobereader dl dd {
    width: 80%;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

.adobereader dl dd a {
    color: #004098;
    text-decoration: underline;
}

.licensin {
    padding: 0 80px 80px 80px;
}

.table {
    width: 100%;
    table-layout: fixed;
}

.licensTable {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.licensTable th,
td {
    width: 33%;
}

.titlin {
    background: #DCECFA;
    height: 36px
}

.titlin th {
    border-right: 1px solid #fff;
    vertical-align: middle;
}

.contentLine {
    border: 1px solid #EAEAEA
}

.contentLine td {
    padding: 10px 40px;
    height: 100px;
    border-right: 1px solid #EAEAEA;
    vertical-align: middle;
}

.contentLine td.titcell {
    background: #F5F8FA;
}

.outlinelinksList li {
    padding-top: 20px;
}

.outlinelinksList li a {
    color: #004098;
    text-decoration: underline;
}


.histryList {
    width: 130px;
    position: absolute;
    vertical-align: top;
    padding-top: 80px;
    float: left;
    font-size: 0;
    letter-spacing: 0;
}

.HistryContent {
    width: 87%;
    display: inline-block;
    vertical-align: top;
    margin-left: 17%
}

.histryList li {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    width: 40%;
    width: 60px;
    cursor: pointer
}

.histryList li.active {
    color: #004098;
}

.histryList {
    color: #A1B5D1;
}


.hstryWrapp {
    font-size: 0;
    letter-spacing: 0;
    padding: 0 80px;
}

.histryyear {
    font-size: 60px;
    font-weight: bold;
    color: #A1B5D1;
}

.hiscontitSab:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 4px;
    background: url(../img/corp/titdot.svg) left top no-repeat;
    background-size: contain;
    padding: 0;
    color: #004098;
    vertical-align: middle;
    padding-right: 10px;
}

.hiscontitSab {
    color: #004098;
    font-size: 14px;
}

.hisutryDetail {
    font-size: 16px;
}

.histrys dl {
    width: 165px;
    display: inline-block;
    vertical-align: top;
}

.histrys .hisutryDetail {
    width: calc(100% - 170px);
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 140px
}

.histrys .hisutryDetail {
    padding-top: 47px;
}

.histrys .hisutryDetail dl {
    width: 100%;
}

.histrys .hisutryDetail dl dt {
    width: 60px;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
}

.histrys .hisutryDetail dl dd {
    width: calc(100% - 70px);
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}

.HistryContent {
    position: relative;
}

.HistryContent:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #004098;
    position: absolute;
    top: 0;
    left: 220px;
}

.histryyear {
    position: relative;
}

.histrys {
    margin-bottom: 40px;
}

.histryyear:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #004098;
    border-radius: 50%;
    position: absolute;
    top: 53px;
    right: -63px;
}

.HistryContent {
    padding-top: 140px
}

.outline.histcontent {
    padding-bottom: 0;
}

.histcontent .innerW {
    padding-top: 0;
}

.organizationalImgWrapp {
    width: 100%;

}

.organizationalImg {
    padding-top: 120px;
    max-width: 1046px;
    margin: 0 auto;
    min-width: 800px
}

.orgnationList {
    padding-top: 40px;
}

.orgnationList li {
    display: inline-block;
    padding-right: 20px;
}


.massageTxt {
    width: 65%;
    border-right: 1px solid #EAEAEA;
    padding-right: 80px;
    box-sizing: border-box;
    padding-top: 90px;
    padding-bottom: 80px;
}

.masegecontent {
    display: flex;
}

.massImg {
    width: 36%;
    padding-left: 80px;
    padding-top: 80px;
}

.massageTxt h4 {
    font-family: "Noto Serif JP", serif;
}

.massageTxt h4 span {
    color: #004098;
}

.massageTxt p {
    font-size: 16px;
    line-height: 32px;
}

.message .outline {
    padding-bottom: 0;
}

.massageWrapp {
    position: relative;
}

.massageWrapp:before {
    content: "";
    display: block;
    width: 366px;
    height: 366px;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../img/corp/message/obj.svg") left top no-repeat;
    background-size: contain;
}

.linsins {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 80px;
}

.licenseP .licensin {
    padding-bottom: 0;
}

.massageWrapp .licensin {
    padding: 0 80px;
}

.grupTit {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
}

.grupTit dt,.grupTit h2 {
    color: #004098;
    font-size: 40px;
    font-weight: bold;
    line-height: 60px;
    margin-bottom: 20px;
}

.map {
    padding-left: 40px;
    padding-top: -100px;
    text-align: center
}

.grupList li {
    margin-bottom: 40px
}

.grupList li:first-child dt,
.grupList li:first-child dd {
    border-top: 0;
}

.grupList dl {
    font-size: 0;
    letter-spacing: 0;
}

.grupList dt {
    font-size: 16px;
    font-weight: bold;
    border-top: 1px solid #004098;
    width: 23%;
    display: inline-block;
    vertical-align: top;
    padding-top: 40px;
    margin-right: 6%
}

.grupList dd {
    font-size: 16px;
    border-top: 1px solid #EAEAEA;
    width: 71%;
    display: inline-block;
    vertical-align: top;
    padding-top: 40px;
    line-height: 32px;
}

.gmapLink a {
    background: #004098;
    padding: 5px 10px;
    box-sizing: border-box;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
}

.grupcampny p {
    padding-top: 40px;
    border-top: 1px solid #EAEAEA;
    margin-top: 40px;
}

.secondline {
    border-top: 1px solid #EAEAEA;
    padding-top: 80px;
}

.readtxt {
    text-align: center;
    padding: 40px;
}

.boderin .innerW.mfgWrap {
    padding-top: 0;
}

.mfgWrap ul {
    display: flex;
    flex-wrap: wrap;
}

.mfgWrap li {
    width: 50%;
    box-sizing: border-box;
    padding: 80px;
    border-right: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA
}

.mfgWrap li dt {
    font-size: 20px;
    font-weight: bold;
}

.mfgWrap li dd {
    font-size: 16px;
    line-height: 32px;
    padding-top: 20px
}

.mfgWrap li dt a {
    border: 1px solid #004098;
    padding: 20px;
    width: 100%;
    display: block;
    position: relative;
    border-radius: 10px;
    box-sizing: border-box;
}

.mfgWrap li dt a:hover {
    color: #004098
}

.mfgWrap li dt .external:after {
    position: absolute;
    right: 20px;
    top: calc( 50% - 8px) ;
}

.othrLinkBtn {
    text-align: center;
    padding-top: 40px
}

.othrLinkBtn a {
    background: #004098;
    color: #fff;
    display: block;
    max-width: 592px;
    text-align: center;
    margin: 0 auto;
    height: 92px;
    border-radius: 11px;
    line-height: 92px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
}

.othrLinkBtn .external:after {
    position: absolute;
    right: 20px;
    top: 35px;
    background: url(../common/img/externalW.svg) left top no-repeat;
}


.map-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 52%;
}

.map-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ==========================
  what-we-can

========================== */
.pageinnavu {
    display: flex;
    gap: 20px;
}

.what-we-can .businesList h4:after {
    display: none;
}

.pageinnavu li {
    width: 33.3%;
}

.pageinnavu li a {
    border: 1px solid #004098;
    border-radius: 10px;
    display: block;
    padding: 30px 77px 30px 30px;
    position: relative;
    font-size: 18px;
    font-weight: bold;
}

.pageinnavu li a:before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 25px;
    top: 45px;
    background: url("../img/what-we-can/pnavbtn.svg") left top no-repeat;
    background-size: contain;
}

.seconbuisnes .businesList>li {
    width: 50%;
}

.seconbuisnes .listIn h4 {
    padding: 50px 0 20px;
}

.seconbuisnes .listIn h4:before {
    top: 10px;
}

/*.seconbuisnes .businesList .ribkin{ padding-left: 22%;}*/

.gbgcontent {
    background: #FAFAFA;
    padding-top: 60px;
    border-top: 1px solid #EAEAEA;
}

.consultationLinks {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.consultationLinks li {
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 40px 10px 10px;
    width: calc(50% - 10px);
    box-sizing: border-box;
    transition: all .4s;
}

.consultationLinks li:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.consultationLinks li {
    position: relative;
    box-sizing: border-box;
}

.consultationLinks li .icon {
    width: 84px;
    display: inline;
    vertical-align: middle;
}

.consultationLinks li .linkTxt {
    display: inline-block;
    width: calc(100% - 145px);
    vertical-align: middle;
    margin-left: 40px;
    font-size: 20px;
    font-weight: bold;
}

.consultationLinks li a {
    color: #004098;
    display: block;
    box-sizing: border-box;
    padding: 10px;
}

.consultationLinks li .linksBtn {
    border: none;
    width: 38px;
    position: absolute;
    right: 20px;
    top: 55px;
}

.consultationLinks li .linksBtn:after {
    display: none;
}

.wecpts {
    padding-top: 50px;
}

.rehouspnav .pageinnavu li a:before {
    background: url(../img/business/rehouse/pnavbtn.svg) left top no-repeat;
    top: 30px;
}


.rehouspnav .pageinnavu li a {
    border: 1px solid #ED3D3D;
}

.rehouspnav .pageinnavu li {
    width: 50%;
}

.sacondmain {
    padding: 0 20px
}

.sacondmain {
    position: relative;
    overflow: hidden
}

.sacondmain img {
    position: relative;
    z-index: 2;
}

.sacondmain:before {
    content: "";
    display: block;
    width: 100%;
    height: 30%;
    background: #FBF2F2;
    position: absolute;
    bottom: 0;
    left: -20px;
    z-index: 0;
    width: calc(100% + 40px);
}

.rehousecontent {
    background: #FBF2F2;
}

.logoTxt {
    text-align: center;
}

.logoTxt dd {
    font-size: 30px;
    font-weight: bold;
    padding-top: 10px;
}

.bumConList li {
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0 20px;
    border-right: 1px solid #EAEAEA;
	vertical-align: top;
}

@media only screen and (min-width: 1191px) {
    .kenkoukeieicon .bumConList li {
        padding: 0 40px;
    }
}

.bumConList {
    font-size: 0;
    letter-spacing: 0;
}

.bgwcon {
    background: #fff;
    border-radius: 10px;
}

.bumConList dl {
    text-align: center;
}

.bumConList .namcon {
    font-size: 20px;
}

.bumConList .namcon span.nember {
    font-size: 60px;
}

.bumConList .namcon span.nember.nummidum {
    font-size: 40px;
}

.bumConList .titlesty {
    font-weight: bold;
    font-size: 20px;
    color: #013F98;
    position: relative;
    line-height: 1.4
}

.bumConList .titlesty span {
    position: relative;
    z-index: 3;
    white-space: nowrap;
}

.bumConList .titlesty div {
    position: relative;
    display: inline
}

.bumConList .titlesty div:before {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: 3px;
    background: #FFE139;
}

.bumConList .lstit dt {
    font-size: 30px;
}

.bumConList dd:before {
    content: "";
    display: block;
    width: 13px;
    height: 4px;
    background: url("../img/corp/titdot.svg") left top no-repeat;
    background-size: contain;
    margin: 0 auto;
    padding: 0;
    color: #004098;
    margin-top: 25px;
}


.bumConList .lstit dd:before {
    padding-bottom: 25px
}

.rehousecontent .secondmainTxt {
    padding-bottom: 80px;
}

.imgList {
    display: flex;
    gap: 30px;
    margin-top: 30px
}

.imgList li {
    width: 33%
}

.bgwcon {
    margin-bottom: 80px;
}


.saportCon {
    display: flex;
    padding-top: 60px
}

.saportCon .saptxt {
    width: 40%;
    box-sizing: border-box;
    margin-right: 4%
}

.saportCon .saptxt {
    width: 56%;
}

.mvtit {
    text-align: left;
    padding-top: 10px;
}

.bgarerec {
    background: #FAFAFA
}

.rehouseBtn {
    display: flex;
    column-gap: 20px;
}

.rehouseBtn li {
    width: 50%;
}

.rehouseBtn li a {
    background: #B21A26;
    border-radius: 11px;
    display: block;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    height: 95px;
    line-height: 95px;
}

.rehouseBtn li a span {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    margin-right: 20px;
}

.rehouseBtn li a span:last-child {
    margin-right: 0;
}

.rehousecontent {
    margin-bottom: 120px;
}

.bumConList.sec li {
    width: 33%;
}

.bumConList li:last-child {
    border-right: none;
}

.atdTxt {
    font-size: 14px;
    text-align: center;
}

.neads {
    display: flex;
    column-gap: 20px;
}

.neads li {
    width: 50%;
}

.neads li dt {
    font-weight: bold;
    padding: 20px 0;
}


.hoken {
    background: #FAFAFA
}

.hokencon {
    background: #fff;
    display: flex;
}

.hokencon .hokenimg,
.hokencon dl {
    width: 50%;
}

.hokencon dl {
    box-sizing: border-box;
    padding: 20px;
}

.hokencon dt {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.hokencon dd {
    font-size: 14px;
}

.nomargon {
    margin-bottom: 0;
}

.glovealcontent {
    background: #F2F8FF
}


.invCon {
    display: flex;
    column-gap: 40px;
}

.txtearea {
    width: 56%
}

.imvimg {
    width: 42%
}

.ivlist li a {
    background: #004098;
    border-radius: 11px;
    color: #fff;
    display: block;
    height: 92px;
    text-align: center;
    line-height: 92px;
    font-size: 20px;
}

.btnconv {
    max-width: 512px;
    margin: 0 auto;
    margin-top: 40px;
}

.btnconv a {
    background: #004098;
    border-radius: 11px;
    width: 100%;
    height: 92px;
    line-height: 92px;
    color: #fff;
    font-size: 20px;
    display: block;
    text-align: center;
}

.imgList.mt40 {
    margin-top: 40px;
}

.ivlist li p {
    font-size: 14px;
    padding-top: 10px;
}

.semlogo {
    text-align: center;
    max-width: 498px;
    margin: 40px auto 0;
}

.mmpimg {
    margin: 0 auto;
    max-width: 699px;
    padding-top: 40px;
    margin-bottom: 50px;
}

.propertylist {
    display: flex;
    flex-wrap: wrap;
    column-gap: 18px;
}

.propertylist li {
    width: 23%;
    margin-bottom: 40px;
}


.rehouseBtn li a span img {
    vertical-align: middle
}


.realplan .rehouseBtn li a {
    background: #012D4C
}

.achievementsList {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.achievementsList li {
    width: calc(50% - 20px);
    margin-bottom: 40px;
}

.achievementsList li dd {
    font-weight: bold;
}


.supprtList {
    padding: 60px 0 40px;
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 80px
}

.titlstxt {
    font-weight: bold;
    font-size: 20px;
}

.assetsRtxt {
    font-weight: bold;
    color: #B21A26;
}

.assets {
    display: flex;
    align-items: flex-end;
}

.assets {
    margin-bottom: 65px;
}

.assets li {
    width: 20%;
    text-align: center;
}

.assets li:nth-child(5n) {
    border-right: none;
}

.imgsWrapp {
    border-right: 1px solid #EAEAEA;
}

.assets li .assetsRtxt {
    margin-bottom: 20px;
}

.llinksBtns {
    display: flex;
    flex-wrap: wrap;
    column-gap: 18px;
    text-align: center
}

.llinksBtns a {
    background: #004099;
    display: block;
    border-radius: 11px;
    color: #fff;
    height: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.therdbyn li {
    width: calc(33% - 18px);
    font-weight: bold;
}

.onelist li {
    margin: 0 auto;
}

.reparkList li {
    width: 50%;
    border-right: 1px solid #C1CDDF
}

.repark .glovealcontent {
    background: #F5FFFB;
}

.repasrkstxtx {
    padding-top: 80px;
}

.pursuit {
    margin-top: 80px;
    padding-top: 60px;
    border-top: 1px solid #EAEAEA;
}

.toppi {
    display: flex;
}

.toppiTxt {
    width: 50%;
}

.toppiTImg {
    width: 50%;
    text-align: center
}

.carsharesList li {
    width: 33%;
}

.carImgs {
    padding-top: 40px;
}

.cariconList li {
    width: 20%;
    text-align: center;
    color: #004098;
    font-weight: bold;
    box-sizing: border-box;
}

.cariconList li img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

/*.cariconList li img{ max-width: 150px;}*/
.carsherBtn li {
    width: 520px;
}

.carsherBtn a {
    background: #003288;
}

.alzImg {
    padding-top: 60px;
    text-align: center;
}

.alzoList.alzoList {
    flex-wrap: wrap;
    margin-top: 20px;
}

.alzoList li {
    width: calc(33% - 18px);
    margin-bottom: 30px;
    text-align: center;
    box-sizing: border-box;
    padding: 0 20px;
    border-right: 1px solid #C1CDDF
}

.noboderli.alzoList li {
    border-right: none;
}

.alzoList li:last-child {
    border-right: 0;
}

.alzoList li dt {
    font-weight: bold;
    padding: 10px 0;
}

.alzoList li dd {
    text-align: left;
}

.alzoList {
    padding-bottom: 60px;
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 70px;
}

.alzoList.bno {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}

.matching .llinksBtns a {
    background: #20A4DB;
}

.matching .noboderli.alzoList li {
    padding: 0;
}

.partnerimg {
    border-top: 1px solid #EAEAEA;
}

.titimg {
    text-align: center;
    position: relative;
    z-index: 2;
}

.partnarslistcon {
    background: #F2F8FF;
    padding: 40px;
    position: relative;
    /*top: -40px*/
}

.solyiyimg {
    text-align: center;
}

@media only screen and (min-width: 1191px) {
    .solyiyimg {
        padding-left: 6%;
    }

    .cariconList {
        display: block;
        font-size: 0;
        letter-spacing: 0;
    }

    .cariconList li {
        box-sizing: border-box;
        padding: 0 30px;
        display: inline-block;
        font-size: 16px;
        vertical-align: top;
    }

    .cariconList li img {
        max-width: inherit;
        text-align: center;
    }
}

.solutionLists {
    text-align: center
}

.solutionLists li {
    display: inline-block;
    width: 33%;
}

.solutionLists li:nth-child(2) {
    position: relative;
    top: 20px;
}

.solutionListssecon {
    text-align: center;
    padding-top: 40px;
}

.solutionListssecon li {
    display: inline-block;
    padding: 0 18px
}

.loop_mitukete .innerW {
    padding-top: 0;
}

.loop_mituketeList {
    display: flex;
}

.loop_mituketeList li {
    box-sizing: border-box;
    padding: 80px;
    width: 50%;
}

.loop_mituketeList li:first-child {
    border-right: 1px solid #EAEAEA;
}

.loop_mituketeList li dl {
    padding-top: 20px;
    margin-bottom: 40px
}

.loop_mituketeList li dt {
    font-size: 20px;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 15px;
}

.linksBtn .external:after {
    position: absolute;
    right: 10px;
}

.group-synergy .linksBtn .external:after{ top: 6px;}

.messcon {
    padding: 0 80px 80px 80px;
    border-bottom: 1px solid #EAEAEA;
}

.messcon.second {
    border-bottom: 0;
    padding-top: 80px
}

.ftmess {
    margin-bottom: 35px;
}

.ftmess dt {
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    margin-right: 20px;
}

.ftmess dd {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
}

.secmess {}

.secmess dt {
    font-size: 16px;
    color: #004098;
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    margin-right: 45px;
}

.secmess dd {
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    vertical-align: top;
}

.mstxt {
    text-align: center;
}

.mstxt p {
    padding-bottom: 65px;
}

.mstxt dt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}

.mstxt dd {
    font-size: 16px;
    line-height: 40px;
}

.mstxt dl {
    margin-bottom: 70px;
}

.mstxt p.logo {
    width: 297px;
    margin: 0 auto;
    padding-bottom: 0;
}

.mstxt .logo img {
    width: 100%;
    height: auto;
}

.spimgs {
    display: none;
}

.pcimgs {
    display: inline-block;
}

.modals.synery {
    max-width: 432px;
}

.real_estatechinntai {
    text-align: center;
    padding-top: 60px;
}

.statechinntaiTxt {
    margin-bottom: 40px;
}

.namcon span.attsss {
    font-size: 15px;
    color: #000;
}

@media only screen and (max-width: 798px) {
    .spimgs {
        display: inline-block;
    }

    .pcimgs {
        display: none;
    }
}

@media only screen and (max-width: 1190px) {
	.consultationLinks li .icon img{ width: 60px;}
	.consultationLinks li .linkTxt { font-size: 16px; width: calc(100% - 102px);}
	.consultationLinks li .linksBtn { top: 50%; margin-top: -11px}
	
	.achievementsList li{ width: 100%;}

    .group-synergy .messcon {
        padding: 0;
    }

    .mstxt p.messgeimgs {
        padding-bottom: 20px;
    }

    .boderin {
        padding: 0
    }

    .solutionLists li {
        display: inline-block;
        text-align: center;
        width: 100%;
    }

    .solyiyimg {
        padding-top: 20px;
    }

    .solutionLists li,
    .solutionListssecon li {
        padding: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #C2D4EA;
    }

    .loop_mituketeList {
        display: block;
    }

    .loop_mituketeList li {
        width: 100%
    }

    .loop_mituketeList li:first-child {
        border: none;
    }

    .loop_mituketeList li {
        padding: 20px;
    }

    .statechinntaiTxt {
        text-align: left;
    }

    .corptop .messin {
        display: block;
        /*flex-direction:column;
		flex-direction: row-reverse;*/
    }

    .corptop .messin .messgetixtwrap {
        width: 100%;
        padding-left: 0;
        padding-top: 40px;
        margin-bottom: 20px;
    }

    .corptop .messin .massageimgs {
        width: 100%;
        padding-bottom: 40px
    }

    .cplist li {
        border-right: none;
    }

    .second .sabTit.sptitpddng {
        padding: 40px 0 20px;
    }

    .otherLisnklist {
        margin-top: 0;
    }
	.neads li dt {
    font-weight: bold;
    padding: 12px 0 16px 0;
}
	.cplist li dl:last-child{ padding-top: 60px;}
	
	.organizationalImgWrapp {
    width: 100%;
    overflow-x: scroll;
}
}

/* ==========================
  recruit

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

.recicon {
    margin-bottom: 20px;
}

.reclistwrapp {
    background: #FAFAFA
}

.recinner {
    padding: 20px;
    box-sizing: border-box;
}

.recin {
    position: relative;
    width: 100%;
    height: auto;
}

.rectext {
    position: absolute;
    left: 60px;
    top: 50px;
}

.recicon dd {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 30px;
    color: #fff;
}

.reclistimg {
    position: relative;
    width: 100%;
    min-height: 540px
}

.reclistimg img {
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.recicon .linksBtn {
    font-weight: bold;
}

.recicon .linksBtn a {
    color: #fff;
    font-size: 20px;
}

.recicon .linksBtn:after {
    display: none;
}

.recicon.linksBtn {
    border-bottom: none;
}

.recicon .linksBtn {
    width: 150px;
}

.recicon .linksBtn span:before {
    background: url(../common/img/arrow_linkW.svg) left top no-repeat;
}

.recicon .linksBtn span:after {
    background: url(../common/img/arrow_linkW.svg) left top no-repeat;
}

.recicon .linksBtn span {
    top: 0;
}

.recicon .linksBtn {
    width: 173px;
}

.recicon.sabcon .linksBtn span:before,
.recicon.sabcon .linksBtn span:after {
    background: url(../common/img/arrow_linkW.svg) left top no-repeat;
}

.recicon dt {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}

.rightcon .rectext {
    position: absolute;
    left: auto;
    right: 60px;
    top: 50px;
}

.recicon.sabcon {
    width: 50%;
    position: relative;
}

.recicon.sabcon .recin {
    height: 278px;
}

.recicon.sabcon .linksBtn {
    position: absolute;
    bottom: 0;
    width: 290px;
    left: 20px;
}

.recicon.sabcon .linksBtn a {
    color: #fff;
    font-weight: bold;
}

.recicon.sabcon .linksBtn {
    border-bottom: none;
}

.recicon.sabcon .linksBtn:after {
    display: none;
}

.recicon.sabcon .reclistimg {
    min-height: 278px;
}

.sanrecConWrapp {
    display: flex;
    column-gap: 20px
}

.rehouseBtn.recruiteBtn li a {
    background: #004098
}

.recruiteBtn {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
}

.recruiteBtn li {
    width: calc(50% - 10px);
    margin-bottom: 20px;
}

.newsyear {
    width: 100%;
}

.rectxt {
    padding: 80px;
}



/* ==========================
  news

========================== */
.newsListWrapp {
    background: #FAFAFA;
}
.newsList li,.news-list li{ cursor: pointer;}

.newsyear h5 {
    display: inline-block;
    width: 80px;
    vertical-align: middle;
}

.newsyear ul {
    width: calc(100% - 120px);
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
}


.yearList li {
    display: inline-block;
    width: 94px;
    margin-right: 20px;
    vertical-align: top;
}

.yearList li a {
    border: 1px solid #004098;
    border-radius: 5px;
    display: block;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background: #fff;
}

.yearList li.active a{ background: #004098; color: #fff;}

.news .linksBtn {
    max-width: inherit;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.news .linksBtn span {
    top: 50px
}

.newsimg {
    width: 220px;
    height: 130px;
    object-fit: cover;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.newsTxt {
    display: inline-block;
    width: calc(100% - 270px);
    vertical-align: top;
    box-sizing: border-box;
    padding: 0 40px;
}

.newsTxt .date {
    font-size: 14px;
    margin-right: 30px;
    display: inline-block;
}

.newsTxt .ctgory {
    border: 1px solid #004098;
    border-radius: 11px;
    display: inline-block;
    padding: 5px 20px;
}

.newsTxt h3 {
    font-size: 16px;
    overflow: hidden;
    margin-top: 25px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.newsimg img {
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}


.newsDetail {
    background: #FAFAFA;
    padding: 0 80px;
	padding-bottom: 80px;
}

.newsDetail .innerW {
    background: #fff;
    border-radius: 10px;
}

.newstitArea .logoarea {
    display: inline-block;
    vertical-align: middle;
}

.newstitArea {
    position: relative;
    box-sizing: border-box;
    padding-right: 100px;
}

.newstitArea .logoarea p {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    max-width: 140px;
}

.newstitArea .logoarea:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 32px;
    background: #004098;
    margin-left: 10px;
    vertical-align: middle;
    margin-right: 20px;
}

.catList {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}

.catList p {
    border-radius: 16px;
    border: 1px solid #004098;
    padding: 5px 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.catList p.pickup {
    background: #E60012;
    color: #fff;
    border: none;
}

.newstitArea .date {
    font-size: 14px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 9px;
}

.newsdttit {
    font-size: 26px;
    line-height: 40px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 30px;
    border-bottom: 2px solid #C1C1C1;
    margin-bottom: 30px;
}

.newsDetail .block {
    margin-bottom: 20px;
    margin-bottom: 50px;
}

.newsDetail .caption {
    padding-top: 30px;
}

.newsDetail .subheading li {
    margin-bottom: 25px;
    color: #004098;
    font-weight: bold;
}

.newsDetail .subheading li {
    list-style-image: url("../img/corp/titdot.svg");
    padding-left: 5px;
}

.newsDetail .subheading li:last-child {
    margin-bottom: 0;
}

.newsDetail .grybg {
    background: #FAFAFA;
    border-radius: 10px;
    padding: 60px 40px;
    box-sizing: border-box;
}

.newsDetail ul,
.newsDetail ol {
    list-style-position: inside;
    font-weight: bold
}

.newsDetail ul li,
.newsDetail ol li {
    margin-bottom: 10px;
}

.newsDetail dt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.btn a {
    border: 1px solid #004099;
    border-radius: 10px;
    padding: 20px 40px;
    text-decoration: underline;
    display: block;
    color: #004099;
}

.btn {
    max-width: 420px;
    text-align: center;
    margin: 0 auto
}

.btnlist {
    max-width: auto;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

.btnlist .btn {
    width: 33%;
    white-space: nowrap;
    max-width: inherit;
    padding: 20px 5px;
    box-sizing: border-box;
    margin: 0;
}

.column2 {
    display: flex;
    column-gap: 46px;
}

.column2 .content {
    width: 50%;
}

.column2 {
    display: flex;
    column-gap: 46px;
}

.column2 .content {
    width: 60%;
}

.column2 .content.img {
    width: 40%;
}

.column3 {
    display: flex;
    column-gap: 46px;
}

.column3 .content {
    width: 33%;
}

.column4 {
    display: flex;
    column-gap: 46px;
}

.column4 .content {
    width: 25%;
}

.column3table th,
.column3table td {
    width: 33%;
}

.column4table th,
.column4table td {
    width: 25%;
}

.content p {
    margin-bottom: 30px;
}

.bodercon {
    border-top: 1px solid #EAEAEA;
    padding-top: 40px;
}

.pdf:after {
    content: "";
    display: inline-block;
    width: 43px;
    height: 20px;
    background: url("../img/news/iconpdf.svg") left top no-repeat;
    background-size: contain;
    margin-left: 20px;
    vertical-align: middle;
}

.excel:after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../img/news/iconexcel.svg") left top no-repeat;
    background-size: contain;
    margin-left: 20px;
    vertical-align: middle;
}

.word:after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../img/news/iconword.svg") left top no-repeat;
    background-size: contain;
    margin-left: 20px;
    vertical-align: middle;
}

.arrow:after {
    content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url("../img/news/iconarw.svg") left top no-repeat;
    background-size: contain;
    margin-left: 20px;
    vertical-align: middle;
}

.distlist {
    list-style-type: disc;
}

.numlist {
    list-style-type: decimal;
}

.lowercase {
    list-style-type: lower-alpha;
}

.uppercase {
    list-style-type: upper-alpha;
}


.contact .ligolist li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
}

.housepran {
    border-bottom: 1px solid #EAEAEA;
    padding-top: 50px;
}

.contactlinkList {
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px
}

.contactlinkList li {
    width: calc(50% - 20px);
    margin-bottom: 20px
}

.contactlinkList li a {
    border: 1px solid #004098;
    display: block;
    padding: 30px 57px 30px 20px;
    border-radius: 12px;
    text-align: left;
    position: relative
}

.contactlinkList li a.external:after {
    position: absolute;
    right: 24px;
    top: 35px;
}

.ligolist {
    padding-bottom: 40px;
}

.linkListcon h5 {
    margin-bottom: 30px;
    font-size-adjust: 20px;
}

.linkListcon {
    padding-bottom: 50px;
}

.contactread {
    padding-bottom: 30px;
    margin-top: -10px
}

.atdtxt {
    font-size: 14px;
}

.contactdireclinks h4 {
    margin-bottom: 40px;
}

.contactdireclinks .linkListcon {
    padding-bottom: 80px;
}

.contactread a {
    color: #004098;
    text-decoration: underline;
}


.contactread.mtt {
    margin-top: 30px;
}

.inquiryinformationCon .innerW {
    border-bottom: 1px solid #EAEAEA;
}

.inquiryinformationCon .atdtxt {
    margin-bottom: 40px;
}


.Terms .blocks {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #EAEAEA;
}

.Terms dt {
    font-size: 20px;
    font-weight: bold;
    color: #004098;
    margin-bottom: 20px;
}

.Terms .contactlinkList {
    padding-top: 30px;
}

.Terms .bold {
    font-weight: bold
}

.Terms .atdTxt {
    text-align: left;
    padding-top: 20px;
}

.p404 {
    text-align: center;
}

.p404 .p404Tit {
    font-family: "Staatliches", sans-serif;
    line-height: -10;
    color: #004098;
}

.p404 .p404Tit dt {
    font-size: 100px;
    font-family: "Staatliches", sans-serif;
    line-height: 0.8;
}

.p404 .p404Tit dd {
    font-size: 20px;
}

.p404 dt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #004098;
}

.p404 dd {
    line-height: 32px;
}

.p404 .p404Tit:after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: url(../common/img/sabtitimg.svg) left top no-repeat;
    background-size: cover;
    margin: 24px auto;
}

.p404 .linksBtn {
    margin: 0 auto;
    margin-top: 50px;
    text-align: left;
}

.p404 .bgwcon {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* ==========================
  SUSTAINABILITY

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

.sttxtcon {
    display: flex;
    align-items: flex-end;
    padding-top: 50px;
}

.svtxt {
    width: 49%;
    display: inline-block;
}

.sttxtcon .linksBtn {
    margin-left: auto;
    width: 250px;
}

.btnOthers {
    max-width: 592px;
    margin: 0 auto;
    text-align: center;
    padding: 40px 0;
}

.btnOthers a {
    color: #fff;
    background: #004098;
    border-radius: 11px;
    display: block;
    height: 92px;
    line-height: 92px;
    font-weight: bold;
    font-size: 20px;
}

.diversitycon {
    padding-top: 60px;
}

.pepleList {
    display: flex;
    position: relative;
    z-index: 10
}

.pepleList li {
    flex-grow: 1;
}

.pepleList li:first-child {
    padding-top: 64px;
}

.pepleList li:last-child {
    padding-top: 104px;
}

.pepleList li img {
    max-width: 280px;
    margin: 0 auto;
    display: block;
}

.promoting {
    position: relative;
}

.promoting:before {
    content: "";
    display: block;
    width: 100%;
    height: 293px;
    background: url("../img/sustainability/diversity/bgtop.svg") center bottom no-repeat;
    background-size: cover;
    position: absolute;
    top: -293px;
}

.promoting {
    background: #EFEBFF;
    background: linear-gradient(180deg, rgba(239, 235, 255, 1) 0%, rgba(252, 234, 234, 1) 50%, rgba(250, 244, 220, 1) 100%);
}

/* ==========================
  about-us sp

========================== */
@media only screen and (max-width: 1190px) {
    .messcon {
        padding: 40px
    }

    .ftmess dt {
        font-size: 20px
    }

    .ftmess dd {
        font-size: 20px
    }

    .secmess dt {
        font-size: 18px;
    }

    .secmess dd {
        font-size: 18px;
    }

    .mstxt dd {
        font-size: 14px;
        line-height: 28px;
        text-align: left;
    }

    .boderin .innerW {
        padding: 0;
    }

    .second .innerW {
        padding: 30px 20px 20px 20px;
    }

    .areamapWrapp {
        position: relative;
        /*overflow: hidden;*/
        /*  height: 815px;*/
    }
	.newsDetail{ padding-bottom: 40px;}

    /*.area{ height: 815px;}*/
    /*	.z1 .areain{ transform: scale(0.7); margin-left: -20%;}
	.z25 .areain{ transform: scale(0.75)}
.z50 .areain{ transform: scale(1)}
.z75 .areain{ transform: scale(1.25)}
.z100 .areain{ transform: scale(1.5)}

.zoomin:before { bottom: 53px;}
.z25 .zoomin:before { bottom: 103px;}
.z50 .zoomin:before { bottom: 153px;}
.z75 .zoomin:before { bottom: 203px;}
.z100 .zoomin:before { bottom: 253px;}
.modals{ display: none}
*/
}


/* ==========================
  buisinesssp

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

@media only screen and (max-width: 1190px) {
    .secondmainImg.indexmain.buisinessmain {
        height: 256px;
    }

    .pageinnavu {
        display: block;
        gap: 20px;
    }

    .rehouspnav .pageinnavu li {
        width: 100%;
        margin-bottom: 20px;
    }

    .secondmainTxt {
        padding: 0 20px;
    }

    .secondmainTxt dt,.secondmainTxt h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .logoTxt dd {
        font-size: 18px;
    }

    .secondmainTxt {
        padding-top: 20px;
    }

    .rehousecontent .secondmainTxt {
        padding-bottom: 30px;
    }

    .bumConList li {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #EAEAEA;
        padding: 20px 0;
    }


    .imgList {
        display: block;
        gap: 20px;
        margin-top: 40px;
    }

    .imgList li {
        width: 100%;
        margin-bottom: 20px
    }

    .saportCon {
        display: block;
        padding-top: 0;
    }

    .saportCon .saptxt {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .rehouseBtn {
        display: block;
        column-gap: 20px;
    }

    .rehouseBtn li {
        width: 100%;
        margin-bottom: 20px;
    }

    .rehouseBtn li a span {

        margin-right: 5px;
        width: 108px;
    }

    .bgwcon {
        margin-bottom: 40px;
    }

    .bumConList.sec li {
        width: 100%;
    }

    .neads {
        display: block
    }

    .neads li {
        width: 100%;
        margin-bottom: 40px;
    }

    .hokencon {
        display: block
    }

    .hokencon .hokenimg,
    .hokencon dl {
        width: 100%;
    }

    .seconbuisnes .businesList>li {
        width: 100%;
    }

    @media only screen and (min-width: 1191px) {
        .seconbuisnes .businesList>li:first-child {
            border-right: 1px solid #fff;
        }
    }

    .propertylist li {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }

    .realplan .rehouseBtn li a {
        background: #012D4C;
        line-height: 1;
        height: auto;
        padding: 20px;
        font-size: 14px;
    }

    .assets {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .assets li {
        width: 50%;
        text-align: center;
        margin-bottom: 20px;
        padding-top: 20px
    }
	
    .invCon {
        display: block;
    }

    .txtearea {
        width: 100%;
        margin-bottom: 20px
    }

    .imvimg {
        width: 100%;
    }

    .llinksBtns {
        display: block
    }

    .therdbyn li {
        width: 100%;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .semlogo {
        text-align: center;
        max-width: 209px;
        margin: 20px auto 0;
    }

    .pursuit {
        margin-top: 40px;
        padding-top: 40px;
    }

    .toppi {
        display: block;
    }

    .toppiTxt {
        width: 100%;
    }

    .toppiTImg {
        width: 50%;
        text-align: center;
        margin: 0 auto;
        padding-top: 20px;
    }

}

/* ==========================
  corp

========================== */
.corp .linksBtn a {
    color: #fff;
}

.corptop .topmassege .linksBtn a {
    color: #000;
}

@media only screen and (max-width: 1190px) {
	.messFistTxt{padding: 40px 20px 40px;}
	.assets li:nth-child(2n) .imgsWrapp{ border-right: none;}
	.assets li .imgsWrapp{ padding: 0 10px; box-sizing: border-box}
	.matching .semlogo{max-width: 120px;}


    .outlineList {
        padding: 0px 4px;
    }

    .namelist dt,
    .namelist dd {
        width: 100%;
    }

    .outlineList .namelist dt {
        padding-top: 0;
    }

    .outlineList .namelist dd {
        padding-top: 10px;
    }

    .otherLisnklist {
        display: block;
        box-sizing: border-box;
        padding: 0;
    }

    .otherLisnklist li {
        width: 100%;
        box-sizing: border-box;
        padding: 0 7px;
        margin-bottom: 20px;
    }

    .outline {
        padding-bottom: 0;
    }

    .guidanceListLi {
        display: block;
    }

    .guidanceListLi li:nth-child(odd) {
        padding-right: 0;
    }

    .guidanceListLi li:nth-child(even) {
        padding-left: 0;
    }

    .guidanceListLi li {
        width: 100%;
    }

    .koukoku .boderin .innerW {
        padding: 30px 20px;
    }

    .licensin {
        padding: 0 20px 20px 20px;
    }

    .licensTable {
        width: 100%;
        border-radius: 10px;
		min-width: 500px;
      
    }
	.contentLine td {
    padding: 5px 10px;
		height: 78px;}

    .licensTabl tbody {
        min-width: 500px
    }

    .massageWrapp .licensin {
        padding: 0 20px;
    }

    .masegecontent {
        display: block;
    }

    .massageTxt {
        width: 100%;
        border-right: none;
        padding-right: 0;
        box-sizing: border-box;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .massageWrapp:before {
        width: 126px;
        height: 126px;
    }

    .massImg {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .grupTit dt,.grupTit h2 {

        font-size: 20px;
        font-weight: bold;
        line-height: 30px;

    }

    .btnOthers {

        padding: 20px;
    }

    .btnOthers a {
        font-size: 14px;
    }

    .grupcampny h4 {
        padding-top: 40px;
        font-size: 18px;
    }

    .mfgWrap li {
        width: 100%;
        box-sizing: border-box;
        padding: 20px;
        border-right: none;
        border-bottom: 1px solid #EAEAEA;
    }

    .mfgWrap li dt {
        font-size: 16px;
        font-weight: bold;
    }

    .othrLinkBtn {
        text-align: center;
        padding: 19px;
    }

    .othrLinkBtn a {
        font-size: 14px;
    }

    .hstryWrapp {
        font-size: 0;
        letter-spacing: 0;
        padding: 0px 20px;
    }

    .histryList {
        width: 0;

        display: none;
    }

    .histryyear {
        font-size: 32px
    }

    .histrys .hisutryDetail {
        width: 100%;
    }

    .HistryContent {
        padding-top: 20px;
        width: 100%;
    }

    .HistryContent:after {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #004098;
        position: absolute;
        top: 0;
        left: -20px;
    }

    .histrys dl {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    .HistryContent {
        margin-left: 0;
    }

    .histrys .hisutryDetail {
        padding-top: 0;
        padding-left: 100px;
        margin-top: -28px;
    }

    .histryyear:before {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        background: #004098;
        border-radius: 50%;
        position: absolute;
        top: 20px;
        left: -27px;
    }


    .newsTxt {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        box-sizing: border-box;
        padding: 0 40px;
    }


    .news .linksBtn span {
        top: auto;
        bottom: 20px;
    }

    .newsimg {
        width: 100%;
        height: 177px;
        object-fit: cover;
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 20px;
    }

    .yearList li {
        display: inline-block;
        width: 94px;
        margin-right: 20px;
        vertical-align: top;
        margin-bottom: 20px;
    }

    .newsyear ul {
        width: 100%;
        margin-left: 0;
    }

    .newsyear h5 {
        display: inline-block;
        width: 80px;
        vertical-align: middle;
        margin-bottom: 20px;
    }

    .newsTxt {
        padding: 0;
    }

    .newsDetail {
        padding: 0 20px;
		padding-bottom: 40px;
    }

    .newstitArea .date {
        font-size: 14px;
        text-align: right;
        position: relative;
        right: auto;
        top: auto;
        text-align: right;
    }

    .newstitArea {
        position: relative;
        box-sizing: border-box;
        padding-right: 0;
    }

    .newstitArea .logoarea:after {
        display: none;
    }

    .newstitArea .logoarea p {
        margin-bottom: 10px;
    }

    .newsdttit {
        font-size: 18px;
        line-height: 32px;
    }

    .btnlist {
        display: block;
    }

    .btnlist .btn {
        width: 100%;
    }

    .column2 {
        display: block;
    }

    .column2 .content {
        width: 100%;
        margin-bottom: 20px;
    }

    .column3 {
        display: block;
        column-gap: 46px;
    }

    .column3 .content {
        width: 100%;
        margin-bottom: 20px
    }

    .column4 {
        display: block;
    }

    .column4 .content {
        width: 100%;
        margin-bottom: 20px
    }

    .contactlinkList {
        display: block;
    }

    .contactlinkList li {
        width: 100%;
        margin-bottom: 20px;
    }

    .contactlinkList li a {
        border: 1px solid #004098;
        display: block;
        padding: 30px 53px 30px 20px;

    }

    .rectext dt {
        font-size: 30px;

    }

    .cplist {
        display: block;
    }

    .cplist li {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #EAEAEA;
    }

    .messTxt {
        font-size: 25px;
    }
}

.messge .corp .linksBtn a {
    color: #000;
}

/* ==========================
  recruit

========================== */
.corp .linksBtn a {
    color: #fff;
}

.secondrecinner {
    display: flex;
}

@media only screen and (max-width: 1190px) {

    .rectext {
        position: absolute;
        left: 20px;
        top: 20px;
    }

    .rightcon .rectext {
        position: absolute;
        left: auto;
        right: 20px;
        top: 30px;
    }

    .rectext dd {
        font-size: 16px;
    }

    .sanrecConWrapp {
        display: block;
    }

    .recicon.sabcon {
        width: 100%;
    }

    .recruit .rehouseBtn li a span {
        width: 70%;
        font-size: 14px;
    }

    .consultationLinks {
        display: block;
    }

    .consultationLinks li {
        width: 100%;
        margin-bottom: 20px
    }

    .pageinnavu {
        display: block;
    }

    .pageinnavu li {
        width: 100%;
        margin-bottom: 20px;
        font-size: 16px;
    }

    .what-we-can .licensin {
        padding: 0;
    }

    .consultationLinks li .linkTxt {
        margin-left: 20px;
    }

}
@media only screen and (max-width: 768px) {
    .secondrecinner {
        flex-direction: column;
    }
    
}

/* ==========================
  sustainability

========================== */
.sasutimgcon .stvTxt {}

.sasutimgcon .stvTxt .bold {
    font-weight: bold;
}

.stnatable .contentLine td.titcell {
    background: #FFF4F5;
    width: 16%;
}

.sasutimgcon {
    padding-bottom: 50px;
}

.graphImg {
    display: flex;
    text-align: center;
}

.graphImg li {
    width: 50%;
}

.graphImg h5 {
    margin-bottom: 36px;
}

.graphCon {
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
}

.graphCon dl {
    text-align: left;
}

.graphCon dt {
    font-size: 50px;
    color: #E26474;
    font-weight: bold;
    line-height: 1;
    ;
}

.graphCon dt span {
    font-weight: normal;
    font-size: 20px;
}

.graphCon dd {
    font-size: 20px;
}

.graphCon dd span {
    font-size: 14px;
    font-weight: normal;
}

.graphCon p {
    padding-right: 20px;
    width: 40%;
    box-sizing: border-box;
    margin-bottom: 0;
}

.sastinaTxtW {
    display: flex;
}

.sastinaTxtW li {
    width: 50%;
}

.sastinaTxtW li:first-child {
    padding-right: 5%;
    border-right: 1px solid #eaeaea;
}

.sastinaTxtW li:last-child {
    padding-left: 5%;
}

.jiseki {
    padding-top: 60px;
}

.promoting.notop:before {
    display: none;
}

.organization li {
    list-style: none;
}

.organizationW {
    display: flex;
    align-items: flex-start;
}

.organization {
    width: 33%;
    box-sizing: border-box;
    padding-right: 5%;
}

.organizationImg {
    width: 67%;
}

.sasutimgcon dt,
.sasutbodetcon dt {
    font-weight: bold;
    margin-bottom: 20px;
}


.sasutimgcon {
    /*border-bottom: 1px solid #eaeaea;*/
    padding-top: 40px;
}

.sustainability.second .sasutimgcon {
    border-bottom: 1px solid #eaeaea;

}


.sienkist a {
    border: 1px solid #004098;
    padding: 10px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    display: block;
    color: #004098;
    border-radius: 10px;
}

.sienkist {
    display: flex;
    column-gap: 20px;
    margin-top: 20px;
}

.sienkist li {
    width: calc(50% - 10px);
}

.sienkist li span {
    background: #F2F8FF;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px 10px;
    display: block
}

.logomascotcon span {
    display: inline-block;
    width: calc(100% - 200px);
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 60px;
}

.logomascotcon span.imgmascot {
    display: inline-block;
    width: 180px;
    vertical-align: top;
    padding-left: 0;
}

.listseido {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}

.listseido li {
    width: 33.3%;
    box-sizing: border-box;
    padding: 80px;
    border-right: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}

.listseido li:nth-child(3n) {
    border-right: none;
}

.listseido li dt {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.titlstxcont {
    margin-bottom: 40px;
}


.kenkoukeieicon {
    padding-top: 30px;
}

.iconkenko img {
    margin-top: 40px;
}

.kenkoukeieicon p {
    font-size: 16px;
    padding-top: 30px;
}

.txtlists {
    padding: 40px;
    margin-top: 40px;
    border-top: 1px solid #EAEAEA;
}

.txtlists li {
    list-style: disc;
    margin-bottom: 30px
}

.houjinimg {
    box-sizing: border-box;
    padding: 0 60px;
}

.houjincontent {
    display: flex;
}

.houjincontent div {
    width: 50%;
}

.blocksitcon {
    display: block;
}

.blocksitcon .svtxt {
    width: 100%;
    margin-bottom: 40px;
}

.chiikikouken.listseido li {
    width: 50%;
}

.chiikikouken.listseido li {
    padding: 60px 0;
    text-align: left;
}

.chiikikouken.listseido li img {
    margin-bottom: 10px;
}

.chiikikouken.listseido li dt {
    text-align: left;
}

.chiikikouken.listseido li:nth-child(odd) {
    padding-right: 40px;
}

.chiikikouken.listseido li:nth-child(3n) {
    border-right: 1px solid #EAEAEA;
    ;
}

.chiikikouken.listseido li:nth-child(even) {
    padding-left: 40px;
    border-right: none;
}

.chiikikouken.listseido li dd span {
    font-size: 12px;
}

@media only screen and (max-width: 1190px) {
    .pepleList li {
        width: 33%;
    }

    .pepleList li img {
        width: 100%;
        height: auto;
    }

    .graphImg {
        display: block
    }

    .graphImg li {
        width: 100%;
        margin-bottom: 40px
    }

    .sastinaTxtW {
        display: block;
    }

    .sastinaTxtW li {
        width: 100%;
        margin-bottom: 40px;
    }

    .sastinaTxtW li:first-child {
        padding-right: 0;
    }

    .sastinaTxtW li:last-child {
        padding-left: 0;
    }

    .sasutimgcon .stvTxt {
        margin-bottom: 40px;
    }

    .listseido {
        display: block;
    }

    .listseido li {
        width: 100%;
        padding: 40px;
        border: none;
        border-bottom: 1px solid #eaeaea;
    }

    .listseido li dt {
        font-size: 16px;
    }

    .listseido li dd {
        font-size: 14px;
    }

    .sienkist {
        display: block;
    }

    .sienkist li {
        width: 100%;
        margin-bottom: 20px;
    }

    .txtlists {
        padding: 0;
        margin-top: 40px;
        border-top: none;
    }

    .houjincontent {
        display: block;
    }

    .houjincontent div {
        width: 100%;
    }

    .houjinimg {
        box-sizing: border-box;
        padding: 30px 0px;
    }

    .chiikikouken.listseido li {
        width: 100%;
        padding: 30px 0;
    }

    .chiikikouken.listseido li:nth-child(odd) {
        padding-right: 0;
    }

    .chiikikouken.listseido li:nth-child(even) {
        padding-left: 0;
    }

    .chiikikouken.listseido li:nth-child(3n) {
        border-right: thin;
    }

    .policy .value {
        border-top: none;
    }

    .alzoList li {
        border-right: none;
        border-bottom: 1px solid #C1CDDF;
        padding-bottom: 20px;
    }
}

/* =================
branch
================= */
.brounchreadIn {
    display: flex;
    align-items: center;
    justify-content: center;
    /* text-align: center; */
}

.brounchreadIn .txtcon {
    width: 50%;
}

.brounchreadIn .txtcon img {
    max-width: 383px;
}
.brounchreadIn .readImg {
    width: 50%;
}

.brounchreadIn h1 {
    margin-bottom: 34px;
}

.readImg:before {
    content: "";
    display: block;
    width: 211px;
    height: 250px;
    ;
    position: absolute;
    left: -10px;
    bottom: -10px;
    background: #004098;
    border-radius: 10px;
}
@media only screen and (max-width: 1190px) {
	.brounchreadIn {
		display: block;}
	.brounchreadIn .txtcon {
    width: 100%;
}

.brounchreadIn .txtcon img {
    max-width: 383px; margin: 0 a;
}
.brounchreadIn .readImg {
    width: 100%;
}
	.readImg:before {width: 100%;
    height: 100%;}
	.brounchreadIn{ padding:40px 20px;}
	.brounchreadIn .txtcon{ margin-bottom: 20px;}

}

.readImg {
    position: relative;
}

.readImg img {
    position: relative;
    z-index: 2;
}



.modlin {
    text-align: left;
}

.branch_rec_teamWrapp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding-top: 100px;
}

.branch_teamName {
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 20px;
}

.branch_teamImg {
    width: 100%;
    max-width: 700px;
	    height: 320px;
    object-fit: cover;
	border-radius: 10px;
}

@media screen and (max-width: 768px) {
    .branch_rec_teamWrapp {
        flex-direction: column;
        width: 100%;
    }
}

@media only screen and (max-width: 1190px) {
    .mapmodal {
        padding: 20px;
    }
	.branch_rec_teamWrapp {box-sizing: border-box;
    padding: 40px 20px;}
	.branch_teamImg{ height: 160px;}


    .cariconList {
        display: flex;
        column-gap: 40px;
        flex-wrap: wrap
    }

    .cariconList li {
        width: calc(50% - 20px);
    }
}

.noboderBtns .linksBtn {
    width: 100%;
    border-bottom: none;
    max-width: inherit;
    padding-bottom: 0;
}

.noboderBtns .linksBtn:after {
    display: none
}

@media only screen and (max-width: 1190px) {
    .noboderBtns .linksBtn span {
        right: -40px;
        top: 0;
    }

}

.Terms a.txtlink {
    color: #004098;
    text-decoration: underline;
}

.temBg {
    background: #FAFAFA;
    padding: 20px;
}

.sitemap .outlineList a {
    margin-left: 0;
}

.stmaplist {
    display: flex;
    column-gap: 30px;
	flex-wrap: wrap;
}

.stmaplist div {
       width: calc(33% - 20px);
}

.stmaplist div h5 {
    margin-bottom: 16px;
}

.stmaplist div li {
    margin-bottom: 16px;
}

.stmaplist a {
    text-decoration: underline;
}
.voicetitlecon .block{ line-height: 1.8em;}

@media only screen and (max-width: 1190px) {
    .stmaplist {
        display: block;
    }

    .stmaplist div {
        width: 100%;
        margin-bottom: 20px
    }

    .canDoCon .linksBtn {
        width: 100%;
        margin-top: 50px
    }

    .splide__arrow--next {
        top: 30%;
        right: -24px;
    }

    .splide__arrow--prev {
        top: 40%;
        left: -20px;
    }

    .repasrkstxtx {
        padding-top: 30px;
    }

    .llinksBtns img {
        max-width: 200px;
    }

    .logomascotcon span {
        display: BLOCK;
        width: 100%;
        vertical-align: top;
        box-sizing: border-box;
        padding-left: 0;
    }

    .sasutimgcon {
        padding-bottom: 0;
    }

    .pickupSec .secTit dt {
        margin-right: 10px;
    }

    .supprtList {
        padding: 40px 0 40px;
        margin-bottom: 40px
    }

    .assets {
        margin-bottom: 40px;
    }

    .btnconv a {
        font-size: 16px;
        height: 81px;
        line-height: 80px;
    }

    .listIn h4 {
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 50px 0 20px;
        position: relative;
    }

    .businList {
        background: #fff;
        padding: 20px;
        box-sizing: border-box;
        width: 100%;
        border-radius: 10px;
        margin-bottom: 20px;
        min-height: inherit;
    }

    .businessTit {
        font-size: 24px;
    }

    .businessTit {
        margin-bottom: 0;
    }

    .businessTit:before {
        margin-bottom: 20px
    }

    .businesslist li dl {
        box-sizing: border-box;
        padding: 20px;
    }

    .listIn h4:before {
        top: 5px;
    }

    .mstxt dl {
        margin-bottom: 20px;
    }

    .mstxt p.logo {
        margin-bottom: 30px;
    }

    .solutionLists li:nth-child(2) {
        top: auto;
    }

    .messsecond {
        padding-top: 40px;
        margin-bottom: 30px;
    }

    .voiceList {
        border: none;
    }

    .voiceTitle dd {
        font-size: 22px;
    }

    .voicectgList li {
        display: block;
        margin-bottom: 20px;
    }

    .remodal {
        padding: 40px 20px;
    }

    .mapmodal dl {
        padding: 25px 0 25px;
    }

    .mapmodal .block {
        margin-bottom: 20px;
    }

    .content p {
        margin-bottom: 0;
    }

    .vcvoiceivw {
        padding: 20px;
    }

    .iVlist dt:before {
        font-size: 25px;
        left: 0;
    }

    .iVlist dt {
        padding-left: 50px;
        font-size: 16px;
    }

    .iVlist dd:before {
        left: 0;
    }

    .iVlist dd {
        font-size: 13px;
        padding-left: 50px;
    }



}

@media only screen and (min-width: 1191px) {
    .centerTxt {
        padding: 0 80px
    }
}

.aboutimg img,
.candoimg img,
.message img {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(40px);
}
.header img{ opacity: 1;  transform: translateY(0)}

.aboutimg img.on-active,
.candoimg img.on-active,
.message img.on-active {
    opacity: 1;
    transform: translateY(0);
}

.loop_mituketeList img {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(40px)
}
.logoarea{
    opacity: 1;
    transform: translateY(0);
}

.loop_mituketeList img.on-active {
    opacity: 1;
    transform: translateY(0);
}

.Strengths img {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(40px)
}

.Strengths img.on-active {
    opacity: 1;
    transform: translateY(0);
}


.businesslist img {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(40px)
}

.businesslist img.on-active {
    opacity: 1;
    transform: translateY(0);
}

.Strengths img {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(40px)
}

.Strengths img.on-active {
    opacity: 1;
    transform: translateY(0);
}

.secconbodercon img {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(40px)
}

.secconbodercon img.on-active {
    opacity: 1;
    transform: translateY(0);
}


.imgList img {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(40px)
}

.imgList img.on-active {
    opacity: 1;
    transform: translateY(0);
}

.invCon img {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(40px)
}

.invCon img.on-active {
    opacity: 1;
    transform: translateY(0);
}

.achievementsList img {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(40px)
}

.achievementsList img.on-active {
    opacity: 1;
    transform: translateY(0);
}


.glovealcontent img {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(40px)
}

.glovealcontent img.on-active {
    opacity: 1;
    transform: translateY(0);
}

.diversitycon img {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(40px)
}

.diversitycon img.on-active {
    opacity: 1;
    transform: translateY(0);
}


.diversitycon img {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(40px)
}

.diversitycon img.on-active {
    opacity: 1;
    transform: translateY(0);
}




.second main img {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(40px)
}

.second main img.on-active {
    opacity: 1;
    transform: translateY(0);
}

.second main .secondmain img {
    opacity: 1;
    transform: translateY(0);
}


.second .pickupSec .splide__toggle span:before {
    width: 29px;
    height: 29px
}

.reclistimg {
    height: 100%;
    min-height: 420px;
}

.rightcon .rectext {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
}

.recicon .linksBtn a {
    color: #fff;
    font-size: 20px;
}

.recicon .linksBtn {}

.recicon .linksBtn:after {
    display: none;
}

.recicon .linksBtn {
    border-bottom: none
}

.recicon.sabcon .linksBtn {
    max-width: inherit;
    width: 400px
}

@media only screen and (min-width: 1191px) {
    .second .pickupSec .splide__toggle {
        top: -60px;
    }

    .access .outline {
        padding-bottom: 0;
    }

    .recconlist {
        display: flex;
        column-gap: 20px;
    }

    .recconlist .recicon {
        width: 50%;
        height: 420px;
        margin-bottom: 20px;
        position: relative;
    }

    .recicon .linksBtn {}
}

.relationKist li a {
    color: #fff;
}

.recconlist .recicon .linksBtn {
    position: absolute;
    left: 20px;
    bottom: 20px;
}


.management_philosophy .innerW {
    padding-top: 60px;
    padding-bottom: 25px;
}

.histrwp {
    padding-top: 100px;
    margin-top: -100px;
}

.csrsLists {
    display: flex;
    column-gap: 20px;
    padding-top: 20px
}

.csrsLists img {
    width: 100%;
    height: auto;
}


@media only screen and (max-width: 1190px) {
	.btn a {
    border: 1px solid #004099;
    border-radius: 10px;
    padding: 10px 10px;
    text-decoration: underline;
    display: block;
    color: #004099;
    font-size: 14px;
}
	.newsDetail dt{ font-size: 18px;}
	.newsDetail dd,.newsDetail p{ font-size: 14px;}
    .reclistimg {
        min-height: inherit;
        height: 185px
    }

    .recicon.sabcon .recin {
        height: 165px;
    }

    .recicon.sabcon .recin {
        height: 165px;
    }

    .recicon.sabcon .reclistimg {
        min-height: 165px;
        height: 165px;
    }

    .recicon .linksBtn a {
        font-size: 16px;
    }

    .recicon {
        position: relative;
    }

    .recconlist .recicon .linksBtn {
        bottom: 0;
    }

    .sttxtcon {
        display: block;
    }

    .sttxtcon .linksBtn {
        margin-left: auto;
        width: 100%;
    }

    .svtxt {
        margin-bottom: 20px;
        width: 100%;
    }

    .sabTit {
        padding: 0 20px;
		box-sizing: border-box;
    }

    .contact .ligolist li {
        padding-bottom: 20px;
    }

    .organizationW {
        display: block;
    }

    .organization {
        width: 100%;
        box-sizing: border-box;
        padding-right: 0;
    }

    .organizationImg {
        width: 100%;
        padding-top: 40px;
    }

    .newsDetail .grybg {
        padding: 20px;
    }

    .rehouseBtn li a {
        height: 70px;
        line-height: 70px;
    }
	.rectxt{ padding: 20px;}
	.tblWrapp{ overflow-x:scroll; width: 100%;}
	.ivlist li a { height: 70px; line-height: 70px; font-size: 16px;}
	.canDo .bnsLink{ margin-top: 20px;}


}



.content p.voicetitread {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.mapmodal dl.voicenames {
    padding: 0;
    margin-bottom: 30px;
}

.mapmodal dl.voicenames dt {
    font-size: 16px;
    font-weight: normal;
}

.mapmodal dl.voicenames dd {
    font-size: 24px;
    padding-top: 5px;
    font-weight: normal;
    border-bottom: 1px solid #efefef;
}

.mapmodal.voicenames dl {
    padding: 0
}

.bold {
    font-weight: bold;
}

.organizationImg .atd {
    text-align: right;
    font-size: 12px;
    display: block;
}

@media only screen and (min-width: 1191px) {
    .voicemainblock.column2 .content {
        width: 75%;
    }

    .voicemainblock.column2 .content.img {
        width: 35%;
    }

    .maxwidthImg {
        width: 80%;
        margin: 0 auto;
    }

    .canDo .linksBtn {
        margin-top: 20px;
    }

    .recicon .linksBtn.rcbtn a {
        font-size: 33px;
    }

    .recicon .linksBtn.rcbtn {
        width: 254px;
    }

    .recicon .linksBtn.rcbtn span {
        top: 10px;
    }

    .recicon .linksBtn.rcbtn.sinsotu {
        width: 188px;
    }

    .recicon.sabcon .linksBtn.rtnn {
        width: 320px;
    }

    .singlesbtn {
        justify-content: center;
    }

    .singlesbtn.therdbyn li {
        width: calc(60% - 18px);
		
    }
	.systemdiversity{ position: relative;}
	.systemdiversity .atd{ position: absolute; top: 80px; right: 80px;}
}

.reparkbtn.llinksBtns a{ background: #006E3B}
.iconimgs{ display: grid;
  place-items: center;}
@media only screen and (min-width: 1191px) {
.btnfixhight.contactlinkList li a{  box-sizing: border-box; display: grid;
  place-items: center; font-size: 14px; text-align: left;}
	.btnfixhight.contactlinkList li a div{ width: 100%; box-sizing: border-box; padding-right: 50px;}
	a.external:hover:after{ transform: translateX(5px);     transition: all .4s;}
}

.customerlink{ text-align: center; margin-bottom:  40px;}
.customerlink a{ color: #004098; text-decoration: underline;}
.customerlink a:hover{ text-decoration: none;}

.contactlinkList li.linksBtn{  max-width: 100%; border-bottom: none; padding-bottom: 0; font-size: 16px;}

.contactlinkList li.linksBtn:after{ display: none;}

.contactlinkList li.linksBtn span {right: 10px;
    top: 21px;}

.contactlinkList li.linksBtn:hover{ padding-left: 0;}

.second .globalCon{ background: #FAFAFA;}
.globalCon{ width: 100%; box-sizing: border-box; padding: 40px; }
.gvconIn{ background:#F0F2FF; border-radius: 15px; padding: 10px; display: flex; align-items: center;　max-width: 1284px; margin: 0 auto; position: relative; z-index: 1;}
.gvconIn .gvimg{ width: 50%; height: 225px; position: relative; border-radius: 15px; overflow: hidden;}
.gvconIn .gvimg img{ position: absolute; object-fit: cover; object-position: center center; width: 100%; height: 100%;}
.gvconIn .gvTxt{ width: 50%; box-sizing: border-box; padding: 0 34px;}
.gvconIn .gvTxt dt{ font-size: 20px; margin-bottom: 20px; font-weight: 500;}
.gvconIn .gvTxt dd{ margin-bottom: 30px;}

.gvconIn .gvTxt .linksBtn span{ top: 5px;}

@media only screen and (max-width: 1190px) {
	.globalCon{ padding: 20px;}
	.gvconIn{ display: block;}
	.gvconIn .gvimg{ width: 100%; height: 146px;}
	.gvconIn{ padding: 20px;}
	.gvconIn .gvTxt {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0;
}
	.gvconIn .gvTxt dt{ text-align: center}
	
}
.synergyList .boderin .innerW{ padding-top: 0;}
.synergyList .cplist{ border-top: 0; border-bottom: none;}
.synergyList .cplist li{ text-align: left; border-bottom: 1px solid #EAEAEA;}
.synergyList .cplist li dt{ padding-top: 10px;}
@media only screen and (min-width: 1191px) {
.invList.cplist li{ width: 50%; box-sizing: border-box;}
	.invList.cplist li:nth-child(3n){border-right: 1px solid #EAEAEA;}
		.invList.cplist li:nth-child(2n){border-right: none;}
	.smapListsfloat {font-size: 0; letter-spacing: 0; display: flex; flex-wrap: wrap; column-gap: 30px;
}
	.smapListsfloat li{ width: calc(33% - 20px); font-size: 16px; margin-bottom: 20px; r}

}
@media only screen and (max-width: 1190px) {
    .second .synergyList .innerW {
        padding: 30px 0 20px 0;
    }
	.synergyList .cplist li:last-child{ border-bottom: none}
}

/*ニュー詳細*/
.news .breadcrumbs-area+#contents-area{ margin-top: 40px;}
/*#contents-area{}*/
.breadcrumbs-area {
    background: #efefef;
    padding-top: 80px;
}
.news #content{ background: #FAFAFA;  }

.breadcrumbs-area {
    background: transparent;
    padding-top: 120px;
}

.breadcrumbs-area p {
    max-width: 940px;
    margin: 0 auto;
    padding: 7px 0;
    font-size: 83%;
    max-width: 1400px;
    padding: 0 40px;
    font-size: 16px;
}

.news #contents-area {
    padding: 40px;
    background: #fff;
    max-width: 1330px;/**/
	    border-radius: 10px;
	margin-bottom: 80px;
	
}
/*a:visited{ color: #000;}
.contactNavLi a:visited{ color: #00;}
.sabNavi a:visited{ color: #fff;}
.langNavLi a:visited{ color: #fff;}
.sabNavi .therdnav a:visited{color: #fff;}
.breadcrumbs-area a:visited{ color: #004098;}
.branchLogo a:visited{color: #004098;}
.footnab dd a:visited{color: #000;}*/
.breadcrumbs-area a{ color: #004098;}
@media only screen and (max-width: 1190px) {
	
	.breadcrumbs-area{ display: none}
	.news #contents-area{ margin-top: 20px;}
	.news #content{ padding-top: 90px;}
	.news #contents-area { max-width: calc( 100% - 40px);}
	.header{ top:0;}
	.news #contents-area { margin-bottom: 40px; padding: 20px;}
	
	.grupList dt {
    font-size: 16px;
    font-weight: bold;
    border-top: none;
    width: 100%;
    display: block;
    vertical-align: top;
    padding-top: 0;
    margin-right: 0;
}
	.grupList dd {
    font-size: 14px;
    border-top: none;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding-top: 20px;
    line-height: 32px;
}
	
	.branch .businesscon{ padding-top: 120px; margin-top: -120px;}
	.grupList li{border-top: 1px solid #EAEAEA; margin-bottom: 20px; padding-top: 20px;}
	.recicon.sabcon .linksBtn{width: calc(100% - 40px); padding-right: 40px; box-sizing: border-box;}
}

.contactdireclinks .linkListcon{ padding-top: 100px; margin-top: -100px;}
.modlin .linksBtn{ max-width: 100%;}

 .linkListcon{ padding-top: 100px; margin-top: -100px;}

#hoken {
    padding-top: 100px;
    margin-top: -100px;
}

.hoken .innerW{ padding: 80px 20px; } 
.hokencon{ border-radius: 16px;}

@media only screen and (max-width: 1190px) {
	.outlineList dt{ padding: 0; border-top: none;}
	.outlineList dl{    border-bottom: 1px solid #00409; margin-bottom: 20px;
    padding-bottom: 10px;}
	.outlineList dd{ border-top: none;}
	.outlineList a{ margin-left: 0; display: block;} 
	.outlineList .namelist dd {
        padding-top: 0;
        display: inline-block;
        width: 50%;
    }
	    .outlineList .namelist dt {
        padding-top: 0;
        display: inline-block;
        width: 40%;
    }
	.outlineList dt { width: 100%; display: block;}
	.outlineList dd { width: 100%; display: block; padding: 15px 0 0 0}
	.outlineList li{   border-bottom: 1px solid #004098; margin-bottom: 20px;}
	.outlineList .namelist li:last-child{ border-bottom: none;}
	
	.outlineno .secondmainImg.indexmain img{ opacity: 0; }
	.outlineno .secondmainImg.indexmain{ background: url("../img/corp/main_sp.jpg") left top no-repeat; background-size: cover;}
	
	.licenseP .secondmainImg.indexmain img{ opacity: 0; }
	.licenseP .secondmainImg.indexmain{ background: url("../img/corp/main_sp.jpg") left top no-repeat; background-size: cover;}
	
	.pageinnavu li a {
    border: 1px solid #004098;
    border-radius: 10px;
    display: block;
    padding: 19px 24px 19px 30px;
    position: relative;
    font-size: 16px;
    font-weight: bold;
}
	.pageinnavu li a:before { top: 32px;}
	.sabTit dt, .sabTit h3{ font-size: 20px}
	.logoTxt dt img{ max-width: 200px;}

}

.maplogo a{ display: block; padding:0.9vw 1.5vw 1.5vw 1.5vw; text-align: center;}
.maplogo img{ margin-bottom: 0.2vw}
.area .mlogoalz{ width: 5.5vw;  max-width: 88px;}

.maplogo img.logorehousemap{ width: 9vw}
.maplogo img.logoreparkmap{ width: 8.5vw;}
.maplogo img.logoresortmap{ width: 9.5vw;}
.maplogo img.logocarmap{ width: 10.5vw;}
.maplogo img.logorealmap{ width: 8.5vw;}

@media only screen and (max-width: 800px) {
    .areain {
        height: 465px;
        margin: 0 auto;
        width: 819px;
    }
	
	.area { height: auto;}
	.mapin a{ padding: 15px;}
	.mapin a:after {
    width: 46px;
    height: 77px;
    bottom: -60px;
    left: 50%;
    margin-left: -32px;
		
}
	.mapin a{ font-size: 57%;}
	.area .mlogoalz{ width: 4.5vw;  max-width: 88px;}
	.maplogo img.logorehousemap{ width: 8vw}
.maplogo img.logoreparkmap{ width: 8.5vw;}
.maplogo img.logoresortmap{ width: 85px;}
.maplogo img.logocarmap{ width: 10.5vw;}
.maplogo img.logorealmap{ width: 8.5vw;}

    .resot {
        position: absolute;
        top: 1%;
        left: 6%;
    }
	    .parking {
        position: absolute;
        bottom: 27%;
        left: 18%;
    }
	    .carshers {
        position: absolute;
        bottom: 49%;
			left: 21%;}
	    .cyuukai {
        position: absolute;
        bottom: 19%;
        right: 38%;
    }
	    .toushi {
        position: absolute;
        bottom: 61%;
        left: 35%;
    }
	    .chintai {
        position: absolute;
        top: -3%;
        right: 21%;
    }
	    .global {
        top: 42%;
        left: 57%;
    }
	.macthi {
        position: absolute;
        top: 15%;
        right: 7%;
    }
	    .toshin {
        position: absolute;
        bottom: 50%;
        right: 11%;
    }
	
	    .chintai {
        position: absolute;
        top: -4%;
        right: 21%;
    }
	    .bunjyo {
        position: absolute;
        top: 19%;
        left: 49%;
    }
	.area { padding-top: 6%;}
	.Mz25 .areain {
    transform: scale(0.9);

					 margin-right: calc(819px * (1 - 0.9) * -1);
    margin-bottom: calc(465px * (1 - 0.9) * -1);
}
		.Mz50 .areain {
    transform: scale(0.8);
			 margin-right: calc(819px * (1 - 0.8) * -1);
    margin-bottom: calc(465px * (1 - 0.8) * -1);
}
	.z1 .zoomin:before{left: 49%;}
	.z25 .zoomin:before{left: 180px;}
	.z50 .zoomin:before{left: 222px;}
	.Mz50 .zoomin:before{left: 52px;}
	.Mz25 .zoomin:before{left: 92px;}
    .maplogo img.logocarmap {
        width: 80px;
    }
	    .maplogo img.logoreparkmap {
        width: 70px;
    }
.area .mlogoalz {
        width: 40px;
        max-width: 88px;
    }
	    .maplogo img.logorealmap {
        width: 72px;
    }
	    .maplogo img.logorehousemap{
        width: 58px;
    }
.maplogo img.logoresortmap {
        width: 75px;
    }
	.maplogotxt{ padding-bottom: 5px;}
}
.maplogotxt{ padding-bottom: 10px; display: block;}
.globalCon .linksBtn{max-width: 370px;}
@media only screen and (max-width: 1190px) {
	
	.solutionLists .slick-dots li{ border: none; width: 6px; height: 6px; padding-bottom: 0; margin-bottom: 0; text-align: center}
	.solutionLists li img{ text-align: center; margin: 0 auto}
	.slick-dots li button:before{ background: #004098; opacity: 0.3; border-radius: 50%; width: 6px; height: 6px;}
	.solutionLists li.slick-slide{ border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
	
	.solutionLists .slick-prev,.solutionLists .slick-next{ background: url("../img/about-us/group-synergy/arow.svg") left top no-repeat; width: 8px; height: 8px; background-size: contain; top: auto; bottom: -27px;}
	.slick-next{transform: scale(-1, 1);}
	.solutionLists{ margin-top: -150px;}
	.solyiyimg .sp{ display: inline-block;}
	
	.cplistIn{ padding: 20px;}
	.group-synergy .cplist li dl:last-child{ padding-top: 0; }
	.group-synergy .synergyList .cplist li dt{}

.group-synergy.cplistIn dt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
	.value.secconbodercon p{ text-align: left;}
	.value.secconbodercon p.spcenter{ text-align: center;}
	
	.corptop .cplist li dl:last-child {
        padding-top: 0;
    }
	.outlineno .linsins{    padding-bottom: 40px;}
	.contactlinkList{padding-right: 0;}
	.news .linksBtn {padding-right: 0;}
	.businessTit {
        font-size: 20px;
    }
	.fccontents{ margin-top: -60px;}
	.sttxtcon{ padding-top: 20px;}
	.sitemap .outlineList li{ border-bottom: none;}
	
	.valImgs {
		padding-top: 26px;}
	h4.footlogo:after{margin: 40px auto;}
	
	.rehouseBtn.recruiteBtn li a span{width: 70%;
        font-size: 14px;}
 
	.recicon .linksBtn {
    width: 93%;
}
	
	.what-we-can .external:after {
    top: 45%;
    position: absolute;
    right: 20px;
}
	.businesslistImg.reparktrm img{    object-position: left center;}
	.repark .secondmainImg img{    object-position: left center;}
.sustainability.second .sasutimgcon {
    padding-bottom: 40px;

}
	
	.recicon .linksBtn {
        width: calc(100% - 30px);
    }
	.recicon.sabcon .linksBtn {
        width: calc(100% - 30px);
	
	}

}

    .llinksBtns img {
        vertical-align: bottom;
    }
.mfgWrap li dt a.external { padding-right: 45px;}
@media only screen and (max-width: 447px) {
	.solutionLists{ margin-top: -32vw}
}
@media only screen and (min-width: 1191px) {
.steatmentSe .sabTit {
        border-bottom: 1px solid #efefef;
	}
	.steatmentSe .innerW{ border-top: none}
	.synergyList .cplist li dl:last-child {
     padding-top: 0; 
}

}
	.businesslist li dl dt img{opacity: 1;
    transform: translateY(0);}
.hokenimg img{ vertical-align: bottom;}

.what-we-can .external:after {top: 45%; position: absolute;}

.otherLisnklist a{ color: #fff;}


@media only screen and (max-width: 1190px) {
	
	.consultationLinks li .icon{ display: inline-block;}
	    .consultationLinks li .linkTxt {
        width: calc(100% - 123px);
			margin-left: 0;
    }
	.rehouseBtn li a span{ width: 90px; font-size: 16px;}
	.rehouseBtn li a span.btnimg{ width: 136px;}
	.realplan .rehouseBtn li a span {
        width: 174px;}
	.alzolinkbtn{ width: 86px;}
	.alzolinkbtn img{ width: 100%; height: auto;}
	
	.realplan .rehouseBtn li a span.resortbtnlink{}
	.toppilogorinkbtn{ width: 138px;}
	.toppilogorinkbtn img{ width: 100%; height: auto;}
	.second main .repartbtnLinks img{ width: 170px; vertical-align: bottom; margin-bottom: 5px;}
.consultationLinks li .icon img {
        height: 57px;
    }
	.licenseP .boderin .innerW{ border-right: none;
    border-left: none;}
	.licenseP .boderin .innerW{ padding-top: 80px; margin-top: -80px; }
	.licenseP  .linsins{ border-bottom: none;}
	.licenseP .boderin{ padding-top: 40px;}
	
		.businesslist li dl dd {
    padding-right: 0;
}
	
	.buisinessTop .businesslist li dl dt:after{ display: none}
	.buisinessTop .businesslist li dl dd{ padding-right: 0;}
	.rehouspnav .pageinnavu li a:before {
		top: 28%;}
	
		#effective{ padding-top: 80px; margin-top: -80px;}
	#hoken {
    padding-top: 40px;
    margin-top: -40px;
}
	.pickupSec{ width: 100%; overflow: hidden;}

}

	.careerList p.center{ text-align: center}

.what-we-can .footer .external:after{ position: relative;}

