@charset "utf-8";
html , body {height:100%;}
body{
	*font-size:small;
	*font:	x-small;
	line-height:1.6;
	text-align: left;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 14px;
    -moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body a{
	text-decoration: none;
	color: #505050;
}
body a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.block{
	display: block;
	text-indent: -9999px;
}
ul{
	list-style: none;
}
.br-pc{
	display: block;
}
.br-smp{
	display: none;
}
img{
	vertical-align: bottom;
}
#smpnav{
	display: none;
}

/*****/

/*ここからヘッダー*/
#page-head{
	min-width: 1024px;
	position: relative	
}
#page-head::after {
	border-bottom: 1px solid #b9b9b9;
	bottom: 0;
	content: "";
	display: block;
	animation: anim 1.5s ease-in-out .3s forwards;
	width: 0;
}

@keyframes anim {
    0% {
        width: 0px; height: 1px;
    }
    
    100% {
        width: 100%; height: 1px;
    }
}

#fb a{
	display: none;
/*	text-indent: -9999px;
	display: block;
	background: url(../img/sekkei/FB-f-Logo__blue_29.png) no-repeat left top;
	width: 29px;
	height: 29px;
	position: absolute;
	right: 20px;
	bottom: 1px;*/
}
#head-in{
	width: 1024px;
	margin: 0 auto;
	padding-top: 70px;
	padding-bottom: 30px;
}
#logo-en{
	margin-left: 48px;
	width: 200px;
	height: 61px;
	background-image: url(../img/sekkei/logo-en.svg);
	float: left;
}
#logo-ja{
	margin-left: 59px;
	width: 180px;
	height: 75px;
	background-image: url(../img/kenchiku/logo-ja-01.svg);
	float: left;
}
/**/
#head-in ul{
	width: 452px;
	float: right;
	margin-top: 19px;
}
#head-in ul li:first-child{
	margin-left: 0;
}
#head-in nav#ja ul{
	margin-top: 27px;
}
.g-nav{
	width: 60px;
	float: left;
	margin-left: 136px;
	border-bottom: solid 1px #FFF;
	padding:0;
	position: relative;
}
.g-nav img{ width: 100%;}
.g-nav a{
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
.g-nav a:hover{
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
/* Effect1
 *************************************** */
/* 擬似要素の共通スタイル */
.change-border01::before{
  background-color: #505050;
  content: '';
  display: block;
  position: absolute;
  z-index: 10;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
/* 右下へ配置 */
.change-border01::before {
  bottom: -5px;
  height: 1px;
  left: -1px;
  width: 0px;
}

/* hover */
.change-border01:hover::before {
  width: 100%;
  width: calc(100% + 1px);
}
/* *************************************** */
#page-content-wrap{
	width: 1074px;
	margin: 0 auto;
    min-height: 100%;
    overflow: hidden;
}

#side-menu{
	padding-top: 25px;
	width: 129px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
    min-height: 100%;
	position: relative;
	padding-left: 20px;
	float: left;
	overflow-y: hidden;
}

/*ここから*/
/*ここからヘッダー*/
#side-menu::after {
   	border-right: 1px solid #b9b9b9;
	top: 0;
	right: 0;
	position: absolute;
	content: "";
	display: block;
	animation: sideani 5.0s ease-in-out .3s forwards;
	width: 0;
}

@keyframes sideani {
    0% {
        width: 1px; height: 0px;
    }
    10% {
        width: 1px; height: 0px;
    }
    
    100% {
        width: 1px; height: 10000px;
    }
}

/*********/
nav#smpnav{
	display:none;
}
#side-menu ul li{
	padding:0;
	margin-bottom: 10px;
	position: relative;
	display: block;
    animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
}

#side-menu ul li:last-child{
	padding-top: 0px;
	margin-top: -4px;
}
#side-menu ul li a{
/*  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";*/
}
#side-menu ul li a:hover{
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
#side-menu ul li a.open{
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  border-bottom: 1px solid #505050;
}
#side-menu ul li img{
	border-bottom: solid 1px #FFF;
	padding-bottom: 4px;
}
#side-menu ul li:nth-child(5n),
#side-menu ul li:nth-child(4n){
	padding-bottom: 4px;
}


