@charset "UTF-8";

/*****************************************************
　ヘッダー 
*****************************************************/
#header{
	border-bottom:1px solid #f1f1f1;
	background:#fff;
	width:100%;
	height:80px;
	position:fixed;
	top:0;
	left:0;
	z-index:50;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#head-inner{
	max-width:1920px;
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
}
#head-inner > div{
	padding:23px 20px 0 25px;
}
/* ロゴ
------------------------------------------------- */
#logo{
	line-height:0.5;
	float:left;
}
/* グローバルナビ
------------------------------------------------- */
#spnavbtn{
	display:none;
}
#globalnav{
	margin:21px 0 0;
	float:right;
}
#globalnav > ul.pc-nav{
	list-style-type:none;
	padding:0;
	display:flex;
}
#globalnav > ul.pc-nav > li{
	padding:0 0 20px;
}
#globalnav > ul.pc-nav > li + li{
	margin:0 0 0 25px;
}
#globalnav > ul.pc-nav > li:hover .child{
	display:block;
}
#globalnav > ul.pc-nav > li > a{
	color:#111;
}
#globalnav > ul.pc-nav > li > a:hover{
	color:#02b0eb;
	opacity:1;
}
#globalnav > ul.pc-nav > li.contact{
	position:relative;
	top:-10px;
	z-index:15;
}
#globalnav > ul.pc-nav > li.contact a{
	border-radius:50%;
	background:#02b0eb;
	width:30px;
	height:30px;
	text-align:center;
	padding:7px 0 0;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#globalnav > ul.pc-nav > li.contact img{
	width:15px;
	height:15px;
}
#global-spnav > ul.sp-nav{
	display:none;
}
/* ----- child ----- */
#globalnav .child{
	background:#111;
	min-height:200px;
	width:100%;
	color:#fff;
	display:none;
	position:absolute;
	top:80px;
	left:0;
	z-index:0;
}
#globalnav .child a{
	color:inherit;
}
#globalnav .child-inner{
	max-width:1000px;
	width:88%;
	margin:0 auto;
	padding:20px 0 40px;
	display:flex;
}
#globalnav .child-navblock{
	width:25%;
	padding:0 0 0 20px;
	display:flex;
}
#globalnav .two .child-navblock{
	width:50%;
}
#globalnav .child-navblock figure img{
	border-radius:50%;
}
#globalnav .child-navblock .text{
	padding:8px 0 0 8px;
}
#globalnav .child-navblock .text p{
	line-height:1.3;
	margin:0 0 15px;
}
#globalnav .child-navblock .text p span{
	font-size:12px;
	font-size:1.2rem;
}
#globalnav .child-navblock ul{
	list-style-type:none;
}
#globalnav .child-navblock ul li{
	font-size:12px;
	font-size:1.2rem;
	font-weight:normal;
}
#globalnav .child-navblock ul li + li{
	margin:7px 0 0;
}
/* 右側固定SNS
------------------------------------------------- */
#fix-sns{
	height:100%;
	display:table;
	position:fixed;
	top:0;
	right:20px;
	z-index:10;
}
#fix-sns ul{
	list-style-type:none;
	padding:0;
	display:table-cell;
	vertical-align:middle;
}
#fix-sns ul li{
	text-align:center;
	padding:0;
}
#fix-sns ul li + li{
	margin:20px 0 0;
}


/*****************************************************
　wrap 
*****************************************************/
#wrap{
	margin:80px 0 0;
}


/*****************************************************
　inner 
*****************************************************/
.inner{
	max-width:1000px;
	width:88%;
	margin:0 auto;
}


/*****************************************************
　pagehead 
*****************************************************/
.pagehead .page-ttl{
	font-size:32px;
	font-size:3.2rem;
	color:#02b0eb;
}
.pagehead .page-ttl span{
	font-size:12px;
	font-size:1.2rem;
	font-weight:normal;
	color:#666;
	margin:0 0 0 10px;
	display:inline-block;
	vertical-align:middle;
}


