@charset "utf-8";
/* CSS Document */

body {
	font-size: var(--site_font_size_sp);
  line-height: var(--site_line_height);
	color: var(--site_font_color);
	background-color: var(--site_bg_color);
	font-family: var(--site_font_family);
}
body {
  -webkit-text-size-adjust: 100%;
}
a,a:visited{
	text-decoration: none;
	color: var(--site_font_color);
}
a:hover{
	color: var(--site_font_color);
	text-decoration: underline;
	cursor: pointer;
}
a.tel {
	display:inline-block!important;
	padding: 0!important;
	font-size: 1em!important;
    letter-spacing: 0!important;
    font-weight: normal!important;
}

/*ヘッダー*/

header {
	background: #fff;
	position: fixed;
  top: 0;
  right: 0px;
  width: 100%;
  z-index: 999;
}
header .wrap {
	width: 100%;
	padding: 17px 5.333%;
	position: relative;
}
header .header_inner {
}
header .left {
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}
header .logo {
	width: 54.5%;
}
header .header_inner p {
	display: none;
}
header .right {
  display: none;
}
header .sp_menu {
	background: var(--site_color_1);
	text-align: left;
	margin: 0 0 4rem;
	position: absolute;
	top: 100%;
  right: -100%;
	width: 100%;
	height: calc(100vh - 70px);
	transition-duration: .5s;
	z-index: 99;
}
header.active .sp_menu {
	/* -webkit-transform: translateY(100%);
   transform: translateY(100%); */
	 right: 0;
	 visibility: visible;
	 transition-duration: .5s;
	 overflow:scroll;
}
header .menu_btn {
	display: inline-block;
	width: 6.666%;
	height: 100%;
}
header .menu_btn .close,
header.active .menu_btn .open {
	display:none;
}
header.active .menu_btn .close {
	display:block;
}
header .sp_menu ul {
	padding: 0 8%;
}
header .sp_menu ul > li {
	padding: 23px 0;
	border-bottom: solid 1px #fff;
}
header .sp_menu ul > li > ul {
	margin: 0;
	padding: 0 0 0 8%;
	height: 0;
	overflow: hidden;
}
header .sp_menu ul > li.open > ul {
	margin: 23px 0 0;
	padding: 0 0 0 8%;
	border-top: solid 1px #fff;
	height: auto;
	overflow: visible;
}
header .sp_menu ul > li > ul > li {
	padding: 23px 0 0;
	border-bottom: none;
}
header .sp_menu li a {
	color: #fff;
	display: block;
	position:relative;
	letter-spacing: 0.1em;
}
header .sp_menu li a:after {
	content: url(../img/common/btn_arrow_w_right.png);
	position:absolute;
	right: 0;
	top: 0;
}
header .sp_menu li.menu-item-260 > a {
	pointer-events: none;
}
header .sp_menu li.menu-item-260 > a:after {
	content: '+';
  font-size: 1.5em;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
header .sp_menu li.menu-item-260.open > a:after {
	content: '-';
}
header .sp_menu li a:hover {
	text-decoration: none;
}
header .sp_menu .sns_icons {
	display: flex;
	justify-content: center;
	padding: 40px 0;
}
header .sp_menu .sns_icons .icon {
	margin: 0 10px;
}


/*フッター*/

footer {
	width: 100%;
	background: var(--site_color_3);
	position: relative;
	padding: 50px 0 20px;
}
footer .wrap {
	padding-bottom: 43px;
}
footer .left {
	width: 100%;
	text-align: center;
}
footer .left .logo {
	width: 79.36%;
	margin: auto;
}
footer .left p.add {
	margin: 23px 0 0;
}
footer .right {
	display:none;
}
footer .copy {
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
}

#totop {
	width: 10%;
	text-align: center;
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: none;
	z-index: 5;
}
#totop.last {
}


/* 下層ページ共通 */

#contents {
	padding-top: 0;
}
.wrap {
  width:100%;
	padding: 0 8%;
	margin: 0 auto;
}

/* ----------------------------------------
 パンクズ
---------------------------------------- */
#contents .pankuzu {
	text-align: left;
	padding: 17px 0 18px;
}
.pankuzu .breadcrumb {
}
.pankuzu li {
	color: var(--site_font_color);
	display: inline-block;
  font-size: 1rem;
  letter-spacing: 0.1em;
  margin-right: 0.5rem;
}
.pankuzu .fa {
  display: none;
}
.pankuzu span {
}
.pankuzu span:before {
  margin: 0 10px;
}
.pankuzu a,
.pankuzu a:visited {
  text-decoration: none;
  color: var(--site_color_1);
}
.breadcrumb-area span a:hover {
  text-decoration: underline;
}

/*--button--*/
.btn a {
	background: #111 url(../img/common/btn_arrow_w_right.png) no-repeat right 13px center;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 400;
	display: inline-block;
	width: 63.5%;
	height: 40px;
	border: solid 1px #111;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	position: relative;
	z-index: 99;
}
.btn a:hover {
	text-decoration: none;
	color: var(--site_font_color);
}
.btn a:before {
  position: absolute;
  top: 0;
  left: 0;
	z-index: -1;
  width: 0%;
  height: 100%;
  background-color: #fff;
  content: "";
  transition-duration: .3s;
}
.btn a:hover::before {
	width: 100%;
}
.btn a:after {
	content:'';
	background: url(../img/common/btn_arrow_b_right.png) no-repeat right 13px center;
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition-delay: .2s;
}
.btn a:hover::after {
	opacity: 1;
	transition-delay: 0;
}

.about_covid {
	background: var(--site_color_1);
}
.about_covid .covid_btn {
	text-align: center;
	padding: 13px 0;
}
.about_covid .covid_btn a {
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.4em;
	display: inline-block;
	position: relative;
	margin-left: -10px;
}
.about_covid .covid_btn a:after {
	content: url(../img/common/btn_arrow_l_w_right.png);
	position: absolute;
	top: 50%;
	right: -60px;
	transform: translateY(-50%);
}