.main_menu{
  opacity: 0.6;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
.sub_menu {
    display:none;
    margin:0;
    padding:0;
    list-style:none;
}

.sub_menu li a {
    display:block;
    margin:-1px -1px 0 -1px;
    padding:3px 0 0 0;
    color:#505050;
    text-decoration:none;
}
/*******/
/* Effect2
 *************************************** */
/* 擬似要素の共通スタイル */
.change-border02:before{
  background-color: #505050;
  content: '';
  display: block;
  position: absolute;
  z-index: 10;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 100px;
}

/* 右下へ配置 */
.change-border02::before {
  bottom: 2px;
  height: 1px;
  left: -1px;
  width: 0px;
}

/* hover */
.change-border02:hover::before {
  width: calc(100px + 1px);
}
.open:hover::before {
	width: 0!important;
}
/* 擬似要素の共通スタイル */
.change-border03:before{
  background-color: #505050;
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
 width: 100px;
}
/* 右下へ配置 */
.change-border03::before {
  top: 24px;
  height: 1px;
  left: -1px;
  width: 0px;
}

/* hover */
.change-border03:hover::before {
  width: calc(100px + 1px);
}
/*建築設計事務所時のサイド調整*/
/* hover */
.side-A:hover::before {
  width: calc(110px + 1px);
}


/**Worksのサイドメニューアニメーション**/

/* hover */
.under01:hover::before {
  width: calc(62px + 1px);
}
.under02:hover::before {
  width: calc(81px + 1px);
}
.under03:hover::before {
  width: calc(107px + 1px);
}
.under04:hover::before {
  width: calc(63px + 1px);
}
.under05:hover::before {
  width: calc(48px + 1px);
}

/* *************************************** */


/* ******************ここから各ページ********************* */
/*アーカイブ*/
#Architectural-archive{
	width: 892px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
    min-height: 100%;
	float: left;
/*	padding-right: 50px; 
/*   	padding-bottom: 100px;
   	padding-top: 50px;*/
   	padding-top: 30px;
}
.Architectural-bg-gray{
/*  	background: #f5f5f5;*/
}
h1#Acl-tit a{
	display: block;
	text-indent: -9999px;
	background: url(../img/sekkei/Archive/archive-01.svg) no-repeat left top;
	width: 79px;
	height: 16px;
	margin: 0 auto
}
h1#QandA-tit{
	background: url(../img/sekkei/Q&A/Q&A-01.svg) no-repeat left top;
	width: 62px;
	height: 21px;
	margin: 0 auto;
	margin-top: 50px;
}
h1#Flow-tit{
	background: url(../img/sekkei/Flow/Flow00-tit.svg) no-repeat left top;
	width: 285px;
	height: 56px;
	margin: 0 auto
}
h1#Concept-tit{
	background: url(../img/sekkei/concept/concept-tit.svg) no-repeat left top;
	width: 130px;
	height: 16px;
	margin: 0 auto
}
h1#blog-tit{
	background: url(../img/sekkei/blog/BLOG-tit-01.svg) no-repeat left top;
	width: 75px;
	height: 15px;
	margin: 0 auto
}
h1#News-tit{
	background: url(../img/sekkei/news/NEWS-tit-01.svg) no-repeat left top;
	width: 85px;
	height: 16px;
	margin: 0 auto
}
h1#oshirase-tit{
	background: url(../img/kenchiku/oshirase-title.svg) no-repeat left top;
	width: 100px;
	height: 20px;
	margin: 0 auto
}


#Acl-subnav{
	width: 280px;
	margin: 0 auto;
	margin-top: 15px;
}
#Acl-subnav li{
	display: inline-block;
	margin-left: 66px;
}
#Acl-subnav li:first-child{
	margin-left: 0;
}

#acl-archive-box01{
	margin-top: 29px;
	margin-left: 20px;
}
.archive-list{
	margin-left: 10px;
}
.archive-list li{
	overflow: hidden;
	width: 210px;/* トリミングしたい枠の幅 */
	height: 130px;/* トリミングしたい枠の高さ */
	position: relative;
	float: left;
	margin-left: 7px;
	margin-bottom: 8px;
}
.archive-list li:nth-child(4n+1){
	margin-left: 0;
}
.archive-list li img {
   position: relative;
   width: 110%;
   height: auto;
}

