/*
Theme Name: ORIGINAL
*/


@font-face {
font-family: "SabonNextLT";
src: url("font/SabonNextLT.woff") format('woff');
}


@font-face {
font-family: "SabonNextLTItalic";
src: url("font/SabonNextLTItalic.woff") format('woff');
}



* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



html {
font-size: 100%;
overflow-y: scroll;
text-rendering:optimizeLegibility;
}


ul, li{
list-style:none;
}

img{
display:block;
	width:100%;
	height:auto;
}

::selection {
background-color: #000;
color:#fff;
}



a{
	text-decoration:none;
	color: #5b5a58;
}



.text_border{
text-decoration:underline;
}


.font_bold{
font-weight:bold;
}


.font12{
font-size:12pt;
}


.font13{
font-size:13pt;
}


.font14{
font-size:14pt;
}

.font15{
font-size:15pt;
}

.font16{
font-size:16pt;
}

.font17{
font-size:17pt;
}

.font18{
font-size:18pt;
}

.font19{
font-size:19pt;
}

.font20{
font-size:20pt;
}




p{
	font-size: 14px;
	line-height:200%;
	color: #5b5a58;
}


.clear{
clear: both;
}

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



body {
	color: #5b5a58;
	line-height: 150%;
	margin: 0;
	font-family: "yu-gothic-pr6n", sans-serif;
	font-weight:normal;
	background-color:#eae4db;
}




.sub_grand_menu{
	position: fixed;
	top: 22px;
	right: 10px;
	z-index: 9999;
	width: 60px;
	-webkit-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	transition: 1s cubic-bezier(0.78, .18, .34, .98);
}


.active .sub_grand_menu{
	position: fixed;
	top: 10px;
	-webkit-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	transition: 1s cubic-bezier(0.78, .18, .34, .98);
}

#page .sub_grand_menu{
	top: 10px;
}


.sub_grand_menu p{
text-align:center;
color:#fff;
}




.sub_grand_menu.sub_grand_menu_ani{
position:fixed;
top:0px;
z-index: 9999;
-webkit-transition: 1s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 1s cubic-bezier(0.78, .18, .34, .98);
-ms-transition: 1s cubic-bezier(0.78, .18, .34, .98);
-o-transition: 1s cubic-bezier(0.78, .18, .34, .98);
transition: 1s cubic-bezier(0.78, .18, .34, .98);
}


.sub_grand_menu .button-navi-icon {
display: block;
position: absolute;
top: 50%;
left: 50%;
	width: 26px;
	height: 1.5px;
	margin: -1px 0 0 -15px;
	    background: transparent;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}

.sub_grand_menu .button-navi-icon:after, .sub_grand_menu .button-navi-icon:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 26px;
	height: 1.5px;
	background: #9d9d9d;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-ms-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}



.sub_grand_menu .button-navi-icon:after, .sub_grand_menu .button-navi-icon:before {
	background: #fff;
}


#page .sub_grand_menu .button-navi-icon:after, #page .sub_grand_menu .button-navi-icon:before {
	background: #9d9d9d;
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	transition: .6s cubic-bezier(0.78, .18, .34, .98);
}

.active .sub_grand_menu .button-navi-icon:after, .active .sub_grand_menu .button-navi-icon:before{
	background:#9d9d9d;
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	transition: .6s cubic-bezier(0.78, .18, .34, .98);
}



.sub_grand_menu .button-navi-icon:before {
margin-top: -5px;
}

.sub_grand_menu .button-navi-icon:after {
margin-top: 3px;
}





.sub_grand_menu_top{
padding: 25px 0px;
overflow:hidden;
}



.sub_grand_menu_top .sub_menu ul li{
display: inline-block;
padding:0 20px;
}




.sub_grand_menu .button-navi-icon.close:before, .sub_grand_menu .button-navi-icon.close:after {
	margin-top: 0;
	background: #838382;
}

#page .sub_grand_menu .button-navi-icon.close:before, #page .sub_grand_menu .button-navi-icon.close:after {
	margin-top: 0;
	background: #838382;
}




.sub_grand_menu .button-navi-icon.close:after {

}


.button-navi-icon.close:after {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.button-navi-icon.close:before {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


.button-navi-icon.close, #page .button-navi-icon.close {
background: transparent;
}



.button-close{
position:absolute;
padding: 25px 0px;
width: 60px;
top: 0;
z-index:-9999;
}




#menu_index {
	position: fixed;
	top: 0;
	right:0;
	width: 30%;
	height: 100%;
	background-size: contain;
	background-color: #f9f8f4;
	z-index: 9996;
}


.menu_sp {
	top: 50%;
	width: 100%;
	position: absolute;
	padding:0 40px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}


.menu_sp a {
	font-family: "roboto", sans-serif;
    text-decoration: none;
	font-size: 16px;
    letter-spacing: 1px;
    color: #655d5b;
}

.menu_sp a span{
	font-size: 14px;
}





.menu_sp > div{
	margin-bottom:20px;
}

.menu_sp > div:last-child{
	margin-bottom:0px;
}

.menu_sp .sub_menu{
	margin-top:5px;

}

.menu_sp .sub_menu a{
	font-size: 12px;
	letter-spacing: 1px;
	display:block;
}




.loading {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
z-index: 999999;
opacity: 1;
background: #fbf7f2;
}



.loader
{
position: absolute;
display: inline-block;
top:50%;
left:50%;
margin-left:-17px;
margin-top:-30px;
width: 30px;
height: 30px;
border-radius: 30px;
border: 1px solid #000;
border-right-color: transparent;
-webkit-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
}