#page_contact_area {
	background: var(--site_color_3) url(../img/common/page_contact_area_bg_sp.jpg)no-repeat top center;
	background-size: 100%;
	padding: 45px 0;
}
#page_contact_area h2.top_h2 {
	color: #fff;
}
#page_contact_area li {
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 20px 6.35%;
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#page_contact_area li .icon {
 margin-bottom: 0;
 width: 20%;
 text-align:left;
}
#page_contact_area li .icon img {
	width: 70%;
}
#page_contact_area li .btn,
#page_contact_area li .tel {
	width: 80%;
}
#page_contact_area li .btn.tel {
	width: 100%;
}
#page_contact_area li .tel .num {
	font-size: 2.8rem;
	font-family: var(--font_3);
	letter-spacing: 0.03em;
	line-height: 1;
	margin: -5px 0 10px;
}
#page_contact_area li .tel .time {
	font-size: 1.2rem;
	line-height: 1;
	margin: 0 0 10px;
}
#page_contact_area li .btn a {
	width: 100%;
	height: 40px;
	padding-top: 2px;
}
#page_contact_area .tel_btn {
  width: 100%;
  margin: 0 auto;
}

#page_mv {
  width: 100%;
	position:relative;
}
#page_mv h1 {
	color: var(--site_font_color);
	font-size: 3rem;
	font-family: var(--font_3);
	font-weight: 500;
	letter-spacing: 0.1em;
	margin: 0;
	text-align: center;
	line-height: 1.5;
	padding: 44px 0 54px;
}
#page_mv h1 span.sub {
	font-family: var(--font_2);
	font-size: 1rem;
	line-height: 1;
	display:block;
	margin-top: 5px;
}
section h2.top_h2 {
	color: var(--site_font_color);
	font-size: 2.5rem;
	font-family: var(--font_3);
	font-weight: 500;
	letter-spacing: 0.15em;
	margin: -6px auto 30px;
	text-align: center;
	line-height: 1.2;
}
section h2.top_h2.home_h2 {
	font-size: 3rem;
}
section h2 .sub {
  display: block;
	font-size: 1rem;
	font-family: var(--font_2);
  font-weight: normal;
	margin-top:8px;
}


/*--top--*/
#top_mv {
	background: #fff;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#top_mv img {
	min-width: 100%;
}
#top_mv .slide_box {
	position: relative;
}
#top_mv .slide_box:after {
	content: '';
	display:block;
	clear:both;
}
#top_mv .slide_box .cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
#top_mv .blocks1 {
	width: 100%;
	order: 1;
}
#top_mv .blocks2 {
	width: 73.2%;
	order: 3;
}
#top_mv .blocks3 {
	width: 25.8%;
	order: 2;
}
#top_mv .blocks {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	margin-bottom: 5px;
}
#top_mv .blocks,
#top_mv .blocks .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#top_mv .blocks2 .row {
	flex-direction: row-reverse;
}
#top_mv .blocks1 {
	display: flex;
	justify-content: space-between;
}
#top_mv .blocks1 .slide_img_1_2,
#top_mv .blocks2 .block1,
#top_mv .blocks2 .block2,
#top_mv .blocks3 .slide_img_3_1 {
	margin-bottom: 5px;
}
#top_mv .blocks3 .block2 {
	display:none;
}
#top_mv .blocks1 .block2 .slide_box {
	width: 100%;
}
#top_mv .blocks1 .block1 {
	width: 73.4%;
}
#top_mv .blocks1 .block2 {
	width: 25.6%;
}
#top_mv .blocks2 .color {
	width: 27.272727%;
}
#top_mv .blocks2 .block1 .slide_box,
#top_mv .blocks2 .logo {
	width: 71.818181%;
}
#top_mv .blocks3 .block1 .slide_box {
	width: 100%;
}

#top_about {
  padding: 41px 0 50px;
}
#top_about .area1 {
  margin-bottom: 23px;
}
#top_about .area1 .img {
	margin-bottom: 22px;
}
#top_about .area1 .text {
}
#top_about .area1 .text h3 {
	font-family: var(--font_3);
	font-size: 1.7rem;
	font-weight: normal;
	line-height: 2;
	margin-bottom: 15px;
	text-align: center;
}
#top_about .area1 .text p {
}
#top_about .area2 {
}
#top_about .area2 .box {
	width: 100%;
	margin-bottom: 30px;
}
#top_about .area3 {
}
#top_about .area3 .img {
	margin-bottom: 23px;
}
#top_about .area3 .text {
}
#top_about .area3 .text p {
	margin-bottom: 23px;
}

#top_service {
	background: var(--site_color_3);
	padding: 41px 0 50px;
}
#top_service .wrap {
	padding: 0;
}
#top_service h2.top_h2 {
	margin-bottom: 30px;
}
#top_service .block {
	margin-bottom: 30px;
}
#top_service .block.m0 {
	margin-bottom: 0;
}
#top_service .row .text {
	background: url(../img/top/service_bg_sp.png) repeat-y center;
	background-size: 100%;
	width: 100%;
	padding: 25px 8% 30px;
}
#top_service .row .text .box {
	text-align: center;
}
#top_service .row .text h3 {
	font-family: var(--font_3);
	margin-bottom: 13px;
	display:block;
}
#top_service .row .text h3 span.main {
	font-size: 2rem;
	line-height: 1.5;
	letter-spacing: 0.15em;
	margin-bottom: 10px;
	display:block;
	font-weight: 500;
}
#top_service .row .text p {
	margin-bottom: 0;
	padding: 0 8%;
	text-align: left;
}
#top_service .btn a {
	margin: 23px auto 0;
}
#top_service .row .img {
	width: 100%;
}
#top_service .row .img img {
}
#top_service .row .boxes {
	background: url(../img/top/service_bg_sp.png) repeat-y center;
	background-size: 100%;
	width: 100%;
	padding: 0 15% 15px;
}
#top_service .row .boxes .img_s {
	margin-bottom: 15px;
}
#top_service p.desc {
	font-family: var(--font_3);
	font-size: 1.7rem;
	text-align: center;
	padding: 26px 8%;
}
#top_service .area2 {
	background: url(../img/top/service_bg_sp.png) repeat-y center;
	background-size: 100%;
	padding: 44px 16% 25px;
}
#top_service .area2 .boxes {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#top_service .area2 h3 {
	font-family: var(--font_3);
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 24px;
	text-align: center;
}
#top_service .area2 .box {
	width: 49%;
  text-align: center;
	margin-bottom: 18px;
}
#top_service .area2 .box .img {
	padding: 0 10px;
}
#top_service .area2 .box p {
	font-size: 1.4rem;
	line-height: 1.2;
	letter-spacing: -0.01em;
	margin: 6px auto 0;
}