ul.archive-list li dl {
position: absolute;
top: 0;
right: 0;
margin: 0;
height: 100%;
width: 100%;
box-sizing: border-box;
color: #000;
font-size: 11px;
background: rgba(255,255,255,1.0);
}
ul.archive-list li dl{
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 1.0s;
transition: transform 1.0s;
}
ul.archive-list li:hover dl {
opacity: 1.0;
-webkit-transform: translateX(0);
transform: translateX(0);
text-align: left;
}
ul.archive-list li:hover dl dt{
	font-size: 12px;
	line-height: 1.0em;
	padding: 15px 0 5px 0;
	padding-left: 10px;
}
ul.archive-list li:hover dl dt span{
	font-size: 9px;
}
ul.archive-list li dl dd{
	font-size: 9px;
	padding-left: 10px;
	line-height: 1.2em;
}
ul.archive-list li dl dd.category{
	display: block;
	width: 100%;
	height: 24px;
	position: absolute;
	bottom: 0;
}
ul.archive-list li dl dd.house{
	background: url(../img/sekkei/Archive/house-cate.png) no-repeat center center #2b632b;
}

ul.archive-list li dl dd.shop{
	background: url(../img/sekkei/Archive/shop-cate.png) no-repeat center center #2a6eda;
}
ul.archive-list li dl dd.other{
	background: url(../img/sekkei/Archive/other-cate.png) no-repeat center center #323232;
}

#status p{
	text-align: justify;
	letter-spacing: -0.3px;
}
#status dl dd.status-space{
	letter-spacing: -0.07em;
}

#status dl{
	padding-bottom: 10px;
}
/*works詳細の背景部分*/
#gallery{
	background: #f5f5f5;
	padding-bottom: 10px;
   	padding-top: 10px;
   	padding-right: 5px;
   	margin-top: 10px;
   	margin-bottom: 10px;
   	position: relative;
}

#closebtn{
	position: absolute;
	display: block;
	right: 0;
	top: 10px;	
	width: 30px;
	height: 30px;
	cursor: pointer;
}
#closebtn span{
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	background: #787878;
}
#closebtn span:after{
	content: " ";
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 2px;
	background: #FFF;
	transform: rotate(-45deg);
	position: absolute;
	top: 9px;
	left: 0;
	z-index: 9;
}
#closebtn span:before{
	content: " ";
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 2px;
	background: #FFF;
	transform: rotate(45deg);
	position: absolute;
	top: 9px;
	right: 0;
	z-index: 9;
}

.page-cont{
	min-height:100%;
	overflow:hidden;
    animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
   	padding-bottom: 100px;
}

#add-content-wrap{
}
/*Q&A*/
#page-qa-cont{
	width: 864px;
	float: left;
	height: 100%;
   	padding-bottom: 100px;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
dl#QA{
	width: 562px;
	margin: 0 auto;
	font-size: 17px;
	color: #969696;
	margin-top: 24px;
	text-align: left;
}
dl#QA dt{
/*	cursor: pointer;
	padding-top: 3px;
	padding-left:46px;
	margin-top: 25px;
	display: block;
/*	background: url(../img/sekkei/Q&A/Q.png) no-repeat left 23px top 7px ;*/
}
dl#QA dt:hover{
/*	color: #3c3c3c;
	background: url(../img/sekkei/Q&A/Q-on.png) no-repeat left 23px top 7px ;
*/
}
dl#QA dt{
	margin-top: 25px;
}
dl#QA dt span{
	display: inline-block;
	background: url(../img/sekkei/Q&A/Q.png) no-repeat left top 5px;
	padding-left: 22px;
	cursor: pointer;
}

