@charset "UTF-8";
.l-content h1,
.l-content h2,
.l-content h3,
.l-content h4,
.l-content h5,
.l-content h6,
.l-content strong {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.m-header {
    position: absolute;
}

.l-content {
    font-family: Yu Gothic, 'Yu Gothic', 'Noto Sans JP', sans-serif;
    position: relative;
    overflow: hidden;
}


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

.bg-blue {
    background: #264e8c url(../img/bg_blue.jpg) repeat-y center top;
    background-size: cover;
}

.bg-blue2 {
    background: #264e8c url(../img/bg_blue2.jpg) repeat-y center top;
    background-size: cover;
}

.bg-wa {
    background: #eee url(../img/bg_wa.jpg) repeat-y center top;
    background-size: cover;
}

.bg-wa2 {
    background: #d6c4b5 url(../img/bg_wa2.jpg) repeat-y center top;
    background-size: cover;
}

.bg-wh {
    background: #eee url(../img/bg_wh.jpg) repeat-y center top;
    background-size: cover;
}

.ucom {
    float: right;
    padding-left: 15px;
    padding-bottom: 15px;
}


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

.s-header {
    position: absolute;
    width: 1340px;
    top: 30px;
    left: calc(50% - 670px);
    line-height: 1.6;
    z-index: 10;
}

.s-header .s-header-inner {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 10px 12px 10px 15px;
    letter-spacing: 1px;
}

.s-header .logo {
    width: 100px;
}

.s-header .logo img {
    width: 100%;
}

.s-header .ttl {
    margin-left: 18px;
    flex-grow: 1;
}

.s-header .ttl .t1 {
    display: block;
    font-size: 18px;
    color: #004E9D;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    margin-bottom: 3px;
}

.s-header .ttl .t1 span {
    display: inline-block;
}

.s-header .ttl .t2 {
    display: block;
    font-size: 14px;
    color: #A7A7B7;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0;
}

.s-header .ttl .t3 {
    display: block;
    font-size: 14px;
    margin-bottom: 3px;
    color: #004E9D;
}

.s-header nav {
    margin-left: 20px;
}

.s-header nav ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.s-header nav ul li a {
    display: block;
    padding: 10px 10px;
    min-width: 80px;
    box-sizing: border-box;
    position: relative;
}

.s-header nav ul li a::after {
    content: "";
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    box-sizing: border-box;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

.s-header nav ul li .t1 {
    display: block;
    text-align: center;
    font-size: 17px;
    color: #222;
    font-weight: 400;
    letter-spacing: 0;
    white-space: nowrap;
}

.s-header nav ul li .t2 {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #A7A7B7;
    white-space: nowrap;
    letter-spacing: 0;
}

.s-header .tel {
    margin-left: 20px;
}

.s-header .tel .t1 {
    font-size: 30px;
    color: #254D89;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
}

.s-header .tel .t1 span {
    display: inline-block;
    padding-left: 40px;
    background: url(../img/ico_tel.svg) no-repeat 0px 5px;
    background-size: 32px 24px;
}

.s-header .tel .t2 dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.s-header .tel .t2 dl dt {
    background: #47AFAC;
    color: #fff;
    padding: 3px 7px;
    letter-spacing: 0;
    white-space: nowrap;
}

.s-header .tel .t2 dl dd {
    margin-left: 5px;
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
}

.s-header .btn {
    margin-left: 20px;
}

.s-header .btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #254D89;
    border: 1px solid #1E3E6C;
    border-radius: 7px;
    color: #fff;
    box-sizing: border-box;
    width: 150px;
    height: 70px;
    font-size: 18px;
    letter-spacing: 0;
    transition: .2s;
}

.s-header .btn a:hover {
    opacity: .9;
}

.s-header .btn a span {
    display: inline-block;
    padding-left: 30px;
    margin-right: 5px;
    background: url(../img/ico_document.svg) no-repeat left center;
    background-size: 20px auto;
}

.s-header .btn a span.sold {
    display: inline-block;
    margin-left: -26px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 1.2;
    background: url(../img/ico_blank2.svg) no-repeat right center;
    background-size: 16px auto;
}

.s-header .btn a.amazon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #254D89;
    border: 1px solid #1E3E6C;
    border-radius: 7px;
    color: #fff;
    box-sizing: border-box;
    width: 160px;
    height: 80px;
    font-size: 18px;
    letter-spacing: 0;
    transition: .2s;
}

.s-header .btn a.amazon span {
    display: inline-block;
    padding: 0 10px;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-right: 0;
    background: none;
}

.s-header .btn a.amazon span img {
    width: 120px;
}

.s-header .btn a.amazon span.orange {
    color: #f99026;
    padding: 0;
    font-weight: bold;
    padding-right: 3px;
    font-size: 20px;
}

.s-header .btn a.amazon span.white {
    font-size: 12px;
    font-weight: normal;
    padding: 0;
}

.s-header .btn a.amazon span.arrow {
    position: relative;
    display: block;
}

.s-header .btn a.amazon span.arrow::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #f99026;
    border-right: solid 2px #f99026;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
}

.s-header .btn .s1 {
    display: none;
}

.s-nav-in {
    display: flex;
    justify-content: flex-start;
}


/*
.list-nav_sp {
  display: none;
}

.list-nav {
  display: block;
  position: absolute;
}

.s-nav .ttl {
  display: none;
}

.list-nav .list-menu {
  margin-left: 10px;
}

.list-nav .ttl {
  padding: 0 10px;
  color: #fff;
  background: #47AFAC;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.list-nav .list-area {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.list-nav .list-area a{
    display: block;
    width: 76px;
    padding: 0 8px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    transition: .2s;
    color: #fff;
}
.list-nav .list-area a::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #01203F;
    border: 1px solid #01203F;
    box-sizing: border-box;
    border-radius: 3px;
    z-index: 2;
    transition: .2s;
}
.list-nav .list-area a::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(35,76,164,1);
    background: -moz-linear-gradient(-71deg,  rgba(35,76,164,1) 50%, rgba(29,59,131,1) 53%);
    background: -webkit-linear-gradient(-71deg,  rgba(35,76,164,1) 50%,rgba(29,59,131,1) 53%);
    background: linear-gradient(161deg,  rgba(35,76,164,1) 50%,rgba(29,59,131,1) 53%);
    border: 1px solid #01203F;
    box-sizing: border-box;
    border-radius: 3px;
    z-index: 1;
}
.list-nav .list-area a span{
    position: relative;
    z-index: 4;
}
.list-nav .list-area a:hover::before{
    opacity: 0;
}
.list-nav .list-area a:hover::after{
    border: 1px solid #6688D2;
}


.list-nav .list-area.nagoya a::before{
    background: #143538;
    border: 1px solid #143538;
}
.list-nav .list-area.nagoya a::after{
    background: rgba(32,136,154,1);
    background: -moz-linear-gradient(-71deg,  rgba(32,136,154,1) 50%, rgba(27,114,129,1) 53%);
    background: -webkit-linear-gradient(-71deg,  rgba(32,136,154,1) 50%,rgba(27,114,129,1) 53%);
    background: linear-gradient(161deg,  rgba(32,136,154,1) 50%,rgba(27,114,129,1) 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20889A', endColorstr='#1B7281',GradientType=0 );
    border: 1px solid #4AC4D9;
}

.list-nav .list-area.nagoya a:hover::after{
    border: 1px solid #4AC4D9;
}
.list-nav .list-area.kyoto a::before{
    background: #2B2310;
    border: 1px solid #2B2310;
}
.list-nav .list-area.kyoto a::after{
    background: rgba(155,112,32,1);
    background: -moz-linear-gradient(-71deg,  rgba(155,112,32,1) 50%, rgba(129,94,27,1) 53%);
    background: -webkit-linear-gradient(-71deg,  rgba(155,112,32,1) 50%,rgba(129,94,27,1) 53%);
    background: linear-gradient(161deg,  rgba(155,112,32,1) 50%,rgba(129,94,27,1) 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20889A', endColorstr='#1B7281',GradientType=0 );
    border: 1px solid #D9AD4A;
}
.list-nav .list-area.kyoto a:hover::after{
    border: 1px solid #D9AD4A;
}
.list-nav .list-area.kobe a::before{
    background: #552020;
    border: 1px solid #552020;
}
.list-nav .list-area.kobe a::after{
    background: rgba(154,32,32,1);
    background: -moz-linear-gradient(-71deg,  rgba(154,32,32,1) 50%, rgba(129,27,27,1) 53%);
    background: -webkit-linear-gradient(-71deg,  rgba(154,32,32,1) 50%,rgba(129,27,27,1) 53%);
    background: linear-gradient(161deg,  rgba(154,32,32,1) 50%,rgba(129,27,27,1) 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20889A', endColorstr='#1B7281',GradientType=0 );
    border: 1px solid #D94A4A;
}
.list-nav .list-area.kobe a:hover::after{
    border: 1px solid #D94A4A;
}

/*
.list-nav p {
  float:left;
  margin-left: 15px;
}
.list-nav p:first-child {
  margin-left: 30px;
}

.list-nav p.osaka {
  border: solid 1px #234ca4;
  color: #234ca4;
  border-radius: 5px;
}
.list-nav p.nagoya {
  border: solid #1b7281 1px;
  color: #1b7281;
  border-radius: 5px;
}

.list-nav p.kyoto {
  border: solid 1px #9b7027;
  color: #9b7027;
  border-radius: 5px;
}

.list-nav p a {
  padding: 0 10px;
  display: block;
}

.list-nav p a:hover {
  opacity: 0.7
}
*/

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

.s-header2 {
    position: fixed;
    width: 100%;
    height: 70px;
    top: 0;
    left: 0;
    line-height: 1.6;
    z-index: 10;
    background: linear-gradient(to bottom, rgba(17, 17, 17, 1) 0%, rgba(3, 34, 65, 1) 100%);
    font-family: YuMincho, 'Yu Mincho', 'Noto Serif JP', serif ;
}

.s-header2::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 70px 40px 0 0;
    border-color: #FFF transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 120px;
    z-index: 2;
}

.s-header2 .s-header-outer {
    background: #000;
    display: flex;
}