@-webkit-keyframes spin
{
	0% { -webkit-transform: rotate(0deg); opacity: 0.4; }
	50%  { -webkit-transform: rotate(180deg); opacity: 1; }
	100%   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}

@-moz-keyframes spin
{
	0% { -moz-transform: rotate(0deg); opacity: 0.4; }
	50%  { -moz-transform: rotate(180deg); opacity: 1; }
	100%   { -moz-transform: rotate(360deg); opacity: 0.4; }
}



.img-cover {
background: none no-repeat scroll 50% 50% / cover  rgba(0, 0, 0, 0);
background-size: cover !important;
-webkit-background-size: cover !important;
}



.img-cover > img {
    display: none!important;
}


.wooslider_wrap {

}

.wooslider .slides > li a{
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 2000;
}

.wooslider .slides > li .title a{
color: #fff;
position: relative;
height: auto;
width: auto;
z-index: 1999;
}

.wooslider-control-nav{
opacity:1;
-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}


.active .wooslider-control-nav{
opacity:0;
-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}


#header.active{
-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}






.home_menu{
	position:absolute;
	z-index:999;
	left:30px;
	top:30px;
	display:flex;
	gap:20px;
}




.home_menu a{
	font-family: "roboto", sans-serif;
	font-size: 14px;
	letter-spacing:1px;
	font-weight: 400;
	color:#fbf7f2;
	position:relative;
	opacity:1;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}


.home_menu a span{
	font-size: 13px;
}






.home_menu a:after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #ccc;
bottom: -1px;
transform: scale(0, 1);
transform-origin: right top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
transition: transform 0.6s;  /*変形の時間*/
}

.home_menu a:hover:after {
transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
transform-origin: left top; /*左から右に向かう*/
}





.home_menu_other{
	position:absolute;
	z-index:99;
	top: 34px;
	right:60px;
	display:flex;
	gap:20px;
	margin-right:20px;
}


.home_menu_copy p{
	color:#fff;
	font-size:12px;
}


.home_menu_contact a{
	color:#000;
	font-size:12px;
	font-weight: bold;
	padding: 10px 18px;
	background:#fff;
	border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}

.home_menu_contact a:hover{
	color:#fff;
	background:#9d9d9d;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}



#page_menu{
	background-color: #fbf7f2;
	position:fixed;
	z-index: 9995;
	width:100%;
	left:0;
	top:0;
	padding: 22px 30px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	display: flex;
	justify-content: space-between;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}


#page_menu.active{
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}


#home #page_menu{
	top: -80px;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}

#home #page_menu.active{
	top:0px;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}




#page_menu .logo{
	width: 100px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}



#page_menu .home_menu_contact a{
	background:#9d9d9d;
	color:#fff;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}

#page_menu .home_menu_contact a:hover{
	background:#fff;
	color:#9d9d9d;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}



.gra_menu{
	display:flex;
	gap:20px;
}


.gra_menu a{
	font-size: 14px;
	letter-spacing:1px;
	font-family: "roboto", sans-serif;
	font-weight: 400;
	color:#655d5b;
	position:relative;
}

.gra_menu a span{
	font-size: 13px;
}


.gra_menu a:after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #655d5b;
bottom: -1px;
transform: scale(0, 1);
transform-origin: right top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
transition: transform 0.6s;  /*変形の時間*/
}

.gra_menu a:hover:after {
transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
transform-origin: left top; /*左から右に向かう*/
}



.page_menu_other{
	margin-right:50px;
}



.top_slide {
  position:relative;
  top:0;
  overflow: hidden;
  width: 100%;
  height:100%;
  background-color: #999;
}

.zs-enabled .zs-slideshow .zs-bullets{
  display:none;
}



.home_logo{
	width:120px;
	position:absolute;
	z-index:999;
	top: 45%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}


.home_copy{
	position:absolute;
	width:100%;
	left:0;
	z-index:999;
	text-align:center;
	top: 75%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}


.home_copy .home_copy_en p{
	font-family: baskerville-display-pt, serif;
	font-size: 42px;
	letter-spacing: 1px;
	color:#fff;
}


.home_copy .home_copy_jp p{
	font-size: 18px;
	letter-spacing: 1px;
	color:#fff;
}




.bg_light{
	background:#f9f8f4;
}






.list_wrap{
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

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




.section{
	padding: 120px 0 200px;
	position: relative;
}




.inner{
	max-width: 800px;
	margin:0 auto;
	padding: 0 40px;
	position: relative;
}



.s_title{
	text-align:center;
}


.s_title p{
	font-family: "roboto", sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	font-weight:400;
	display: inline-block;
	color:#838382;
}




.s_title p:after{
	content:"";
	width:12px;
	height:1px;
	display:block;
	background:#838382;
	margin:10px auto 0;
}


.s_note{
	margin-top:40px;
	text-align:center;
}



.s_note p{
	font-size: 16px;
	letter-spacing: 1px;
	color:#6a6a69;
}







.btn_more{
	text-align:center;
	margin-top:40px;
}

.btn_more a{
	display:inline-block;
	position:relative;
	width:120px;
	text-align:left;
	font-size:13px;
	font-family: "roboto", sans-serif;
}

.btn_more a:after{
	content:">";
	position:absolute;
	right:0px;
}

.btn_more a:before{
	content:"";
	position:absolute;
	background:#5b5a58;
	width:100%;
	height:1px;
	right:0px;
	bottom:-10px;
}




.link_btn a{
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	background:#847669;
	color:#fff;
	padding:15px 30px;
	border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}

.link_btn a:hover{
	background:#fbf7f2;
	color:#847669;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}











#top_about{
	background:url(images/bk_top_about.webp);
	background-position: center center;
}

#top_about .s_title p{
	color:#fff;
}