dl#QA dt:hover span{
	border-bottom: solid 1px #DDD;
}
dl#QA dt.open span{
	color: #3c3c3c;
	background: url(../img/sekkei/Q&A/Q-on.png) no-repeat left top 5px ;
}
dl#QA dd{
	margin-top: 15px;
	background: url(../img/sekkei/Q&A/A.png) no-repeat left 23px top 7px;
	color: #3c3c3c;
	padding-left:46px;
}
dl#QA dd a{
	color: #969696;
	border-bottom: solid 1px #969696;
}
dl#QA dd a:hover{
	color: #DDD;
	border-bottom: solid 1px #DDD;
}
/*
dl#QA dt span{
	display: inline-block;
	position: relative;
}
dl#QA dt span:before {
  content: '';
  position: absolute;
  top: 0;
  right: -20px;
  width: 7px;
  height: 30px;
  background: url(../img/sekkei/Q&A/Q-arrow.png) no-repeat right  top 7px;
  	transform: rotate(0deg);
	transition: all .1s ease;
	-webkit-transition: all .1s ease;
}
*//*
dl#QA dt.open{
	color: #3c3c3c;
	background: url(../img/sekkei/Q&A/Q-on.png) no-repeat left 23px top 7px ;
}
dl#QA dt.open span{
	border-bottom: solid 1px #3c3c3c;
}

/*
dl#QA dt.open span:before{
	background: url(../img/sekkei/Q&A/Q-arrow-on.png) no-repeat right  top 7px;
	transform: rotate(90deg);
	transition: all .1s ease;
	-webkit-transition: all .1s ease;
}
*/
/*業務内容*/
#page-cont{
	width: 761px;
	padding: 50px 0 0 58px;
	float: left;
	height: 100%;
   	padding-bottom: 100px;
	color: #505050;
}
#page-cont h1{
	text-align: center;
	height: 42px;
}
ul#gym-list01{
}
ul#gym-list01 li{
	display: block;
	float: left;
	height: 13px;
	margin-bottom: 40px;
	margin-left: 33px;
}
ul#gym-list01 li a:hover,
ul#Acl-subnav li a:hover,
ul#Acl-subnav li a.on,
ul#gym-list01 li a.on{
	padding-bottom: 7px;
	border-bottom: 1px solid #505050;
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
ul#gym-list01 li.gym01{
	margin-left: 20px;
	width: 125px;
}
ul#gym-list01 li.gym02{
	width: 125px;
}
ul#gym-list01 li.gym03{
	width: 70px;
}
ul#gym-list01 li.gym04{
	width: 84px;
}
ul#gym-list01 li.gym05{
	width: 84px;
}
ul#gym-list01 li.gym06{
	width: 84px;
}


/*
ul#gym-list01 li:first-child{
	margin-left: 20px;
	width: 125px;
}
ul#gym-list01 li:nth-child(2) {
	width: 125px;
}
ul#gym-list01 li:nth-child(3) {
	width: 70px;
}
ul#gym-list01 li:nth-child(4) {
	width: 88px;
}
ul#gym-list01 li:nth-child(5) {
	width: 84px;
}
*/


h2.gym-title01{
	margin-left: 20px;
	margin-bottom: 7px;
}
.gym-inwrap{
	display:table;
	margin-bottom: 30px;
}

.gym-inwrap a:hover{
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

.gym-inbox01{
	display:table-cell;
	width: 566px;
	padding: 17px 10px 14px 20px;
	background: #dcdcdc;
	min-height: 202px;
}
.gym-inbox01 p{
	margin-bottom: 30px;
}

.gym-inbox01-img{
	display:table-cell;
	width: 164px;
	height: 260px;
}
#gym-img06,
#gym-img05,
#gym-img04,
#gym-img03,
#gym-img02,
#gym-img01{
	background-size: cover;
	background-position: top center;
}

#gym-img01{
	background: url(../img/kenchiku/gyoumu/bg01.png) no-repeat;
	background-size: cover;

}
#gym-img02{
	background: url(../img/kenchiku/gyoumu/bg02.png) no-repeat;
	background-size: cover;

}
#gym-img03{
	background: url(../img/kenchiku/gyoumu/bg03.png) no-repeat left top;
	background-size: cover;
}
#gym-img04{
	background: url(../img/kenchiku/gyoumu/bg04.png) no-repeat left top;
	background-size: cover;
}
#gym-img05{
	background: url(../img/kenchiku/gyoumu/bg05.png) no-repeat left top;
	background-size: cover;
}
#gym-img06{
	background: url(../img/kenchiku/gyoumu/bg06.jpg) no-repeat left top;
	background-size: cover;
}