.s-header2 .s-header-inner {
    max-width: 1240px;
    height: 100%;
    box-sizing: border-box;
    width: calc(100% - 370px);
    box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    letter-spacing: 1px;
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
}

.s-header2 .logo {
    width: 120px;
    height: 100%;
    flex-shrink: 0;
    background-color: #fff;
    padding: 0px 15px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s-header2 .logo img {
    width: 100%;
}

.s-header2 .ttl {
    height: 100%;
    margin-left: 25px;
    flex-grow: 1;
    white-space: nowrap;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.s-header2 .ttl .t1 {
    display: block;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0;
    margin-bottom: 3px;
}

.s-header2 .ttl .t1 span {
    display: inline-block;
}

.s-header2 .ttl .t3 {
    display: block;
    font-size: 14px;
    margin-bottom: 3px;
    color: #eee;
}

.s-header2 nav {
    margin-left: 20px;
    margin-right: 120px;
}

.s-header2 nav ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    /* margin-left: 20px; */
}

.s-header2 nav ul li a {
    display: block;
    padding: 10px 10px;
    min-width: 80px;
    box-sizing: border-box;
    position: relative;
}

.s-header2 nav ul li .t1 {
    display: block;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0;
    white-space: nowrap;
}

.s-header2 nav ul li .t2 {
    display: block;
    text-align: center;
    font-size: 17px;
    color: #B6A148;
    white-space: nowrap;
    letter-spacing: 0;
}

.s-header2 .tel {
    margin: auto 0;
    position: relative;
}

.s-header2 .tel .t1 {
    font-size: 24px;
    color: #B6A148;
    line-height: 1;
    height: 70px;
}

.s-header2 .tel .t1 span {
    display: inline-block;
    padding-left: 40px;
    background: url(../img/ico_tel2.svg) no-repeat;
    background-size: 32px 70px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.s-header2 .tel .request-info {
   position: absolute;
   width: 209px;
   height: 40px;
   bottom: -40px;
   left: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   background: linear-gradient(#ddd4ad, #B6A148);
}

.s-header2 .tel .request-info a span {
    display: inline-block;
    padding-left: 27px;
    background: url(../img/ico_document.svg) no-repeat;
    background-size: 20px 23px;
}

.s-header2 .btn {
    display: flex;
    align-items: center;
    margin: 0 50px 0 30px;
}

.s-header2 .btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #B6A148;
    border-radius: 7px;
    color: #fff;
    box-sizing: border-box;
    width: 130px;
    height: 50px;
    font-size: 18px;
    letter-spacing: 0;
    transition: .2s;
}

.s-header2 .btn a:hover {
    opacity: .9;
}

.s-header2 .btn a span {
    display: inline-block;
    padding-left: 30px;
    margin-right: 5px;
    background: url(../img/ico_document.svg) no-repeat left center;
    background-size: 20px auto;
}

.s-header2 .btn a span.sold {
    display: inline-block;
    margin-left: -26px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 1.2;
    background: url(../img/ico_blank2.svg) no-repeat right center;
    background-size: 16px auto;
}

.s-header2 .btn a.amazon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #254D89;
    border: 1px solid #1E3E6C;
    border-radius: 7px;
    color: #fff;
    box-sizing: border-box;
    width: 160px;
    height: 80px;
    font-size: 18px;
    letter-spacing: 0;
    transition: .2s;
}

.s-header2 .btn a.amazon span {
    display: inline-block;
    padding: 0 10px;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-right: 0;
    background: none;
}

.s-header2 .btn a.amazon span img {
    width: 120px;
}

.s-header2 .btn a.amazon span.orange {
    color: #f99026;
    padding: 0;
    font-weight: bold;
    padding-right: 3px;
    font-size: 20px;
}

.s-header2 .btn a.amazon span.white {
    font-size: 12px;
    font-weight: normal;
    padding: 0;
}

.s-header2 .btn a.amazon span.arrow {
    position: relative;
    display: block;
}

.s-header2 .btn a.amazon span.arrow::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #f99026;
    border-right: solid 2px #f99026;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
}

.s-header2 .btn .s1 {
    display: none;
}

.s-header2 .s-nav {
    height: 100%;
    display: flex;
    align-items: center;
}

.s-header2 .s-nav-in {
    display: flex;
    justify-content: flex-start;
}

.s-header3 {
    position: fixed;
    width: 100%;
    height: 70px;
    top: 0;
    left: 0;
    line-height: 1.6;
    z-index: 10;
    background: linear-gradient(to bottom, rgba(17, 17, 17, 1) 0%, rgba(3, 34, 65, 1) 100%);
    font-family: YuMincho, 'Yu Mincho', 'Noto Serif JP', serif ;
}

.s-header3::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 70px 40px 0 0;
    border-color: #FFF transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 120px;
    z-index: 2;
}

.s-header3 .s-header-outer {
    background: #000;
    display: flex;
}

.s-header3 .s-header-inner {
    height: 100%;
    box-sizing: border-box;
    box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box;
    letter-spacing: 1px;
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
    padding-left: 150px;
    max-width: 1850px;
    min-width: 1280px;
    will-change: transform;
}

.s-header3 .logo {
    width: 120px;
    height: 100%;
    flex-shrink: 0;
    background-color: #fff;
    padding: 0 10px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.s-header3 .logo img {
    width: 100%;
}

.s-header3 .ttl {
    height: 100%;
    white-space: nowrap;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.s-header3 .ttl .t1 {
    display: block;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0;
    margin-bottom: 3px;
}

.s-header3 .ttl .t1 span {
    display: inline-block;
}

.s-header3 .ttl .project-logo {
    vertical-align: middle;
    flex-shrink: 0;
    margin-right: 10px;
}

.s-header3 .ttl .project-logo img {
    display: block;
    height: 54px;
    width: auto;
    max-width: none;
    flex-shrink: 0;
}

.s-header3 .ttl .t3 {
    display: block;
    font-size: 14px;
    margin-bottom: 3px;
    color: #eee;
}

.s-header3 nav ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    /* margin-left: 20px; */
}

.s-header3 nav ul li a {
    display: block;
    padding: 10px 10px;
    min-width: 80px;
    box-sizing: border-box;
    position: relative;
}

.s-header3 nav ul li .t1 {
    display: block;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0;
    white-space: nowrap;
}

.s-header3 nav ul li .t2 {
    display: block;
    text-align: center;
    font-size: 17px;
    color: #B6A148;
    white-space: nowrap;
    letter-spacing: 0;
}

.s-header3 .tel {
    margin: auto 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: clamp(16px, calc(16px + (60 - 16) * ((100vw - 1281px) / (1920 - 1281))), 60px);
}

.s-header3 .tel .t1 {
    font-size: 22px;
    color: #B6A148;
    line-height: 1;
}

.s-header3 .tel .t1 span {
    display: inline-block;
    padding-left: 40px;
    background: url(../img/ico_tel2.svg) no-repeat;
    background-size: 32px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    min-height: 32px;
}

.s-header3 .tel .request-info {
   position: static;
   width: auto;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   background: none;
}

.s-header3 .tel .request-info a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 18px;
    background: #B6A148;
    color: #fff;
    box-sizing: border-box;
}

.s-header3 .tel .request-info a span {
    display: inline-block;
    padding-left: 26px;
    background: url(../img/ico_document.svg) no-repeat;
    background-position: left center;
    background-size: 18px 20px;
    white-space: nowrap;
}

.s-header3 .btn {
    display: flex;
    align-items: center;
    margin: 0 50px 0 30px;
}

.s-header3 .btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #B6A148;
    border-radius: 7px;
    color: #fff;
    box-sizing: border-box;
    width: 130px;
    height: 50px;
    font-size: 18px;
    letter-spacing: 0;
    transition: .2s;
}

.s-header3 .btn a:hover {
    opacity: .9;
}

.s-header3 .btn a span {
    display: inline-block;
    padding-left: 30px;
    margin-right: 5px;
    background: url(../img/ico_document.svg) no-repeat left center;
    background-size: 20px auto;
}

.s-header3 .btn a span.sold {
    display: inline-block;
    margin-left: -26px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 1.2;
    background: url(../img/ico_blank2.svg) no-repeat right center;
    background-size: 16px auto;
}

.s-header3 .btn a.amazon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #254D89;
    border: 1px solid #1E3E6C;
    border-radius: 7px;
    color: #fff;
    box-sizing: border-box;
    width: 160px;
    height: 80px;
    font-size: 18px;
    letter-spacing: 0;
    transition: .2s;
}

.s-header3 .btn a.amazon span {
    display: inline-block;
    padding: 0 10px;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-right: 0;
    background: none;
}

.s-header3 .btn a.amazon span img {
    width: 120px;
}

.s-header3 .btn a.amazon span.orange {
    color: #f99026;
    padding: 0;
    font-weight: bold;
    padding-right: 3px;
    font-size: 20px;
}

.s-header3 .btn a.amazon span.white {
    font-size: 12px;
    font-weight: normal;
    padding: 0;
}

.s-header3 .btn a.amazon span.arrow {
    position: relative;
    display: block;
}

.s-header3 .btn a.amazon span.arrow::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #f99026;
    border-right: solid 2px #f99026;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
}

.s-header3 .btn .s1 {
    display: none;
}

.s-header3 .s-nav {
    height: 100%;
    display: flex;
    align-items: center;
}

.s-header3 .pc {
    display: flex !important;
}

.s-header3 .sp {
    display: none;
}

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

.s-footer {
    background: #212A37;
    color: #fff;
    padding: 60px 0 50px;
}

.s-footer .nav-area ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 60px;
}

.s-footer .nav-area a {
    transition: .2s;
}

.s-footer .nav-area a:hover {
    opacity: .6;
}

.s-footer .nav-area>* {
    flex-grow: 1;
}

.s-footer .nav-area .nav1 {
    font-size: 18px;
}

.s-footer .nav-area .nav1 li {
    margin-bottom: 20px;
    margin-right: 50px;
}

.s-footer .nav-area .nav2 {
    font-size: 16px;
}

.s-footer .nav-area .nav2 li {
    margin-bottom: 15px;
}

.s-footer .nav-area .nav2 li a {
    display: inline-block;
    padding-left: 30px;
    background: url(../img/ico_blank.svg) no-repeat left 8px;
    background-size: 15px 11px;
}