#top_work {
  padding: 50px 0;
}
#top_work .swiper_work {
	margin-bottom: 50px;
}
#top_work p.ttl {
	background: url(../img/common/solid_line_beside.png) repeat-x center;
	text-align: center;
	line-height: 1;
	margin-bottom: 30px;
}
#top_work p.ttl span {
	background: #fff;
	display: inline-block;
	font-size: 1.7rem;
	font-family: var(--font_3);
	margin: auto;
	padding: 0 20px;
	letter-spacing: 0.4em;
}
#top_work .row {
	padding-bottom: 20px;
}
#top_work .row.last {
	padding: 0;
}
#top_work .row .box {
	width: 100%;
	margin-bottom: 23px;
}
#top_work .row .box p {
	font-size: 1.4rem;
	text-align: center;
	margin-top: 13px;
}
#top_blog {
	background: var(--site_color_3);
	padding: 50px 0;
}
#top_blog .row .box {
	width: 100%;
	margin-bottom: 23px;
}
#top_blog .meta {
	padding: 20px 0 3px;
}
#top_blog .cat_icon a {
	background: var(--site_color_2);
	display: inline-block;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.2;
	padding: 4px 5px 2px;
	margin: 0 5px 5px 0;
}
#top_blog .cat_icon a:hover {
	text-decoration: none;
	opacity: 0.75;
}
#top_blog p.ttl {
	margin-bottom: 0;
}
#top_page_link {
	padding: 50px 0 10px;
}
#top_page_link .box {
	width: 100%;
	padding: 120px 8% 0;
	margin-bottom: 40px
}
#top_page_link .box.company {
	background: url(../img/top/company_bg_sp.jpg)no-repeat top center;
	background-size: 100%;
}
#top_page_link .box.flow {
	background: url(../img/top/flow_bg_sp.jpg)no-repeat top center;
	background-size: 100%;
}
#top_page_link .box .text {
	background: #fff;
	padding: 30px 0 0;
}
#top_page_link .box .text h2.top_h2 {
	font-size: 1.8rem;
	margin-bottom: 20px;
}

/* Kracieのしごと */

#work_aisatsu {
  padding: 16px 0 41px;
}
#work_aisatsu p {
	font-family: var(--font_3);
	font-size: 1.7rem;
	line-height: 2.2;
	text-align: center;
}

#work_first {
  background: url(../img/work/first_bg.png) no-repeat left top;
	background-size: 100%;
	padding: 50px 0 25px;
}
#work_first .box {
	margin-bottom: 50px;
}
#work_first h3 {
	font-family: var(--font_3);
	text-align: center;
	display:block;
}
#work_first h3 span.main {
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: 0.4em;
	margin-bottom: 5px;
	display:block;
	font-weight: 500;
}
#work_first h3 span.sub {
	font-size: 1.4rem;
	line-height: 1;
	font-weight: 500;
	letter-spacing: 0.4em;
}
#work_first .img {
  position: relative;
}
#work_first .img span {
	width: 12.7%;
  position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,50%);
}

.work_ttl {
  margin-bottom: 26px;
}
.work_ttl .ttl_main {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 26px;
}
.work_ttl p.desc {
  line-height: 3;
	text-align: left;
}

.work_area {
	background: var(--site_color_3); url(../img/work/work_area_top_bg_sp.png)no-repeat top left;
	background-size: 100%;
	padding: 0 0 50px;
	margin-bottom: 50px;
}
.work_area.housing.area2 {
	padding-bottom: 0;
}
.work_area.housing.area3, .work_area.store.area2 {
	margin-bottom: 0;
}
.work_head_area {
	width: 100%;
  padding: 0;
  margin: 0 auto;
}
.work_head_area .text {
	padding: 40px 8% 43px;
}
.work_head_area .text .box {

}
.work_head_area .text h2 {
	line-height: 1.5;
	letter-spacing: 0.4em;
	margin-bottom: 9px;
	text-align: center;
}
.work_head_area .text p {
	text-align: left;
}
.work_head_area.row_reverse .img img {
	right: auto;
	left: 0;
}
.work_head_area.row_reverse .text h2 {
	text-align: center;
}

.work_area .wrap {
	width: 84%;
	background: #fff;
	padding: 25px 0;
	margin: 0 8%;
}

.housing.area1 .row {
	padding: 25px 0 18px;
	align-items: center;
}
.housing.area1 .row .img {
	padding-right: 8%;
}
.housing.area1 .row_reverse .img {
	padding-right: 0;
	padding-left: 8%;
}
.housing.area1 .row .text {
	padding: 25px 8% 0;
}
.housing.area1 .row .text h3 {
	font-size: 1.8rem;
	font-family: var(--font_3);
	line-height: 1.5;
	letter-spacing: 0.4em;
	margin-bottom: 9px;
	text-align: center;
	font-weight: 500;
}
.housing.area1 .row .text p {
}