#top_about .s_title p:after{
	background:#fff;
}


.about_text {
	margin-top:50px;
	text-align: center;
}

.about_text p{
	display:inline-block;
	font-size:14px;
	letter-spacing: 2px;
	line-height: 220%;
	color:#fff;
}


#top_about .btn_more a{
color:#fff;
}

#top_about .btn_more a:after{
}

#top_about .btn_more a:before{
	background:#fff;
}









.top_case_img{
	margin-top:60px;
}













.sub_title{
    position: absolute;
    top: 135px;
    left: 80px;
}

.sub_title p{
	width: 8px;
}



#footer{
	background:#9d9d9d;
	padding: 80px 0 30px;
}





#footer .inner{
	max-width: 1080px;
	padding: 0 60px;
}

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

.logo_footer{
	width:420px;
}


.f_menu{
	display: flex;
	gap:100px;
}


.f_menu > div a{
	font-size: 13px;
	font-weight: 600;
	color:#fff;
	display: block;
	margin-bottom: 5px;
}



.f_copy{
	margin-top: 30px;
}

.f_copy p{
	text-align: center;
	color: #fff;
	font-size: 10px;
	letter-spacing: 1px;
}



#c_banner{
	position:fixed;
	right:0;
	bottom:50px;
	background:#fff;
	z-index:-9;
	opacity:0;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}


#c_banner.active{
	opacity:1;
	z-index:999;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}

.c_banner_wrap{
	display:flex;
}

.c_banner_title{
	width:34px;
	padding:10px;
	border-right:2px solid #aea9a6;
}

.c_banner_link{
	width: 170px;
}

.c_banner_link > div{
	padding:12px 5px;
}

.c_banner_link > div:first-child{
	border-bottom:2px solid #aea9a6;
}
















#home_slide{
	height:800px;
}




#top_about{
padding: 200px 0 200px;
}




.scroll-infinity__wrap {
  overflow: hidden;
}

.scroll-infinity__list {
	display: flex;
	align-items: center;
  width: max-content;
  animation: infinity-scroll 20s linear infinite;
  list-style: none;
  padding: 0;
  margin: 0;
}

.scroll-infinity__list > li {
	width: calc(100vw / 4);
	max-width:500px;
	padding:0 30px;
}





	@keyframes infinity-scroll {
	from {
		transform: translateX(-50%);
	}
	to {
		transform: translateX(0%);
	}
	}






.top_service_wrap{
	display:flex;
	margin-top:60px;
	align-items: center;
}

.ig_title{
	margin-bottom:20px;
}

.ig_title p{
	font-size:16px;
}



.ig_img{
	width:50%;
}

.ig_detail{
	width:50%;
	padding:0 80px;
}


.ig_detail .btn_more {
    text-align: left;
}



.un_title {
    position: absolute;
    right: 18px;
    top: 10px;
}


.un_title p{
	font-size: 14px;
	border-bottom: 1px solid #5b5a58;
	display:inline-block;
}









.top_case_list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 40px;
	grid-row-gap: 80px;
	padding:0 30px;
	margin: 80px auto 0;
	max-width:1380px;
}


.case_box .c_name{
	margin-top:10px;
}

.case_box .c_name p{
font-size:16px;
}

.case_box .title{
	margin-top:4px;
}

.case_box .title p{
	line-height:150%;
}

.case_box .view{
	margin-top:10px;
	font-size: 13px;
	display:inline-block;
	border-bottom: 1px solid #5b5a58;
	font-family: "roboto", sans-serif;
}











#top_flow{
	background:url(images/bg_flow.webp);
	background-size: cover;
}


.top_flow_list{
	width:1080px;
	margin:80px auto 0;
	display:flex;
	gap:10px;
	align-items: center;
	padding:0 30px;
}


.top_flow_list .circle{
	width:140px;
	height:140px;
	position:relative;
}

.top_flow_list .circle:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:#fff;
	top: 0;
	left: 0;
	border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
}



.top_flow_list .circle p{
	line-height: 150%;
	position:absolute;
	width:100%;
	text-align:center;
	top:50%;
	left:0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index:99;
}

.top_flow_list .sign{
	text-align:center;
}

.top_flow_list .sign span{
	width:10px;
	display:inline-block;
}
















.top_flow_text{
	margin-top:40px;
	text-align:center;
}


.top_flow_btn{
	margin-top:40px;
	text-align:center;
}



















.column_index{
	margin-top:80px;
	max-width:1080px;
	margin:60px auto 0;
}


.column_box{
	display:flex;
	align-items: center;
	margin-bottom:60px;
}


.column_box:last-child{
	margin-bottom:0px;
}

.column_box .ig_img{
	width: 42%;
}


.column_box .view {
	margin-top:20px;
}

.column_box .view a{
	display:inline-block;
	border-bottom: 1px solid #5b5a58;
	font-size: 13px;
    font-family: "roboto", sans-serif;
}






.news_index{
	margin:60px auto 0;
	max-width:560px;
}


.news_box{
	margin-bottom:20px;
	border-bottom:1px solid #c9c8c8;
}