.gym-inbox01 dl{
}
.gym-inbox01 dl dt{
	float: left;
	width: 7em;
}
.gym-inbox01 dl dt.touroku02{
	letter-spacing: 0.24em;
}
.gym-inbox01 dl dd{
	float: left;
	width: 443px;
	text-align: justify;
	letter-spacing: 0em;
}
/************************/
#gym-Sub01{
	text-indent: -9999px;
	display: block;
	background: url(../img/kenchiku/gyoumu/page-sub-tit01.png) no-repeat left top;
	width: 759px;
	height: 50px;
}
#gym-Sub02{
	text-indent: -9999px;
	display: block;
	background: url(../img/kenchiku/gyoumu/page-sub-tit02.png) no-repeat left top;
	width: 759px;
	height: 50px;
}
#gym-Sub03{
	text-indent: -9999px;
	display: block;
	background: url(../img/kenchiku/gyoumu/page-sub-tit03.png) no-repeat left top;
	width: 759px;
	height: 50px;
}
#gym-Sub04{
	text-indent: -9999px;
	display: block;
	background: url(../img/kenchiku/gyoumu/page-sub-tit04.png) no-repeat left top;
	width: 759px;
	height: 50px;
}
#gym-Sub05{
	text-indent: -9999px;
	display: block;
	background: url(../img/kenchiku/gyoumu/page-sub-tit05.png) no-repeat left top;
	width: 759px;
	height: 50px;
}
#gym-sub-in{
	width: 566px;
	margin: 0 auto;
	padding-top: 18px;
	padding-bottom: 30px;
}
#gym-sub-in p{
	margin-bottom: 1em;
	text-align: justify;
}
#gym-sub-in dl dt{
	float: left;
	width: 96px;
	text-align: justify;
}
#gym-sub-in dl dt.touroku{
	letter-spacing: 0.25em;
}
#gym-sub-in dl dd{
	float: left;
	width: 470px;
}
.gym-cont-in{
	margin-bottom: 50px;
}
.gym-cont-in h3{
	text-indent: -9999px;
	display: block;
	border-bottom: 1px solid #505050;
	margin-bottom: 20px;
}
.gym-cont-in h3 span{
	background: url(../img/kenchiku/gyoumu/Construction-consultant/bg03.png) no-repeat left 20px top 6px;
	display: block;
}
.gym-cont-in h3#road{
	background: url(../img/kenchiku/gyoumu/Construction-consultant/Road-subtit.png) no-repeat left 40px top;
}
.gym-cont-in h3#sewer{
	background: url(../img/kenchiku/gyoumu/Construction-consultant/Sewer-subtit.png) no-repeat left 40px top;
}
.gym-cont-in h3#other{
	background: url(../img/kenchiku/gyoumu/Construction-consultant/Other-subtit.png) no-repeat left 40px top;
}
.gym-cont-in h3#steel{
	background: url(../img/kenchiku/gyoumu/Construction-consultant/steel-subtit.png) no-repeat left 40px top;
}
/**/
.gym-cont-in h3#land{
	background: url(../img/kenchiku/gyoumu/Construction-consultant/LandSurvey-subtit.png) no-repeat left 40px top;
}
.gym-cont-in h3#Article{
	background: url(../img/kenchiku/gyoumu/Construction-consultant/Article-subtit.png) no-repeat left 40px top;
}
.gym-cont-in h3#Bussiness{
	background: url(../img/kenchiku/gyoumu/Construction-consultant/Bussines-subtit.png) no-repeat left 40px top;
}
/**/
.gym-cont-in h3#Survey01{
	background: url(../img/kenchiku/gyoumu/Construction-consultant/Survey-sub01.png) no-repeat left 40px top;
}
.gym-cont-in h3#Survey02{
	background: url(../img/kenchiku/gyoumu/Construction-consultant/Survey-sub02.png) no-repeat left 40px top;
}
/**/
.gym-cont-in h3#development01{
	background: url(../img/kenchiku/gyoumu/Construction-consultant/development-sub01.png) no-repeat left 40px top;
}

.gym-cont-in-left{
	width: 544px;
	float: left;
	padding-left: 20px;
}
.gym-cont-in-right{
	width: 164px;
	float: right;
	padding: 0;
}
.gym-cont-in-right img{
	height: 260px;
}
dl.gym-cont-in-taggle{
	clear: both;
}
dl.gym-cont-in-taggle dt{
	border-bottom: #505050 1px solid;
	cursor: pointer;
	margin-top: 1em;
}
dl.gym-cont-in-taggle dt span{
	background: url(../img/kenchiku/gyoumu/Construction-consultant/bg02-.png) no-repeat left 18px top 2px;
	padding-left: 40px;
 /* 	transform: rotate(0deg);
	transform-origin: 50% 50%;
/*	transition: all .1s ease;
	-webkit-transition: all .1s ease;*/
}
dl.gym-cont-in-taggle dt.open span{
	background: url(../img/kenchiku/gyoumu/Construction-consultant/bg02.png) no-repeat left 18px top 2px;
	padding-left: 40px;
/*  	transform: rotate(90deg);
	transform-origin: 50% 50%;
/*	transition: all .1s ease;
	-webkit-transition: all .1s ease;*/
}
dl.gym-cont-in-taggle dd{
	margin-top: 10px;
	padding-left: 20px;
}
p.per-in02,
p.per-in01{
	width: 142px;
	float: left;
}
p.per-in02{
	width: 362px;
}
p.per-in02 span,
p.per-in01 span{
	border-bottom: 2px solid #505050
}
.performance{
	margin-top: 10px;
	border-bottom: 1px solid #CCCCCC;
}
span.per-in03,
span.per-in03{
	width: 142px;
	float: left;
}
span.per-in04,
span.per-in04{
	width: 500px;
	float: left;
}