.housing.area3 {}
.housing.area3 .row {
	padding: 25px 0 18px;
}
.housing.area3 .wrap .row .img {
}
.housing.area3 .wrap .row .img {
	padding-right: 8%;
}
.housing.area3 .wrap .row_reverse .img {
	padding-right: 0;
	padding-left: 8%;
}
.housing.area3 .wrap .row .text {
	padding: 0 8% 0;
}
.housing.area3 .wrap .row .text .num_ttl {
	padding: 0 0 25px;
}
.housing.area3 .wrap .row .text .box {
}
.housing.area3 .wrap .row .text h3 {
	font-size: 1.8rem;
	font-family: var(--font_3);
	line-height: 1.5;
	letter-spacing: 0.4em;
	margin-bottom: 9px;
	text-align: center;
	font-weight: 500;
}
.housing.area3 .wrap .row .text .icons {
	padding: 13px 0 0;
}
.housing.area3 .wrap .row .text .icons .icon {
	margin-bottom: 20px;
}

.store.area1 .wrap .row {
	padding: 25px 0 23px;
}
.store.area1 .wrap .row .img {
}
.store.area1 .wrap .row .img {
	padding-right: 8%;
}
.store.area1 .wrap .row_reverse .img {
	padding-right: 0;
	padding-left: 8%;
}
.store.area1 .wrap .row .text {
	padding: 30px 8% 0;
}
.store.area1 .wrap .row .text .box {
}
.store.area1 .wrap .row_reverse .text .box {
}
.store.area1 .wrap .row .text h3 {
  text-align: center;
	margin-bottom: 13px;
}
.store.area1 .wrap .row .text h3 .main {
	display: block;
	font-size: 1.8rem;
	font-family: var(--font_3);
	line-height: 1;
	font-weight: 500;
	letter-spacing: 0.4em;
}
.store.area1 .wrap .row .text h3 .sub {
	display: block;
	font-size: 1rem;
	font-family: var(--font_3);
	line-height: 1;
	margin-bottom: 18px;
	font-weight: 500;
	letter-spacing: 0.1em;
}
.store.area1 .wrap .row .text p {
	background: #fff;
}
.store.area1 .imgs {
	padding: 0 0 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.store.area1 .imgs .img {
	width: calc(50% - 7px);
	margin-bottom: 15px;
}

.store.area2 .row {
	padding: 25px 0 18px;
	align-items: center;
}
.store.area2 .wrap .row .img {
	padding-right: 8%;
}
.store.area2 .wrap .row_reverse .img {
	padding-right: 0;
	padding-left: 8%;
}
.store.area2 .wrap .row .text {
	padding: 25px 8% 0;
}
.store.area2 .row .text h3 {
	font-size: 1.8rem;
	font-family: var(--font_3);
	line-height: 1.5;
	letter-spacing: 0.4em;
	margin-bottom: 9px;
	text-align: center;
	font-weight: 500;
}
.store.area2 .row .text p {
}

.store.area2 .jitsurei {
	padding: 0 0 15px;
}
.store.area2 .jitsurei h3 {
	font-size: 1.8rem;
	font-family: var(--font_3);
	line-height: 1.5;
	letter-spacing: 0.4em;
	margin-bottom: 9px;
	text-align: center;
	font-weight: 500;
}
.store.area2 .jitsurei .boxes {
	padding: 9px 5.666% 0;
	display: block;
	justify-content: space-between;
	flex-wrap: wrap;
}
.store.area2 .jitsurei .box {
	width: 100%;
	margin-bottom: 26px;
}
.store.area2 .jitsurei .box p {
	text-align: center;
	line-height: 1.5;
	margin-top: 8px;
}

/* flow */

#flow_first {
	background: var(--site_color_3);
	padding: 50px 0 23px;
}
#flow_first .flow_list > li {
	background: url(../img/common/solid_line_vertical.png)repeat-y bottom left 17px;
	position: relative;
	padding: 0 0 20px 55px;

}
#flow_first .flow_list > li:last-child {
	background: url();
}
#flow_first .flow_list > li li {
	padding-left: 1em;
	position: relative;
	line-height: 2;
}
#flow_first .flow_list > li li:before {
	content: '●';
	font-size: 1rem;
	position:absolute;
	top: 0.5em;
    left: 2px;
}
#flow_first .num {
	font-family: var(--font_3);
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1;
	background: var(--site_color_1);
	border-radius: 50%;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
}
#flow_first h6 {
	font-family: var(--font_3);
	font-size: 2rem;
	padding-top: 0px;
	margin-bottom: 5px;
}
#flow_first p {
	font-size: 1.4rem;
	font-weight: normal;
	margin-bottom: 0;
}
#flow_second {
	padding: 50px 0 1px;
}
#flow_second .wrap {
	padding: 0;
}
#flow_second p.desc {
	padding: 0 8% 23px;
}
#flow_second .area {
	background: url(../img/flow/second_area_bg_sp.png) repeat-y center;
	background-size: 100%;
	padding: 0 0 1px;
	margin-bottom: 50px;
}
#flow_second .area {
}
#flow_second .area .img {
}
#flow_second .area .text {
	padding: 20px 16% 23px;
}
#flow_second .area .text h3 {
    font-size: 2rem;
    font-family: var(--font_3);
    font-weight: 500;
    margin: 0 auto 9px;
    line-height: 1.5;
		text-align: center;
}
#flow_second .area .boxes {
	width: 100%;
	padding: 0 16%;
}
#flow_second .area .boxes .box {
	margin-bottom: 30px;
}

#flow_third {
	background: var(--site_color_3);
	padding: 50px 0 21px;
}
#flow_third h2 {
	margin-bottom: 23px;
}
#flow_third p.desc {
	text-align: center;
}
#flow_third .boxes {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 23px;
}
#flow_third .box {
	text-align: center;
	width: 50%;
	padding: 0 20px;
	margin-bottom: 26px;
}
#flow_third .box .img {
	margin-bottom: 12px;
}
#flow_third .box p {
	font-family: var(--font_3);
	line-height: 1.5;
}