.news_box:last-child{
margin-bottom:0px;
}


.news_box > a{
	font-size: 14px;
	letter-spacing:1px;
	line-height: 150%;
	position:relative;
	display: block;
	padding-bottom:10px;
	padding-right: 20px;
	position:relative;
}

.news_box > a:after{
	content: ">";
	position: absolute;
	right: 0px;
}




.ft_section{
	padding: 150px 0 120px;
}









	#page_news{
			padding-top:80px;
		}

.news_sec{
	padding-top:100px;
	padding-bottom:40px;
	border-bottom:1px solid #c9c8c8;
}


.news_detail .title p{
	font-size:18px;
	font-weight:bold;
	line-height: 150%;
}

.news_detail .date{
	margin-top:10px;
}

.news_detail .note{
	margin-top:10px;
}


.news_detail .note p{
	margin-top:10px;
}



#pagenav{
	margin-top:100px;
	text-align:center;
}



.wp-pagenavi a, .wp-pagenavi span {
	border:none!important;
	font-family: "roboto", sans-serif;
    padding: 3px 5px;
    margin: 2px;
}

.wp-pagenavi span.current{
	font-weight:normal!important;
	border-bottom:1px solid #5b5a58!important;
}



#top_contact{
	background:#eae4db;
}





.contact_tel{
	background: #847669;
	color: #fff;
	display: flex;
	padding: 35px 40px;
	width: 600px;
	margin: 40px auto 0;
	justify-content: space-between;
	}


.contact_tel > div{
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact_tel a, .contact_tel p{
	color:#fff;
}

.contact_tel_lavel p{
	font-size:22px;
	letter-spacing:2px;
}

.contact_tel_free span{
	font-size:13px;
	letter-spacing:1px;
	font-weight:600;
	margin-right: 20px;
}

.contact_tel_free a{
	font-family: "baskerville-display-pt", serif;
	font-weight:bold;
	font-size:28px;
	letter-spacing:1px;
}

.contact_index{
	max-width: 800px;
    margin: 40px auto 0;
}





.contact_text p{
    font-size: 14px;
	line-height: 240%;
	text-align:center;
}


.contact_text a{
	border-bottom:1px solid #5b5a58;
	opacity:1;
		-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}

.contact_text a:hover{
	opacity:.6;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}


.st_inp{
	display: flex;
	justify-content: space-between;
	margin-bottom:20px;
}


.st_inp .title{
	width:25%;
}

.st_inp .title p{
	font-size:10pt;
	letter-spacing: 2px;
	line-height: 240%;
}

.st_inp .title p span{
	display:inline-block;
	width: 61px;
}

.st_inp .inp{
	width:70%;
}


.contact_form{
	margin-top:30px;
}

.contact_form input[type="text"], .contact_form input[type="tel"], .contact_form input[type="email"], .contact_form textarea{
	font-family: "yu-gothic-pr6n", sans-serif;
	letter-spacing: 1px;
	font-size: 14px;
	background-color: #fff;
	border: none;
	color: #000;
	outline: none;
	padding: 5px 10px;
	width: 100%;
	border: 1px solid #c9c8c8;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}


.inp_button{
	position: relative;
	text-align: center;
	margin-top:60px;
}

.contact_form input[type="submit"] {
	font-family: "yu-gothic-pr6n", sans-serif;
	cursor: pointer;
	border: none;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	outline: none;
	padding: 8px;
	width: 35%;
	background-color: transparent;
	border:none;
	background:#847669;
	padding:20px 0;
	border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
	-webkit-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
	-moz-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
	-ms-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
	-o-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
	transition: 0.4s cubic-bezier(.42, 0, .58, 1);
}


.contact_form input:hover[type="submit"]{
		background:#cfb9a8;
}

.wpcf7-not-valid-tip {
	font-size:9pt;
}

.wpcf7-spinner {
	position: absolute !important;
	bottom: -40px;
	left: 46%;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border: none;
	text-align:center;
	font-size:14px;
}

.wpcf7 form.sent .wpcf7-response-output {
	border: none;
	text-align:center;
	font-size:14px;
}


.contact_form_box{
	background:#fff;
	padding:50px 60px;
	margin-bottom:10px;
}

.inp_button_check{
	margin-top:60px;
	text-align:center;
	font-size:14px;
}

.inp_button_check span{
	margin: 0;
	display:inline-block;
	vertical-align: 1px;
	padding-left:5px;
}









#page_banner{
	padding:120px 0;
	background: url(images/bg_page_banner.webp);
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
}


.page_banner_btn{
	margin-top:40px;
	text-align: center;
}







#service_sec01{
	background:#efeeea;
}




.service_index {
	max-width: 880px;
	margin: 40px auto 0;
}


.service_text{
	margin-top:30px;
}


.service_text p {
	text-align: center;
	}


	

.service_step_box{
	background:#fff;
	padding: 50px 60px;
	margin-bottom: 10px;
}




#service_sec01 .img_text_list{
	margin-top:100px;
}




.img_text_box_other{
	display:flex;
	gap:40px;
	margin-bottom:80px;
}

.img_text_box_other .img_text_box_other_left{
	width:60%;
}

.img_text_box_other .text{
	margin-top:15px;
}


.img_text_box_other .title p{
	font-size: 16px;
}

.img_text_box_other .img_text_box_other_right{
	width:40%;
}


.img_text_box_other_right p{
	text-align:right;
}