/*flow*/
#flow-box{
	margin-left: 70px;
	margin-top: 60px;
}

#flow-box dl{
	width: 765px;
}
#flow-box dl dt{
	border-bottom: 1px solid #969696;
	padding-left: 32px;
	padding-bottom: 9px;
	position: relative;
}
#flow-box dl dt span.meyasu{
	display: block;
	background: #646464;
	font-size: 12px;
	color: #FFF;
	padding: 5px 28px 5px 28px;
	position: absolute;
	bottom: 5px;
	right: 32px;
}

#flow-box dl dd{
	padding-top: 20px;
	margin-bottom: 40px;
}
#flow-box dl dd figure{
	width: 200px;
	float: left;	
	margin-right: 17px;
	margin-left: 30px;
}
#flow-box dl dd p{
	width: 500px;
	color: #646464;
	text-align: justify;
	letter-spacing: -0.01em;
	line-height: 1.75em;
	float: left;
}
#flow-box dl dd p span.spacing{
	letter-spacing: -0.04em;
}
#flow-box dl dd p a{
	text-decoration: underline;
}
/*concept*/
#concept-box{
	margin-left: 70px;
	margin-top: 60px;
}
#concept-box p{
	width: 520px;
	line-height: 1.7em;
	float: left;
}
#concept-box figure{
	width: 240px;
	float: right;
	
}
.cpt_text{
	width: 520px;
	float: left;
	text-align:center;	
}
.cpt_text img{
	width:100%;
	max-width:425px;
	height:auto;
}
#info-contbox,
ul#info-list{
	margin-top: 60px;
	margin-left: 70px;
	color: #646464;
	width: 765px;
}
ul#info-list li{
	border-bottom: solid 1px #DDD;
	margin-bottom: 20px;
}
ul#info-list li span{
	padding: 0 15px 0 10px;
}
#info-contbox h3{
	text-align: right;
	margin-bottom: 20px;
}
#info-contbox h3 span{
	display: block;
	text-align: left;
	font-size: 1.2em;
	text-align: center;
	border-bottom: solid 1px #646464;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#info-contbox p{
	margin-bottom: 20px;
}
/*
#flow-box dl dd{
	padding-top: 12px;
	padding-bottom: 40px;
	color: #646464;
	line-height: 1.75em
}
#flow-box dl dd span.spacing{
	letter-spacing: -0.04em;
}
#flow-box dl dd span.meyasu{
	display: inline-block;
	background: #646464;
	color: #FFF;
	padding: 5px 28px 5px 28px;
}
/************************/

/**/
#to-top{
	border-top: 1px solid #b9b9b9;
    min-width: 1024px;
}
#to-top a{
	text-indent: -9999px;
	display: block;
	width: 100%;
	min-width: 1024px;
	height: 48px;
	background: url(../img/to-top.png) no-repeat center center;
}
#to-top a:hover{
	background: url(../img/to-top.png) no-repeat center center #CCCCCC;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
/**/

footer{
	background: #C8C8C8;
	color: #646464;
	padding: 15px 0 15px 0;
    animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
    min-width: 1024px;
}
footer ul{
	width: 770px;
	margin: 0 auto;
}
footer ul li{
	float: left;
	margin-left: 50px;
}
footer ul li a{
	color: #646464;
	text-decoration: none;
}

footer ul li:first-child{
	margin-left: 0;
	letter-spacing: 0.25em;
}
#foot-in02{
	width: 540px;
	margin: 0 auto;
	margin-top: 20px;
}
#foot-logo{
	width: 159px;
	height: 70px;
	background: url(https://www.sepio.co.jp/wp/wp-content/uploads/2024/09/foot-logo_2.png) no-repeat left top;
	background-size:100%;
	float: left;
	margin-left: 45px;
	margin-top: 22px;
}
#foot-in02 p{
	float: right;
}
p#copy{
	margin-top: 21px;
	text-align: center;
	font-family: serif;
}



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

	
}