#flow_fourth {
	padding: 50px 0;
}
#flow_fourth .img {
}
#flow_fourth .text {
	margin-bottom: 23px;
}
#flow_fourth .text ul {}
#flow_fourth .text li {
	font-size: 1.5rem;
	line-height: 1.5;
	margin-bottom: 22px;
	padding-left: 20px;
	position: relative;
}
#flow_fourth .text li:before {
	content: '';
	background: var(--site_color_1);
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	left: 0;
}
#flow_fourth .text p.caution {
	padding-left: 20px;
	position: relative;
}
#flow_fourth .text p.caution:before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}

/* テーブル */
table.page_table {
	width: 100%;
	margin: 0 auto;
}
table.page_table tr {
	background: url(../img/common/dotted_line_beside.png) no-repeat top left;
	background-size: 423px;
	line-height: 2;
}
table.page_table th {
	padding: 13px 0 0;
	width: 100%;
	font-weight: bold;
	text-align: left;
	display: block;
}
table.page_table td {
	padding: 0 0 13px;
	display: block;
}

/* COMPANY */

#company_first {
  background: var(--site_color_3);
	padding: 50px 0 50px;
}
#company_first p.desc {
	text-align: center;
	margin: -0.5em auto 23px;
}
#company_first .img_l {
	width: 100%;
	margin-bottom: 30px;
}
#company_first .block {
	background: #fff;
	padding: 30px 9.524%;
}
#company_first .block .row {
	align-items: center;
	margin-bottom: 38px;
}
#company_first .block .row:last-child {
	margin-bottom: 0;
}
#company_first .block .img {
	margin-bottom: 23px;
}
#company_first .block .text {
}
#company_first .block .text h3 {
	font-family: var(--font_3);
	font-size: 2rem;
	text-align: center;
  line-height: 1.5;
  margin-bottom: 6px;
  display: block;
  font-weight: 500;
}
#company_first .block .text p {}
#company_second {
  padding: 50px 0 43px;
}
#company_second .img {
	margin-bottom: 23px;
}
#company_second .text {
}
#company_second .text .name {
	font-family: var(--font_3);
	text-align: right;
	font-size: 2rem;
	margin-top: 16px;
}
#company_second .text .name .sub {
	font-size: 1.4rem;
	margin-right: 1em;
}
#company_third {
  background: var(--site_color_3);
	padding: 50px 0;
}
#company_third h2 {
	margin-bottom: 23px;
}
#company_third p.desc {
	text-align: center;
	margin-bottom: 23px;
}
#company_third .row {
}
#company_third .row .img {
	margin-bottom: 30px;
	position:relative;
}
#company_data {
	padding: 50px 0 0;
}
#company_data .map {
	width: 100%;
	height: 250px;
}

/* service */
#company_first.service_section {
	padding: 25px 0 50px;
}
#company_third.service_section {
	padding: 40px 0 25px;
}
#company_third.service_section .row {
	margin-bottom: 0;
}
#company_third.service_section .row .img {
	margin-bottom: 50px;
	position:relative;
}
#company_third.service_section .row .btn a {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform:translate(-50%,50%);
}

#service_second {
	padding: 40px 0 50px;
}
#service_second .wrap {
	padding: 0;
}
#service_second .top_h2 {
	line-height: 1.5;
	margin-bottom: 13px;
}
#service_second p {
	margin-bottom: 23px;
	padding: 0 8%;
}
#service_second .img {
	padding: 0 8%;
}

/* works */
#works_cat {
	background: var(--site_color_3);
	padding: 40px 0 20px;
}
#works_cat .row {
}
#works_cat .box {
	width: 100%;
	margin-bottom: 5px;
}
#works_cat .box a:hover {
	opacity: 0.75;
}

#works_list {
  padding: 40px 0 50px;
}
#works_list .row .box {
	width: 100%;
	margin-bottom: 33px;
}
#works_list .row .box p {
	font-size: 1.4rem;
	text-align: center;
	margin-top: 13px;
}

#works_detail {
	background: var(--site_color_3);
	background-size: 100%;
  padding: 50px 0;
}
#works_detail h2 {
	font-size: 2rem;
  letter-spacing: 0;
}
#works_detail .wrap {
}
#works_detail .slide_area {
	background-size: 100%;
	padding: 0 8%;
	position: relative;
}
#works_detail .thumbnail_area {
	padding: 25px 8% 20px;
}
#works_detail .cont {
	padding: 0 8% 30px;
}
#works_detail .works_slider {
	width: 100%;
	overflow: hidden;
}
#works_detail .works_thumbnail {
	width: 100%;
	overflow: hidden;
}
#works_detail #carousel .flex-active-slide img {
	border: solid 1px #111;
}
#works_detail li.movie .img {
	position: relative;
	display:block;
}
#works_detail li.movie .img:after {
	content: '';
	background: url(../img/works/over_youtube.png) no-repeat center;
	width: 100%;
	height: 100%;
	position:absolute;
	left: 0;
	top: 0;
}
#works_detail #carousel li.movie .img:after {
	background: url(../img/works/over_youtube.png) no-repeat center;
	background-size: 50%;
}

/* PRIVACY */

#privacy {
  padding: 18px 0 43px;
}
#privacy p.desc {
	margin: -7px 0 0;
}
#privacy dl {
	padding-top: 20px;
}
#privacy dt {
	font-weight: bold;
	line-height: 2;
}
#privacy dd {
	margin-bottom: 30px;
	line-height: 2;
}
#privacy dd:last-child {
	margin-bottom: 0;
}
#privacy dd ul {
	padding-left: 2em;
}
#privacy dd > li {
	padding-left: 1em;
	position:relative;
}
#privacy dd a {
	color: var(--site_color_1);
	text-decoration: underline;
}
#privacy dd > ol {
	padding-left: 3em;
}
#privacy dd ol li {
	list-style-type: decimal;
	/* line-height: 1.5; */
}
#privacy dd ol li > ol {
	padding-left: 0;
	counter-reset: item;
}
#privacy dd ol li > ol > li {
	padding-left: 2.5em;
	list-style-type: none;
	position:relative;
}
#privacy dd ol li > ol > li:before {
  counter-increment: item;
  content: '（'counter(item)'）';
	position:absolute;
	left: 0;
	top: 0;
}
#privacy dd ol li > ol > li > ol {
	padding-left: 0;
	margin-left: -0.9em;
}
#privacy dd ol li > ol > li > ol li {
	padding-left: 1em;
	list-style-type: none;
	position:relative;
}
#privacy dd ol li ol li ol li:before {
	content: '・';
	position:absolute;
	left: 0;
	top: 0;
}

