@charset "UTF-8";
/* CSS Document */
/* font 
---------------------------------*/
/*
font_select{
font-family: proxima-nova, 'Noto Sans JP',sans-serif;
font-family: "Kozuka Gothic Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
font-family: 'Noto Serif JP', serif;
}
*/


/* Clearfix
---------------------------------*/
.clearfix {
  min-height: 1px;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clear { clear:both; }

.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.font-zero{
	font-size:0;
}


/*-------------アニメーション--------------------*/
/* 遅延表示 */
.appear {
	transform-origin:center top;
	animation:show 2s both;
}
span.appear {display:block;}
.d1 {animation-delay:0.5s;}
.d2 {animation-delay:1.5s;}
.d3 {animation-delay:3.0s;}
.d4 {animation-delay:4.0s;}
.d6 {animation-delay:6s;}
.d8 {animation-delay:8s;}
.d10 {animation-delay:10s;}
.d12 {animation-delay:12s;}
@keyframes show {
	0% {
		transform:translate(0,0);
		opacity:0;
		text-shadow:none;
	}
	50% {
		text-shadow:none;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
		text-shadow:none;
	}
}
/* インアウトエフェクト */
.fadein{
    animation: fadeIn 4s ease 0s 1 normal;
    -webkit-animation: fadeIn 4s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.animation {
}
.fadeInUp {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
 visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(100px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInLeft {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration: 1s;
 -webkit-animation-name: fadeInLeft;
 animation-name: fadeInLeft;
 visibility: visible !important;
}
@-webkit-keyframes fadeInLeft {
 0% { opacity: 0; -webkit-transform: translateX(-500px); }
 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeInLeft{
 0% { opacity: 0; -webkit-transform: translateX(-500px); -ms-transform: translateX(-500px); transform: translateX(-500px); }
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.fadeInRight {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration: 1s;
 -webkit-animation-name: fadeInRight;
 animation-name: fadeInRight;
 visibility: visible !important;
}
@-webkit-keyframes fadeInRight {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInRight {
 0% { opacity: 0; -webkit-transform: translateX(500px); -ms-transform: translateX(500px); transform: translateX(500px); }
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

/* Zoom In #1 */
.zoom{
	overflow:hidden;
}
.zoom img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.zoom:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	cursor:pointer;
	opacity:0.5;
}

.grad-wrap {
  position: relative;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-btn {
  z-index: 2;
  position: absolute;
  /* right: 0; */
  bottom: -30px;
  left: 0;
  margin: auto;
  padding-right: 35px;
  border-radius: 2px;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.6s ease;
}
.grad-btn::after {
  content: "続きを読む"
}
.grad-btn::before {
  content: "";
  position:absolute;
  background-image: url(../img/navi_more.png);
  width:30px;
  height:30px;
  right:0;
  background-size:25px;
  background-repeat:no-repeat;
  background-position:center;
  top: -5px;
  filter: brightness(0%);
  transition:0.5s;
}
.grad-btn:hover {
  color: #ff5a00;
}
.grad-btn:hover:before {
  filter: brightness(100%);
  transition:0.5s;
}
.grad-btn .fa {
  margin-right: .5em;
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 115px;
  padding-bottom: 6px;
}
.grad-item p + p {
  margin-top: 1em;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 70px; /*グラデーションで隠す範囲*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgb(204 211 217) 80%, rgb(204 211 217) 50%, #ccd3d9 100%);
  background: linear-gradient(top, rgb(204 211 217) 0%, rgb(204 211 217) 80%, rgb(204 211 217) 50%, #ccd3d9 100%);
}
.grad-trigger {
  display: none;
}
.grad-trigger:checked ~ .grad-btn {
  bottom: -2em;
}
.grad-trigger:checked ~ .grad-btn::after {
  content: "閉じる"
}
.grad-trigger:checked ~ .grad-btn::before {
  content: "";
  position:absolute;
  background-image: url(../img/navi_close.png);
  width:30px;
  height:30px;
  right:0;
  background-size:25px;
  background-repeat:no-repeat;
  background-position:center;
  top: -5px;
}
.grad-trigger:checked ~ .grad-item {
  height: auto;
}
.grad-trigger:checked ~ .grad-item::before {
  display: none;
}


/*-------------------------
    標準フォーマット
--------------------------*/
html{font-family: proxima-nova, 'Noto Sans JP',sans-serif;}

.header {margin: 0;position: relative;top: 60px;}
.header .pc_menu {
 height: 60px;
 transition: top 0.65s ease-in;
 -webkit-transition: top 0.65s ease-in;
 -moz-transition: top 0.65s ease-in;
 position:
 relative;
 top:-60px;
}
.header .pc_menu.fixed {
  height: 60px;
  position: fixed;
  top: 0;
  z-index: 1;
  margin: 0 auto;
  width: 100%;
  background-color: hsl(53deg 1% 23%);
  transition: top 0.65s ease-in;
   -webkit-transition: top 0.65s ease-in;
   -moz-transition: top 0.65s ease-in;
  }
.header .pc_menu .inner {margin: 0 auto;width: 97%;position: relative;z-index: 1;}
.header .pc_menu .inner .logo {width: 200px;margin: 0;position: absolute;top: 17px;}
.header .pc_menu .inner .link_box {float: right;display: flex;padding-top: 18px;}
.header .pc_menu .inner .link_box .menu {font-size: 16px;line-height: 1.5;margin: 0 15px;}
.header .pc_menu .inner .link_box .menu a {
 color:#fff;
 text-decoration: none;
 letter-spacing: 1.0px;
 transition:0.5s;
}
.header .pc_menu .inner .link_box .menu a:hover {
 opacity:0.7;
}
.bk_menu .header .pc_menu .inner .logo {
 filter: invert(100%);
}
.bk_menu .header .pc_menu.fixed .inner .logo {
 filter: none;
}
.bk_menu .header .pc_menu .inner .link_box .menu a {
 color:#000;
}
.bk_menu .header .pc_menu.fixed .inner .link_box .menu a {
 color:#fff;
}
.header .sp_menu {
 display:none;
}

.btn_link a {display: block;color: #000;text-decoration: none;font-size: 14px;line-height: 1.5;border: 1px solid #000;padding: 15px 40px;text-align: center;position: relative;transition: 0.5s;}
.btn_link a:before {
	content:"";
	position:absolute;
	width:25px;
	height:25px;
	right: 13px;
	margin: auto;
	top: 0;
	bottom: 0;
	background-image: url(../img/common/link_navi_bk.png);
	background-repeat: no-repeat;
	background-size: 4px;
	background-position: center;
}
.btn_link a:hover:before {
 background-image: url(../img/common/link_navi_wh.png);
}
.btn_link a:hover {
	background-color: #3e3e3e;
	border: 1px solid #3e3e3e;
    color:#fff;
}

.wrap_title_box {margin: 0;position: relative;}
.wrap_title_box .name {margin: 0;font-size: 20px;font-weight: 600;letter-spacing: 5px;transform: rotate(90deg);position: absolute;top: 184px;width: 400px;z-index: 1;left: -157px;color: #373737;}
.wrap_title_box .name span {
	position:relative;
	padding-bottom: 7px;
	background-color: #fff;
	padding-right: 15px;
}
.wrap_title_box:before {
 content:"";
 position:absolute;
 background-color: #000;
 left: 42px;
 width: 1px;
 top: 17px;
 height: 500px;
}

.footer {padding-top: 90px;padding-bottom: 60px;background-image: url(../img/common/footer_back.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.footer .wrap {margin: 0 auto;width: 90%;text-align: center;max-width: 800px;}
.footer .wrap .logo {display: inline-block;width: 25%;vertical-align: middle;max-width: 250px;margin: 0 auto;margin-right: 8%;}
.footer .wrap .link_area {display: inline-block;width: 64%;vertical-align: middle;}
.footer .wrap .link_area .s_box {text-align: left;display: inline-block;width: 37%;margin-right: 12%;max-width: 158px;vertical-align: top;}
.footer .wrap .link_area .s_box .link {margin: 0;margin-bottom: 6px;}
.footer .wrap .link_area .s_box .link a {font-size: 14px;line-height: 1.5;color: #fff;text-decoration: none;transition:0.5s;padding-right: 30px;position: relative;display: block;}
.footer .wrap .link_area .s_box .link a:hover {
	opacity:0.7;
}
.footer .wrap .link_area .s_box .link a:before {
	content:"";
	position:absolute;
	width:15px;
	height:15px;
	/* background-color:#ccc; */
	right: 0;
	background-image: url(../img/common/link_navi_wh.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 3px;
	top: 0px;
}
.footer .wrap .link_area .s_box .link a.blank:before {
	content:"";
	position:absolute;
	width:15px;
	height:15px;
	/* background-color:#ccc; */
	right: 0;
	background-image: url(../img/common/blank_navi_wh.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 10px;
	top: 2px;
}
.footer .wrap .btn_link {margin: 0 auto;width: 90%;max-width: 340px;margin-top: 40px;}
.footer .wrap .btn_link a {
	color: #fff;
	border: 1px solid #fff;
}
.footer .wrap .btn_link a:before {
	content:"";
	position:absolute;
	width: 40px;
	height: 40px;
	background-image: url(../img/common/icon_mail_wh.png);
	background-position: center;
	background-size: 25px;
}
.footer .wrap .copyright {
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    margin: 0;
    margin-top: 50px;
}

.common_page .fv_sec {margin: 0 auto;height: 380px;background-image: url(../img/about_us/main_image.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;margin-top: -60px;}
.common_page .fv_sec .wrap {margin: 0 auto;width: 90%;height: 100%;position: relative;}
.common_page .fv_sec .wrap .page_name_box {color: #fff;position: absolute;bottom: 60px;left: 0;}
.common_page .fv_sec .wrap .page_name_box .name {margin: 0;font-size: 35px;font-weight: 700;letter-spacing: 1.5px;line-height: 1.5;margin-bottom: 5px;position: relative;}

.common_page .fv_sec .wrap .page_name_box .sub_name {margin: 0;font-size: 18px;line-height: 1.3;font-weight: 600;letter-spacing: 2px;}

.common_page .wrap_name {position: relative;padding-bottom: 24px;}
.common_page .wrap_name:before {
	content:"";
	position:absolute;
	width: 50px;
	height: 3px;
	bottom: 0;
	background-color: #000;
}
.common_page .wrap_name .name {margin: 0;font-size: 50px;font-weight: 700;letter-spacing: 2px;line-height: 1.5;}
.common_page .wrap_name .sub_name {margin: 0;font-size: 13px;line-height: 1.5;color: #555555;}

.sec_name_box {
    margin: 0;
    color: #373737;
}
.sec_name_box .sub {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}
.sec_name_box .sec_name {
    margin: 0;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1.3px;
    line-height: 1.2;
}

/*-------------------------
    ホーム
--------------------------*/
body {
	margin: 0 auto;
	max-width: 1920px;
}
.home {}
.home #global-nav ul li a {
    color: #ffffff;
}
.home #top-head .logo {
  filter: invert(100%);
}
.home #top-head.fixed .logo {
filter:none;
}
.home #global-nav ul li a::after {
    background-color:#fff;
}
.home .fixed #global-nav ul li a::after {
    background-color:#000;
}
.home .fv_sec {background-image: url(../img/home/fv_image.jpg);background-position: center 0;background-repeat: no-repeat;background-size: cover;height: 80vh;min-height: 700px;margin-top: -61px;}
.home .fv_sec .wrap {margin: 0 auto;padding-top: 25vh;}
.home .fv_sec .wrap .lead_box {text-align: center;margin: 0 auto;width: 85%;}
.home .fv_sec .wrap .lead_box .copy {margin: 0;font-size: 4vw;color: #fff;font-weight: 600;letter-spacing: 2px;display: inline-block;}
.home .fv_sec .wrap .lead_box .logo {margin: 0 auto;width: 28%;max-width: 380px;margin-top: 45px;margin-bottom: 16px;}
.home .fv_sec .wrap .lead_box .lead {margin: 0;color: #fff;font-weight: 400;font-size: 14px;line-height: 2;}
.home .fv_sec .wrap .scroll {margin: 0;text-align: center;color: #fff;font-weight: 600;font-family: proxima-nova, 'Noto Sans JP',sans-serif;margin-top: 60px;position: relative;padding-bottom: 135px;}
.home .fv_sec .wrap .scroll:before {
 content:
 "";
 position:
 absolute;
 width:1px;
 height:100px;
 background-color: #fff;
 left: 0;
 right: 0;
 margin: 0 auto;
 bottom: 0;
}
.home .service_sec {margin: 0;padding-top: 90px;padding-bottom: 90px;}
.home .sec_title {margin: 0 auto;width: 90%;font-size: 30px;font-weight: 600;letter-spacing: 2px;position: relative;}
.home .sec_title:before {
 content:
 "";
 position:
 absolute;
 width: 50px;
 height: 1px;
 background-color: #000;
 left: -70px;
 top: 20px;
}
.home .service_sec .wrap {margin: 0 auto;width: 90%;display: flex;flex-wrap: wrap;justify-content: center;max-width: 1400px;margin-top: 35px;}
.home .service_sec .wrap .s_box {width: 30%;margin-left: 1.5%;margin-right: 1.5%;background-color: #999;padding-bottom: 30px;background-position: center;background-size: cover;transition: 0.5s;border-radius: 20px;}
.home .service_sec .wrap .s_box:hover {
 opacity:0.7;
}
.home .service_sec .wrap .s_box.service01 {
 background-image:url(../img/home/service_01.jpg);
}
.home .service_sec .wrap .s_box.service02 {
 background-image:url(../img/home/service_02.jpg);
}
.home .service_sec .wrap .s_box.service03 {
 background-image:url(../img/home/service_03.jpg);
}
.home .service_sec .wrap .s_box a {
 display:
 block;
 text-decoration: none;
 color: #fff;
 height: 100%;
}

.home .service_sec .wrap .s_box  .info_box {margin: 0 auto;width: 80%;padding-top: 360px;}
.home .service_sec .wrap .s_box  .info_box .sub {margin: 0;font-size: 13px;font-weight: 500;}
.home .service_sec .wrap .s_box  .info_box .name {margin: 0;font-size: 1.8vw;font-weight: 600;letter-spacing: 1px;margin-bottom: 15px;}
@media only screen and (min-width: 1600px) {
 .home .service_sec .wrap .s_box  .info_box .name {font-size: 32px;}
}
.home .service_sec .wrap .s_box  .info_box .comment {margin: 0;position: relative;font-size: 13px;line-height: 1.7;padding-right: 60px;}
.home .service_sec .wrap .s_box  .info_box .comment:before {
 content:
 "";
 position:
 absolute;
 width: 60px;
 height: 60px;
 right: -11px;
 /* background-color: #ccc; */
 background-position: center;
 background-repeat: no-repeat;
}
.home .service_sec .wrap .s_box.service01  .info_box .comment:before {
 background-image:
 url(../img/common/navi_link.png);
 background-size: 52px;
}
.home .service_sec .wrap .s_box.service02  .info_box .comment:before {
 background-image:
 url(../img/common/navi_blank.png);
 background-size: 30px;
}
.home .service_sec .wrap .s_box.service03  .info_box .comment:before {
 background-image:
 url(../img/common/navi_blank.png);
 background-size: 30px;
}
.home .service_sec .wrap .s_box  .info_box .name .s_name {font-size: 1.2vw;}
@media only screen and (min-width: 1600px) {
 .home .service_sec .wrap .s_box  .info_box .name .s_name {font-size: 18px;}
}


.home .slider {
 margin-top: 0;
}
.home .slider .s_service {width: 100%;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;height: 640px;transition:0.5s;}
.home .slider .s_service:hover {
 opacity:0.7;
}

.home .slider .s_service a {
 display: block;
 width: 100%;
 height: 100%;
}
.home .slider .s_service.service01 {
	background-image: url(../img/home/main_back_01.jpg);
}
.home .slider .s_service.service02 {
	background-image: url(../img/home/main_back_02.jpg);
}
.home .slider .s_service .s_wrap {margin: 0 auto;width: 70%;position: absolute;top: 289px;left: 8%;/* right: 0; */text-align: left;}
.home .slider .s_service .s_wrap .num {margin: 0;font-size: 28px;font-weight: 500;line-height: 1.5;color: #fff;position: relative;margin-left: -5%;margin-bottom: 24px;}
.home .slider .s_service .s_wrap .num:before {
	content:"";
	position: absolute;
	width: 85px;
	height: 85px;
	background-image: url(../img/common/slash.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 83px;
	left: 0px;
	top: 0;
}
.home .slider .s_wrap .name {margin: 0;font-size: 55px;font-weight: 700;margin-bottom: 10px;color: #fff;letter-spacing: 1px;line-height: 1.3;}
.home .slider .s_service .s_wrap .sub_name {margin: 0;font-size: 30px;font-weight: 700;letter-spacing: 1px;line-height: 1.2;position: relative;padding-bottom: 10px;color: #fff;padding-left: 8px;}
/*.home .slider .s_service .s_wrap .sub_name:before {
	content:"";
	position:absolute;
	width: 90px;
	height: 10px;
	background-color: #fff;
	bottom: 0;
}*/
.home .slider .s_service .s_wrap .btn_link {margin: 0;position: absolute;bottom: 0;width: 80%;max-width: 215px;}
.home .slider .s_service .s_wrap .btn_link a {
	color: #fff;
	border: 1px solid hsl(0deg 0% 100%);
}
.home .sliderp .s_service .s_wrap .btn_link a:hover {
	background-color: #757575;
	border: 1px solid hsl(0deg 0% 46%);
}
.home .slider .s_service .s_wrap .btn_link a:before {
	background-image:url(../img/common/link_navi_wh.png);
}
.home .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
}
.home .slick-next {
    right: 10px;
}
.home .slick-prev {
    left: 10px;
}
.home .slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}
.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 45px !important;
    width: 45px !important;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 1;
}
.slick-prev:before {
 content: "" !important;
}
.slick-next:before {
 content: "" !important;
}
.slick-prev {
    background-image: url("../img/common/slide_left.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 40px !important;
}
.slick-next {
    background-image: url("../img/common/slide_right.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 40px !important;
}


.home .lead_sec {padding-top: 90px;padding-bottom: 90px;}
.home .lead_sec .wrap {margin: 0 auto;width: 90%;max-width: 1280px;}
.home .lead_sec .wrap .logo {margin: 0;width: 22%;margin-right: 10%;display: inline-block;vertical-align: middle;}
.home .lead_sec .wrap .lead_box {margin: 0;width: 63%;display: inline-block;vertical-align: middle;}
.home .lead_sec .wrap .lead_box .comment {margin: 0;font-size: 15px;line-height: 2.0;letter-spacing: 1.2px;font-weight: 400;color: hsl(0deg 0% 31%);}


.home .topics_sec {padding-top: 90px;padding-bottom: 65px;position:relative;}
.home .topics_sec .wrap {display: flex;flex-wrap: wrap;}
.home .topics_sec:before {
	content:"";
	position:absolute;
	width: 100%;
	height: 45%;
	background-color: #c5c7ca;
	bottom: 0;
}
.home .topics_sec .wrap .left {width: 20%;position: relative;}
.home .topics_sec .wrap .left .wrap_title_box {
}
.home .topics_sec .wrap .right {width: 80%;position: relative;}
.home .topics_sec .wrap .right .slide_wrap {/* display: flex; *//* flex-wrap: wrap; */}
.home .topics_sec .wrap .right .slide_wrap .s_box {/* margin-left: 1%; *//* margin-right: 1%; */background-color: #fff;padding-bottom: 25px;display: block !important;}
.home .topics_sec .wrap .right .slide_wrap .s_box .image {margin: 0;line-height: 0;height: 65%;position: relative;overflow: hidden;height: 260px;background-position: center;background-repeat: no-repeat;background-size: cover;transition:0.5s;}
.home .topics_sec .wrap .right .slide_wrap .s_box .image a {
	display:block;
	width: 100%;
	height: 100%;
}
.home .topics_sec .wrap .right .slide_wrap .s_box .image:hover {
	opacity:0.7;
}
.home .topics_sec .wrap .right .slide_wrap .s_box .image img {width: auto;height: 300px;position: relative;left: -24%;}
.home .topics_sec .wrap .right .slide_wrap .s_box .tag_box {
    margin: 0 auto;
    width: 90%;
    margin-top: 20px;
    margin-bottom: 0px;
}
.home .topics_sec .wrap .right .slide_wrap .s_box .tag_box .tag {margin: 0;display: inline-block;margin: 0;margin-bottom: 7px;margin-right: 5px;}
.home .topics_sec .wrap .right .slide_wrap .s_box .tag_box .tag a {
	color:#000;
	text-decoration:none;
	font-size: 11px;
	border: 1px solid #000;
	padding: 3px 7px;
	line-height: 1.5;
	padding-bottom: 1px;
	transition: 0.5s;
}
.home .topics_sec .wrap .right .slide_wrap .s_box .tag_box .tag a:hover {
	background-color:#000;
	color:#fff;
}
.home .topics_sec .wrap .right .slide_wrap .s_box .title {margin: 0 auto;width: 90%;font-size: 17px;line-height: 1.5;font-weight: 600;margin-block-start: 0em;margin-block-end: 0em;letter-spacing: 1.5px;}
.home .topics_sec .wrap .right .slide_wrap .s_box .title a {
	text-decoration:none;
	color: #000;
}
.home .topics_sec .btn_area{
	margin:0 auto;
	width:90%;
	text-align: right;
	margin-top: 45px;
}
.home .topics_sec .btn_area .btn_link {width: 80%;max-width: 200px;display: inline-block;margin: 0;margin-block-start: 0em;margin-block-end: 0em;}
.home .topics_sec .btn_area .btn_link a {
    color: #fff;
    border: 1px solid #fff;
}
.home .topics_sec .btn_area .btn_link a:before {
	background-image:url(../img/common/link_navi_wh.png)
}

.home .parallax_sec {background-image: url(../img/home/parallax.jpg);width: 100%;height: 600px;background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.home .works_sec {padding-bottom: 90px;}
.home .works_sec .wrap {margin: 0 auto;width: 95%;overflow: hidden;}
.home .works_sec .hero {
}
.home .works_sec .hero .container {max-width: none;width: auto;}
.home .works_sec .hero .container .hero-grid.clearfix {
}
.home .works_sec .hero .container .hero-grid.clearfix .hero-grid__grid-sizer {
}
.home .works_sec .hero .container .hero-grid.clearfix .hero-grid__item {
}
.home .works_sec .hero .container .hero-grid.clearfix .hero-grid__item img {
	width:100%;
	height:auto;
	border-radius: 5px;
}

.home .works_sec .wrap .wrap_title_box {
}
.home .works_sec .wrap .wrap_title_box .name {
}
.home .works_sec .hero-grid__item {
    float: left;
    background: #ffffff !important;
    margin-bottom: 30px;
    line-height: 0;
}
.home .works_sec .hero .container  .image {margin: 0;line-height: 0;margin-bottom: 10px;transition: 0.5s;}
.home .works_sec .hero .container  .image:hover {
	opacity:0.7;
}
.home .works_sec .hero .container  .image img {
	width:100%;
	height:auto;
}
.home .works_sec .hero .container  .tag {margin: 0;display: inline-block;margin-right: 5px;line-height: 1.5;}
.home .works_sec .hero .container  .tag a {color: #000;text-decoration: none;font-size: 11px;background-color: #fff;border: 1px solid #000;padding: 3px 7px;line-height: 1.5;transition: 0.5s;border-radius: 3px;}
.home .works_sec .hero .container  .tag a:hover {
	opacity:0.7;
}
.home .works_sec .hero .container  .name {margin: 0;font-size: 13px;line-height: 1.3;margin-top: 8px;word-break: break-all;}
.home .works_sec .hero .container  .name a {color: #444444;text-decoration: none;font-size: 13px;line-height: 1.5;letter-spacing: 1.2px;font-weight: 500;}
.home .works_sec .btn_area {margin: 0 auto;width: 90%;text-align: right;margin-top: 10px;}
.home .works_sec .btn_area .btn_link {width: 80%;max-width: 200px;display: inline-block;margin: 0;margin-block-start: 0em;margin-block-end: 0em;}


/*-------------------------
    デザインサービス
--------------------------*/
.design_page {
}
.design_page .fv_sec {background-image: url(../img/design/main_image.jpg);height: 70vh;}
.design_page .fv_sec .wrap {
}
.design_page .fv_sec .wrap .page_name_box {
}
.design_page .fv_sec .wrap .page_name_box .name {
}
.design_page .fv_sec .wrap .page_name_box .sub_name {
}
.design_page .service_sec {padding-top: 90px;padding-bottom: 30px;}
.design_page .service_sec .wrap {display: flex;flex-wrap: wrap;margin: 0 auto;width: 90%;}
.design_page .service_sec .wrap .left {width: 23%;}
.design_page .service_sec .wrap .left .sec_name_box {
}
.design_page .service_sec .wrap .left .sec_name_box .sub {
}
.design_page .service_sec .wrap .left .sec_name_box .sec_name {
}
.design_page .service_sec .wrap .right {width: 77%;display: flex;flex-wrap: wrap;}
.design_page .service_sec .wrap .right .col {width: 46%;margin: 0 2%;}
.design_page .service_sec .wrap .right .col .s_wrap {margin-bottom: 60px;}
.design_page .service_sec .wrap .right .col .s_wrap .title {margin: 0;font-size: 33px;letter-spacing: 1px;font-weight: 700;line-height: 1.5;color: hsl(0deg 0% 43%);margin-bottom: 40px;}
.design_page .service_sec .wrap .right .col .s_wrap .s_box {margin-bottom: 40px;position: relative;padding-left: 75px;}
.design_page .service_sec .wrap .right .col .s_wrap .s_box:before {
 content:"";
 position:absolute;
 width:60px;
 background-position: center;
 height:60px;
 /* background-color:#ccc; */
 left: 0;
 top: 0;
 background-repeat: no-repeat;
}
.design_page .service_sec .wrap .right .col .s_wrap .s_box.s_01:before {
 background-image:url(../img/design/s_icon_01.png);
 background-size: 51px;
}
.design_page .service_sec .wrap .right .col .s_wrap .s_box.s_02:before {
 background-image:url(../img/design/s_icon_02.png);
 background-size: 51px;
}
.design_page .service_sec .wrap .right .col .s_wrap .s_box.s_03:before {
 background-image:url(../img/design/s_icon_03.png);
 background-size: 40px;
}
.design_page .service_sec .wrap .right .col .s_wrap .s_box.s_04:before {
 background-image:url(../img/design/s_icon_04.png);
 background-size: 44px;
}
.design_page .service_sec .wrap .right .col .s_wrap .s_box.s_05:before {
 background-image:url(../img/design/s_icon_05.png);
 background-size: 53px;
}
.design_page .service_sec .wrap .right .col .s_wrap .s_box .name {margin: 0;font-size: 14px;font-weight: 600;line-height: 1.5;color: #848489;margin-bottom: 5px;}
.design_page .service_sec .wrap .right .col .s_wrap .s_box .comment {margin: 0;font-size: 13px;line-height: 1.5;padding-left: 13px;position: relative;color: #848489;margin-bottom: 3px;}
.design_page .service_sec .wrap .right .col .s_wrap .s_box .comment:before {
 content:"・";
 position:absolute;
 left: 0;
}


.design_page .fee_sec {padding-top: 90px;padding-bottom: 90px;background-color: #f7f7f7;}
.design_page .fee_sec .wrap {margin: 0 auto;width: 90%;}
.design_page .fee_sec .wrap .lead_box {margin-bottom: 60px;display: flex;flex-wrap: wrap;}
.design_page .fee_sec .wrap .lead_box .sec_name_box{
 width: 250px;
}
.design_page .fee_sec .wrap .lead_box .name {font-size: 20px;font-weight: 600;line-height: 1.5;margin: 0;margin-bottom: 15px;}
.design_page .fee_sec .wrap .lead_box .comment {margin: 0;font-size: 14px;line-height: 1.7;padding-top: 5px;color: #848489;width: calc(100% - 250px);}
.design_page .fee_sec .wrap .fee_box {display: flex;flex-wrap: wrap;margin: 0 auto;/* max-width: 1280px; */}
.design_page .fee_sec .wrap .fee_box .s_box {width: 15%;text-align: center;padding-top: 20px;padding-bottom: 20px;padding-left: 2.5%;padding-right: 2.5%;border-bottom: 1px solid #000;position: relative;}
.design_page .fee_sec .wrap .fee_box .s_box:before {
	position:absolute;
	content:"";
	width:1px;
	height:100%;
	background-color:#000;
	right:0;
	top:0;
}
.design_page .fee_sec .wrap .fee_box .s_box.no_right {
}
.design_page .fee_sec .wrap .fee_box .s_box.no_right:before {
	display:none;
}
.design_page .fee_sec .wrap .fee_box .s_box.no_bottom {border-bottom: none;}
.design_page .fee_sec .wrap .fee_box .s_box .name {margin: 0;font-size: 15px;line-height: 1.5;font-weight: 600;margin-bottom: 10px;color: #6d6d6d;}
.design_page .fee_sec .wrap .fee_box .s_box .fee {margin: 0;font-size: 14px;line-height: 1.5;color: #9d9da6;}
.design_page .flow_sec {padding-top: 90px;padding-bottom: 60px;background-color: #c5c7ca;}
.design_page .flow_sec .sec_name_box {color: #fff;}
.design_page .flow_sec .wrap {margin: 0 auto;width: 90%;}
.design_page .flow_sec .wrap .wrap_name {color: #fff;}
.design_page .flow_sec .wrap .wrap_name:before {
	background-color:#fff;
}
.design_page .flow_sec .wrap .wrap_name .name {color: #fff;}
.design_page .flow_sec .wrap .wrap_name .sub_name {color: #fff;}
.design_page .flow_sec .wrap .flow_wrap {margin-top: 60px;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.design_page .flow_sec .wrap .flow_wrap .s_box {color: #fff;width: 29.333%;margin-left: 2%;margin-right: 2%;margin-bottom: 60px;}
.design_page .flow_sec .wrap .flow_wrap .s_box:last-child {width: 62.6%;}
.design_page .flow_sec .wrap .flow_wrap .s_box .num {margin: 0;font-size: 15px;line-height: 1.5;border-bottom: 1px solid #fff;margin-bottom: 25px;}
.design_page .flow_sec .wrap .flow_wrap .s_box .num span {font-size: 35px;font-weight: 600;position: relative;top: -6px;}
.design_page .flow_sec .wrap .flow_wrap .s_box .name {margin: 0;font-size: 17px;line-height: 1.5;font-weight: 500;letter-spacing: 1px;margin-bottom: 15px;}
.design_page .flow_sec .wrap .flow_wrap .s_box .comment {margin: 0;font-size: 14px;line-height: 1.7;}
.design_page .flow_sec .wrap .flow_wrap .s_box .btn_link {margin: 0 auto;width: 90%;margin-top: 25px;}
.design_page .flow_sec .wrap .flow_wrap .s_box .btn_link a {
	color:#fff;
	border:1px solid #fff;
}
.design_page .flow_sec .wrap .flow_wrap .s_box .btn_link a:before {
	background-image: url(../img/common/icon_mail_wh.png);
	width: 40px;
	height: 40px;
	background-size: 25px;
}

::before {}
.design_page .flow_sec .wrap .flow_wrap .s_box .flex_box {display: flex;flex-wrap: wrap;}
.design_page .flow_sec .wrap .flow_wrap .s_box .flex_box .ss_box {width: 47.5%;}
.design_page .flow_sec .wrap .flow_wrap .s_box .flex_box .ss_box:last-child {margin-left: 5%;}
.design_page .flow_sec .wrap .flow_wrap .s_box .flex_box .ss_box .name {
}
.design_page .flow_sec .wrap .flow_wrap .s_box .flex_box .ss_box .comment {
}


/*-------------------------
    ABOUT US
--------------------------*/
.aboutus_page {
}
.aboutus_page .fv_sec {background-image: url(../img/about_us/main_image.jpg);height: 70vh;}
.aboutus_page .fv_sec .wrap {}
.aboutus_page .fv_sec .wrap .page_name_box {}
.aboutus_page .fv_sec .wrap .page_name_box:before {
}
.aboutus_page .fv_sec .wrap .page_name_box .name {}
.aboutus_page .fv_sec .wrap .page_name_box .name:before {
}
.aboutus_page .fv_sec .wrap .page_name_box .name:after {
}
.aboutus_page .fv_sec .wrap .page_name_box .sub_name {}

.aboutus_page .lead_sec {padding-bottom: 60px;padding-top: 100px;}
.aboutus_page .lead_sec .wrap {margin: 0 auto;width: 90%;display: flex;flex-wrap: wrap;/* max-width: 1330px; */}
.aboutus_page .lead_sec .wrap .left {width: 500px;}
.aboutus_page .lead_sec .wrap .left .lead {font-size: 25px;line-height: 1.8;font-weight: 600;letter-spacing: 1.2px;margin: 0;color: #373737;}
.aboutus_page .lead_sec .wrap .right {width: calc(95% - 500px);margin-left: 5%;}
.aboutus_page .lead_sec .wrap .right .comment {margin: 0;font-size: 14px;line-height: 2.0;color: #515151;}

.aboutus_page .member_sec {padding-top: 90px;padding-bottom: 60px;position: relative;}
.aboutus_page .member_sec:before {
	content:"";
	position:absolute;
	width:79%;
	height: 50%;
	background-color:#f5f5f5;
	right:0;
	bottom:0;
}
.aboutus_page .member_sec .wrap {margin: 0 auto;width: 90%;display: flex;flex-wrap: wrap;position: relative;}
.aboutus_page .member_sec .wrap .left {width: 25%;}

.aboutus_page .member_sec .wrap .right {width: 75%;}
.aboutus_page .member_sec .wrap .right .flex_box {display: flex;flex-wrap: wrap;}
.aboutus_page .member_sec .wrap .right .flex_box .s_box {width: 30%;margin-left: 3%;background-color: #fff;padding-bottom: 30px;border-radius: 7px;overflow: hidden;}
.aboutus_page .member_sec .wrap .right .flex_box .s_box .image {margin: 0;line-height: 0;}
.aboutus_page .member_sec .wrap .right .flex_box .s_box .info_box {margin: 0 auto;width: 85%;margin-top: 20px;}
.aboutus_page .member_sec .wrap .right .flex_box .s_box .info_box .sub_name {margin: 0;font-size: 11px;line-height: 1.5;color: #848489;letter-spacing: 1.0px;}
.aboutus_page .member_sec .wrap .right .flex_box .s_box .info_box .name {margin: 0;font-size: 16px;line-height: 1.5;color: #444444;margin-bottom: 9px;}
.aboutus_page .member_sec .wrap .right .flex_box .s_box .info_box .comment {margin: 0;font-size: 12px;line-height: 1.7;color: #848489;}
.aboutus_page .company_sec {padding-top: 90px;padding-bottom: 90px;}
.aboutus_page .company_sec .wrap {margin: 0 auto;width: 90%;display: block;}
.aboutus_page .company_sec .wrap .left {width: 100%;position: relative;margin-bottom: 60px;}
.aboutus_page .company_sec .wrap .left:before {
 content:
 "";
 position:
 absolute;
 width: 82.1%;
 height: 500px;
 background-color:#ccc;
 right:0
;
 background-image: url(../img/about_us/company_image.jpg);
 background-position: right;
 background-repeat: no-repeat;
 background-size: cover;
}
.aboutus_page .company_sec .wrap .left .lead_box {margin-top: 375px;width: 85%;max-width: 800px;padding: 4%;position: relative;background-color: #fff;border-radius: 0px 20px 0px 0px;}
.aboutus_page .company_sec .wrap .left .lead_box .comment {margin: 0;font-size: 14px;line-height: 2.0;color: #515151;}
.aboutus_page .company_sec .wrap .left .wrap_name {
}
.aboutus_page .company_sec .wrap .left .wrap_name .name {
}
.aboutus_page .company_sec .wrap .left .wrap_name .sub_name {
}
.aboutus_page .company_sec .wrap .right {width: auto;margin-left: 3%;max-width: 800px;}
.aboutus_page .company_sec .wrap .right .company_info {}
.aboutus_page .company_sec .wrap .right .company_info .s_box {display: flex;flex-wrap: wrap;border-bottom: 1px solid #c7c7c7;padding-left: 25px;padding-right: 25px;color: #555555;padding-top: 15px;padding-bottom: 15px;}

.aboutus_page .company_sec .wrap .right .company_info .s_box .name {width: 20%;margin: 0;font-size: 14px;line-height: 1.5;padding-right: 5%;color: #373737;}
.aboutus_page .company_sec .wrap .right .company_info .s_box .comment {margin: 0;font-size: 14px;line-height: 1.5;color: #848489;width: 75%;}
.aboutus_page .company_sec .wrap .right .company_info .s_box .comment .s_light {padding-left: 10px;padding-right: 10px;font-size: 13px;}

/*-------------------------
    アーカイブ/WORKS
--------------------------*/
.archive_page .fv_sec{height: 30px;}
.archive_page .fv_sec .wrap{margin: 0 auto;width: 90%;}
.archive_page .hero .container {max-width: none;width: 94%;margin: 0 auto;}
.archive_page .hero .container .hero-grid.clearfix {
    padding-bottom: 120px;
}
.archive_page .hero .container .hero-grid.clearfix .hero-grid__grid-sizer {
}
.archive_page .hero .container .hero-grid.clearfix .hero-grid__item {
}
.archive_page .hero .container .hero-grid.clearfix .hero-grid__item img {
	width:100%;
	height:auto;
	border-radius: 15px;
	border: 1px solid #f5f5f5;
}

.archive_page .archive_sec{padding-top: 60px;}
.archive_page .archive_sec .sec_title{
 line-height: 1.5;
 margin: 0 auto;
 width: 90%;
 font-size: 30px;
 font-weight: 600;
 letter-spacing: 2px;
 position: relative;
}
.archive_page .archive_sec .sec_title:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: hsl(0deg 0% 0%);
    left: -70px;
    top: 20px;
}
.archive_page .archive_sec .wrap{
 padding-top: 25px;
}

.archive_page .wrap .wrap_title_box {position: fixed;top: 105px;z-index: 1;}
.archive_page .wrap .wrap_title_box .name {/* position: fixed; *//* top: 290px; */}
.archive_page .hero-grid__item {
    float: left;
    background: #ffffff !important;
    margin-bottom: 50px;
    line-height: 0;
}
.archive_page .hero .container  .image {margin: 0;line-height: 0;margin-bottom: 10px;transition: 0.5s;}
.archive_page .hero .container  .image:hover {
	opacity:0.7;
}
.archive_page .hero .container  .image img {
	width:100%;
	height:auto;
}
.archive_page .hero .container  .tag {margin: 0;display: inline-block;margin-right: 5px;line-height: 1.5;}
.archive_page .hero .container  .tag a {color: #000;text-decoration: none;font-size: 11px;background-color: #fff;border: 1px solid #000;padding: 3px 7px;line-height: 1.5;transition: 0.5s;margin-right: 4px;border-radius: 3px;}
.archive_page .hero .container  .tag a:hover {
	opacity:0.7;
}
.archive_page .hero .container  .name {margin: 0;font-size: 13px;line-height: 1.3;margin-top: 8px;}
.archive_page .hero .container  .name a {color: #444444;text-decoration: none;font-size: 14px;line-height: 1.5;letter-spacing: 1.2px;font-weight: 600;}
.archive_page .pagination {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
    left: 0;
    width: 95%;
    border-top: 1px solid #999;
    padding-top: 35px;
    padding-bottom: 25px;
}
.archive_page .pagination span {
	margin-right:30px;
}
.archive_page .pagination a {
	border:1px solid #000;
	padding: 5px 12px;
	text-decoration: none;
	background-color: #fff;
	color: #000;
	margin-left: 5px;
	margin-right: 5px;
	transition:0.5s;
}
.archive_page .pagination a:hover {
	color:#fff;
	background-color:#000;
}
.archive_page span.current {
	border:1px solid #000;
	padding: 5px 12px;
	text-decoration: none;
	background-color: #000;
	color: #fff;
	margin-left: 5px;
	margin-right: 5px;
}

.pagination {}

/*-------------------------
  POST_page
--------------------------*/
.post_page {
}
.post_page .topics_sec {padding-top: 45px;}
.post_page .topics_sec .head_wrap {margin: 0 auto;width: 90%;display: flex;flex-wrap: wrap;max-width: 1280px;}
.post_page .topics_sec .head_wrap .image {width: 60%;height: 500px;margin-right: 10%;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;border-radius: 20px;}
.post_page .topics_sec .head_wrap .image:before {
	content:"TOPICS";
	position:absolute;
	font-weight: 600;
	font-size: 5vw;
	letter-spacing: 4px;
	transform: rotate(90deg);
	right: -18%;
	top: 139px;
}
@media only screen and (min-width: 1400px) {
    .post_page .topics_sec .head_wrap .image:before {
	font-size: 70px;
}
}
.post_page.works_page .topics_sec {
	display:none;
}
.post_page .topics_sec .head_wrap .post_info_box {width: 30%;padding-top: 45px;}
.post_page .topics_sec .head_wrap .post_info_box .tag_box {
}
.post_page .topics_sec .head_wrap .post_info_box .tag_box .tag {margin: 0;}
.post_page .topics_sec .head_wrap .post_info_box .tag_box .tag a {font-size: 13px;line-height: 1.5;border: 1px solid #000;color: #000;text-decoration: none;padding: 4px;display: inline-block;margin-right: 1px;margin-bottom: 3px;border-radius: 3px;transition: 0.5s;}
.post_page .topics_sec .head_wrap .post_info_box .tag_box .tag a:hover {
	background-color:#000;
	color:#fff;
	
}
.post_page .topics_sec .head_wrap .post_info_box .post_title {font-size: 35px;line-height: 1.5;font-weight: 600;margin: 0;margin-top: 12px;margin-bottom: 30px;}
.post_page .topics_sec .head_wrap .post_info_box .lead {margin: 0;font-size: 14px;line-height: 2.0;color: #555555;}
.post_page .main_sec {padding-top: 60px;padding-bottom: 50px;}
.post_page .main_sec .wrap {margin: 0 auto;width: 90%;display: flex;flex-wrap: wrap;max-width: 1180px;}
.post_page.works_page .main_sec .wrap {
	margin:0 auto;
	width:100%;
	/* max-width: 1400px; */
	display: flex;
	flex-wrap: wrap;
}
.post_page .main_sec .sec_title{
 line-height: 1.5;
 margin: 0 auto;
 width: 90%;
 font-size: 30px;
 font-weight: 600;
 letter-spacing: 2px;
 position: relative;
}
.post_page .main_sec .sec_title:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: hsl(0deg 0% 0%);
    left: -70px;
    top: 20px;
}
.post_page .main_sec .main {margin: 0;width: calc(100% - 350px);}
.post_page.works_page .main_sec .main {
	margin: 0;
	width: 100%;
}
.post_page .main_sec .main h2 {
	font-size: 30px;
	line-height: 1.5;
	font-weight: 500;
	margin: 0;
	margin-bottom: 35px;
	margin-top: 90px;
}
.post_page .main_sec .main h2:first-child {
	margin-top:0;
}
.post_page .main_sec .main p {
	/* font-size: 15px; */
	/* line-height: 2.0; */
	/* font-weight: 400; */
	/* margin: 0; */
	/* margin-bottom: 35px; */
	/* color:#444444; */
}
.post_page.works_page .main_sec .main .name {
	font-size: 22px;
	line-height: 2.0;
	font-weight: 600;
	margin: 0;
	color: #525252;
}
.post_page.works_page .wrap_title_box .name {
	/* position: fixed; */
	/* top: 300px; */
}
.post_page .main_sec .main figure{
	margin:0;
	margin-bottom:35px;
}
.post_page .main_sec .main figure img{
	width:100%;
	height:auto;
}
.post_page .main_sec .side {width: 300px;margin-left: 50px;padding-top: 30px;}
.post_page.works_page .main_sec .side {
	width: 100%;
	margin:0 auto;
 }
.post_page .main_sec .side .related_wrap {
}
.post_page .main_sec .side .related_wrap .wrap_name {margin: 0 auto;font-size: 16px;font-weight: 600;width: calc(90% - 27px);border-bottom: 1px solid #000;padding-bottom: 10px;padding-left: 20px;line-height: 1.5;border-left: 7px solid;}
.post_page .main_sec .side .related_wrap .s_box {margin: 0 auto;width: 85%;margin-top: 20px;}
.post_page.works_page .main_sec .side .related_wrap .s_wrap {
	margin:0 auto;
	width: 90%;
	max-width: 1080px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}
.post_page.works_page .main_sec .side .related_wrap .s_box {width: 30%;}
.post_page .main_sec .side .related_wrap .s_box .image {margin: 0 auto;line-height: 0;border-radius: 7px;overflow: hidden;margin-bottom: 10px;height: 178px;background-position: center;background-repeat: no-repeat;background-size: cover;transition: 0.5s;}
.post_page .main_sec .side .related_wrap .s_box .image:hover {
	opacity:0.7;
}
.post_page .main_sec .side .related_wrap .s_box .image a {display: block;width: 100%;height: 100%;}
.post_page .main_sec .side .related_wrap .s_box .image a:hover {
}
.post_page .main_sec .side .related_wrap .s_box .image img {width: 100%;height: auto;}
.post_page .main_sec .side .related_wrap .s_box .related_post{

}
.post_page .main_sec .side .related_wrap .s_box .related_post .name{
	margin: 0;
	margin-top: 5px;
}
.post_page .main_sec .side .related_wrap .s_box .related_post .name a{
	font-size: 15px;
	line-height: 1.5;
	color: #000;
	font-weight: 600;
	text-decoration: none;
}
.post_page .main_sec .side .related_wrap .s_box .related_post .name a:hover{
	
}
.post_page .main_sec .side .related_wrap .s_box .related_post .tag_box{
	
}
.post_page .main_sec .side .related_wrap .s_box .related_post .tag_box .tag{
	margin: 0;
}
.post_page .main_sec .side .related_wrap .s_box .related_post .tag_box .tag a{
	color: #000;
	font-size: 12px;
	line-height: 1.5;
	text-decoration: none;
	border: 1px solid #000;
	padding: 3px;
	display: inline-block;
	margin-right: 4px;
	border-radius: 2px;
	margin-bottom: 3px;
	transition: 0.5s;
}
.post_page .main_sec .side .related_wrap .s_box .related_post .tag_box .tag a:hover{
	background-color:#000;
	color:#fff;
}
.works_page {
}
.post_page .wrap_title_box {margin: 0;position: fixed;top: 130px;}
.post_page .works_content {
    margin: 0 auto;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 90px;
}
.post_page .works_content .wrap {display: block;margin: 0 auto !important;width: 90% !important;}
.post_page .works_content .wrap .project_wrap {margin-bottom: 40px;width: 325px;padding-top: 80px;}
.post_page .works_content .wrap .project_wrap .flex_wrap {display: block;}
.post_page .works_content .wrap .project_wrap .flex_wrap .project_box {
    margin: 0;
}
.post_page .works_content .wrap .project_wrap .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 135px;
}
.post_page .works_content .wrap .project_wrap .flex_wrap .project_box .sub_name {margin: 0;font-size: 14px;color: #525252;line-height: 1.5;font-weight: 600;position: relative;}
.post_page .works_content .wrap .project_wrap .flex_wrap .project_box .sub_name:before {
	content:"";
	position:absolute;
	width: 100%;
	height: 1px;
	/* border-bottom: 1px solid #000; */
	top: 12px;
}
.post_page .works_content .wrap .project_wrap .flex_wrap .project_box .sub_name span {background-color: #fff;position: relative;padding-right: 15px;}
.post_page .works_content .wrap .project_wrap .flex_wrap .project_box .project_name {margin: 0;font-size: 16px;line-height: 1.5;font-weight: 600;margin-top: 15px;margin-bottom: 3px;}
.post_page .works_content .wrap .project_wrap .flex_wrap .project_box .client {margin: 0;font-size: 13px;line-height: 1.5;font-weight: 400;}
.post_page .works_content .wrap .project_wrap .flex_wrap .project_box .category {margin-top: 10px;}
.post_page .works_content .wrap .project_wrap .flex_wrap .project_box .category .name {font-size: 11px;border: 1px solid #000;display: inline-block;line-height: 1.6;padding: 3px 10px;border-radius: 3px;}
.post_page .works_content .wrap .project_wrap .flex_wrap .project_box .lead {
	font-size: 13px;
	line-height: 2.0;
	margin-top: 30px;
	color: #898989;
	margin-bottom: 30px;
}
.post_page .works_content .wrap .project_wrap .flex_wrap .member_box {
    margin: 0;
}
.post_page .works_content .wrap .project_wrap .flex_wrap .member_box .name {font-size: 14px;font-weight: 600;line-height: 1.5;position: relative;}
.post_page .works_content .wrap .project_wrap .flex_wrap .member_box .name span {background-color: #fff;position: relative;padding-right: 15px;}
.post_page .works_content .wrap .project_wrap .flex_wrap .member_box .name:before {
	content:"";
	position:absolute;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid hsl(0deg 0% 87%);
	top: 10px;
	left: 0;
}
.post_page .works_content .wrap .project_wrap .flex_wrap .member_box .s_box {margin-top: 17px;display: inline-block;width: 45%;margin-right: 4%;vertical-align: top;}
.post_page .works_content .wrap .project_wrap .flex_wrap .member_box .s_box .position {margin: 0;font-size: 13px;line-height: 1.5;color: #555555;}
.post_page .works_content .wrap .project_wrap .flex_wrap .member_box .s_box .creator {margin: 0;font-size: 14px;line-height: 1.5;color: #000;letter-spacing: 1.2px;}
.post_page .works_content .wrap .project_wrap .flex_wrap .member_box .s_box .sub_name {margin: 0;font-size: 11px;line-height: 1.5;color: #000;letter-spacing: 0.5px;}
.post_page .works_content .wrap .creative_wrap {
    margin: 0;
    width: calc(93% - 325px);
    margin-left: 7%;
}

/*============================
CONTACT
============================*/
.contact_page {
}
.contact_page .fv_sec {background-image: url(../img/contact/main_image.jpg);}
.contact_page .fv_sec .wrap {
}
.contact_page .fv_sec .wrap .page_name_box {
}
.contact_page .fv_sec .wrap .page_name_box .name {
}
.contact_page .fv_sec .wrap .page_name_box .sub_name {
}
.contact_page .contact_sec {padding-top: 60px;padding-bottom: 60px;}
.contact_page .contact_sec #formWrap {margin: 0 auto;width: 80%;max-width: 740px;background-color: #f5f5f5;padding: 5%;}
.contact_page .contact_sec #formWrap h4 {
 font-size:16px;
 margin: 0;
 margin-bottom: 40px;
}
.contact_page .contact_sec #formWrap .thankyou {margin: 0;font-size: 16px;line-height: 1.8;margin-bottom: 40px;}
.contact_page .contact_sec #formWrap .error_messe {margin: 0;margin-bottom: 10px;color: #f13d6e;font-size: 15px;line-height: 1.5;}
.contact_page .contact_sec #formWrap .comment {background-color: #ffffff;margin: 0 auto;margin-bottom: 40px;font-size: 14px;line-height: 1.7;padding: 4% 5%;text-align: center;color: #373737;}
.contact_page .contact_sec #formWrap  .formTable {display: block;}
.contact_page .contact_sec #formWrap  .formTable tbody {display: block;}
.contact_page .contact_sec #formWrap  .formTable tr {
 display: flex;
 flex-wrap: wrap;
 /* border-bottom: 1px dotted #ccc; */
 padding-bottom: 14px;
 padding-top: 14px;
}
.contact_page .contact_sec #formWrap  .formTable td {
 width: calc(100% - 260px);
 display: block;
}
.contact_page .contact_sec #formWrap  .formTable .name {width: 205px;font-size: 14px;margin-top: 9px;display: block;text-align: right;padding-right: 45px;color: #373737;}
.contact_page .contact_sec #formWrap  .formTable .check_list {padding-left: 39px;position: relative;margin-right: 34px;font-size: 16px;font-weight: 500;line-height: 1.5;margin-bottom: 17px;display: inline-block;color: #373737;cursor: pointer;}
.contact_page .contact_sec #formWrap  .formTable .check_list:hover {
 color:#555555;
}
.contact_page .contact_sec #formWrap  .formTable .check_list span {position: relative;}
.contact_page .contact_sec #formWrap  .formTable .check_list span:before {
 content:"";
 position:absolute;
 width: 24px;
 height: 24px;
 background-color:#fff;
 left: -34px;
 top: -4px;
}
.contact_page .contact_sec #formWrap  .formTable .check_list span:after {
    height: 16px;
    width: 16px;
    background: #000;
    transform: translateY(-50%) scale(0);
    opacity: 0;
    transition: 0.075s cubic-bezier(0.4, 0, 1, 1);
    transition-property: transform, opacity;
    top: 41%;
    left: -30px;
    content:"";
    position:absolute;
    border-radius: 2px;
}
.contact_page .contact_sec #formWrap  .formTable .check_list input:checked+span::after {
    transform: translateY(-50%) scale(1);
    opacity: 1;
    transition-duration: 0.15s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}


.contact_page .contact_sec #formWrap  .formTable    .check_list .check {position: absolute;left: 0;top: -1px;zoom: 1.5;display: none;}
.contact_page .contact_sec #formWrap  .formTable   .name .attention {font-size: 13px;color: #f1689a;}
.contact_page .contact_sec #formWrap  .formTable    .form {font-size: 16px;padding: 9px;width: calc(100% - 16px);border: 1px solid #ccc;border-radius: 5px;color: #373737;}
.contact_page .contact_sec #formWrap  .btn_area {
 margin-top:40px;
}
.contact_page .contact_sec #formWrap  .btn_link {margin: 0 auto;text-align: center;width: 80%;max-width: 500px;}
.contact_page .contact_sec #formWrap  .btn_link.return {margin-top: 15px;margin-bottom: 10px;}
.contact_page .contact_sec #formWrap  .btn_link.return label {
  background-color:#999;
}
.contact_page .contact_sec #formWrap  .btn_link label {
 transition:0.5s;
 display: block;
 /* border: 1px solid #000; */
 background-color: #000;
 color:#fff;
 font-size: 17px;
 line-height: 1.5;
 padding: 15px;
 cursor: pointer;
}
.contact_page .contact_sec #formWrap  .btn_link label:hover {
 color:#fff;
 opacity:0.6;
}
.contact_page .contact_sec #formWrap  .btn_link .confirm {width: 300px;padding: 13px;font-size: 17px;display: none;}
.contact_page .contact_sec #formWrap  .btn_link .reset {display: none;}

@media only screen and (max-width: 1025px) {
.header .sp_menu {
 display:block;
}
 .header .pc_menu {
 display:none;
}
 
.home #top-head .logo {/* filter:none; */}
.home #mobile-head {
    border-bottom: none;
    background: none;
}
.home #top-head  {
   box-shadow: none;
}
.home #nav-toggle span {
    background: #fff;
}
.home .fixed #nav-toggle span {
    background: #000;
}
}
@media only screen and (min-width: 768px) {
 .sp{
 display: none;
 }
}
@media only screen and (max-width: 980px) {

}
@media only screen and (max-width: 767px) {
.pc_tab{
 display: none;
}

.home .fv_sec {height: 80vh;margin-top: -61px;background-position: 92% 17px;}
.home .fv_sec .wrap {margin: 0 auto;padding-top: 26vh;}
.home .fv_sec .wrap .lead_box {width: 85%;}
.home .fv_sec .wrap .lead_box .copy {margin: 0;font-size: 10vw;display: block;}
.home .fv_sec .wrap .lead_box .logo {margin: 0 auto;width: 60%;max-width: inherit;margin-bottom: 13px;margin-top: 45px;}
.home .fv_sec .wrap .lead_box .lead {margin: 0;color: #fff;font-weight: 400;font-size: 13px;line-height: 2;text-align: left;}
.home .fv_sec .wrap .lead_box .lead br {
 display:none;
}
 .home .fv_sec .wrap .scroll {margin: 0;text-align: center;color: #fff;font-weight: 600;font-family: proxima-nova, 'Noto Sans JP',sans-serif;margin-top: 60px;position: relative;padding-bottom: 135px;}
.home .fv_sec .wrap .scroll:before {
 content:
 "";
 position:
 absolute;
 width:1px;
 height:100px;
 background-color: #fff;
 left: 0;
 right: 0;
 margin: 0 auto;
 bottom: 0;
}
.home .service_sec {margin: 0;padding-top: 60px;padding-bottom: 35px;}
.home .sec_title {margin: 0 auto;width: 80%;font-size: 25px;}
.home .sec_title:before {
 left: -70px;
 top: 17px;
}
.home .service_sec .wrap {margin: 0 auto;width: 90%;display: flex;flex-wrap: wrap;justify-content: center;max-width: 1400px;margin-top: 35px;}
.home .service_sec .wrap .s_box {width: 95%;margin: 0 auto;background-color: #999;margin-bottom: 25px;padding-bottom: 30px;background-position: center;background-size: cover;}
.home .service_sec .wrap .s_box:hover {
 opacity:0.7;
}
.home .service_sec .wrap .s_box.service01 {
 background-image:url(../img/home/service_01.jpg);
}
.home .service_sec .wrap .s_box.service02 {
 background-image:url(../img/home/service_02.jpg);
}
.home .service_sec .wrap .s_box.service03 {
 background-image:url(../img/home/service_03.jpg);
}
.home .service_sec .wrap .s_box a {
 display:
 block;
 text-decoration: none;
 color: #fff;
 height: 100%;
}

.home .service_sec .wrap .s_box  .info_box {margin: 0 auto;width: 80%;padding-top: 290px;padding-bottom: 0px;}
.home .service_sec .wrap .s_box  .info_box .sub {margin: 0;font-size: 13px;font-weight: 500;}
.home .service_sec .wrap .s_box  .info_box .name {margin: 0;font-size: 6.8vw;font-weight: 600;letter-spacing: 1px;margin-bottom: 10px;}
.home .service_sec .wrap .s_box  .info_box .comment {margin: 0;position: relative;font-size: 12px;line-height: 1.7;padding-right: 60px;}
.home .service_sec .wrap .s_box  .info_box .comment:before {
 content:
 "";
 position:
 absolute;
 width: 60px;
 height: 60px;
 right: -11px;
 /* background-color: #ccc; */
 background-position: center;
 background-repeat: no-repeat;
}
.home .service_sec .wrap .s_box.service01  .info_box .comment:before {
 background-image:
 url(../img/common/navi_link.png);
 background-size: 52px;
 top: -11px;
}
.home .service_sec .wrap .s_box.service02  .info_box .comment:before {
 background-image:
 url(../img/common/navi_blank.png);
 background-size: 30px;
}
.home .service_sec .wrap .s_box.service03  .info_box .comment:before {
 background-image:
 url(../img/common/navi_blank.png);
 background-size: 30px;
}
.home .service_sec .wrap .s_box  .info_box .name .s_name {font-size: 3.2vw;}


.home .slider .s_service {
    height: 540px;
}
 .home .slider .s_service.service01 {
    background-position: 70% 0;
}
 .home .slider .s_service .s_wrap {
    margin: 0 auto;
    width: 70%;
    position: absolute;
    top: 211px;
    left: 0;
    right: 0;
    text-align: center;
}
.home .slider .s_wrap .name {
    font-size: 8vw;
    margin-bottom: 10px;
}
 .home .slider .s_service .s_wrap .sub_name {
    margin: 0;
    font-size: 20px;
}


.home .fv_sec .wrap .main_copy .comment {
    font-size: 35px;
    font-weight: 600;
}
.home .lead_sec {
    padding-top: 50px;
    padding-bottom: 10px;
}
.home .lead_sec .wrap {
    width: 85%;
}
.home .lead_sec .wrap .logo {
    margin: 0 auto;
    width: 50%;
    display: block;
    margin-bottom: 17px;
}
.home .lead_sec .wrap .lead_box {
    margin: 0 auto;
    width: auto;
    display: block;
}
.home .lead_sec .wrap .lead_box .comment {
    font-size: 14px;
    line-height: 1.8;
}
 .home .lead_sec .wrap .lead_box .comment br {
  display:none;
 }

.wrap_title_box .name {
    font-size: 25px;
    line-height: 1.5;
    left: -174px;
}

.home .topics_sec {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}
.home .topics_sec .wrap .right {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 70px;
}
.home .topics_sec .wrap .left {
    width: 100%;
    position: relative;
}
.slick-prev {
    left: 0 !important;
}
.slick-next {
    right: 0 !important;
}

.home .parallax_sec {
    width: 100%;
    height: 300px;
    background-attachment: inherit;
}
.home .works_sec .wrap .works_wrap {
    margin-left: 15%;
    margin-right: 5%;
    display: block;
}
.home .works_sec .wrap .works_wrap .s_box {
    width: auto;
    margin: 0;
    margin-bottom: 25px;
}
.home .works_sec {
    padding-top: 50px;
    padding-bottom: 50px;
}
 .home .works_sec .wrap .wrap_title_box .name {transform: rotate(0deg);left: 5%;top: 0;position: relative;}
 .home .works_sec .wrap .wrap_title_box:before {width: 85%;height: 1px;left: 5%;top: 17px;}
.home .works_sec .hero .container {
    margin: 0 auto;
    width: 95%;
}
.home .works_sec .hero .container .name a {
    font-size: 12px;
}
 .home .works_sec .btn_area {
    margin: 0 auto;
    width: 70%;
}
 .home .works_sec .btn_area .btn_link {
    width: 100%;
    max-width: none;
    display: block;
}
.footer {
    padding-top: 60px;
    padding-bottom: 60px;
}
.footer .wrap .logo {
    display: block;
    width: 55%;
    max-width: none;
    margin: 0 auto;
    margin-bottom: 40px;
}
.footer .wrap .link_area {
    display: block;
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
}
.footer .wrap .link_area .s_box {
    text-align: left;
    display: inline-block;
    width: 40%;
    margin: 3%;
    max-width: none;
    vertical-align: top;
}
.footer .wrap .btn_link {
    width: 80%;
}
.common_page .fv_sec {
    margin: 0 auto;
    height: 380px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.common_page .fv_sec .wrap .page_name_box .name {
    font-size: 31px;
}
.common_page .fv_sec .wrap .page_name_box .name:before {
    left: -33px;
    top: -61px;
}
.common_page .fv_sec .wrap .page_name_box .name:after {
    width: 60px;
    height: 60px;
    background-size: 76px;
    left: -34px;
    top: -36px;
}
.aboutus_page .member_sec {
    padding-top: 50px;
    padding-bottom: 25px;
}
.aboutus_page .member_sec .wrap .left {
    width: 100%;
    margin-bottom: 40px;
}
.aboutus_page .member_sec .wrap .right {
    width: 100%;
}
.aboutus_page .member_sec .wrap .right .flex_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.aboutus_page .member_sec .wrap .right .flex_box .s_box {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-right: 15px;
}
.aboutus_page .member_sec .wrap .right .flex_box .s_box .image {width: 37%;border-radius: 7px;height: 175px;overflow: hidden;}
 .aboutus_page .member_sec .wrap .right .flex_box .s_box .image.shun {
  background-image: url(../img/about_us/prof_shun_sasaki01.jpg);
  background-position: center;
  background-size: cover;
 }
 .aboutus_page .member_sec .wrap .right .flex_box .s_box .image.maki {
  background-image: url(../img/about_us/prof_maki_sasaki01.jpg);
  background-position: center;
  background-size: cover;
 }
 .aboutus_page .member_sec .wrap .right .flex_box .s_box .image.yodo {
  background-image: url(../img/about_us/prof_sugawara01.jpg);
  background-position: center;
  background-size: cover;
 }
.aboutus_page .member_sec .wrap .right .flex_box .s_box .image img {
	height:100%;
	width: auto !important;
	margin-left: -21%;
 display:none;
}
.aboutus_page .member_sec .wrap .right .flex_box .s_box .info_box {
    margin: 0;
    margin-left: 6%;
    width: 57%;
    margin-top: 0;
}
.aboutus_page .member_sec:before {
    width: 79%;
    height: 70%;
}
.aboutus_page .member_sec .wrap .right .flex_box .s_box .info_box .comment {
    font-size: 12px;
}
.common_page .wrap_name:before {
}
.common_page .wrap_name .name {
    font-size: 35px;
    line-height: 1.3;
}
.aboutus_page .company_sec {
    padding-top: 60px;
    padding-bottom: 50px;
}
.aboutus_page .company_sec .wrap .left {
    width: 100%;
    margin-bottom: 35px;
    height: auto;
}
 .aboutus_page .company_sec .wrap .left:before {
    width: 87%;
    height: 380px;
    right: 0;
    top: 75px;
    background-position: right;
}
 .aboutus_page .company_sec .wrap .left .lead_box {
    margin: 0 auto;
    width: 87%;
    max-width: none;
    margin-top: 350px;
    position: relative;
    padding-top: 30px;
}
.aboutus_page .company_sec .wrap .right {
    width: 95%;
    margin: 0 auto;
}
.aboutus_page .company_sec .wrap .right .company_info .s_box {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.aboutus_page .company_sec .wrap .right .company_info .s_box .name {
    width: auto;
    margin: 0;
    font-size: 13px;
    margin-bottom: 4px;
}
.aboutus_page .company_sec .wrap .right .company_info .s_box .comment {
    margin: 0;
    font-size: 14px;
    width: 100%;
    line-height: 1.5;
    color: #000;
}

.design_page .service_sec {
    padding-top: 60px;
    padding-bottom: 30px;
}
 .design_page .service_sec .wrap .left {
    width: 100%;
}
 .design_page .service_sec .wrap .right {
    width: 100%;
    display: block;
    margin-top: 30px;
}
 .design_page .service_sec .wrap .right .col {
    width: 95%;
    margin:0 auto;
}
.design_page .service_sec .wrap .right .col .s_wrap .title {
    font-size: 25px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.design_page .fee_sec .wrap .lead_box .sec_name_box {
    width: 100%;
}
.design_page .fee_sec .wrap {
    width: 85%;
}
.design_page .fee_sec .wrap .lead_box .comment {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    width: 100%;
    margin-top: 15px;
}
.design_page .fee_sec .wrap .fee_box .s_box {
    width: calc(50% - 5%);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 2.5%;
    padding-right: 2.5%;
}
.design_page .fee_sec .wrap .fee_box .s_box.no_right:before {
	display:inherit;
}
.design_page .fee_sec .wrap .fee_box .s_box:nth-of-type(3n):before{
	 /* display:none; */
	 }
.design_page .fee_sec .wrap .fee_box .s_box:nth-of-type(9){
	border-bottom:none !important; 
}
 .design_page .fee_sec .wrap .fee_box .s_box:nth-of-type(10){
	border-bottom:none !important; 
}
.design_page .fee_sec .wrap .fee_box .s_box.no_bottom {
    border-bottom: 1px solid #000;
}
.design_page .fee_sec .wrap .fee_box .s_box:nth-of-type(2n):before{
 display:none;
}
.design_page .fee_sec {
    padding-top: 60px;
    padding-bottom: 50px;
}
.design_page .flow_sec {
    padding-top: 50px;
    padding-bottom: 10px;
}
.design_page .flow_sec .wrap .flow_wrap .s_box {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 60px;
}
.design_page .flow_sec .wrap .flow_wrap .s_box .name {
    font-size: 17px;
    margin-bottom: 10px;
}
.design_page .flow_sec .wrap .flow_wrap .s_box .num span {
    font-size: 30px;
}
.design_page .flow_sec .wrap .flow_wrap .s_box:last-child {
    width: 90%;
}
.design_page .flow_sec .wrap .flow_wrap .s_box .flex_box .ss_box {
    width: 100%;
}
.design_page .flow_sec .wrap .flow_wrap .s_box .flex_box .ss_box:last-child {
   margin:0 auto;
   margin-top:30px;
}
.design_page .fv_sec {
    background-position: 65%;
}
.post_page .topics_sec .head_wrap {
    margin: 0 auto;
    width: 100%;
}
.post_page .topics_sec .head_wrap .image {
    width: 100%;
    height: 400px;
    margin: 0;
    border-radius: 0;
    margin-top: 100px;
}
.post_page .topics_sec .head_wrap .image:before {
    position: absolute;
    font-size: 45px;
    letter-spacing: 4px;
    font-weight: 600;
    transform: rotate(0deg);
    right: inherit;
    left: 5%;
    top: -25px;
}
.post_page .topics_sec {
    padding-top: 0px;
}
.post_page .topics_sec .head_wrap .post_info_box {
    width: 71%;
    padding: 7%;
    margin: 0 auto;
    background-color: #fff;
    margin-top: -40px;
    position: relative;
    box-shadow: 2px 4px 8px 0px #e1e1e1;
}
.post_page .topics_sec .head_wrap .post_info_box .post_title {
    font-size: 23px;
    font-weight: 600;
    margin: 0;
    margin-top: 0;
    margin-bottom: 20px;
}
.post_page .topics_sec .head_wrap .post_info_box .lead {
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
}
.post_page .main_sec {
    padding-top: 80px;
    padding-bottom: 60px;
}
.post_page .main_sec .wrap .main {
    margin: 0;
    width:100%;
}
.post_page .main_sec .wrap .main h2 {
    font-size: 20px;
    margin: 0;
    margin-bottom: 35px;
    margin-top: 60px;
}
.post_page .main_sec .wrap .main p {
    font-size: 14px;
    line-height: 2;
}
.post_page .main_sec .wrap {
    margin: 0 auto;
    width: 83%;
}
.post_page .main_sec .side {
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
}
.post_page .main_sec .side .related_wrap .wrap_name {
    margin: 0 auto;
    line-height: 1.5;
    font-size: 20px;
    width: calc(100% - 22px);
    padding-bottom: 6px;
    padding-left: 15px;
    border-left: 7px solid;
}
.post_page .main_sec .side .related_wrap .s_box {
    margin: 0 auto;
    width: 100%;
    margin-top: 20px;
}
.post_page.works_page .main_sec .wrap .main .wrap_title_box {
 display:none;
 }
.post_page.works_page .main_sec .wrap .main .name {
    font-size: 25px;
}
.post_page.works_page .main_sec .side .related_wrap .s_box {
    width: 95%;
}
 .post_page .main_sec .side .related_wrap .s_box .image {
    height: 150px;
}
.post_page.works_page .main_sec .wrap {
    margin: 0 auto;
    width: 90% !important;
    max-width: none;
    display:block;
}

.post_page .main_sec .sec_title{
 margin: 0 auto;
 width: 80%;
 font-size: 25px;
}
.post_page .main_sec .sec_title:before {
 left: -70px;
 top: 17px;
}

.works_page .works_content .wrap .project_wrap .flex_wrap {
    display: block;
}
 .works_page .works_content .wrap .project_wrap {
    margin-bottom: 40px;
    width: auto;
    padding-top: 0px;
}
.works_page .works_content {
    margin-left: 0;
    padding-bottom: 40px;
}
.works_page .wrap_title_box {
    top: 65px;
}
.works_page .works_content .wrap .project_wrap .flex_wrap .project_box {
    width: 100%;
    margin: 0;
}
.works_page .works_content .wrap .project_wrap .flex_wrap .member_box {
    width: 100%;
}
.works_page .works_content .wrap .creative_wrap {
    margin: 0 auto;
    width: 100%;
}

.archive_page .archive_sec .sec_title{
margin: 0 auto;
width: 80%;
font-size: 25px;
}
.archive_page .archive_sec .sec_title:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: hsl(0deg 0% 0%);
    left: -70px;
    top: 20px;
}
.archive_page .fv_sec {
 left: -70px;
 top: 17px;
}
.archive_page .archive_sec {
 padding-top: 82px;
}
.archive_page .archive_sec .wrap {
  overflow: hidden;
  padding-top: 0;
}
.archive_page .wrap .wrap_title_box {
    position: relative;
    top: inherit;
    z-index: 1;
}
 .archive_page .wrap .wrap_title_box:before {
    width: 85%;
    height: 1px;
    left: 5%;
    top: 17px;
 }
 .archive_page .wrap .wrap_title_box .name {
  transform: rotate(0deg);
    left: 5%;
    top: 0;
    position: relative;
}
 .archive_page .hero .container {
    width: 95%;
    margin:0 auto;
}
 .archive_page .wrap .tag_box {
  display: none;
}
 .archive_page .hero .container .name a {
    font-size: 12px;
    line-height: 1.5;
}
 .archive_page .hero-grid__item {
    margin-bottom: 30px;
}
.contact_page .contact_sec {
    padding-top: 40px;
    padding-bottom: 40px;
}
.contact_page .contact_sec #formWrap .comment {
    margin-bottom: 40px;
    text-align: left;
}
 .contact_page .contact_sec #formWrap .formTable .name {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 4px;
    display: block;
    text-align: left;
    padding-right: 0;
}
.contact_page .contact_sec #formWrap .formTable td {
    width: 100%;
    display: block;
}
 .contact_page .contact_sec #formWrap .formTable tr {
    padding-bottom: 5px;
    padding-top: 10px;
}
.contact_page .contact_sec #formWrap .formTable tr.check_wrap {
    padding-bottom: 33px;
    padding-top: 10px;
}
.contact_page .contact_sec #formWrap {
    padding-bottom: 40px;
}
.contact_page .contact_sec #formWrap .formTable .check_list {
    padding-left: 39px;
    position: relative;
    margin-right: 34px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 15px;
    display: block;
    color: #373737;
    cursor: pointer;
}
 .aboutus_page .lead_sec {
    padding-bottom: 40px;
    padding-top: 60px;
}
 .aboutus_page .lead_sec .wrap .left {
    width: 95%;
    margin:0 auto;
}
 .aboutus_page .lead_sec .wrap {
    margin: 0 auto;
    width: 90%;
    display: block;
}
.aboutus_page .lead_sec .wrap .left .lead {
    font-size: 5.2vw;
    line-height: 1.8;
    margin-bottom: 40px;
}
.aboutus_page .lead_sec .wrap .right {
    width: 95%;
    margin: 0 auto;
}
 .aboutus_page .fv_sec {
    background-image: url(../img/about_us/main_image.jpg);
    background-position: 53%;
}



}