@charset "UTF-8";
/* header、footer など、ベースとなる部分のCSSを書く*/
/*メディアクエリ（サンプル最後に取る）*/
/*sp（なくても良い）*/
@media screen and (max-width: 480px) {}
/*tablet 768px以下*/
@media screen and (max-width: 767px) {}
/*pc 1000px以下*/
@media screen and (max-width: 1000px) {}
html {
    overflow-x: hidden;
    scroll-behavior: smooth;
    /* 95px：変数が取得できなかった場合の初期値 */
    /* 20px：スクロール時の上部のゆとり */
    scroll-padding-top: calc((var(--headerHeight, 95px)) + 20px);
}
body {
    overflow-x: hidden;
}
img {
    width: 100%;
    height: auto;
}
a {
    color: #000;
    text-decoration: none;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
	overflow-wrap: anywhere;
}
a:hover {
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
    cursor: pointer;
}
/* 文字基準 */
html, h1, h2, h3, h4, h5, h6, p, span {
    font-family: 'Hiragino Sans', 'Noto Sans JP', sans-serif;
    line-height: 1.6;
}
p, span {
    font-size: 1.4rem;
}
.btn_g {
    display: flex;
    align-items: center;
}
.btn_g p {
    font-size: 1.4rem;
    font-weight: 600;
    color: #67696C;
}
.btn_arrow-g {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 1px;
    margin: 5px 0 5px 15px;
    border-radius: 9999px;
    background-color: #707070;
    transition: transform 0.3s ease;
}
.btn_arrow-g::before, .btn_arrow-g::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    right: 0;
    width: 8px;
    height: 1px;
    border-radius: 9999px;
    background-color: #707070;
    transform-origin: calc(100% - 0.5px) 50%;
}
.btn_arrow-g::before {
    transform: rotate(48.35deg);
}
.btn_arrow-g::after {
    transform: rotate(-48.35deg);
}
a:hover .btn_arrow-g {
    transform: translateX(5px); /* 矢印を右に5px移動 */
    transition: transform 0.3s ease; /* 0.3秒でアニメーション */
}

.btn_arrow-g-reverse {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 1px;
    margin: 5px 0 5px 15px;
    border-radius: 9999px;
    background-color: #707070;
    transition: transform 0.3s ease;
}
.btn_arrow-g-reverse::before, .btn_arrow-g-reverse::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    left: 0;
    width: 8px;
    height: 1px;
    border-radius: 9999px;
    background-color: #707070;
    transform-origin: 0.5px 50%;
}
.btn_arrow-g-reverse::before {
    transform: rotate(45deg);
}
.btn_arrow-g-reverse::after {
    transform: rotate(-45deg);
}
a:hover .btn_arrow-g-reverse {
    transform: translateX(-5px); /* 矢印を右に5px移動 */
    transition: transform 0.3s ease; /* 0.3秒でアニメーション */
}

/* 背景グレーボタン */
.btn_bg-g {
    display: flex;
    align-items: center;
    background-color: #67696C;
	border: 2px solid #67696C;
    width: 250px;
    padding: 13px;
}
.btn_bg-g p {
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
}
.btn_bg-g.under-text {
    width: 212px;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
	margin: 60px auto 0px;
}
.btn_bg-g .view {
    width: 100%;
    font-size: 1.0rem;
    font-weight: 300;
    color: #fff;
    margin-top: 4px;
}