/* サイトマップ */

#sitemap {
	padding: 22px 0 24px;
}
 #sitemap ul {
 }
#sitemap ul li {
	margin-bottom: 23px;
	line-height: 1.5;
	padding-left: 2em;
	position: relative;
	letter-spacing: 0.1em;
}
#sitemap ul li ul {
	padding-top: 13px;
}
#sitemap ul li ul li {
	margin-bottom: 13px;
	line-height: 1.5;
	padding-left: 16px;
	position: relative;
}
#sitemap ul li ul li:last-child {
	margin-bottom: 0;
}
#sitemap ul > li:before {
	content: '';
	background: url(../img/sitemap/btn_arrow_bro_circle_right.png) no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	left: 0;
}
#sitemap ul li ul li:before {
	content: '';
	background: url(../img/common/btn_arrow_bro_right.png) no-repeat;
	background-size: cover;
	width: 8px;
	height: 12px;
	position: absolute;
	top: 4px;
	left: 0;
}

/* contact */

#page_contact_area.contact {
	background: #fff;
	padding: 0 0 50px;
}
#page_contact_area.contact li {
	background: var(--site_color_3);
}
.mw_wp_form_confirm #page_contact_area {
	display: none;
}
#contact_form {
	padding-bottom: 50px;
}
#contact_form h2 {
	margin-bottom: 23px;
}
#contact_form p.desc {
  text-align: left;
  line-height: 2;
	margin-bottom: 23px;
}
#contact_form p.desc.confirm,
.mw_wp_form_confirm #contact_form p.desc {
	display:none;
}
.mw_wp_form_confirm #contact_form p.desc.confirm {
	display:block;
}
#contact_form table {
	background: url(../img/common/dotted_line_beside.png) repeat-x top;
	background-size: 423px;
  width: 100%;
  margin: 0 0 27px;
}
#contact_form table.rental_form {
}
#contact_form table p {
	margin: 0;
	line-height: 1;
	font-weight: bold;
}
#contact_form tr {
	text-align: left;
	background: url(../img/common/dotted_line_beside.png) repeat-x bottom;
	background-size: 423px;
}
#contact_form th {
	width: 100%;
	padding: 27px 0 15px;
	display: block;
}
#contact_form th p span.sub {
	display: block;
	font-size: 1rem;
	font-weight: normal;
	margin: 0 0 5px 0;
}
#contact_form th .his {
	color: #fff;
	background: var(--site_color_1);
	font-size: 1.1rem;
	line-height: 1;
	padding: 3px 3px;
	float: right;
}
#contact_form td {
	width: 100%;
	padding: 0 0 20px;
	display: block;
}
#contact_form td.radio {
	padding-left: 20px;
}
.mw_wp_form_confirm #contact_form td.radio {
	padding-left: 0;
}
#contact_form.confirm td.radio {
	padding-left: 0px;
}
#contact_form td.radio .ttl {
	display:block;
	font-weight: bold;
	margin-bottom: 0.75em;
}
#contact_form td.radio .ttl.mt {
	margin-top: 23px;
}
#contact_form td.radio .wpcf7-list-item, #contact_form td.radio .mwform-radio-field {
  margin: 0 0 10px;
	display: block;
	width: 100%;
}
#contact_form td.radio .error {
    margin-bottom: 1em;
}

/* form */
form input[type="submit"],
form input[type="button"] {
	background: #111 url(../img/common/btn_arrow_w_right.png) no-repeat right 10px center;
	color: #fff;
	font-weight: normal;
	display: inline-block;
	width: 63.5%;
	height: 3em;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	border:none;
}
form input.back {
	background: var(--site_color_1); url(../img/common/btn_arrow_w_left.png) no-repeat left 10px center;
	margin-bottom: 10px;
}
form input[type="submit"]:disabled,
form input[type="button"]:disabled {
	background: #ededed;
	pointer-events: none;
	border:none;
}
#contact_form input[type="text"], #contact_form input[type="tel"], #contact_form input[type="email"], #contact_form input[type="date"]{
	width: 100%;
	padding: 1rem 0 1rem 1rem;
	border: none;
	background: #ededed;
	border-radius: 0;
	line-height: 1;
}
#contact_form input[type="radio"] {
  /* position: absolute;
  opacity: 0;
	width: 30px;
	height: 30px;
	margin-left: -35px;
	z-index:5; */
}
.wpcf7 form .wpcf7-list-item-label:before {
  /* content: '';
	background: #ededed;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  top: 0px;
	margin-left: -35px;
  margin-right: 5px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center; */
}
input[type="radio"]:checked + .wpcf7-list-item-label:after {/*繝√ぉ繝?け繧｢繧､繧ｳ繝ｳ*/
  /* content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
  width: 30px;
  height: 30px;
	margin-left: -35px;
  background: url("../img/contact/check_icon.png") no-repeat center; */
}
#contact_form textarea {
	padding: 1rem 0 1rem 1rem;
	width: 100%;
	height: 10rem;
	border: none;
	background: #f6f6f6;
}
#contact_form input::placeholder , #contact_form table td textarea::placeholder {
  color: #999999;
}
#contact_form input[type="date"] {
	color: #999999!important;
	font-size: 0.875em;
}