.step_title p{
	font-size: 16px;
	letter-spacing:1px;
}

.step_title p span{
	font-family: "roboto", sans-serif;
	font-weight:500;
	margin-right: 20px;
}

.step_note{
	margin-top:15px;
}



.step_btn{
	margin-top:40px;
	text-align:center;
}


.service_step_sign{
	display:flex;
	justify-content: space-between;
	gap:10px;
	margin-top: -10px;
}

.service_step_sign > div{
	text-align:center;
	width: 50%;
}

.service_step_sign > div span{
	display:inline-block;
	width:25px;
}

.service_step_box_other{
	display:flex;
	justify-content: space-between;
	gap:10px;
	margin-bottom: 10px;
}

.service_step_box_other > div{
	width:50%;
}

.service_step_box_other > div .s_t{
	background:#82766a;
	padding:3px 0;
}

.service_step_box_other > div .s_t p{
	color:#fff;
	text-align:center;
	font-size:16px;
}

.service_step_box_other > div:last-child{
	background:#fff;
}

.service_step_box_other > div:last-child .service_step_box{
	margin-bottom: 0px;
}

.service_step_box_other > div > div:last-child{
	margin-bottom: 0px;
}







.service_hyo{
	margin-top:60px;
}

.service_hyo_wrap{
	max-width: 1080px;
    margin: 0px auto;
}

.service_hyo table{
	width:100%;
}

.service_hyo table , .service_hyo td, .service_hyo th {
	border: 2px solid #efeeea;
	border-collapse: collapse;
}
.service_hyo td, .service_hyo th {
	padding: 12px;
	width: 26%;
	font-size: 14px;
	line-height: 180%;
	color: #5b5a58;
	background: #fff;
	vertical-align:top
	}
	
	.service_hyo tr > td:first-child{
		width: 22%;
	}

.service_hyo th {
	background: #f0e6cc;
}

	.service_hyo td.t_title{
		line-height: 150%;
	text-align:center;
	background: #847669;
	color: #fff;
		font-weight: bold;
    vertical-align: middle;
}

.service_hyo td.t_center{
	text-align:center;
}
	
	
	
	
	





#service_sec02{
	background:#f9f8f4;
	padding:120px 0;
}


.img_text_list {
	max-width: 1080px;
	margin: 0px auto;
}

.img_text_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
}

.img_text_box:last-child{
	margin-bottom:0px;
}

.img_text_box .img{
	width: 42%;
}


.img_text_box .text {
    width: 50%;
}


.img_text_box .text .title p{
   font-size:16px;
}



.img_text_box .text .note{
   margin-top:20px;
}








.about_sec01_logo{
	text-align:center;
}


.about_sec01_logo p{
	width:80px;
	display:inline-block;
}

.about_copy_en{
	margin-top:60px;
	text-align:center;
}

.about_copy_en p{
	font-family: baskerville-display-pt, serif;
	font-size:42px;
	letter-spacing:1px;
}

.about_copy_jp{
	text-align:center;
	margin-top:20px;
}

.about_copy_jp p{
	font-size:18px;
	letter-spacing:1px;
}



.about_sec01_note {
	text-align:center;
	margin-top:60px;
}


.about_sec01_note p{

}





	#about_sec02{
		padding: 120px 0;
		background: url(images/bg_about_sec02.webp);
		background-size: cover;
		background-attachment: fixed;
		background-position: center center;
	}
	
	
	
.about_sec02_wrap{
    display: flex;
    justify-content: center;
    gap: 100px;
}

.about_sec02_note p{
	color:#fff;
}

.about_sec02_note p span{
	font-weight:bold;
}

.about_sec02_note h4{
	color:#fff;
	font-size:28px;
	line-height:150%;
	font-family: "yu-mincho-pr6n", sans-serif;
	font-weight:normal;
}



.point_detail_note{
	margin-top:40px;
	text-align:center;
}





.point_index{
	margin-top:100px;
}










	#project01_sec01{
		padding-top:70px;
	}
	
	.project01_copy01{
		margin-top:40px;
	}
		
	.project01_copy01 p{
		font-size:18px;
		text-align:center;
	}
	
	.project01_copy02{
		margin-top:20px;
		text-align:center;
	}
	
		.project01_copy02 p{
		font-size: 28px;
		line-height: 150%;
		font-family: "yu-mincho-pr6n", sans-serif;
		font-weight: normal;
		text-align:center;
		display: inline-block;
		width:300px;
	}
	
	.project01_copy02 span{
		font-size: 16px;
		font-family: "yu-mincho-pr6n", sans-serif;
		display: block;
		margin-top: 6px;
	}
	
	
	
	
		
	.project01_note{
		max-width:900px;
		padding:0 30px;
		margin: 60px auto 0;
	}
	

.point_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:120px;
}

.point_box:nth-child(2){
	flex-direction: row-reverse;
	}
	
	.point_box:nth-child(4){
	flex-direction: row-reverse;
}


.point_img {
	width: 50%;
}

.point_text {
    width: 50%;
    padding: 0 80px;
}
	
	.point_text span.stitle{
		font-size:18px;
		font-weight:bold;
	}


.project01_note p, .point_text p{
		text-align: justify;
}







.point_link{
	text-align:center;
	margin-top:40px;
}


.point_index .point_link{
		
}

.point_link a{
	display:inline-block;
	position:relative;
	text-align:left;
	font-size:16px;
	letter-spacing:1px;
	padding-right:100px;
}