/*****************************************************
　フッター 
*****************************************************/
#footer{
	border-top:1px solid #ccc;
	background:#fcfcfc;
	color:#929292;
	padding:45px 0 25px;
}
#foot-inner{
	max-width:1000px;
	width:88%;
	margin:0 auto;
}
/* フッターコンテンツ
------------------------------------------------- */
#foot-contents{
	margin:0 0 35px;
}
#foot-company{
	margin:0 0 20px;
}
.office-block{
	max-width:460px;
	width:46%;
}
.office-block{
	float:left;
}
.office-block:nth-child(2){
	float:right;
}
.office-block dl{
	margin:15px 0 0;
}
.office-block dl dt{
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:1px;
	margin:0 0 5px;
}
.office-block dl dd{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.5;
}
/* コピーライト
------------------------------------------------- */
#copyright{
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	line-height:1.7;
	margin:40px 0 0;
	display:block;
}


/*****************************************************
　サイドバー 
*****************************************************/
#sidebar{
	max-width:250px;
	width:27.2%;
	float:right;
}
#sidebar .side-block{
	background:#f4f4f4;
	padding:30px 25px 25px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#sidebar .side-block + .banner-block,
#sidebar .side-block + .side-block{
	margin:30px 0 0;
}
#sidebar .side-ttl{
	font-size:26px;
	font-size:2.6rem;
	color:#111;
}
#sidebar .side-subttl{
	font-size:12px;
	font-size:1.2rem;
	font-weight:normal;
	color:#666;
	margin:2px 0 15px;
	display:block;
}
#sidebar ul{
	list-style-type:none;
	padding:0;
}
#sidebar ul li + li{
	margin:12px 0 0;
}
#sidebar ul li a{
	color:#111;
}


/*****************************************************
　404 
*****************************************************/
#error404{
	padding:100px 0 200px;
}
#error404 .ttl{
	margin:0 0 50px;
}
#error404 .btn-blue{
	width:400px;
	line-height:60px;
	margin:50px auto 0;
}


/*****************************************************
　制作実績詳細ページ、各メンバーページ　左側　一覧へ戻るボタン 
*****************************************************/
.returnicon{
	width:100px;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:2;
}
.returnicon .returnicon-inner{
	width:100%;
	height:100vh;
	text-align:center;
	display:table;
}
.returnicon .returnicon-inner span{
	display:table-cell;
	vertical-align:middle;
}