#contact_form .doui {
	text-align: left;
	padding: 0;
	position:relative;
	display: flex;
	justify-content: center;
}
#contact_form .doui .privacy {
	padding-left: 5px;
}
#contact_form .doui.confirm {
	display:none;
}
#contact_form .doui .wpcf7-form-control-wrap {
	position: absolute;
	top: 0;
	left: 5.33%;
	margin: 0;
}
#contact_form .doui .wpcf7-list-item {
	margin: 0;
}
#contact_form .doui a {
	color: var(--site_color_2);
	text-decoration: underline;
}
#contact_form .doui .mwform-checkbox-field-text {
	display:none;
}
#contact_form.confirm .doui.confirm {
  display:none;
}
#contact_form .formbt {
	margin: 3rem 0 0;
	position: relative;
}

#contact_form.confirm {
  padding: 0 0 50px;
}
#contact_form.confirm .doui {
  display:none;
}
#contact_form.confirm .doui.confirm {
	display:block;
}
#contact_form.confirm .formbt {
	display: flex;
	justify-content: center;
}
#contact_form.confirm form .formbt input[type="submit"] {
	margin: 0 1%;
	width: 48%;
}

#contact_done {
	padding: 25px 0 50px;
}
#contact_done p.txt {
	text-align: center;
	margin-bottom: 23px;
}

/* ----------------------------------------
 * ブログ　2カラム
 ---------------------------------------- */

/* wp-pagenavi */
.wp-pagenavi {
	display: flex;
	justify-content: center;
}
.wp-pagenavi .pages, .wp-pagenavi .last {
  display:none;
}
.wp-pagenavi a, .wp-pagenavi span {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid 1px var(--site_color_1);
	color: var(--site_font_color);
	margin: 0 2px;
	font-size: 1.2rem;
}
.wp-pagenavi .current,
.wp-pagenavi a:hover span {
  background: var(--site_color_1);
  color: #fff;
}
.wp-pagenavi a span {
  color: var(--site_font_color);
}
.wp-pagenavi a:hover {
	text-decoration: none;
}

/* ----------------------------------------
* ブログ　一覧
---------------------------------------- */

#blog_list {
 padding: 0 0 20px;
}
#blog_list h2 {
	background: var(--site_color_1);
	color: #fff;
	font-family: var(--font_3);
	font-size: 1.4rem;
	font-weight: 500l;
	line-height: 40px;
	text-align: center;
	margin-bottom: 30px;
	font-weight: 500;
	letter-spacing: 0.1em;
}
 #blog_list .boxes {
	 padding-bottom: 20px;
 }
#blog_list .box {
 margin-bottom: 30px;
}
#blog_list .img {
 width: 100%;
 margin-bottom: 20px;
}
#blog_list .text {
	width: 100%;
}
#blog_list .text .meta {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 margin-bottom: 10px;
}
#blog_list .text .meta .category_name a {
	color: #fff;
	 display: inline-block;
	 font-size: 1.2rem;
	 background: var(--site_color_2);
	 line-height: 22px;
	 padding: 0 10px;
}
#blog_list .text .meta .category_name a:hover {
	text-decoration: none;
}
#blog_list .text .meta .date {
 display: inline-block;
 font-size: 1.4rem;
}
#blog_list .text h4.ttl {
 font-family: var(--font_3);
 font-size: 1.7rem;
 font-weight: normal;
 margin-bottom: 5px;
	letter-spacing: 0.1em;
}
#blog_list .text p.cont {
 font-size: 1.4rem;
 margin-bottom: 0;
}

/* ----------------------------------------
* ブログ　詳細
---------------------------------------- */

#blog_detail {
	padding: 0 0 20px;
}
.detail_head .post_title {
	font-family: var(--font_3);
	font-size: 2rem;
	text-align: left;
	margin-bottom: 13px;
	font-weight: 500;
	letter-spacing: 0.1em;
}
.detail_head .meta {
	display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 15px;
}
.detail_head .meta .category_name {
	color: #fff;
	display: inline-block;
	font-size: 1.2rem;
	background: var(--site_color_2);
	line-height: 22px;
	padding: 0 10px;
}
.detail_head .meta .date {
	display: inline-block;
	font-size: 1.2rem;
}
.detail_head .eyecatch {
	margin-bottom: 16px;
}
.detail_content {
	/* background: url(../img/common/dotted_line_beside.png) repeat-x bottom;
  background-size: 423px;
	padding-bottom: 10px; */
}
#blog_detail .detail_content h2 {
	background: var(--site_color_1);
	color: #fff;
	font-family: var(--font_3);
	font-size: 1.5rem;
	text-align: left;
	width: 100%;
	padding: 12px 15px;
	margin-bottom: 20px;
	font-weight: 500;
	letter-spacing: 0.1em;
}
#blog_detail .detail_content h3 {
	border: solid 1px #ccc;
	border-left: solid 5px var(--site_color_1);
	font-size: 1.4rem;
	font-family: var(--font_3);
	text-align: left;
	width: 100%;
	padding: 11px 15px 10px;
	margin-bottom: 20px;
	font-weight: 500;
	letter-spacing: 0.1em;
}
 #blog_detail .detail_content h4 {
	font-size: 1.4rem;
	border-bottom: 1px #222 solid;
	font-family: var(--font_3);
	text-align: left;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-weight: 500;
	letter-spacing: 0.1em;
}
 #blog_detail .detail_content h5 {
	 font-size: 1.4rem;
	 text-align: left;
}
 #blog_detail .detail_content h6 {
	text-align: left;
}
.detail_content strong {
	font-weight: bold;
	color: #cd0000;
}
.detail_content a {
	font-size: 1em;
	color: var(--site_color_1);
	text-decoration: underline;
}
.detail_content a:hover {
	text-decoration: none;
}
.detail_content .small {
	font-size: 0.875em;
}
.detail_content p {
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	margin: 0 0 2em;
}
.detail_content hr {
	border-bottom: 1px solid #ccc;
	margin: 2rem 0;
	clear: both;
}
.detail_content ul,
.detail_content ol,
.detail_content dl,
.detail_content blockquote,
.detail_content pre,
.detail_content table {
	margin-bottom: 20px;
}
.detail_content ol {
	list-style: decimal;
}
.detail_content ul,
.detail_content ol {
}
.detail_content li > ul,
.detail_content ul > ol,
.detail_content ol > ol,
.detail_content ol > ul {
	margin-bottom: 0px;
}
.detail_content ul {
	list-style: none;
	text-align: left;
}
.detail_content ul li {
	position: relative;
	padding-left: 1em;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 0.75em;
}
.detail_content ul li ul {
	padding: 0.5em 0 0;
}
.detail_content ul li ul li {
	position: relative;
	font-size: 1em;
	line-height: 1.5;
	font-weight: normal;
	list-style: none;
	margin-bottom: 0.5em;
}
.detail_content ul li:before {
	content: '';
	background: var(--site_color_1);
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	top: 0.5em;
	left: 0;
}
.detail_content ul li ul li:before {
	content: '';
	background: #fff;
	position: absolute;
	width: 6px;
	height: 6px;
	border: solid 1px var(--site_color_1);
	border-radius: 3px;
	top: 0.5em;
	left: 0;
}