.btn_arrow-w {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 1px;
    margin: 5px 0 5px 15px;
    border-radius: 9999px;
    background-color: #AFAFAF;
    transition: transform 0.3s ease;
}
.btn_arrow-w::before, .btn_arrow-w::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    right: 0;
    width: 8px;
    height: 1px;
    border-radius: 9999px;
    background-color: #AFAFAF;
    transform-origin: calc(100% - 0.5px) 50%;
}
.btn_arrow-w::before {
    transform: rotate(48.35deg);
}
.btn_arrow-w::after {
    transform: rotate(-48.35deg);
}
.btn_bg-g:hover{
	background-color: #fff;
}
.btn_bg-g:hover p{
	color: #67696C;
}
.btn_bg-g:hover .view{
	color: #67696C;
}
a:hover .btn_arrow-w {
    transform: translateX(5px); /* 矢印を右に5px移動 */
    transition: transform 0.3s ease; /* 0.3秒でアニメーション */
}
/* 背景白ボタン */
.btn_bg-w {
    display: flex;
    align-items: center;
    background-color: #fff;
    width: 250px;
    padding: 15px;
}
.btn_bg-w p {
    font-size: 1.4rem;
    font-weight: 600;
    color: #67696C;
}
/* 文字基準 */
/*header*/
header {
    position: fixed;
    z-index: 50;
    display: block;
    width: 100%;
}
.header_main-container {
    height: 100px;
    background-color: #fff;
    padding: 18px 0px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header_main-logo {
	position: relative;
	z-index: 110;
    width: 84px;
    margin-left: 120px;
}
.header_menu-wrapper {
    display: flex;
    align-items: center;
}
.header_menu-list {
    display: flex;
    align-items: center;
}
.header_menu-item {
	position: relative;
    margin-right: 60px;
    padding: 20px 0px;
    border-bottom: 2px solid #fff;
}
.header_menu-item:hover::after {
    transform: scale(1, 1);
}
.header_menu-item::after{
    position: absolute;
    bottom: -2px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #707070;
    transform: scale(0, 1);
    transform-origin: left top; 
    transition: transform .3s;
}

#ourvalues .header_menu-item:nth-child(1) {
    border-bottom: 2px solid #707070;
}
#service .header_menu-item:nth-child(2), #planning .header_menu-item:nth-child(2), #construction .header_menu-item:nth-child(2), #procurement .header_menu-item:nth-child(2), #maintenance .header_menu-item:nth-child(2) {
    border-bottom: 2px solid #707070;
}
#column .header_menu-item:nth-child(4) {
    border-bottom: 2px solid #707070;
}
#company .header_menu-item:nth-child(5) {
    border-bottom: 2px solid #707070;
}
.header_menu-item a {
    position: relative;
    font-weight: 600;
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
    color: #707070;
}
.header_menu-item a::before {
    display: block;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: transparent;
    text-align: center;
    white-space: nowrap;
    transition: 0.5s;
    content: attr(data-hover-text);
}
.header_menu-item a:hover {
    color: transparent;
}
.header_menu-item a:hover::before {
    color: #707070;
}
.header_contact-btn {
    position: relative;
    display: inline-block;
    font-weight: 600;
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
    color: #fff;
    padding: 18px 40px;
    background-color: #626262;
    border: 2px solid #626262;
}
.header_contact-btn::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: transparent;
    text-align: center;
    white-space: nowrap;
    transition: 0.5s;
    content: attr(data-hover-text);
}
.header_contact-btn:hover {
    color: transparent;
    background-color: #fff;
}
.header_contact-btn:hover::before {
    color: #707070;
}
.header_br {
    display: none; /*文字改行調整*/
}
.hamburger {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 28px;
    height: 20px;
    cursor: pointer;
}
.hamburger span {
    display: block;
    height: 3px;
    background: #333;
    border-radius: 3px;
    transition: 0.2s;
}
.hamburger-menu {
    width: 50px;
    height: 50px;
    position: relative;
	z-index: 110;
    border: none;
    background: transparent;
    appearance: none;
    padding: 0;
    cursor: pointer;
    display: none;
}
.hamburger-menu__bar {
    display: inline-block;
    width: 52%;
    height: 1px;
    background: #707070;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: .2s;
}
.hamburger-menu__bar:first-child {
    top: 16px;
}
.hamburger-menu__bar:nth-child(2) {
    top: 24px;
}
.hamburger-menu__bar:last-child {
    top: 32px;
}
.hamburger-menu--open .hamburger-menu__bar {
    top: 50%;
}
.hamburger-menu--open .hamburger-menu__bar:first-child {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.hamburger-menu--open .hamburger-menu__bar:last-child {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
    display: none;
}
@media screen and (max-width: 1280px) {
    .header_main-logo {
        margin-left: 50px;
    }
}
@media screen and (max-width: 1120px) {
    .header_logo {
        width: 50%;
        margin-right: 9px
    }
    .header_logo-text {
        font-size: 2.0rem;
    }
}
@media screen and (max-width: 1000px) {
	.header_menu-item{
		margin-right: 40px;
	}
}
@media screen and (max-width: 945px) {
    .header_menu-item {
        margin-right: 20px;
    }
    .header_contact-btn {
		padding: 18px 20px;
        margin-right: 9px;
    }
}
@media screen and (max-width: 800px) {
    .header_main-container {
        height: 80px;
		 padding: 0px;
    }
	.header_sp_box{
		position: relative;
		z-index: 110;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		    padding: 18px 10px 20px 20px;
		background-color: #fff;
		 height: 80px;
	}
    .header_menu-item {
        margin-right: 0px;
    }
    .hamburger-menu {
        display: inline-block;
    }
    .header_main-logo {
		width: 74px;
        margin-left: 0px;
    }
    .navigation {
        display: none;
        position: absolute;
        top: -100dvh;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 90;
        padding: 80px 0px;
        margin: 0;
        height: 100dvh;
		transform: translateY(100dvh);
		overflow-y: scroll;
        text-align: center;
    }
    .navigation .header_menu-list {
        display: block;
    }
    .navigation .header_menu-item {
        margin: 0;
        border-bottom: 1px solid #474747;
    }
    .navigation .header_menu-item:first-child {
        border-top: 1px solid #474747;
    }
	.navigation .header_menu-item::after{
    display: none;
}
    .navigation .header_menu-item a {
        display: block;
		font-size: 1.6rem;
        padding: 20px 16px;
        text-decoration: none;
    }
    .header_contact-btn {
		font-size: 1.8rem;
		padding: 18px 40px;
        margin: 30px auto 0px;
    }
	
#ourvalues .header_menu-item:nth-child(1) {
    border-bottom: 1px solid #707070;
}
#service .header_menu-item:nth-child(2), #planning .header_menu-item:nth-child(2), #construction .header_menu-item:nth-child(2), #procurement .header_menu-item:nth-child(2), #maintenance .header_menu-item:nth-child(2) {
    border-bottom: 1px solid #707070;
}
#column .header_menu-item:nth-child(4) {
    border-bottom: 1px solid #707070;
}
#company .header_menu-item:nth-child(5) {
    border-bottom: 1px solid #707070;
}
}
/*header*/
/*footer*/
footer {
    margin-top: 130px !important;
}
.footer_contact-inner,
.footer_site-inner,
.footer_content-inner {
  max-width: 1200px;
  margin-inline: auto;
}
.footer_contact-content {
  /* 元の display:flex; は inner に移します */
  background: linear-gradient(to right,
              #67696C 0 45%,
              #919191 45% 100%);
	padding: 0px 50px;
}
.footer_contact-inner {
	display: flex;
	justify-content: space-between;
}
.footer_contact-left,
.footer_contact-right {
  background: transparent;
}
.footer_contact-left {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    width: 45%;
    height: 188px;
}
.footer_contact-left::after {
    content: "";
    position: absolute;
    top: 0;
    right: -93px;
    z-index: -1;
    display: inline-block;
    width: 188px;
    height: 188px;
    background: #67696c;
    clip-path: polygon(0 0%, 50.5% 0%, 50.5% 0, 100% 50%, 50.5% 100%, 50.5% 100%, 0 100%);
}
.footer_contact-left .small {
    font-size: 1.4rem;
    font-weight: 300;
    color: #fff;
}
.footer_contact-text .footer_br{
		display: none;
}
.footer_contact-left .large {
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
    margin-top: 15px;
	letter-spacing: -0.01rem;
}
.footer_contact-right {
    display: flex;
    align-items: center;
    padding: 0px 0px 0px 120px;
    width: 55%;
    height: 188px;
}
.footer_contact-tel .head {
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px;
}
.footer_contact-tel .tel {
    font-size: 3.5rem;
    font-weight: 600;
    color: #fff;
}
.footer_contact-tel .hours {
    font-size: 1.3rem;
    font-weight: 600;
    color: #fff;
    margin-top: 10px;
}
.footer_contact-right .btn_bg-w {
    width: 230px;
    margin-left: 30px;
    padding: 20px 20px;
}
.footer_contact-right .btn_bg-w p {
    font-size: 1.7rem;
}
.footer_contact-right .btn_bg-w:hover {
    background-color: #67696C;
}
.footer_contact-right .btn_bg-w:hover p{
    color: #fff;
}
.footer_contact-right .btn_bg-w:hover .btn_arrow-g{
	background-color: #AFAFAF;
}
.footer_contact-right .btn_bg-w:hover .btn_arrow-g::before,
.footer_contact-right .btn_bg-w:hover .btn_arrow-g::after{
	background-color: #AFAFAF;
}
.footer_site-content{
  padding: 30px 50px;
	background-color: #F2F0F0;
}
.footer_site-inner{
	display: flex;
  justify-content: space-between;
	    align-items: center;
}
.footer_site-content .site-head{
	width: 12%;
	font-size: 1.8rem;
    font-weight: 600;
	color: #707070;
}
.footer_site-content .site-warpper{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 88%;
}
.site-warpper li{
	width: 16%;
	padding: 0px 10px 0px 15px;
	text-align: center;
	border-left: 1px solid #707070;
}
.site-warpper li:last-child{
	border-right: 1px solid #707070;
}
.site-warpper li p{
	transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.site-warpper li .large{
	font-size: 1.6rem;
	font-weight: 500;
	color: #707070;
}
.site-warpper li .small{
	font-size: 1.2rem;
	font-weight: 500;
	color: #707070;
}
.site-warpper li a:hover p{
	color: #000;
	transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

.site-warpper .site_br{
	display: none;
}

.footer_content {
    padding: 50px;
}
.footer_content-inner{
    display: flex;
    justify-content: space-between;
}
.footer_img-area {
    width: 140px;
    display: flex;
    flex-wrap: wrap;
}
.footer_logo {
    width: 120px;
}
.footer_icon {
    width: 33px;
}
.footer_icon + .footer_icon {
    margin-left: 10px;
}
.page-list-main {
    display: flex;
    justify-content: space-between;
}
.page-list-main li {
    width: 140px;
}
.page-list-main a {
    position: relative;
    display: block;
    width: 100%;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    color: #707070;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #707070;
}
.page-list-main a::before {
    display: block;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: transparent;
    text-align: center;
    white-space: nowrap;
    transition: 0.5s;
    content: attr(data-hover-text);
}
.page-list-main a:hover {
    color: transparent;
}
.page-list-main a:hover::before {
    color: #707070;
}
.page-list-main .low {
    position: relative;
}
.page-list-main .low::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 71px;
    bottom: 6px;
    width: 1px;
    height: 27px;
    background-color: #707070;
}
.page-list-sub {
    margin-top: 22px;
    padding-left: 70px;
    display: flex;
}
.page-list-sub li:first-child {
    position: relative;
    margin-left: 25px;
}
.page-list-sub li:first-child::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -24px;
    top: 5px;
    width: 47px;
    height: 1px;
    background-color: #707070;
}
.page-list-sub a {
    width: 130px;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    margin-left: 30px;
    padding-bottom: 0px;
    border-bottom: 0px solid #707070;
}
.page-list-sub a::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: transparent;
    text-align: center;
    white-space: nowrap;
    transition: 0.5s;
    content: attr(data-hover-text);
}
.page-list-sub a:hover {
    color: transparent;
}
.page-list-sub a:hover::before {
    color: #707070;
}
.footer_page-area .under-item {
    display: flex;
    margin-top: 50px;
}
.footer_page-area .under-item p, .footer_page-area .under-item a {
    font-size: 1.3rem;
    font-weight: 500;
    color: #67696C;
    transition: all 0.3s ease;
}
.footer_page-area .under-item a:hover {
    color: #000;
    transition: all 0.3s ease;
}
.footer_page-area .copyright {
    margin-left: auto;
}
/*footer*/