.s-footer .data {
    font-size: 13px;
    color: #BBC6D7;
}

.s-footer .data span {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    border: 1px solid #BBC6D7;;
    padding: 2px 10px;
    margin-left: 15px;
}

.s-footer .area {
    font-size: 13px;
    color: #BBC6D7;
    margin-bottom: 40px;
}

.s-footer .area dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}

.s-footer .area dl dt {
    white-space: nowrap;
    padding-right: 20px;
    width: 90px;
    box-sizing: border-box;
}

.s-footer .copy {
    font-size: 13px;
    margin-bottom: 50px;
}


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

.f-footer {
    display: none;
    position: fixed;
    z-index: 10;
    bottom: 0;
    right: 0;
    color: #fff;
    width: 100%;
    min-width: 1280px;
    /* background: #01203F; */
}

.f-footer ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.f-footer ul li {
    letter-spacing: 0;
}

.f-footer ul .l5 {
  background: linear-gradient(to bottom, rgba(17, 17, 17, 1) 0%, rgba(3, 34, 65, 1) 100%);
}

.f-footer ul li.l5 a {
  background: rgba(182, 161, 72, 0.7);
  /*background: #F0F0E1;*/
  border: 1px solid #B6A148;
  border-bottom: none;
  width: 280px;
}

.f-footer ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 59px;
    white-space: nowrap;
    font-weight: bold;
    border: 1px solid #000000;
    box-sizing: border-box;
}

.f-footer ul li.l1 a span {
    display: inline-block;
    padding: 0 0px 0 26px;
    background: url(../img/ico_tel2.svg) no-repeat left center;
    background-size: 20px 16px;
}

.f-footer ul li.l2 a {
    background: rgba(71, 175, 172, .9);
    border: 1px solid #3D9492;
    padding: 0 20px;
}

.f-footer ul li.l2 a span {
    display: inline-block;
    padding: 0 0px 0 26px;
    /*background: url(../img/ico_simu.png) no-repeat left center;*/
    background: url(../img/ico_semi.png) no-repeat left center;
    background-size: 20px 16px;
    color: #fff;
}

.f-footer ul li.l2 form {
    display: flex;
}


/*            .f-footer ul li.l2 button{
                display: flex;
                align-items: center;
                justify-content: center;
                height: 59px;
                white-space: nowrap;
                font-weight: bold;
                box-sizing: border-box;
                background: rgba(71,175,172,.9);
                border:1px solid #3D9492;
                padding:0 20px;
            }
                .f-footer ul li.l2 button span{
                    display: inline-block;
                    padding: 0 0px 0 26px;
                    background: url(../img/ico_simu.png) no-repeat left center;
                    background-size: 20px 16px;
                }  */

.f-footer ul li.l2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 59px;
    white-space: nowrap;
    font-weight: bold;
    box-sizing: border-box;
    background: rgba(71, 175, 172, .9);
    border: 1px solid #3D9492;
}

.f-footer ul li.l2 span {
    display: inline-block;
    padding: 0 0px 0 26px;
    /*background: url(../img/ico_simu.png) no-repeat left center;*/
    background: url(../img/ico_semi.png) no-repeat left center;
    background-size: 20px 16px;
}

.f-footer ul li.l3 a {
    background: #254D89;
    border: 1px solid #1E3E6C;
    color: #fff;
}

.f-footer ul li.l3 a span {
    display: inline-block;
    padding: 0 0px 0 18px;
    background: url(../img/ico_document.svg) no-repeat left center;
    background-size: 12px 16px;
}

/*.f-footer ul li.l4 {
  padding-left: 15px;
}*/

.f-footer ul li.l4 a {
    background: linear-gradient(to bottom, rgba(17, 17, 17, 1) 0%, rgba(3, 34, 65, 1) 100%);
    width: 60px;
    position: relative;
}

.f-footer ul li.l4 a::after {
    content: "";
    position: absolute;
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    top: calc(50% + 2px);
    left: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}

.f-footer > ul > li.l5 > a span {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 0 0 30px;
      background: url(../img/ico_blu.svg) no-repeat left center;
      background-size: 20px 20px;
      font-size: 18px;
      line-height: 1;
      color: #fff;
  }

.list-nav .list-menu .ttl {
    border-right: 1px solid #234AA5;
    padding-right: 15px;
    margin-right: 15px;
}

.list-nav .list-menu .ttl span {
    background: #B9A050;
    display: inline-block;
    padding: 0 8px;
    margin-right: 10px;
}

.f-footer ul li .list-nav .list-menu {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 15px;
}

.list-nav .list-menu .list-area {
    margin-right: 5px;
}

.f-footer ul li .list-nav .list-menu .list-area a {
    display: block;
    width: 110px;
    padding: 9px 10px 8px;
    box-sizing: border-box;
    text-align: center;
    font-size: 17px;
    position: relative;
    transition: .2s;
    height: 44px;
    border: none;
    color: #fff;
}

.f-footer ul li .list-nav .list-menu .list-area a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #01203F;
    border: 1px solid #01203F;
    box-sizing: border-box;
    border-radius: 3px;
    z-index: 2;
    transition: .2s;
}

.f-footer ul li .list-nav .list-menu .list-area a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(35, 76, 164, 1);
    background: -moz-linear-gradient(-71deg, rgba(35, 76, 164, 1) 50%, rgba(29, 59, 131, 1) 53%);
    background: -webkit-linear-gradient(-71deg, rgba(35, 76, 164, 1) 50%, rgba(29, 59, 131, 1) 53%);
    background: linear-gradient(161deg, rgba(35, 76, 164, 1) 50%, rgba(29, 59, 131, 1) 53%);
    border: 1px solid #01203F;
    box-sizing: border-box;
    border-radius: 3px;
    z-index: 1;
}

.f-footer ul li .list-nav .list-menu .list-area span {
    position: relative;
    z-index: 4;
}

.f-footer ul li .list-nav .list-menu .list-area a:hover::before {
    opacity: 0;
}

.f-footer ul li .list-nav .list-menu .list-area a:hover::after {
    border: 1px solid #6688D2;
}