.detail_content dl dt {
	font-weight: bold;
}
.detail_content dl dd {
}
.detail_content pre {
	padding: 2rem;
	overflow: scroll;
	font-family: 'Courier', monospace;
}
.detail_content blockquote {
	clear: both;
	margin: 0 0 2.8rem;
	padding: 3rem 2rem 3.5rem 5.5rem;
	position: relative;
	border: 1px #e5e5e5 solid;
	background: #fafafa;
}
.detail_content blockquote:before {
	content: '';
	font-family: 'FontAwesome';
	font-size: 36px;
	color: #e7e7e7;
	position: absolute;
	top: 2rem;
	left: 1rem;
}
.detail_content blockquote cite {
	position: absolute;
	right: 2rem;
	bottom: 1rem;
	font-size: 12px;
	color: #808080;
}
.detail_content table {
	border: 1px #ccc solid;
	width: 100%;
}
.detail_content table th,
.detail_content table td {
	padding: 0.5em;
	border: #ccc solid 1px;
}
.detail_content table th {
	background: #f5f5f5;
	font-weight: bold;
	text-align: left;
	width: 30.30303%;
}
.detail_content img.alignleft {
	float: left;
	margin-right: 1.5rem;
	margin-bottom: 1.5rem;
}
.detail_content img.alignright {
	float: right;
	margin-left: 1.5rem;
	margin-bottom: 1.5rem;
}
.detail_content .row {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.detail_content .col_2 {
	width: 50%;
	padding: 0 1%;
}
.detail_content .col_3 {
	width: calc(100% / 3);
	padding: 0 1%;
}
.detail_content .col_4 {
	width: 25%;
	padding: 0 1%;
}

.detail_foot {
}
.detail_foot p {
 margin: 0;
}
.detail_foot .page_nav {
 width: 85%;
 margin: auto;
 padding-top: 30px;
 text-align: center;
}
span.arrow {
 color: var(--site_color_1);
 font-weight: bold;
 margin: 0 10px;
}
.detail_foot .page_nav .prev {
 font-size: 1.2rem;
 float: left;
 font-weight: bold;
 padding: 5px 0;
}
.detail_foot .page_nav .next {
 font-size: 1.2rem;
 float: right;
 font-weight: bold;
 padding: 5px 0;
}
.detail_foot .page_nav .to_list a {
 display: inline-block;
 font-size: 1.2rem;
 line-height: 26px;
 color: #fff;
 background: var(--site_color_1);
 border-radius: 5px;
 padding: 0 10px;
 margin: auto;
}
.detail_foot .page_nav:after {
 content: '';
 display: block;
 clear:both;
}

/* ----------------------------------------
* サイドバー
---------------------------------------- */
#side {
  padding-top: 50px;
}
#side .side-widget {
	padding-bottom: 30px;
}
#side .side-widget-inner {
  position: relative;
}
#side .side-title {
	font-family: var(--font_3);
	font-size: 1.7rem;
	font-weight: medium;
	letter-spacing: 0.4em;
	line-height: 1;
	width: 100%;
	border-bottom: solid 1px #111;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-weight: 500;
}
#side .side-title .ttl {
 font-size: 1.5rem;
 font-weight: bold;
}
#side .link {
 background: var(--site_color_1);
 font-size: 1rem;
 line-height: 18px;
 padding: 0 5px;
 position: absolute;
 top: 4px;
 right: 0;
}
#side .link a {
 color: #fff;
}
#side .link span {
 margin-left: 0.5em;
}
#side .link a:hover {
 text-decoration: none;
 opacity: 0.7;
}
#side .posts li {
 margin-bottom: 10px;
 display: flex;
 justify-content: space-between;
}
#side .posts li:last-child {
 margin-bottom: 0;
}
#side .posts .side_blog_img {
 width: 20%;
 display: flex;
 align-items: center;
 background: #ededed;
}
#side .posts .side_blog_tx {
	width: 76%;
	text-align: left;
}
#side .posts .side_blog_tx .side_time {
	font-size: 1rem;
	margin-bottom: 3px;
}
#side .posts .side_blog_tx .blog_tx {
	font-family: var(--font_3);
	font-weight: normal;
	line-height: 1.5;
}
#side .widget_categories .cat-item {
	display: inline-block;
	margin: 0 2px 5px 0;
}
#side .widget_categories .cat-item a {
	color: #fff;
	display: inline-block;
  font-size: 1.2rem;
  background: var(--site_color_2);
  line-height: 22px;
  padding: 0 10px;
}
#side .widget_categories .cat-item a:hover {
	text-decoration: none;
}
#side .side_access {
	background: url(../img/common/dotted_line_beside.png) repeat-x left top;
  background-size: 423px;
	padding-top: 20px;
	text-align: center;
}
#side .side_access .logo {
	width: 38%;
	margin: 0 auto 14px;
}
#side .side_access p.add {
	font-size: 1.3rem;
}