/*****************************************************
　ピックアップ実績 
*****************************************************/
.swiper-container{
	height:430px;
	margin:0 0 0 18.75vw!important;
}
.swiper-wrapper .swiper-slide{
	width:317px;
	height:198px;
	transition:0.5s;
}
.swiper-wrapper .swiper-slide-active{
	width:560px;
	height:350px;
}
.swiper-pagination .swiper-pagination-bullet{
	width:20px;
	height:20px;
}
#work .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 10px;
}
#work .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{
	background:#02b0eb;
}
#work .swiper-container-horizontal > .swiper-pagination-bullets{
	margin-left:-9.375vw;
}
#work .swiper-container-horizontal > .swiper-pagination-bullets,
#work .swiper-pagination-custom,
#work .swiper-pagination-fraction{
	bottom:30px;
}
.swiper-slide .acievement{
	max-width:600px;
	width:31.25vw;
	position:absolute;
	bottom:0;
	/*right:-640px;*/
	left:600px;
	z-index:1;
	opacity:0;
}
.swiper-wrapper .swiper-slide-active .acievement{
	padding:0 0 0 40px;
	opacity:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.swiper-slide .acievement-ttl{
	font-size:30px;
	font-size:3.0rem;
	color:#111;
	position:relative;
}
.swiper-slide .acievement-ttl:before{
	content:'';
	background:#111;
	width:30px;
	height:1px;
	display:block;
	position:absolute;
	top:50%;
	left:-40px;
}
.swiper-slide .acievement-subttl{
	font-size:12px;
	font-size:1.2rem;
	color:#666;
	margin:5px 0 0;
}
.swiper-slide .acievement-text{
	height:4.5em;
	line-height:1.5;
	color:#02b0eb;
	margin:5px 0 0;
	overflow:hidden;
}


/*****************************************************
　ページャー 
*****************************************************/
.wp-pagenavi{
	margin:35px 0 0;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	text-align:center;
}
.wp-pagenavi .current{
	text-decoration:underline;
}
.wp-pagenavi .current,
.wp-pagenavi .page{
	padding:0 12px 0 0;
	position:relative;
}
.wp-pagenavi .current:after,
.wp-pagenavi .page:after{
	content:'/';
	position:absolute;
	top:auto;
	right:0;
	z-index:0;
}
.wp-pagenavi span,
.wp-pagenavi a{
	margin:0 3px;
}


/*****************************************************
　WP ULikeいいねボタン 
*****************************************************/
.wpulike{
	padding:0;
}
.wpulike-heart .wp_ulike_general_class{
	padding:0;
	box-shadow:none;
}
.wpulike-heart .wp_ulike_put_image{
	padding:10px;
}
.wpulike-heart .wp_ulike_put_image:after{
	background:url('../img/common/likebtn_gray.png') no-repeat left bottom;
}
.wpulike-heart .wp_ulike_is_liked .wp_ulike_put_image:after{
	background:url('../img/common/likebtn.png') no-repeat left bottom;
	filter:none;
}
.wpulike-heart .count-box{
	font-weight:bold;
	line-height:20px;
	padding:0 5px 0 10px;
}


/*****************************************************
　アニメーション 
*****************************************************/
/* 表示アニメーション
------------------------------------------------- */
.slide-show{
	position:relative;
	overflow:hidden;
}
.slide-show:before{
	content:'';
	background:#fff;
	pointer-events:none;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:2;
}
.slide-show.show:before{
	animation:slide-show 1s cubic-bezier(.4, 0, .2, 1) forwards;
}
.slide-show.show:after{
	content:'';
	background:#000;
	pointer-events:none;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
	animation:slide-show 2s cubic-bezier(.4, 0, .2, 1) forwards;
}
@keyframes slide-show{
	100%{
		transform:translateX(101%);
	}
}
/* 左右からスライドアニメーション
------------------------------------------------- */
@keyframes lefttoright{
	0% {
		transform:translateX(-100%);
	}
	100%{
		transform:translateX(0);
	}
}
@keyframes righttoleft{
	0% {
		transform:translateX(100%);
	}
	100%{
		transform:translateX(0);
	}
}


/*****************************************************
　マウスオーバー 
*****************************************************/
.hover-thumb a{
	display:block;
}
.hover-thumb a img{
	transition:0.3s;
}
.hover-thumb a:hover,
.hover-thumb a:hover img{
	opacity:1;
	transition:0.3s;
}
.hover-thumb a:hover img{
	transform:scale(1.2);
}
.hover-thumb a:hover .thumb:before{
	opacity:1;
	transition:0.3s;
}
.hover-thumb .thumb{
	overflow:hidden;
	position:relative;
}
.hover-thumb .thumb:before{
	content:'';
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	opacity:0;
	transition:0.3s;
}
.hover-thumb.hover-thumb_116x80 .thumb:before{
	background:url('../img/common/hover_116x80.png') no-repeat center center;
	background-size:contain;
	-webkit-background-size:contain;
}
.hover-thumb.hover-thumb_560x350 .thumb:before{
	background:url('../img/common/hover_560x350.png') no-repeat center center;
	background-size:contain;
	-webkit-background-size:contain;
}
.hover-thumb.hover-thumb_200x138 .thumb:before{
	background:url('../img/common/hover_200x138.png') no-repeat center center;
	background-size:contain;
	-webkit-background-size:contain;
}
.hover-thumb.hover-thumb_400x250 .thumb:before{
	background:url('../img/common/hover_400x250.png') no-repeat center center;
	background-size:contain;
	-webkit-background-size:contain;
}


/*****************************************************
　フォームタグ 
*****************************************************/
input[type="text"],
input[type="email"],
textarea{
	-webkit-appearance:none;
	border-radius:0;
	border:1px solid #ccc;
	background:#f1f1f1;
	width:100%;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.4;
	padding:9px 10px 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
input[type="submit"]{
	-webkit-appearance:none;
	border-radius:0;
	cursor:pointer;
}
/* フォーム
------------------------------------------------- */
.mw_wp_form .formarea{
	margin:20px 0 0;
	display:flex;
}
.mw_wp_form .left,
.mw_wp_form .right{
	max-width:480px;
	width:48%;
}
.mw_wp_form .left{
	margin:0 4% 0 0;
}
.mw_wp_form .right textarea{
	min-height:200px;
}
.hissu{
	color:#02b0eb;
}
.mw_wp_form .hissu{
	margin:0 0 0 0.5em;
}
.mw_wp_form dl + dl{
	margin:15px 0 0;
}
.mw_wp_form dl dt{
	font-size:14px;
	font-size:1.4rem;
	margin:0 0 10px;
}
.mw_wp_form dl dd .mwform-radio-field-text{
	font-size:14px;
	font-size:1.4rem;
}
.mw_wp_form .formarea .vertical-item{
	display:inline-block;
}
.mw_wp_form .vertical-item + .vertical-item{
	margin:0 0 0 25px;
}
.mw_wp_form .vertical-item:nth-child(4){
	margin:10px 0 0;
}
.mw_wp_form .error{
	font-size:14px;
	font-size:1.4rem;
	margin:7px 0 0;
}
.mw_wp_form .submitbtn{
	max-width:240px;
	width:100%;
	margin:60px auto 0;
	position:relative;
	z-index:0;
}
.mw_wp_form .submitbtn:hover input[type="submit"]{
	color:#fff;
}
.mw_wp_form .submitbtn input[type="submit"]{
	border:1px solid #02b0eb;
	background:transparent;
	max-width:240px;
	width:100%;
	font-size:14px;
	font-size:1.4rem;
	line-height:40px;
	text-align:center;
	color:#02b0eb;
	padding:0;
}
.mw_wp_form .submitbtn:after{
	content:'→';
	width:100%;
	line-height:40px;
	text-align:center;
	color:#02b0eb;
	margin:0 0 0 0.5em;
	padding:0 0 0 6em;
	position:absolute;
	top:0;
	right:0;
	z-index:-1;
	transition:0.3s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mw_wp_form .submitbtn:before{
	content:'';
	background:#02b0eb;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	left:0;
	z-index:-1;
	transform-origin:left top;
	transform:scale(0,1);
	transition:transform 0.3s;
}
.mw_wp_form .submitbtn:hover{
	color:#fff;
	opacity:1;
}
.mw_wp_form .submitbtn:hover:before{
	transform:scale(1,1);
}
.mw_wp_form .submitbtn:hover:after{
	color:#fff;
	right:-1em;
}
.mw_wp_form_complete,
.mw_wp_form_preview{
	margin:20px 0 0;
}


/*****************************************************
　その他 
*****************************************************/
/* タイトル
------------------------------------------------- */
.ttl{
	font-size:14px;
	font-size:1.4rem;
	font-weight:normal;
	text-align:center;
	color:#666;
}
.ttl span{
	font-size:46px;
	font-size:4.6rem;
	color:#02b0eb;
	margin:0 0 5px;
	display:block;
}
/* サブタイトル
------------------------------------------------- */
.subttl{
	font-size:14px;
	font-size:1.4rem;
	font-weight:normal;
	text-align:center;
	color:#666;
}
.subttl span{
	font-size:36px;
	font-size:3.6rem;
	color:#333;
	margin:0 0 5px;
	display:block;
}
/* ボタン
------------------------------------------------- */
/* ----- 青 ----- */
.btn-blue{
	border:1px solid #02b0eb;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.btn-blue a{
	color:#02b0eb;
	padding:0 10px;
	display:block;
	position:relative;
	z-index:0;
}
.btn-blue a:after{
	content:'→';
	margin:0 0 0 0.5em;
	position:relative;
	right:0;
	z-index:0;
	transition:0.3s;
}
.btn-blue a:before{
	content:'';
	background:#02b0eb;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:-1;
	transform-origin:left top;
	transform:scale(0,1);
	transition:transform 0.3s;
}
.btn-blue a:hover{
	color:#fff;
	opacity:1;
}
.btn-blue a:hover:before{
	transform:scale(1,1);
}
.btn-blue a:hover:after{
	color:#fff;
	right:-1em;
}
/* ----- 白 ----- */
.btn-white{
	border:1px solid #fff;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.btn-white a{
	color:#fff;
	display:block;
	position:relative;
	z-index:0;
}
.btn-white a:after{
	content:'→';
	margin:0 0 0 0.5em;
	position:relative;
	right:0;
	z-index:0;
	transition:0.3s;
}
.btn-white a:before{
	content:'';
	background:#fff;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:-1;
	transform-origin:left top;
	transform:scale(0,1);
	transition:transform 0.3s;
}
.btn-white a:hover{
	color:#02b0eb;
	opacity:1;
}
.btn-white a:hover:before{
	transform:scale(1,1);
}
.btn-white a:hover:after{
	color:#02b0eb;
	right:-1em;
}
/* text-align
------------------------------------------------- */
.t-right{
	text-align:right;
}
.t-center{
	text-align:center;
}
/* font-family
------------------------------------------------- */
/*@font-face{
	font-family: 'Montserrat', sans-serif;
	src:url('https://fonts.googleapis.com/css?family=Montserrat');
}*/
.f-mont-b200{
	font-family: 'Montserrat', sans-serif;
	font-weight:200;
}
.f-mont-b500{
	font-family: 'Montserrat', sans-serif;
	font-weight:500;
}
.f-mont-b600{
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
}
.f-mont-b700{
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
}


@media screen and (max-width:1190px){
	/*****************************************************
	　ピックアップ実績 
	*****************************************************/
	.swiper-slide .acievement{
		width:20vw;
	}
}


@media screen and (max-width:920px){
	/*****************************************************
	　ピックアップ実績 
	*****************************************************/
	.swiper-container{
		height:auto;
		margin:0!important;
	}
	.swiper-wrapper .swiper-slide{
		width:auto;
		height:auto;
		margin:0;
	}
	.swiper-wrapper .swiper-slide-active{
		width:auto;
		height:auto;
	}
	.swiper-container .swiper-pagination{
		display:none;
	}
	.swiper-wrapper .swiper-slide-active .acievement{
		display:none;
	}
}


@media screen and (max-width:850px){
	/*****************************************************
	　ヘッダー 
	*****************************************************/
	/* グローバルナビ
	------------------------------------------------- */
	#globalnav > ul.pc-nav > li + li{
		margin:0 0 0 18px;
	}
}


@media screen and (max-width:768px){
	/*****************************************************
	　ヘッダー 
	*****************************************************/
	#head-inner > div{
		padding:20px 3.12vw 20px 4.68vw;
	}
	/* ロゴ
	------------------------------------------------- */
	#logo{
		float:left;
	}
	/* グローバルナビ
	------------------------------------------------- */
	#spnavbtn{
		margin:5px 0 0;
		float:right;
		display:block;
		position:relative;
		z-index:20;
		cursor:pointer;
	}
	#spnavbtn span{
		background:#ccc;
		width:40px;
		height:3px;
		display:block;
		transition:all 0.4s;
	}
	#spnavbtn span + span{
		margin:6px 0 0;
	}
	body.navopen #spnavbtn span:nth-of-type(1){
		transform:translateY(20px) rotate(-45deg);
	}
	body.navopen #spnavbtn span:nth-of-type(2),
	body.navopen #spnavbtn span:nth-of-type(3){
		opacity:0;
	}
	body.navopen #spnavbtn span:nth-of-type(4){
		margin:19px 0 0;
		transform:translateY(-20px) rotate(45deg);
	}
	#globalnav{
		margin:0;
	}
	#globalnav > ul.pc-nav > li{
		display:none;
	}
	#globalnav > ul.pc-nav > li.contact{
		margin:0 30px 0 0;
		padding:0;
		display:block;
		position:static;
	}
	#globalnav > ul.pc-nav > li.contact a{
		width:40px;
		height:40px;
		line-height:40px;
		padding:0;
	}
	#globalnav > ul.pc-nav > li.contact img{
		width:21px;
		vertical-align:middle;
	}
	#global-spnav{
		background:#fff;
		width:100%;
		height:100%;
		margin:0;
		padding:80px 0;
		float:none;
		z-index:10;
		display:none;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	body.navopen #global-spnav{
		display:block;
		overflow-y:scroll;
		position:fixed;
		top:0;
		left:0;
		z-index:15;
	}
	body.navopen #global-spnav > ul.sp-nav{
		list-style-type:none;
		padding:0;
		display:block;
	}
	body.navopen #global-spnav > ul.sp-nav > li{
		font-size:5.62vw;
		text-align:center;
		padding:0;
	}
	body.navopen #global-spnav > ul.sp-nav > li + li{
		margin:1.9em 0 0;
	}
	body.navopen #global-spnav > ul.sp-nav > li a{
		color:#111;
		display:block;
	}
	/* ----- child ----- */
	#globalnav .child,
	#globalnav > ul.pc-nav > li:hover .child{
		display:none;
	}
	/* 右側固定SNS
	------------------------------------------------- */
	#fix-sns{
		height:auto;
		margin:75px 0 0;
		display:block;
		position:static;
	}
	#fix-sns ul{
		display:flex;
		align-items:center;
		justify-content:center;
	}
	#fix-sns ul li + li{
		margin:0 0 0 4.68vw;
	}
	#fix-sns ul li:nth-child(1) img{
		width:26px;
	}
	#fix-sns ul li:nth-child(2) img{
		width:40px;
	}
	#fix-sns ul li:nth-child(3) img,
	#fix-sns ul li:nth-child(4) img{
		width:60px;
	}

	/*****************************************************
	　pagehead 
	*****************************************************/
	.pagehead .page-ttl{
		font-size:5vw;
	}
	.pagehead .page-ttl span{
		font-size:2.18vw;
		margin:0 0 0 1.56vw;
	}

	/*****************************************************
	　フッター 
	*****************************************************/
	#footer{
		border-top:none;
		padding:3.12vw 0;
	}
	/* フッターコンテンツ
	------------------------------------------------- */
	#foot-contents{
		display:none;
	}
	/* コピーライト
	------------------------------------------------- */
	#copyright{
		font-size:2.5vw;
		margin:0;
	}

	/*****************************************************
	　サイドバー 
	*****************************************************/
	#sidebar{
		max-width:none;
		width:100%;
		margin:0 auto;
		float:none;
	}
	#sidebar .side-block{
		padding:4.68vw 3.9vw 3.9vw;
	}
	#sidebar .side-block + .banner-block,
	#sidebar .side-block + .side-block{
		margin:4.68vw 0 0;
	}
	#sidebar .side-ttl{
		font-size:4.06vw;
	}
	#sidebar .side-subttl{
		font-size:2.18vw;
		margin:0.31vw 0 2.34vw;
	}
	#sidebar ul li + li{
		margin:1.87vw 0 0;
	}

	/*****************************************************
	　404 
	*****************************************************/
	#error404{
		padding:15.62vw 0 31.25vw;
	}
	#error404 .ttl{
		margin:0 0 7.81vw;
	}
	#error404 .btn-blue{
		max-width:400px;
		width:63vw;
		line-height:2.7;
		margin:7.81vw auto 0;
	}

	/*****************************************************
	　制作実績詳細ページ、各メンバーページ　左側　一覧へ戻るボタン 
	*****************************************************/
	.returnicon{
		width:auto;
		height:auto;
		margin:0 0 0 -16px;
		left:50%;
		z-index:51;
	}
	.returnicon .returnicon-inner{
		height:80px;
	}

	/*****************************************************
	　ページャー 
	*****************************************************/
	.wp-pagenavi{
		margin:5.46vw 0 0;
	}

	/*****************************************************
	　WP ULikeいいねボタン 
	*****************************************************/
	.wpulike-heart .count-box{
		font-size:3.43vw;
	}

	/*****************************************************
	　フォームタグ 
	*****************************************************/
	input[type="text"],
	input[type="email"],
	textarea{
		font-size:3.43vw;
	}
	/* フォーム
	------------------------------------------------- */
	.mw_wp_form .formarea{
		margin:3.12vw 0 0;
		display:block;
	}
	.mw_wp_form .left,
	.mw_wp_form .right{
		max-width:none;
		width:auto;
	}
	.mw_wp_form .left{
		margin:0;
	}
	.mw_wp_form .right{
		margin:2.34vw 0 0;
	}
	.mw_wp_form dl + dl{
		margin:2.34vw 0 0;
	}
	.mw_wp_form dl dt,
	.mw_wp_form dl dd .mwform-radio-field-text,
	.mw_wp_form .error{
		font-size:3.43vw;
	}
	.mw_wp_form dl dt{
		margin:0 0 1.56vw;
	}
	.mw_wp_form .vertical-item{
		display:block;
	}
	.mw_wp_form .vertical-item + .vertical-item{
		margin:5px 0 0;
	}
	.mw_wp_form .submitbtn{
		max-width:280px;
		width:40%;
		margin:9.37vw auto 0;
	}
	.mw_wp_form .submitbtn input[type="submit"]{
		max-width:280px;
		font-size:3.43vw;
		line-height:2em;
	}
	.mw_wp_form .submitbtn:after{
		line-height:2em;
	}
	.mw_wp_form_complete,
	.mw_wp_form_preview,
	.mw_wp_form_preview{
		margin:3.12vw 0 0;
	}

	/*****************************************************
	　その他 
	*****************************************************/
	/* タイトル
	------------------------------------------------- */
	.ttl{
		font-size:2.5vw;
	}
	.ttl span{
		font-size:7.18vw;
		margin:0 0 0.78vw;
	}
	/* サブタイトル
	------------------------------------------------- */
	.subttl{
		font-size:2.5vw;
	}
	.subttl span{
		font-size:5.62vw;
		margin:0 0 0.78vw;
	}
}


@media screen and (max-width:640px){
	/*****************************************************
	　ヘッダー 
	*****************************************************/
	#header{
		height:60px;
	}
	#head-inner > div{
		padding:10px 3.12vw 10px 4.68vw;
	}
	/* グローバルナビ
	------------------------------------------------- */
	#globalnav > ul.pc-nav > li.contact{
		margin:0 15px 0 0;
	}
	/* 右側固定SNS
	------------------------------------------------- */
	#fix-sns ul li:nth-child(1) img{
		width:17px;
	}
	#fix-sns ul li:nth-child(2) img{
		width:27px;
	}
	#fix-sns ul li:nth-child(3) img,
	#fix-sns ul li:nth-child(4) img{
		width:40px;
	}

	/*****************************************************
	　wrap 
	*****************************************************/
	#wrap{
		margin:60px 0 0;
	}

	/*****************************************************
	　制作実績詳細ページ、各メンバーページ　左側　一覧へ戻るボタン 
	*****************************************************/
	.returnicon .returnicon-inner{
		height:60px;
	}
}

	/*****************************************************
	PC・スマホ表示切り替え
	*****************************************************/


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}