.f-footer ul li .list-nav .list-area.nagoya a::after {
    background: rgba(32, 136, 154, 1);
    background: -moz-linear-gradient(-71deg, rgba(32, 136, 154, 1) 50%, rgba(27, 114, 129, 1) 53%);
    background: -webkit-linear-gradient(-71deg, rgba(32, 136, 154, 1) 50%, rgba(27, 114, 129, 1) 53%);
    background: linear-gradient(161deg, rgba(32, 136, 154, 1) 50%, rgba(27, 114, 129, 1) 53%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#20889A', endColorstr='#1B7281', GradientType=0);
    border: 1px solid #4AC4D9;
}

.f-footer ul li .list-nav .list-area.nagoya a:hover::after {
    border: 1px solid #4AC4D9;
}

.f-footer ul li .list-nav .list-area.kyoto a::after {
    background: rgba(155, 112, 32, 1);
    background: -moz-linear-gradient(-71deg, rgba(155, 112, 32, 1) 50%, rgba(129, 94, 27, 1) 53%);
    background: -webkit-linear-gradient(-71deg, rgba(155, 112, 32, 1) 50%, rgba(129, 94, 27, 1) 53%);
    background: linear-gradient(161deg, rgba(155, 112, 32, 1) 50%, rgba(129, 94, 27, 1) 53%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#20889A', endColorstr='#1B7281', GradientType=0);
    border: 1px solid #D9AD4A;
}

.f-footer ul li .list-nav .list-area.kyoto a:hover::after {
    border: 1px solid #D9AD4A;
}

.f-footer ul li .list-nav .list-area.kobe a::after {
    background: rgba(154, 32, 32, 1);
    background: -moz-linear-gradient(-71deg, rgba(154, 32, 32, 1) 50%, rgba(129, 27, 27, 1) 53%);
    background: -webkit-linear-gradient(-71deg, rgba(154, 32, 32, 1) 50%, rgba(129, 27, 27, 1) 53%);
    background: linear-gradient(161deg, rgba(154, 32, 32, 1) 50%, rgba(129, 27, 27, 1) 53%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#20889A', endColorstr='#1B7281', GradientType=0);
    border: 1px solid #D94A4A;
}

.f-footer ul li .list-nav .list-area.kobe a:hover::after {
    border: 1px solid #D94A4A;
}

.f-footer ul li .list-nav .list-area.tokyo a::after {
    background: rgb(107, 107, 107);
    background: -moz-linear-gradient(-71deg, rgb(107, 107, 107) 50%, rgb(69, 69, 69) 53%);
    background: -webkit-linear-gradient(-71deg, rgb(107, 107, 107) 50%, rgb(69, 69, 69) 53%);
    background: linear-gradient(161deg, rgb(107, 107, 107) 50%, rgb(69, 69, 69) 53%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20889A', endColorstr='#1B7281', GradientType=0);
    border: 1px solid #848484;
}

.f-footer ul li .list-nav .list-area.tokyo a:hover::after {
    border: 1px solid #848484;
}

.f-footer ul li .list-nav .list-area.yokohama a::after {
    background: rgba(98,36,138,1);
    background: -moz-linear-gradient(-71deg,  rgba(98,36,138,1) 50%, rgba(73,37,111,1) 53%);
    background: -webkit-linear-gradient(-71deg,  rgba(98,36,138,1) 50%,rgba(73,37,111,1) 53%);
    background: linear-gradient(161deg,  rgba(98,36,138,1) 50%,rgba(73,37,111,1) 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62248A', endColorstr='#49256F',GradientType=0 );
    border: 1px solid #9562A6;
}

.f-footer ul li .list-nav .list-area.yokohama a:hover::after {
    border: 1px solid #9562A6;
}

.f-footer .pc{
    display: block !important;
}
.f-footer .sp{
    display: none !important;
}



/*soldout時の記述*/

.inview_mv2 .main-img2-img .soldout {
    opacity: 0;
}

.inview-ready .inview_mv2 .main-img2-img .soldout {
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    -ms-transition: opacity 1.5s ease, -ms-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition-delay: 2.5s;
}

.inview-ready .inview_mv2.inview_mv2-on .main-img2-img .soldout {
    opacity: 1;
}

.soldout {
    position: absolute;
    background: linear-gradient(100deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
    top: 320px;
    width: 100%;
    z-index: 4;
}

.soldout .soldout-txt {
    width: 1300px;
    margin: 0 auto;
    font-size: 60px;
    padding: 70px 0;
    line-height: 50px;
    text-align: center;
    letter-spacing: 20px;
    font-weight: bold;
    color: transparent;
    background: repeating-linear-gradient(30deg, #B67B03 0.1em, #DAAF08 0.2em, #FEE9A0 0.3em, #DAAF08 0.4em, #B67B03 0.5em);
    -webkit-background-clip: text;
    text-shadow: 0 0 5px;
}

.soldout .soldout-txt span {
    font-size: 26px;
    color: #fff;
    font-weight: 100;
    letter-spacing: 3px;
}

.soldout .soldout-txt p.message {
    font-size: 20px;
    color: #fff;
    font-weight: 100;
    letter-spacing: 3px;
}

.soldout .soldout-txt .btn {
    border: 1px solid #fff;
    border-radius: 5px;
    width: 300px;
    margin: 10px auto;
    background: rgba(0, 0, 0, 0.6);
}

.soldout .soldout-txt .btn a span {
    display: inline-block;
    padding: 5px 5px 3px 30px;
    background: url(../img/ico_document.svg) no-repeat left center;
    background-size: 16px 22px;
    font-size: 22px;
    text-shadow: 0 0 0 #000;
}

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

.main-img {
    position: relative;
}

.main-img .img-area {
    position: relative;
    width: 100%;
    height: 828px;
    overflow: hidden;
}

@media screen and (max-width: 1520px) {
    .main-img .img-area .img {
        position: absolute;
        width: 1500px;
        height: 828px;
        left: calc(50% - 750px);
        top: 0;
        z-index: 1;
    }
}

.main-img .img-area img {
    width: 100%;
    max-width: none;
    position: relative;
}

.main-img.time .img-area::before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0059b2;
    background: -moz-linear-gradient(-45deg, #ffffff 10%, #bdbd008c 30%, #0059b2 60%, #0e2546 100%);
    background: -webkit-linear-gradient(-45deg, #ffffff 10%, #bdbd008c 30%, #0059b2 60%, #0e2546 100%);
    background: linear-gradient(135deg, #ffffff 10%, #bdbd008c 30%, #0059b2 60%, #0e2546 100%);
    background-size: 400% 100%;
    opacity: .6;
    animation: ani_time 15s ease infinite;
}

@keyframes ani_time {
    0% {
        background-position: 100% 50%
    }
    50% {
        background-position: 0% 50%
    }
    100% {
        background-position: 100% 50%
    }
}

.main-img.fade .img-area img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    animation: ani_fade01 5s ease;
}

@keyframes ani_fade01 {
    0% {
        width: 110%;
        opacity: .1;
    }
    100% {
        width: 100%;
        opacity: 1;
    }
}

.main-img .txt-area {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}

.main-img .txt-area .wrap {
    height: 100%;
}

.main-img .txt-area .main-img-txt {
    position: absolute;
    left: 0;
    bottom: 270px;
    z-index: 3;
}

.main-img .main-txt {
    font-size: 85px;
    color: #fff;
    line-height: 1.0;
    font-weight: 400;
    margin-bottom: 40px;
    text-align: left;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5);
}

.main-img .main-txt span {
    display: inline-block;
}

.main-img .txt-area .txt-box {
    width: 650px;
    background: rgba(0, 0, 0, .7);
    box-sizing: border-box;
    padding: 30px;
    color: #fff;
}

.main-img .txt-area .txt-box .t1 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}

.main-img .txt-area .txt-box .t1 .t1-1 {
    width: auto;
    box-sizing: border-box;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.2;
}

.main-img .txt-area .txt-box .t1 .t1-2 {
    width: 50%;
    border-left: 1px solid #053F7F;
    box-sizing: border-box;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.4;
    padding-bottom: 10px;
}

.main-img .txt-area .txt-box .t1 .t1-2 .t1-2-1 span {
    font-size: 50px;
    line-height: 1;
    letter-spacing: 0;
}

.main-img .txt-area .txt-box .t1 .t1-2 .t1-2-2 {
    font-size: 18px;
}

.main-img .txt-area .txt-box .t2 {}

.main-img .txt-area .txt-box .t2 .date {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    text-align: center;
    line-height: 1.4;
    color: #368AE7;
    font-size: 16px;
    margin-bottom: 15px;
}

.main-img .txt-area .txt-box .t2 .date span {
    display: inline-block;
    color: #fff;
    background: #000000;
    width: 100px;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 10px;
    padding: 1px 0;
}

.main-img .txt-area .txt-box .t2 .price {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.main-img .txt-area .txt-box .t2 .price dl {
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-img .txt-area .txt-box .t2 .price dl dt {
    background: #0E3F74;
    font-size: 21px;
    padding: 10px 20px;
    font-weight: bold;
}

.main-img .txt-area .txt-box .t2 .price dl dt span {
    font-size: 14px;
}

.main-img .txt-area .txt-box .t2 .price dl dd {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 1.2;
    margin-left: 20px;
}

.main-img .txt-area .txt-box .t2 .price dl dd .p1 {
    font-size: 21px;
}

.main-img .txt-area .txt-box .t2 .price dl dd .p2 {
    font-size: 28px;
    margin-left: 15px;
}

.main-img .txt-area .txt-box .t2 .price dl dd .p2 span {
    font-size: 52px;
    color: #3FE4E4;
    letter-spacing: 0;
}

.main-img .txt-area .txt-box .t2 .price.p2 {
    margin-bottom: 10px;
}

.main-img .txt-area .txt-box .t2 .price.p2 dl {}

.main-img .txt-area .txt-box .t2 .price.p2 dl dt {
    font-size: 15px;
    padding: 3px 5px 3px;
    letter-spacing: 0;
}

.main-img .txt-area .txt-box .t2 .price.p2 dl dt span {
    font-size: 14px;
}

.main-img .txt-area .txt-box .t2 .price.p2 dl dd {
    margin-left: 10px;
}

.main-img .txt-area .txt-box .t2 .price.p2 dl dd .p2 {
    font-size: 16px;
    margin-left: 0px;
}

.main-img .txt-area .txt-box .t2 .price.p2 dl dd .p2 span {
    font-size: 30px;
    margin-right: 5px;
}

.main-img .txt-area .txt-box .t2 .price .p3 {
    line-height: 1.3;
    text-align: center;
    font-size: 14px;
}

.main-img .txt-area .txt-box .t2 .price .p3 span {
    display: block;
    font-size: 18px;
}

.main-img .txt-area .txt-box .t3 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
    background: #d12f22;
    padding: 20px;
}

.main-img .txt-area .txt-box .t3 .t3-1 {
    width: auto;
    box-sizing: border-box;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.2;
}

.main-img .txt-area .txt-box .t3 .t3-1 span {
    font-size: 24px;
}

.main-img .sp_s2-txt {
    display: none;
}

.main-img .txt-area2 {
    height: 160px;
    background: #020E1C;
    color: #fff;
    z-index: 2;
    position: relative;
}

.main-img .txt-area2 .wrap {}

.main-img .txt-area2 .txt {
    width: 550px;
    font-size: 17px;
    box-sizing: border-box;
    padding-right: 20px;
    position: relative;
    z-index: 2;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #020E1C;
}

.main-img .txt-area2 .txt .ttl {
    position: absolute;
    bottom: 140px;
    left: 0;
    font-size: 38px;
    line-height: 1.1;
    white-space: nowrap;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.main-img .txt-area2 .txt p {
    padding-top: 5px;
    letter-spacing: 0;
}

.main-img .txt-area2 .img {
    width: 800px;
    height: 160px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: -50px;
    z-index: 1;
}

.main-img .txt-area2 .img::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 160px 100px 0 0;
    border-color: #020E1C transparent transparent transparent;
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 2;
}

.main-img .txt-area2 .img::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 160px 100px;
    border-color: transparent transparent #020E1C transparent;
    position: absolute;
    right: 0px;
    bottom: 0;
    z-index: 2;
}

.main-img .txt-area2 .img img {
    max-width: none;
    width: auto;
    position: absolute;
    bottom: 40px;
    right: -40px;
    z-index: 1;
}

.main-img .txt-area2 .wrap::after {
    content: "";
    width: 200px;
    height: 160px;
    background: #020E1C;
    position: absolute;
    right: -250px;
    top: 0;
    z-index: 4;
}


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

.main-img2 {
    margin-bottom: 100px;
}

.main-img2 .main-img2-img {
    position: relative;
}

.main-img2 .main-img2-img .txt-0 {
    position: absolute;
    width: 100%;
    top: calc(50% + .5em);
    left: 0;
    text-align: center;
    font-size: 50px;
    z-index: 1;
    transform: translateY(-50%);
}

.main-img2 .main-img2-img .txt-0 span {
    display: inline-block;
}

.main-img2 .main-img2-img .img {
    position: relative;
    z-index: 2;
    height: 940px;
    overflow: hidden;
}

@media screen and (max-width: 1520px) {
    .main-img2 .main-img2-img .img div {
        position: absolute;
        width: 1500px;
        height: 940px;
        left: calc(50% - 750px);
        top: 0;
    }
}

.main-img2 .main-img2-img .img img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.main-img2 .main-img2-img .txt {
    position: absolute;
    width: 1200px;
    top: 160px;
    left: calc(50% - 600px);
    z-index: 3;
}

.main-img2 .main-img2-img .txt .t1 {
    color: #efb817;
    font-size: 110px;
    font-weight: 700;
    line-height: 1;
}

.main-img2 .main-img2-img .txt .t1>div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.main-img2 .main-img2-img .txt .t2 {
    font-size: 32px;
    color: #26405b;
    line-height: 1.3;
    font-weight: normal;
    padding-top: 15px;
    margin-left: 20px;
}

.main-img2 .main-img2-txt {
    background: #020E1C;
    color: #fff;
    padding: 30px 0 40px;
    position: relative;
    z-index: 4;
}

.main-img2 .main-img2-txt .t1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    margin-bottom: 15px;
}

.main-img2 .main-img2-txt .t1 .t1-1 {
    width: auto;
    box-sizing: border-box;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.2;
}

.main-img2 .main-img2-txt .t1 .date {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    text-align: center;
    line-height: 1.4;
    color: #368AE7;
    font-size: 16px;
    margin-left: 100px;
}

.main-img2 .main-img2-txt .t1 .date>div {
    margin-left: 30px;
}

.main-img2 .main-img2-txt .t1 .date span {
    display: inline-block;
    color: #fff;
    background: #000000;
    width: 100px;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 10px;
    padding: 1px 0;
}

.main-img2 .main-img2-txt .t2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}

.main-img2 .main-img2-txt .t2 .price {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 30px;
}

.main-img2 .main-img2-txt .t2 .price dl {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 30px;
}

.main-img2 .main-img2-txt .t2 .price dl dt {
    background: #0E3F74;
    font-size: 21px;
    padding: 5px 30px;
    font-weight: bold;
}

.main-img2 .main-img2-txt .t2 .price dl dt span {
    font-size: 14px;
}

.main-img2 .main-img2-txt .t2 .price dl dd {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 1.2;
    margin-left: 20px;
}

.main-img2 .main-img2-txt .t2 .price dl dd .p1 {
    font-size: 21px;
}

.main-img2 .main-img2-txt .t2 .price dl dd .p2 {
    font-size: 28px;
    margin-left: 15px;
}

.main-img2 .main-img2-txt .t2 .price dl dd .p2 span {
    font-size: 52px;
    color: #3FE4E4;
    letter-spacing: 0;
}

.main-img2 .main-img2-txt .t2 .price.p2 {
    margin-left: -30px;
}

.main-img2 .main-img2-txt .t2 .price.p2 dl {}

.main-img2 .main-img2-txt .t2 .price.p2 dl dt {
    font-size: 15px;
    padding: 3px 5px 3px;
    letter-spacing: 0;
}

.main-img2 .main-img2-txt .t2 .price.p2 dl dt span {
    font-size: 14px;
}

.main-img2 .main-img2-txt .t2 .price.p2 dl dd {
    margin-left: 10px;
}

.main-img2 .main-img2-txt .t2 .price.p2 dl dd .p2 {
    font-size: 16px;
    margin-left: 0px;
}

.main-img2 .main-img2-txt .t2 .price.p2 dl dd .p2 span {
    font-size: 30px;
    margin-right: 5px;
}

.main-img2 .main-img2-txt .t2 .price .p3 {
    line-height: 1.3;
    text-align: center;
    font-size: 14px;
    margin-left: 30px;
}

.main-img2 .main-img2-txt .t2 .price .p3 span {
    display: block;
    font-size: 18px;
}


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

.block-ttl {
    text-align: center;
    line-height: 1.4;
    margin-bottom: 30px;
    position: relative;
}

.block-ttl .main {
    font-size: 50px;
    color: #A6A6B7;
}

.block-ttl .sub {
    font-size: 21px;
}

.block-ttl.border::before {
    content: "";
    height: 130px;
    width: 1px;
    background: #868695;
    position: absolute;
    left: 50%;
    top: -140px;
    z-index: 4;
}


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

.tabs {
    display: flex;
    justify-content: flex-start;
    margin-left: -5px;
}

.tabs li {
    color: #fff;
    background: #000;
    padding: 12px 20px 11px;
    border-radius: 5px 5px 0 0;
    margin-left: 5px;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0;
    cursor: pointer;
}

.tabs li.active {
    background: #47AFAC;
}

.tab-body {
    display: none;
}

.tab-body.active {
    display: block;
}

.tab-body-arrow {
    position: absolute;
    width: 50px;
    height: 80px;
    top: calc(50% - 60px);
    cursor: pointer;
    z-index: 2;
}

.tab-body-arrow.prev {
    left: -50px;
}

.tab-body-arrow.next {
    right: -50px;
}

.tab-body-arrow::after {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.tab-body-arrow.prev::after {
    border-bottom: 2px solid #0A3A72;
    border-left: 2px solid #0A3A72;
    left: 20px;
}

.tab-body-arrow.next::after {
    border-top: 2px solid #0A3A72;
    border-right: 2px solid #0A3A72;
    right: 20px;
}

.tab-body .txt-img {
    height: auto;
}

.tab-body .txt-img .img-area>div {
    flex-grow: 1;
    padding: 30px 30px 40px 0px;
}

.location-ti {
    padding-bottom: 0px;
}

.location-ti .txt-img {
    align-items: center;
    padding: 0 40px;
}

.location-ti .txt-img.reverse {
    flex-direction: row-reverse;
}

.location-ti .txt-img .txt-area {
    padding: 0;
}

.location-ti .txt-img .img-area {}


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

.location-slide {
    margin-bottom: 80px;
}

.location-slide .main {
    background: #F2F4F7;
}

.location-slide .main li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    height: auto;
}

.location-slide .main li .l-in {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.location-slide .main li::before {
    content: "";
    width: calc(100% - 30px);
    height: 1px;
    background: #D9DADF;
    position: absolute;
    top: 15px;
    left: 15px;
}

.location-slide .main li::after {
    content: "";
    width: calc(100% - 30px);
    height: 1px;
    background: #D9DADF;
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.location-slide .main li .l-in::before {
    content: "";
    width: 1px;
    height: calc(100% - 30px);
    background: #D9DADF;
    position: absolute;
    top: 15px;
    left: 14px;
}

.location-slide .main li .l-in::after {
    content: "";
    width: 1px;
    height: calc(100% - 30px);
    background: #D9DADF;
    position: absolute;
    top: 15px;
    right: 15px;
}

.location-slide .main li .img {
    width: 720px;
}

.location-slide .main li .txt {
    width: calc(100% - 720px);
    box-sizing: border-box;
    padding: 80px 50px 0;
}

.location-slide .main li .txt .ttl-area {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.location-slide .main li .txt .ttl-area .time {
    width: 110px;
    height: 110px;
    border-radius: 55px;
    color: #fff;
    background: #284b85;
    background: -moz-linear-gradient(top, #284b85 0%, #213455 100%);
    background: -webkit-linear-gradient(top, #284b85 0%, #213455 100%);
    background: linear-gradient(to bottom, #284b85 0%, #213455 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#284b85', endColorstr='#213455', GradientType=0);
    font-size: 26px;
    text-align: center;
    line-height: 105px;
    letter-spacing: 0;
}

.location-slide .main li .txt .ttl-area .time span {
    font-weight: 700;
    font-size: 52px;
}

.location-slide .main li .txt .ttl-area .ttl {
    width: calc(100% - 110px);
    padding-left: 25px;
    box-sizing: border-box;
    font-size: 30px;
    line-height: 1.2;
}

.location-slide .main li .txt .ttl-area .ttl .t1 {
    color: #A6A6B7;
    margin-bottom: 10px;
}

.location-slide .main li .txt .ttl-area .ttl .t2 {
    letter-spacing: 0;
}

.location-slide .main li .txt p {
    letter-spacing: 0;
}
.location-slide .main li .txt p a {
    word-break: break-all;
}
.location-slide .list {}

.location-slide .list ul {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-left: -15px;
}

.location-slide .list ul li {
    margin-left: 15px;
    position: relative;
    width: calc(20% - 15px);
    cursor: pointer;
}

.location-slide .list ul li .img {
    background: #000000;
}

.location-slide .list ul li img {
    height: auto;
    opacity: .2;
    transition: .2s;
}

.location-slide .list ul li:hover img,
.location-slide .list ul li.active img,
.location-slide .list ul li.thumbnail-current img {
    opacity: 1;
}

.location-slide .list ul li .txt {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    position: absolute;
    left: 10px;
    bottom: 0;
    color: #FFF;
}

.location-slide .list ul li .txt .time {
    background: #3078a3;
    background: -moz-linear-gradient(top, #3078a3 0%, #245a7b 100%);
    background: -webkit-linear-gradient(top, #3078a3 0%, #245a7b 100%);
    background: linear-gradient(to bottom, #3078a3 0%, #245a7b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3078a3', endColorstr='#245a7b', GradientType=0);
    text-align: center;
    font-size: 16px;
    line-height: 1.0;
    padding: 5px 2px 10px;
    min-width: 36px;
    letter-spacing: 0;
    margin-right: 15px;
}

.location-slide .list ul li:nth-child(even) .txt .time {
    background: #284b85;
    background: -moz-linear-gradient(top, #284b85 0%, #213455 100%);
    background: -webkit-linear-gradient(top, #284b85 0%, #213455 100%);
    background: linear-gradient(to bottom, #284b85 0%, #213455 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#284b85', endColorstr='#213455', GradientType=0);
}

.location-slide .list ul li .txt .time span {
    display: block;
    font-size: 34px;
}

.location-slide .list ul li .txt .ttl {
    line-height: 1.2;
}

.location-slide .list ul li .txt .ttl .t1 {
    letter-spacing: 0;
    font-size: 14px;
}

.location-slide .list ul li .txt .ttl .t2 {
    letter-spacing: 0;
    font-size: 18px;
}

.location-slide .list ul li .txt .ttl .t2 span {
    font-size: 27px;
}


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

.txt-img-bg {
    background-repeat: none;
    background-position: center center;
    background-size: cover;
}

.txt-img-bg.bg-right {
    background-repeat: none;
    background-position: center right;
    background-size: auto;
}

.txt-img {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.txt-img.f-end {
    justify-content: flex-end;
}

.txt-img .txt-area {
    width: 690px;
    padding: 0 50px;
    position: relative;
    z-index: 2;
}

.txt-img .img-area {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}

.txt-img .img-area-bg {
    position: relative;
    z-index: 1;
    width: calc(100% - 690px);
}

.txt-img .img-area-bg>div {
    position: absolute;
    width: 2000px;
    height: 100%;
    left: 0;
    background-size: auto;
    background-position: center left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.txt-img .img-area-bg.absolute>div {
    position: absolute;
    width: 2000px;
    height: 1000px;
    left: -120px;
    bottom: -20px;
    background-size: auto;
    background-position: bottom left;
}

.txt-img .img-area-bg.absolute2 {}

.txt-img .img-area-bg.absolute2>div {
    position: absolute;
    width: 2000px;
    height: 1000px;
    left: auto;
    right: 0;
    bottom: 0;
    background-size: auto;
    background-position: bottom right;
}

.txt-img .vertical-txt {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    font-size: 48px;
    writing-mode: vertical-rl;
    line-height: 1.8;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .6);
    padding-top: 70px;
}

.txt-img.i740 .img-area {
    width: 740px;
}

.txt-img.i740 .txt-area {
    width: calc(100% - 760px);
    padding: 0;
}

.txt-img.i680 .img-area {
    width: 680px;
}

.txt-img.i680 .txt-area {
    width: calc(100% - 700px);
    padding: 0;
}

.txt-img.t680 .txt-area {
    width: 680px;
}

.txt-img.t680 .img-area,
.txt-img.t680 .img-area-bg {
    width: calc(100% - 710px);
}

.txt-img.t620 .txt-area {
    width: 620px;
}

.txt-img.t620 .img-area-bg {
    width: calc(100% - 620px);
}

.txt-img.t500 .txt-area {
    width: 500px;
}

.txt-img.t500 .img-area-bg {
    width: calc(100% - 500px);
}

.txt-img.half .txt-area {
    width: 50%;
}

.txt-img.half .img-area {
    width: 50%;
}

.txt-img .btn {
    display: flex;
    justify-content: flex-start;
    position: relative;
    z-index: 5;
}

.txt-img .btn>div {
    border: 1px solid #1E3E6C;
    border-radius: 1px;
    width: 280px;
    text-align: center;
    box-sizing: border-box;
    padding: 5px;
    color: #1F3F6C;
    letter-spacing: 0;
    cursor: pointer;
}

.txt-img .btn>div.detail span {
    display: inline-block;
    background: url(../img/ico_detail.svg) no-repeat left center;
    background-size: 26px 26px;
    padding: 5px 10px 5px 35px;
}


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

.sub-ttl {
    font-size: 18px;
    font-weight: bold;
    color: #254D89;
    position: relative;
    line-height: 1.3;
    padding-left: 30px;
    margin-bottom: 20px;
}

.sub-ttl::before {
    content: "";
    background: #254D89;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 3px;
}

.sub-ttl.c1 {
    color: #0153A5;
}

.sub-ttl.c1::before {
    background: #0153A5;
}

.sub-ttl.c2 {
    font-size: 21px;
    color: #1f1f1f;
    font-weight: normal;
}

.sub-ttl.c2::before {
    content: "";
    background: #47AFAC;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 8px;
}

.sub-ttl.c3 {
    color: #0a253a;
}

.sub-ttl.c3::before {
    background: #0a253a;
}

.sub-ttl.c4 {
    color: #83000a;
}

.sub-ttl.c4::before {
    background: #d80110;
}

.sub-ttl.border {
    border-bottom: 2px solid #47AFAC;
    padding-bottom: 10px;
}

.sub-ttl2 {
    font-size: 19px;
    font-weight: normal;
    color: #A6A6B7;
    position: relative;
    line-height: 1.3;
    margin-bottom: 20px;
}

.sub-ttl2::before {
    content: "";
    background: #88878f;
    width: 100px;
    height: 1px;
    position: absolute;
    left: -125px;
    top: 13px;
}

.sub-ttl2.no-border::before {
    display: none !important;
}

.sub-ttl2.c2 {
    color: #46AEAC;
}

.sub-ttl2.c2::before {
    background: #46AEAC;
}

.sub-ttl2.c3 {
    color: #254D89;
}

.sub-ttl2.c3::before {
    display: none;
}

.sub-ttl2.c4 {
    color: #efb817;
}

.sub-ttl2.c4::before {
    background: #efb817;
}

.sub-ttl2.c5 {
    color: #EA1A16;
}

.sub-ttl2.c5::before {
    background: #EA1A16;
}

.sub-ttl2 .bg {
    display: inline-block;
    background: #254D89;
    color: #fff;
    padding: 0 15px;
    margin-left: 20px;
}

.c-table {
    margin-bottom: 30px;
    position: relative;
}

.c-table table {
    width: 100%;
    border-collapse: collapse;
    border: 2px solid #254d8a;
    color: #254d8a;
    text-align: center;
    position: relative;
    z-index: 2;
}

.c-table table th {
    font-weight: bold;
    padding: 15px 10px;
    border: 1px solid #254d8a;
    letter-spacing: 0;
}

.c-table table td {
    font-weight: 300;
    font-size: 24px;
    border: 1px solid #254d8a;
}

.c-table table thead th {
    background: #f3f4f8;
    border-bottom: 2px solid #254d8a;
}

.c-table table thead td {
    border-right: 2px solid #254d8a;
    border-bottom: 2px solid #254d8a;
}

.c-table table tbody th {
    border-right: 2px solid #254d8a;
}

.c-table table tfoot th {
    border-right: 2px solid #fff;
    background: #254d8a;
    color: #fff;
}

.c-table table tfoot td {
    border-right: 1px solid #fff;
    background: #254d8a;
    color: #fff;
    font-weight: bold;
    padding: 5px 0px;
}

.c-table::after {
    content: "";
    width: 100%;
    height: 55px;
    background: #b7b7c1;
    position: absolute;
    bottom: -15px;
    right: -15px;
}

.border-table {
    margin-bottom: 20px;
}

.border-table table {
    width: auto;
}

.border-table table th {
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    padding: 5px 20px 5px 0;
}

.border-table table td {
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    padding: 5px 0px 5px 110px;
    display: block;
    position: relative;
}

.border-table table td::before {
    content: "";
    width: 80px;
    height: 1px;
    background: #333;
    position: absolute;
    left: 0;
    top: 50%;
}


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

.border-bg {
    position: relative;
}

.border-bg::before {
    content: "";
    width: calc(1300px + 100px);
    height: calc(100% - 30px);
    border: 1px solid #D9DADF;
    position: absolute;
    box-sizing: border-box;
    top: 15px;
    left: calc(50% - (650px + 50px));
}

.border-bg-in {
    position: relative;
}


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

.location-txt-list {
    border-top: 2px solid #47b0ac;
    padding: 20px 0;
}

.location-txt-list .ttl {
    position: relative;
    padding-left: 36px;
    font-size: 21px;
    line-height: 1.3;
    margin-bottom: 20px;
}

.location-txt-list .ttl::before {
    content: "";
    background: #47b0ac;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 10px;
}

.location-txt-list .ttl2 {
    position: relative;
    text-align: center;
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 15px;
    color: #47b0ac;
}

.location-txt-list .list {
    display: flex;
    justify-content: flex-start;
    margin-left: -10px;
}

.location-txt-list .list ul {
    flex-grow: 1;
    margin-left: 10px;
}

.location-txt-list .list li {
    background: #47b0ac;
    color: #fff;
    padding: 12px;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 10px;
    letter-spacing: 0;
}

.location-txt-list .list2 {}

.location-txt-list .list2 ul {}

.location-txt-list .list2 li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 25px;
    font-size: 15px;
    line-height: 1.5;
}

.location-txt-list .list2 li::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #47b0ac;
    position: absolute;
    top: 6px;
    left: 2px;
}

.location-txt-list.border-none {
    padding: 0;
    border-top: none;
}

.txt-img .txt-area .location-txt-list .list li {
    font-size: 16px;
}


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

.location-txt-img {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}

.location-txt-img-t {
    width: 370px;
}

.location-txt-img-i {
    width: calc(100% - 380px);
}

.location-txt-img .ttl {
    background: #47b0ac;
    color: #fff;
    padding: 8px 15px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
}

.location-txt-img .ttl.c1 {
    background: #7EB1BC;
}

.location-txt-img .ttl.c2 {
    background: #3389CA;
}

.location-txt-img .ttl.c3 {
    background: #CED143;
}

.location-txt-img .ttl.c4 {
    background: #77C288;
}


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

.company-list {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
}

.company-list .ttl {
    width: 265px;
    background: #243257;
    color: #fff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    font-size: 18px;
    letter-spacing: 0;
}

.company-list .list {
    width: calc(100% - 265px);
    border: 1px solid #243257;
    background: #f3f4f8;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 14px;
    letter-spacing: 0;
    padding: 25px 10px 25px 20px;
}

.company-list .list ul {
    min-width: 180px;
    margin-left: 30px;
}

.company-list .list ul li {
    margin: 5px 0;
}

.company-list .list .s-ac-in {
    display: flex;
}

.company-list .list .more-btn {
    display: none;
}


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

.access-txt-area {}

.access-txt {
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 40px;
    line-height: 1.4;
}

.access-txt:last-child {
    margin-bottom: 0;
}

.access-txt .sub {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.access-txt .num {
    font-size: 70px;
    font-weight: normal;
    line-height: 0;
}

.access-txt-area.column {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -20px;
    border-top: 1px solid #000;
    padding-top: 40px;
    margin-top: 30px;
    box-sizing: border-box;
}

.access-txt-area.column .access-txt {
    width: 50%;
    box-sizing: border-box;
    padding-left: 20px;
    font-size: 28px;
}

.access-txt-area.column .access-txt .num {
    font-size: 50px;
}

.access-txt-area.border {
    border-top: 1px solid #000;
    padding-top: 40px;
    margin-top: 30px;
    box-sizing: border-box;
}

.access-txt-area.border .access-txt {
    font-size: 28px;
}

.access-txt-area.border .access-txt .num {
    font-size: 50px;
}

.access-box {
    background: #08172D url(../img/access_box.png) no-repeat center right;
    padding: 15px 20px;
}

.access-box .ttl {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0;
    margin-bottom: 15px;
}

.access-box .access-txt {
    font-size: 26px;
    margin-bottom: 20px;
}

.access-box .access-txt:last-child {
    margin-bottom: 0;
}

.access-box .access-txt .sub {
    margin-bottom: 10px;
}

.access-box .access-txt .num {
    font-size: 44px;
}


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

.map-area {
    margin-bottom: 5px;
}

.map-area iframe {
    width: 100%;
    height: 460px;
    vertical-align: bottom;
}

.map-list {}

.map-list ul {
    margin-left: -10px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.map-list ul li {
    width: 20% !important;
    padding-left: 10px;
    box-sizing: border-box;
    cursor: pointer;
}

.map-list ul li.map-only {
    display: none !important;
}

.map-list ul li .img {
    margin-bottom: 5px;
}

.map-list ul li .ttl {
    padding-left: 25px;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0;
    background: url(../img/ico_maker.svg) no-repeat left 0px;
    background-size: 15px 24px;
}

.map-list ul li p {
    padding-left: 25px;
    font-size: 13px;
}

.map-list .slick-track {
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    .map-list .slick-track {
        width: 100% !important;
    }
}


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

.bg-tri {
    position: relative;
    z-index: 3;
    padding-top: 80px;
}

.bg-tri .bg-tri-in {
    position: relative;
    z-index: 2;
}

.bg-tri .bg-tri-img {
    width: 3000px;
    height: 930px;
    background: url(../img/tri_bg.png) no-repeat center;
    position: absolute;
    top: -330px;
    left: calc(50% - 1480px);
    z-index: 1;
}

.bg-tri2 {
    margin-top: -145px;
    position: relative;
    z-index: 2;
    background: #000 url(../img/design_img01.jpg) no-repeat calc(50% - 400px) 150px;
    background-size: auto;
}

.bg-tri2 .txt-img {
    padding: 320px 0 100px;
}

.tri-next-p {
    box-sizing: border-box;
}


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

.plan-column-outer {
    border-top: 1px solid #B9C6D8;
    border-bottom: 1px solid #B9C6D8;
    background: #b9c6d8;
    background: -moz-linear-gradient(left, #b9c6d8 50%, #ffffff 50%);
    background: -webkit-linear-gradient(left, #b9c6d8 50%, #ffffff 50%);
    background: linear-gradient(to right, #b9c6d8 50%, #ffffff 50%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b9c6d8', endColorstr='#ffffff', GradientType=1);
}

.plan-column {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
}

.plan-column .column {
    width: calc(50% - 40px);
    text-align: center;
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plan-column .column .txt-area {
    width: calc(100% - 250px);
}

.plan-column .column .img {
    width: 250px;
}

.plan-column .column .img img {
    height: 380px;
}

.plan .ttl {
    font-size: 40px;
    margin-bottom: 30px;
    color: #204B85;
}

.plan .ttl span {
    font-size: 60px;
}

.plan .data {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.plan .data ul li {
    margin-bottom: 5px;
    text-align: left;
    position: relative;
    padding-left: 20px;
}

.plan .data ul li::before {
    content: "";
    background: #fff;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 6px;
}

.plan-column .column:nth-child(even) .data ul li::before {
    background: #B9C6D8;
}

.plan-column .column .btn {
    background: rgba(134, 154, 183, .7);
    border: 1px solid #869AB7;
    color: #fff;
    width: 270px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 15px;
    cursor: pointer;
    position: relative;
    margin-bottom: 40px;
    transition: .2s;
}

.plan-column .column .btn:hover {
    opacity: .8;
}

.plan-column .column .btn span {
    display: block;
}

.plan-column .column .btn span::after {
    position: absolute;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg);
}

.pop-block .plan-column .column {
    width: calc(50% - 20px);
    text-align: center;
    padding: 40px 0;
    display: block;
}

.pop-block .plan .txt-area {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
    width: 100%;
}

.pop-block .plan .txt-area>div {
    flex-grow: 1;
}

.pop-block .plan .ttl {
    font-size: 40px;
    margin-bottom: 0px;
    color: #47AFAC;
}

.pop-block .plan .data {
    margin-bottom: 0px;
    justify-content: flex-start;
}

.pop-block .plan .data ul li {
    margin: 3px 0;
    padding-left: 20px;
}

.pop-block .data ul li::before {
    background: #222;
}

.pop-block .plan .img {
    text-align: center;
}

.pop-block .plan .img {
    width: auto;
}

.pop-block .plan .img img {
    height: auto;
}

.plan .color {
    background: #212A37;
    color: #fff;
    padding: 20px 30px;
    text-align: left;
}

.plan .color .color-ttl {
    color: #47AFAC;
    font-size: 24px;
    margin-bottom: 20px;
}

.plan .color dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    line-height: 1.3;
}

.plan .color dl:last-child {
    margin-bottom: 0;
}

.plan .color dl dt {
    width: 5em;
    padding-bottom: 10px;
}

.plan .color dl dd {
    width: calc(100% - 5em);
    font-size: 12px;
}

.plan .color dl dd ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.plan .color dl dd ul li {
    width: 25%;
    text-align: center;
}

.plan .color dl dd .color-img {
    display: block;
    width: 65px;
    margin: 0 auto 5px;
}

.plan .color dl dd .color-txt {
    letter-spacing: 0;
}

.pop-ti-outer {
    margin-bottom: 60px;
    padding: 0 0px;
    text-align: left;
}

.pop-ti-outer:last-child {
    margin-bottom: 0;
}

.pop-ti-ttl {
    color: #47AFAC;
    font-size: 20px;
    font-weight: normal;
    padding-left: 40px;
    position: relative;
    letter-spacing: 0;
    line-height: 1.4;
    margin-bottom: 15px;
}

.pop-ti-ttl::before {
    content: "";
    width: 30px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    top: 13px;
}

.pop-ti {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.pop-ti .pop-ti-img {
    position: relative;
    width: 150px;
}

.pop-ti .pop-ti-img p {
    font-size: 11px;
    line-height: 1;
    position: absolute;
    right: 3px;
    bottom: 3px;
    color: #fff;
}

.pop-ti .pop-ti-txt {
    flex-grow: 1;
}

.pop-ti.i34 .pop-ti-txt {
    flex-grow: 1;
}

.pop-ti.i34 .pop-ti-img {
    width: 340px;
}

.pop-ti.i28 .pop-ti-txt {
    flex-grow: 1;
}

.pop-ti.i28 .pop-ti-img {
    width: 280px;
}

.pop-ti.i21 .pop-ti-txt {
    flex-grow: 1;
}

.pop-ti.i21 .pop-ti-img {
    width: 210px;
}

.pop-ti .pop-ti-img p {
    font-size: 11px;
    line-height: 1;
    position: absolute;
    right: 3px;
    bottom: 3px;
    color: #fff;
}

.pop-ti .pop-ti-txt {
    padding: 20px 0 20px 20px;
    font-size: 14px;
    letter-spacing: 0;
    width: calc(100% - 150px);
    box-sizing: border-box;
}

.pop-ti .pop-ti-txt .txt-ttl {
    margin-bottom: 20px;
    font-size: 18px;
}

.pop-ti-img-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.pop-ti-img-list p {
    font-size: 11px;
    line-height: 1;
    position: absolute;
    right: 3px;
    bottom: -15px;
    color: #fff;
}

.pop-close-btn {
    background: #233256;
    color: #fff;
    border: 1px solid #212A37;
    margin: 0 auto 30px;
    width: 280px;
    cursor: pointer;
}

.pop-close-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 60px;
    font-size: 20px;
}

.pop-close-btn span::before {
    content: "";
    width: 50px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.pop-close-btn span::after {
    content: "";
    width: 50px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}


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

.iot-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -20px;
}

.iot-list .item {
    width: calc(50% - 20px);
    margin-left: 20px;
}

.iot-list .item .img {
    text-align: center;
    margin-bottom: 10px;
}

.iot-list .item .img img {
    display: block;
    margin: 0 auto;
}

.iot-list .item .img p {
    text-align: right;
    font-size: 13px;
}

.iot-list .item dl {
    letter-spacing: 0;
}

.iot-list .item dl dt {
    position: relative;
    border-bottom: 1px solid #B9C6D8;
    padding-bottom: 10px;
    padding-left: 20px;
    color: #213254;
    font-size: 18px;
    margin-bottom: 15px;
}

.iot-list .item dl dt::before {
    content: "";
    background: #254D89;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 10px;
}

.iot-list .item dl dd {
    font-size: 15px;
}

.iot .c-txt.w390 {
    width: 390px;
}

.iot .c-img.center {
    text-align: center;
}


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

.quad-list {
    margin-bottom: 40px;
}

.quad-list ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: -15px;
}

.quad-list ul li {
    margin-left: 15px;
    width: calc(25% - 15px);
    margin-bottom: 40px;
}

.quad-list ul li .img {
    margin-bottom: 10px;
}

.quad-list ul li .txt {
    line-height: 1.4;
}


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

.half-column {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.half-column .column {
    width: calc(50% - 10px);
}


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

.c-box {
    background: #fff;
    border: 1px solid #D8DEE7;
    padding: 40px 35px;
    box-sizing: border-box;
}

.c-box .box-ttl {
    border-top: 1px solid #254D89;
    border-bottom: 1px solid #254D89;
    padding: 16px 0 14px;
    color: #254D89;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: 20px;
}


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

.b-c-sk-end {
    position: absolute;
    min-width: 1300px;
    width: 100%;
    height: 110px;
    left: 0;
    bottom: -110px;
    overflow: hidden;
}

.b-c-sk-end>div {
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 110px 50vw 0 0;
    border-color: #F2F4F7 transparent transparent transparent;
}

.b-c-sk-end::after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50vw 110px 0;
    border-color: transparent #F2F4F7 transparent transparent;
}

.b-c-sk-end::before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 110px 70vw 0 0;
    border-color: #B9C6D8 transparent transparent transparent;
}


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

.b-c-archive {
    background: #4F99DA url(../img/archive_bg.jpg) no-repeat center;
    background-size: cover;
}

.archive-txt {
    width: 820px;
    margin: 0 auto 50px;
}

.border-ttl {
    display: inline-block;
    min-width: 550px;
    box-sizing: border-box;
    padding: 10px 20px 9px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 34px;
    margin-bottom: 60px;
}


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

.archive-ico {
    margin-bottom: 40px;
}

.archive-ico ul {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}


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

.archive-list {
    position: relative;
}

.archive-list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: -60px;
    margin-left: -20px;
    letter-spacing: 0;
}

.archive-list ul li {
    width: calc(33.333% - 20px);
    margin-left: 20px;
    position: relative;
    padding-bottom: 60px;
    margin-top: 60px;
}

.archive-list ul li .link {
    margin-bottom: 15px;
}

.archive-list ul li .link a {
    display: flex;
    align-items: center;
    background: #183262;
    border: 1px solid #070F1D;
    position: relative;
    transition: .2s;
}

.archive-list ul li .link a:hover {
    opacity: .8;
}

.archive-list ul li .link a::after {
    position: absolute;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(45deg);
}

.archive-list ul li .link a .img-area {
    width: 110px;
}

.archive-list ul li .link a .txt-area {
    width: calc(100% - 110px);
    box-sizing: border-box;
    padding: 10px 20px 10px 10px;
    line-height: 1.3;
}

.archive-list ul li .link a .txt-area .tag {
    display: inline-block;
    background: #4279CC;
    padding: 0 8px;
    font-size: 17px;
}

.archive-list ul li .link a .txt-area .ttl {
    display: block;
    font-weight: bold;
    font-size: 20px;
    margin-top: 5px;
}

.archive-list ul li .access {
    margin-bottom: 15px;
    font-size: 15px;
    position: relative;
    padding-left: 60px;
    line-height: 1.4;
}

.archive-list ul li .access::before {
    content: "交通";
    background: #000000;
    width: 50px;
    text-align: center;
    border-radius: 12px;
    font-size: 13px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 1px;
}

.archive-list ul li .txt {
    font-size: 15px;
    margin-bottom: 20px;
}

.archive-list ul li .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
}

.archive-list ul li .btn a {
    display: inline-block;
    border: 1px solid #fff;
    width: 210px;
    box-sizing: border-box;
    line-height: 38px;
    border-radius: 20px;
    position: relative;
    transition: .2s;
}

.archive-list ul li .btn a:hover {
    opacity: .7;
}

.archive-list ul li .btn a::after {
    position: absolute;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(45deg);
}

.sec-information-area.block-ttl .sub {
  color: #005bac;
  margin-bottom: 20px;
}

.sec-information-area {
  margin-top: 80px;
  padding: 40px 50px 45px;
  background: #F2F4F7;
}


.sec-information-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sec-information-list__item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.sec-information-list__item {
    width: 540px;
}

.sec-information-list__item + .sec-information-list__item {
    margin-top: 0;
}
.sec-information-list__item:nth-child(n + 3) {
    margin-top: 15px;
}
.sec-information-list__item a {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
.sec-information-list__item a:hover {
    opacity: 0.8;
}

.sec-information-list__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 25px;
    width: 50%;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#0650AA), to(#1066C1));
    background: -webkit-linear-gradient(left, #0650AA, #1066C1);
    background: linear-gradient(to right, #0650AA, #1066C1);
}


.sec-information-list__text .area {
  font-size: 2rem;
}

.sec-information-list__text .area span {
  font-size: 1.6rem;
}

.sec-information-list__text .icon {
  display: block;
  margin-left: auto;
  width: 12px;
  height: 12px;
  background: url(/assets/images/urban/index/area_icon.svg) no-repeat center center/contain;
}

.sec-information-list__img {
  width: 50.28571%;
}
    

.sec-information-list__img::after {
    content: '';
    display: block;
    width: 100%;
    height: 138px;
    padding: 0;
    background: url(/assets/images/urban/index/area_img01_pc.jpg) no-repeat center center/auto auto;
}
.sec-information-list__img.img02::after {
    background-image: url(/assets/images/urban/index/area_img02_pc.jpg);
}
.sec-information-list__img.img03::after {
    background-image: url(/assets/images/urban/index/area_img03_pc.jpg);
}
.sec-information-list__img.img04::after {
    background-image: url(/assets/images/urban/index/area_img04_pc.jpg);
}
.sec-information-list__img.img05::after {
    background-image: url(/assets/images/urban/index/area_img05_pc.jpg);
}
    .sec-information-list__img.img06::after {
    background-image: url(/assets/images/urban/index/area_img06_pc.jpg);
}



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

.inq-area {
    text-align: center;
}

.inq-area .btn {
    color: #fff;
    margin: 20px 0 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inq-area .btn a {
    display: inline-block;
    width: 500px;
    margin: 0 10px;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0;
    transition: .2s;
}

.inq-area .btn a:hover {
    opacity: .8;
}

.inq-area .btn a::after {
    position: absolute;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg);
}

.inq-area .btn a.s1 {
    background: #47AFAC;
    border: 1px solid #3D9492;
}

.inq-area .btn a.s1 span {
    display: inline-block;
    padding: 0 10px 0 40px;
    background: url(../img/ico_simu.png) no-repeat left center;
    background-size: 28px 25px;
}

.inq-area .btn a.s2 {
    background: #254D89;
    border: 1px solid #1E3E6C;
}

.inq-area .btn a.s2 span {
    display: inline-block;
    padding: 0 10px 0 35px;
    background: url(../img/ico_document.svg) no-repeat left center;
    background-size: 20px auto;
}

.inq-area .btn button {
    display: block;
    width: 500px;
    margin: 0 10px;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0;
    background: #47AFAC;
    border: 1px solid #3D9492;
    transition: .2s;
}

.inq-area .btn button span {
    display: inline-block;
    padding: 0 10px 0 40px;
    background: url(../img/ico_simu.png) no-repeat left center;
    background-size: 28px 25px;
}

.inq-area .btn button:hover {
    opacity: .8;
}

.inq-area .btn button::after {
    position: absolute;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg);
}

.inq-area .tel {
    font-size: 80px;
    line-height: 1;
    color: #254D89;
    margin-bottom: 20px;
}

.inq-area .tel span {
    display: inline-block;
    padding: 0 50px 0 90px;
    background: url(../img/ico_tel.svg) no-repeat left 26px;
    background-size: 75px 42px;
}

.inq-area .date {
    line-height: 36px;
}

.inq-area .date::before {
    content: "受付時間";
    background: #233256;
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    margin-right: 20px;
}


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

.out-line .half-column .column {
    width: calc(50% - 20px);
}

.out-line-table {
    margin-bottom: 80px;
}

.out-line-table .ttl {
    border-bottom: 1px solid #B9C6D8;
    color: #213254;
    font-size: 21px;
    padding: 0 0 10px 20px;
    font-weight: normal;
    line-height: 1.3;
    position: relative;
    margin-bottom: 20px;
}

.out-line-table .ttl::before {
    content: "";
    background: #254D89;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 10px;
}

.out-line-table .table {
    font-size: 14px;
    line-height: 1.5;
}

.out-line-table .table table {
    letter-spacing: 0;
    width: 100%;
}

.out-line-table .table table th {
    text-align: left;
    vertical-align: top;
    color: #254C88;
    font-weight: normal;
    white-space: nowrap;
    min-width: 130px;
    padding: 0 0 10px 0px;
}

.out-line-table .table table td {
    text-align: left;
    vertical-align: top;
    padding: 0 0 10px 10px;
}

.out-line-table .table2 {
    line-height: 1.5;
}

.out-line-table .table2 table {
    letter-spacing: 0;
    width: 100%;
    border-collapse: collapse;
}

.out-line-table .table2 table th {
    text-align: center;
    vertical-align: middle;
    color: #213254;
    font-weight: normal;
    white-space: nowrap;
    background: #B9C6D8;
    border: 1px solid #7C95B6;
    padding: 7px 10px;
    font-size: 16px;
}

.out-line-table .table2 table td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #7C95B6;
    padding: 7px 10px;
    font-size: 14px;
}

.out-line-table .list {
    font-size: 15px;
    line-height: 1.5;
    border: 1px solid #7C95B6;
    padding: 20px 50px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.out-line-table .list .list-block:first-child {
    margin-left: 0px;
}

.out-line-table .list .list-block {
    margin-left: 100px;
}

.out-line-table .list dl {
    display: flex;
    padding: 10px 0;
}

.out-line-table .list dl dt {
    color: #254C88;
    padding-right: 30px;
}


/* pop---------*/

.pop-block {
    display: none;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    box-sizing: border-box;
    overflow-y: scroll;
}

.pop-block .pop-block-in {
    padding: 80px 0;
}

.pop-block .pop-block-close {
    font-size: 50px;
    width: 70px;
    height: 70px;
    position: fixed;
    top: 0px;
    right: 15px;
    color: #fff;
    z-index: 100;
    cursor: pointer;
    text-align: center;
    line-height: 68px;
    font-weight: 100;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), -1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2), 0-1px 1px rgba(0, 0, 0, 0.2), -1px 0 1px rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.pop-block .box {
    background: #fff;
    padding: 40px;
}

.pop-block .box.p2 {
    padding: 30px;
}

.pop-block .box .box-ttl {
    border-bottom: 1px solid #000;
    padding: 10px 0;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 40px;
}


/* map---------*/

#map {
    width: 100%;
    height: 460px;
    margin-bottom: 10px;
}

.gm-style-iw-d {
    overflow: hidden !important;
}

.gm-style .gm-style-iw-c {
    width: 180px;
}

.gm-style .img img {
    width: 180px;
    height: 130px;
    object-fit: cover;
}

.gm-style .title {
    padding: 8px 10px;
    color: #2C7098;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0;
}

.gm-style .address {
    margin-bottom: 12px;
    padding: 0 10px 0 30px;
    position: relative;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    line-height: 1.3;
}

.gm-style .address:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 24px;
    top: -3px;
    left: 10px;
    background: url(../img/ico_maker.svg) no-repeat left 0px;
    background-size: 15px 24px;
}

.gm-style .address.pressance:before {
    background: url(../img/ico_maker.svg) no-repeat left 0px;
    background-size: 15px 24px;
}

.gm-style .view-link {
    padding: 5px;
}

.gm-style .gm-style-iw-c {
    padding: 0;
}

.gm-ui-hover-effect img {
    z-index: -9999;
    width: 18px !important;
    height: 18px !important;
    margin: 3px !important;
}

.gm-ui-hover-effect {
    border-radius: 0 0 0 5px;
    background: rgba(255, 255, 255, .9) !important;
    top: 0 !important;
    right: 0 !important;
    width: 24px !important;
    height: 24px !important;
    opacity: .8 !important;
}

.gm-ui-hover-effect:hover {
    opacity: 1 !important;
}