.point_link a:after{
	content:">";
	position:absolute;
	right:0px;
}

.point_link a:before{
	content:"";
	position:absolute;
	background:#5b5a58;
	width:100%;
	height:1px;
	right:0px;
	bottom:-10px;
}




.profile_text p > span{
	font-size:13px;
}

.profile_text p > b{
	font-size:18px;
}

.profile_text p > b > span{
	font-size:13px;
}


.profile_box{
	display: flex;
	justify-content: space-between;
	padding:0 100px;
}

.profile_box > div{
	width:35%;
}

.profile_box > div.profile_greeting{
	width:62%;
}
	
	
	.project_shiyo{
		margin: 80px auto 0;
		max-width: 800px;
	}
	
	.project_shiyo_title p{
		font-size: 18px;
		font-weight: bold;
		text-align:center;
	}
	
	.project_shiyo_note{
		margin-top:20px;
		text-align: justify;
	}
	
	
	.project_shiyo_text{
		margin-top:20px;
		text-align:center;
	}
	
	
	
	
	
	/* format */
	
	
	
	.format_wrap{
		padding:0 100px;
		max-width:1180px;
		margin:0 auto;
	}
		
	#single_column .format_wrap{
		max-width:980px;
	}
	
	.format_wrap > div{
		margin-bottom:40px;
	}
	
	.format_wrap > div:last-child{
		margin-bottom:0px;
	}
	
	
	.ft_format{
		display:flex;
		justify-content: space-between;
		align-items: center;
		gap:50px;
	}
	
	#single_column .ft_format{
		display:block;
	}
	
	#single_column .ft_format_img {
		width: 100%;
	}
	
	#single_column .ft_format_detail {
		width: 100%;
		margin-bottom:30px;
	}
	
	
	.ft_format_img{
		width:50%;
	}
	
	
	
	
		
	.ft_format_detail{
		width:50%;
	}
	
	.ft_format_detail .c_name p{
		font-size:20px;
		line-height:150%;
	}
	
	.ft_format_detail .title{
		margin-top:20px;
	}
		
	.ft_format_detail .title p{
		font-size: 18px;
		font-weight: bold;	
		line-height:150%;
	}
	
	.format_wrap a{
		text-decoration:underline;
	}
	
	
	.format_imgtext{
		display:flex;
		justify-content: space-between;
		align-items: center;
		gap:40px;
	}
	
	.format_imgtext > div{
		width:50%;
	}
	
	
	.format_textimg{
		display:flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		align-items: center;
		gap:40px;
	}
	
	.format_textimg > div{
		width:50%;
	}
	
	
	.format_img02{
		display:flex;
		justify-content: space-between;
		gap:40px;
	}
	
		
	.format_img02 > div{
		width:50%;
	}
	
	
		
	.format_wrap p{
		line-height:180%;
		text-align: justify;
	}
	
	.format_wrap h3{
		line-height:180%;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	.project_banner_text p{
		color:#fff;
		text-align:center;
	}
	
	.project_banner_text01 p{
		font-size:16px;
	}
	
	.project_banner_text02 p{
		font-size:22px;
	}
	
	
	#top_project_banner .btn_more a{
		color:#fff;
	}
	
	#top_project_banner .btn_more a:after{
	}
	
	#top_project_banner .btn_more a:before{
		background:#fff;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	.project_link_title{
		text-align:center;
		margin-bottom:20px;
	}
	
	.project_link_title p{
		font-size: 18px;
		font-weight: bold;
	}
	
	
	#project01_sec03 .point_index{
		    margin-top: 0px;
	}

	
	
.project_linkbanner {
    margin: 0 auto;
    max-width: 800px;
    border: 1px solid #ccc;
    background: #fff;
}


	.project_linkbanner a{
		opacity:1;
		-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
		-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
		-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
		-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
		transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	}
	
	.project_linkbanner a:hover{
		opacity:.6;
		-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
		-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
		-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
		-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
		transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	}
	
	
	
	
	
	
	.b_banner{
		display:flex;
		justify-content: flex-end;
	}
	
	.b_banner > div{
		width:auto;
		height:55px;
	}
	
	
	.b_banner > div img{
		width:auto;
		height:100%;
		max-width: none;
	}
	
	
	
	
	.point_box_other{
		margin-bottom: 120px;
		padding: 0 80px;
	}
	
	.point_box_other_note h4{
		font-size: 18px;
		font-weight: bold;
		text-align:center;
		margin-bottom:30px;
	}
	
	.point_box_other_list{
		display:flex;
		gap:30px;
		margin-top:40px;
	}
	
	
	
	.point_box_other_list > div{
		width:33.3333333%;
	}
	
		
	.point_box_other_list > div .m_title{
		margin-bottom:10px;
	}
	
	.point_box_other_list > div .m_title p{
		font-family: baskerville-display-pt, serif;
		text-align:center;
		font-size:20px;
		letter-spacing:1px;
	}
	
	.point_box_other_list > div .m_note{
		margin-top:20px;
	}
		
	.point_box_other_list > div .m_note p{
		text-align:center;
		font-size:14px;
	}
	
	
	.point_full{
		margin-bottom:140px;
	}
	
	
	
	
	
	
	
	





.sp_img{
display:none!important;
}






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

	
	
	p {
		font-size: 13px;
	}
	
	

	#menu {
	opacity:1;
		top: 20px;
		right: 20px;
		}
		
		
		#menu_index {
			width: 100%;
		}