@media screen and (max-width: 1270px) {
	.footer_contact-content {
  background: linear-gradient(to right, #67696C 0 35%, #919191 35% 100%);
}
	.footer_contact-left{
		width: 35%;
	}
	.footer_contact-right{
		justify-content: space-between;
		width: 62%;
	}
	.footer_site-content{
		padding: 30px 50px;
	}
}
@media screen and (max-width: 1256px) {
	.site-warpper li .large{
		letter-spacing: -0.05rem;
	}
}
@media screen and (max-width: 1190px) {
	.footer_contact-content {
    background: linear-gradient(to right,
                #67696C 0 33%,
                #919191 33% 100%);
  }
	.footer_contact-left{
		width: 33%;
	}
	.footer_contact-right{
		width: 67%;
	}
	.footer_contact-text .footer_br{
		display: block;
	}
	
	.site-warpper li .large{
		font-size: 1.5rem;
	}
	.site-warpper .site_br{
	display: block;
}
	
	.footer_content{
		padding: 50px;
	}
	.page-list-main li{
		width: 120px;
	}
	.page-list-main .low::before{
		left: 58px;
	}
	.page-list-main .page-list-sub a{
		width: 115px;
		height: auto;
		margin-left: 15px;
	}
	.page-list-main li .page-list-sub li{
		width: auto;
	}
	.page-list-sub li:first-child::before{
		left: -12px;
		width: 20px;
	}
	.page-list-sub a{
		width: 110px;
		margin-left: 20px;
	}
	.page-list-sub{
		padding-left: 45px;
	}
}
@media screen and (max-width: 1040px) {
	.footer_contact-content {
    background: linear-gradient(to right,
                #67696C 0 43%,
                #919191 43% 100%);
  }
	.footer_contact-left{
		width: 43%;
		height: 240px;
	}
	.footer_contact-left::after{
		width: 240px;
  height: 240px;
		clip-path: polygon(0 0%, 65.5% 0%, 65.5% 0, 100% 50%, 65.5% 100%, 65.5% 100%, 0 100%);
	}
	.footer_contact-right{
		width: 57%;
		height: 240px;
		flex-wrap: wrap;
	}
	.footer_contact-right .btn_bg-w{
		margin-left: 0px;
		margin-top: -20px;
	}
	.footer_site-content{
		padding: 30px 50px 15px;
	}
	.footer_site-content .site-head{
		width: 15%;
	}
	.footer_site-content .site-warpper{
		width: 80%;
		flex-wrap: wrap;
	}
	.site-warpper li{
		width: 33%;
		margin-bottom: 15px;
	}
	.site-warpper li:nth-child(3){
		border-right: 1px solid #707070;
	}
	.site-warpper .site_br{
		display: none;
	}
}

@media screen and (max-width: 990px) {
	.footer_contact-content{
		padding: 0px 20px;
	}
	.footer_site-content{
		padding: 30px 20px 15px;
	}
	.footer_content {
		 padding: 50px 20px;
  }
	.footer_content-inner{
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 990px) {
	.page-list-main li{
		width: 16vw;
	}
		.footer_img-area{
		width: 300px;
		margin-bottom: 30px;
		align-items: center;
	}
	.footer_icon{
		margin-left: 40px;
	}
}

@media screen and (max-width: 800px) {
	.footer_contact-content {
    background: none;
		padding: 0px;
  }
	.footer_content{
		padding: 50px 22px 30px;
	}
	.footer_img-area{
		width: 100%;
		margin-bottom: 30px;
		align-items: center;
	}
	.footer_icon {
    margin-left: auto;
  }
	.footer_icon + .footer_icon {
  margin-left: 30px;
}
		.footer_contact-inner {
    flex-wrap: wrap;
  }
	.footer_contact-content{
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer_contact-left,
  .footer_contact-right {
    width: 100%;
    background: initial; /* いったんリセット */
  }
	.footer_contact-left{
		height: 230px;
		padding: 39px 25px 0px 25px;
		text-align: center;
		justify-content: center;
		background-color: #67696C;
	}
	.footer_contact-left::after{
		clip-path: none;
		top: auto;
		right: 0px;
		bottom: -60px;
		width: 0;
		height: 0;
		background: #67696c00;
		border-style: solid;
		border-width: 60px 50vw 0 50vw;
		border-color: #67696C transparent transparent transparent;
	}
	.footer_contact-left .small{
		font-size: 1.6rem;
	}
	.footer_contact-left .large{
		margin-top: 30px;
		font-size: 2.0rem;
	}
	.footer_contact-right{
		height: 280px;
		justify-content: center;
		padding: 120px 25px 60px 25px;
		background-color: #919191;
	}
	.footer_contact-tel{
		margin-right: 40px;
	}
	
	.footer_site-content{
		padding: 30px 22px 15px;
	}
	.page-list-main{
		flex-wrap: wrap;
	}
	.page-list-main li{
		width: 100%;
		margin-bottom: 15px;
	}
	.page-list-main a{
		font-size: 1.5rem;
		text-align: left;
		padding-bottom: 15px;
		border-bottom: 1px solid #E6E6E6;
	}
	.page-list-main a::before{
		left: 0%;
		transform: translateX(0%) translateY(-50%);
	}
	.page-list-sub{
		padding-left: 0px;
		flex-wrap: wrap;
	}
	.page-list-main .low::before, .page-list-sub li:first-child::before{
		display: none;
	}
	.page-list-main li .page-list-sub li{
		width: 100%;
	}
	.page-list-sub li:first-child{
		margin-left: 0px;
	}
	.page-list-main .low a{
		border-bottom: 0px solid #C7C7C7;
		padding-bottom: 0px;
	}
	.page-list-main .low a::before{
		top: 50%;
		left: 0%;
		transform: translateX(0%) translateY(-50%);
	}
	.page-list-main .page-list-sub a{
		width: 100%;
		font-size: 1.4rem;
		font-weight: 300;
		margin-left: 0px;
		padding-bottom: 5px;
	}
	.low .page-list-sub a::before{
		top: 36%;
		left: 0%;
		transform: translateX(0%) translateY(-50%);
	}
	.under-item{
		flex-wrap: wrap;
	}
	.footer_page-area .under-link{
		width: 100%;
		margin-bottom: 10px;
	}
	.footer_page-area .copyright{
		margin-left: 0px;
	}
}



@media screen and (max-width: 740px) {
	.btn_bg-g {
    width: 250px;
    padding: 12px;
}
	.btn_bg-w {
    width: 250px;
    padding: 12px;
}
	.footer_site-content{
		flex-wrap: wrap;
	}
	.footer_site-content .site-head{
		width: 100%;
		margin-bottom: 20px;
	}
	.footer_site-inner{
		flex-wrap: wrap;
	}
	.footer_site-content .site-warpper{
		width: 100%;
	}
	.site-warpper li {
		width: 50%;
		margin-bottom: 25px;
	}
	.site-warpper li:nth-child(3){
		border-right: 0px solid #707070;
	}
	.site-warpper li:nth-of-type(2n){
		border-right: 1px solid #707070;
	}
}
@media screen and (max-width: 600px) {
	 .footer_contact-left .small {
		 font-size: 1.4rem;
  }
	.footer_contact-left .large {
    font-size: 1.8rem;
  }
	.footer_contact-text .footer_br{
		display: none;
	}
	.footer_contact-right{
		padding: 100px 25px 40px 25px;
		height: auto;
	}
	.footer_contact-tel{
		margin: 0px 40px;
	}
	.footer_contact-tel .tel{
		font-size: 3.0rem;
	}
	.footer_contact-right .btn_bg-w{
		justify-content: space-between;
		width: 239px;
		margin-top: 20px;
		padding: 12px 20px;
	}
	.footer_contact-right .btn_bg-w p{
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
	}
	
}
@media screen and (max-width: 500px) {
	
	
}