.wooslider_wrap {
border-top: 40px solid #fff;
border-left: 40px solid #fff;
border-right: 40px solid #fff;
border-bottom: 40px solid #fff;
}

.wooslider_wrap:after {
content:"";
position:absolute;
top: 0;
left: 0;
background:rgba(255,255,255,0.4);
width:100%;
height:100%;
}


}




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


.sp_img{
display:block!important;
}

.pc_img{
display:none!important;
}

	
	.sub_grand_menu{
		opacity:1;
		display:block;
		top: 10px;
	}
	
	
	.button-navi-icon.close {
	background: transparent;
	}
	
	
	.home_text {
	top: 40%;
	left: 45px;
	}
	
	
	
	
	#home #footer{
		margin-top: 50px;
	}
	
	
	
	#footer .inner {
		padding: 0 30px;
	}
	
	
	
	.footer_wrap {
		display: block;
	}
	
	.logo_footer {
		width: 100%;
	}
	
	.f_menu {
		margin-top:30px;
		display: block;
	}
	
	
	.f_copy p {
		text-align: left;
	}
	
	
	.home_menu{
		display:none;
	}
	
	
	.top_menu_banner {
		display:none;
	}
	
	.top_copy {
	width: 100%;
	}
	
	.inner {
		padding: 0px 35px;
	}
	
	
	.section {
		padding: 50px 0;
	}
	
	
	
	.sub_title {
    display:none;
	}
	
	
	#page_menu {
		height: 62px;
	}
	
	
	.home_menu_other {
		top: 21px;
	}
	
	.home_logo {
		top: 40%;
		width: 22%;
		}
		
		.home_menu_copy{
			width: 100%;
			text-align :center;
			position:absolute;
			bottom:-30px;
			
		}
		
		.home_menu_copy p {
			font-size: 11px;
		}
		
	
	.home_copy {
		padding-left: 0px;
		text-align: center;
		}
		
		
		
	
	.home_copy .home_copy_en p {
		font-size: 34px;
		line-height: 100%;
	}
	
	.home_copy .home_copy_jp{
		margin-top:20px;
	}
	
	.home_copy .home_copy_jp p {
		font-size: 14px;
	}
	
	
	
	
	
	#page_menu .logo {
		width: 24%;
	}
	
	.st_inp {
		display: block;
		margin-bottom: 20px;
	}
	
	.st_inp .title {
		width: 100%;
	}
	
	.st_inp .inp {
		width: 100%;
	}
	
	
	#footer {
		padding: 50px 0;
	}
	
	
	
	#top_about {
			padding: 100px 0;
			background:url(images/bk_top_about_sp.webp);
	}
	
	

	
	
	.contact_text p {
		letter-spacing: 0px;
		}
		
		
		
		#top_about .inner{
			padding: 0px 20px;
		}
		
	.about_text p {
		font-size: 10pt;
		letter-spacing: 1px;
		line-height: 230%;
	}
	
	
	#top_info.section{
		padding: 60px 0 40px;
	}
	
	
	.inp_button {
			margin-top: 40px;
	}
	
	.contact_form input[type="submit"] {
		width: 80%;
		-webkit-appearance: none;
	}
	
	
	
	
	
	
	.top_case_list {
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 50px;
		padding: 0 30px;
			margin-top: 40px;
	}
	
	
	
	.top_case_img {
		margin-top: 40px;
	}
	
	
	.scroll-infinity__list > li {
		padding: 0 10px;
	}
	
	.top_service_wrap {
		display: block;
	}
	
	.ig_img {
		width: 100%;
	}
	
	.ig_detail {
		width: 100%;
		padding: 0 30px;
		margin-top:30px;
	}
	
	.ig_detail .btn_more {
		text-align: center;
	}
	
	
	.top_flow_list {
		margin: 30px auto 0;
		width: 100%;
		display: block;
		padding: 0 50px;
	}
	
	
	.top_flow_list .circle {
		width: 100%;
		height: 50px;
	}
	
	.top_flow_list .circle p {
		font-size:14px;
	}
	
	.top_flow_list .sign span {
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}
	
	
	
	.top_flow_text {
		padding:0 30px;
	}
	
	.column_box {
		display: block;
	}
	
	.column_box .ig_img {
		width: 100%;
	}
		
		.column_box .ig_title{
			margin-bottom: 5px;
		}
		
		.column_box .view {
			margin-top: 10px;
		}
		
		
	.news_index {
		padding:0 30px;
	}
	
	
	.news_box > a {
		font-size: 13px;
		padding-right: 20px;
	}
	
	
	.news_box > a:after{
		top:0;
	}
	
	
	
	
	#page_banner {
		padding: 80px 0;
	}
		
		.page_banner_text{
			padding:0 30px;
		}
	
	
	
	.contact_tel {
		width: 100%;
		display: block;
		margin: 40px auto 0;
		text-align: center;
		justify-content: space-between;
	}
	
	.contact_tel > div.contact_tel_lavel{
		display:inline-block;
	}
	
	.contact_tel_free{
		margin-top:20px;
	}
	
	
	#service_sec01 .img_text_list {
			margin-top: 50px;
		}
	
	
		
	
	
	.service_step_box {
		padding: 30px 20px;
	}
	
	
	
	.img_text_box {
		display: block;
	}
	
	
	.img_text_box .img {
		width: 100%;
	}
	
	.img_text_box .text {
		width: 100%;
		padding: 0 30px;
		margin-top: 30px;
	}
	
		
		.link_btn a {
			font-size: 14px;
		}
	
	
	#service_sec02 {
		padding: 80px 0;
	}
		
		
		
		.service_text {
			padding: 0 30px;
		}
		
		
		.service_index {
			padding: 0 15px;
		}
		
		
		.service_hyo {
			
		}
		
		
		.service_hyo_wrap {
			padding: 0 30px;
		}
		
		
		.service_hyo_wrap > table{
			margin-bottom:20px;
		}
		
		.service_hyo_wrap > table:last-child{
			margin-bottom:0px;
		}
		
		
		.step_title p span {
			margin-right: 0px;
			display: block;
			text-align: center;
		}
		
		
		
		.step_title p {
			font-size: 14px;
			text-align: center;
		}
		
		.step_note p{
			font-size: 12px;
		}
		
		
	.service_step_box_other > div .s_t p {
			font-size: 14px;
		}
		
		.service_step_box_other .service_step_box{
			padding: 30px 20px;
		}
		
		
		
		
		.img_text_box_other {
			display: block;
			margin-bottom: 80px;
			padding: 0 30px;
		}
		
		
		.img_text_box_other .img_text_box_other_left {
			width: 100%;
		}
		
		
		.img_text_box_other .img_text_box_other_right {
			width: 60%;
			margin: 30px auto 0;
		}
		
		.img_text_box_other_right p {
			margin-top:5px;
			text-align: center;
		}
		
		
	
		.about_copy_en p {
			font-size: 28px;
			letter-spacing: 1px;
		}
		
		
		#about_sec02{
			background-attachment: scroll;
		}
		
		
		
		
	.about_sec02_wrap {
		display: block;
		padding: 0 30px;
	}
	
	
	.about_sec02_wrap > div:last-child{
		margin-top:40px;
	}
	
		
	.about_sec02_note h4 {
		font-size: 22px;
		}
		
		
		.point_detail_note {
			margin-top: 20px;
			padding: 0 30px;
		}
	
	
	.point_box {
		display: block;
		margin-bottom: 60px;
	}
	
	.point_img {
		width: 100%;
	}
	
	.point_text {
		width: 100%;
		padding: 0 30px;
		margin-top: 30px;
	}
	
	
	.point_link a {
			font-size: 14px;
			padding-right: 40px;
		}
		
		
		
		
		
		.point_box_other {
			margin-bottom: 60px;
			padding: 0 30px;
		}
		
		.point_box_other_list {
			display: block;
			margin-top: 40px;
		}
		
		.point_box_other_list > div {
			width: 100%;
			margin-bottom:30px;
		}
		
		
		.point_box_other_list > div:last-child {
			margin-bottom:0px;
		}

		
		
		
		
		.profile_box {
			display: block;
			padding: 0 30px;
		}
		
		.profile_box > div {
			width: 100%;
		}
		
		.profile_box > div.profile_greeting {
			width: 100%;
			margin-top:30px;
		}
		
		
		
		#about_sec04 .point_box {
			margin-bottom: 30px;
		}
		
		
		
		#page_news{
			padding-top:40px;
		}
		
		
		
		
		
		#single_casestudy.ft_section{
			padding: 62px 0 120px;
		}
		
		#single_column.ft_section{
			padding: 62px 0 120px;
		}
		
		.format_wrap {
			padding: 0 0px;
		}
		
		
		.format_wrap > div.ft_format {
			display: block;
			margin-bottom:40px;
		}
		
		.ft_format_img {
			width: 100%;
		}
		

		
		
		.ft_format_detail {
			width: 100%;
			padding:0 30px;
			margin-top:30px;
		}
		
		
		
		#single_column .ft_format_detail {
			margin-bottom: 10px;
		}
		
		
		.format_text{
			padding:0 30px;
		}
		
		
		
		.format_imgtext {
			display: block;
			padding:0 30px;
		}
		
		
		.format_imgtext > div {
			width: 100%;
		}
		
		.format_text01{
			margin-top:20px;
		}
		
		.format_textimg {
			display: block;
			padding: 0 30px;
		}
		
		
		.format_textimg > div {
			width:100%;
		}
		
		.format_wrap > div {
			margin-bottom: 20px;
		}
		
		.format_img02 {
			gap: 20px;
		}
		
		.format_wrap h3{
			font-size:16px;
		}
		
		
		.contact_index {
			padding: 0 30px;
		}
		
		.contact_form_box {
			padding: 20px 30px;
		}
		
		
		

		
		
		
		
		
.inp_button_check span{
	display:block;
	padding-left:0px;
}

		
		
		.project01_copy02 p {
			width: 280px;
		}
		
		
		#project01_sec01 {
			padding-top: 64px;
		}
		
		
		.project_link {
			padding:30px;
		}
		
		.project_linkbanner .ig_detail {
			padding: 0 30px 30px;
		}
		
		
		
		.project_banner_text01 p {
			line-height: 150%;
		}
		
		
		
		.un_title {
			position: static;
			margin-bottom: 15px;
		}
		
		
		
		.project_shiyo{
			margin: 20px auto 0;
			padding:0 30px;
		}
	
		.project_shiyo_title p{
		font-size: 18px;
		font-weight: bold;
		text-align:center;
		}
		
		
		
		
		.b_banner {
			display: block;
		}
		
		
		.b_banner > div {
			height: 45px;
		}
		
		
		
		
		.point_full {
			margin-bottom: 5px;
		}
		
		
		
		
		
		
		
		
}











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



}