@charset 'UTF-8';

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

スマートフォン表示

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


@media (max-width: 480px) {

	.pc
	{
		display: none;
	}

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

	初期設定
	*****************************************************************************************************/

	html, body
	{
		font-size: 16px;
		min-width:480px;
		width: 480px;
	}

	body
	{
		padding-top:60px;/*ヘッダー高さ分*/
	}

	.inner
	{
		width: 100%;
		padding: 0 20px;
	}

	.cb
	{
		clear:both;
	}

	.center
	{
		text-align:center;
	}

	img
	{
		max-width:100%;
		height:auto;
	}

	p ,h5 , h2 {
		word-break: keep-all;
	}


	/* リンク
	*****************************************************************************************************/

	/* テーブル
	*****************************************************************************************************/

	table
	{
		width:100%;
		margin-bottom: 20px;
		border-collapse:collapse;
		border-bottom: 1px solid #ddd;
	}

	table th
	{
		display: block;
		width: 100%;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		background-color: #f7f7f7;
		text-align: left;
		padding: 10px 10px;
		font-weight: bold;
	}

	table td
	{
		display: block;
		width: 100%;
		text-align: left;
		padding: 10px 10px;
	}

	table.table2 tr:nth-child(even)
	{
		background-color: #f7f7f7;
	}

	table.table2 th
	{
		padding-bottom: 0;
	}

	table.table2 th,
	table.table2 td
	{
		border: none;
		background-color: inherit;
	}

	/* カラム
	*****************************************************************************************************/

	.fl
	{
		float:left;
		margin-right: 15px;
		margin-bottom: 15px;
		overflow:inherit;
	}

	.fr
	{
		float:right;
		margin-left: 15px;
		margin-bottom: 15px;
		overflow:inherit;
	}

	.col
	{
		list-style:none;
		overflow: hidden;
		margin-bottom: 30px;
	}

	.col2
	{
		float:none;
		width:100%;
		margin: 0;
		margin-bottom: 5px;
	}

	.col3
	{
		float:none;
		width:100%;
		margin-right: 0;
		margin-bottom: 5px;
	}

	.col4
	{
		position: relative;
		display: inline;
		float:left;
		width:47.05%;
		margin-right: 5.88%;
		margin-bottom: 5.88%;
	}

	.col4:nth-child(4n)
	{
		margin-right: 5.88%;
	}

	.col4:nth-child(2n)
	{
		margin-right: 0;
	}


	/* アコーディオン	*****************************************************************************************************/


	/* 余白	*****************************************************************************************************/

	/* マージン */

	.mt0_sp
	{
		margin-top:0px;
	}

	.mt10_sp
	{
		margin-top:10px;
	}

	.mt20_sp
	{
		margin-top:20px;
	}

	.mt30_sp
	{
		margin-top:30px;
	}

	.mt40_sp
	{
		margin-top:40px;
	}

	.mt50_sp
	{
		margin-top:50px;
	}

	.mt60_sp
	{
		margin-top:60px;
	}

	.mb0_sp
	{
		margin-bottom:0px;
	}

	.mb10_sp
	{
		margin-bottom:10px;
	}

	.mb20_sp
	{
		margin-bottom:20px;
	}

	.mb30_sp
	{
		margin-bottom:30px;
	}

	.mb40_sp
	{
		margin-bottom:40px;
	}

	.mb50_sp
	{
		margin-bottom:50px;
	}

	.mb60_sp
	{
		margin-bottom:60px;
	}

	.mr30_sp
	{
		margin-right:30px;
	}

	.ml30_sp
	{
		margin-left:30px;
	}

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

	ヘッダー
	*****************************************************************************************************/

	body > header
	{
		display: block;
		width: 100%;
		height:60px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		background-color: #fff;
	}

	body > header .hd_logo
	{
		position: absolute;
		top:2px;
		left:10px;
		z-index:999;
	}

	body > header .hd_logo a
	{
		display: block;
		background: url(img/hd_logo.png) 0 0 no-repeat;
		background-size: contain;
		width:200px;
		height:50px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	body > header .hd_info
	{
		position: absolute;
		top:0;
		right: 60px;
		width:420px;
		display: flex;
		justify-content: flex-end;
	}

	body > header .hd_info .sb-search
	{
		position:absolute;
		top:0;
		right:120px;
		z-index:9999;
	}

	body > header .hd_info .contact
	{
		/* float: right; */
	}

	body > header .hd_info .contact a
	{
		display: block;
		background: url(img/hd_mail.png) 0 0 no-repeat;
		background-size: cover;
		width:60px;
		height:60px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	body > header .hd_info .go_jp
	{
		/* float: right; */
	}

	body > header .hd_info .go_jp a
	{
		display: flex;
		align-items: flex-end;
		justify-content: center;
		text-decoration: none;
		background: url(img/ja_icon.png);
		background-position: 50% 15%;
		background-size: 50%;
		background-repeat: no-repeat;
		width: 60px;
		height: 60px;
	}

	body > header .hd_info .go_jp a span {
		font-size: 10px;
	}


	/* ナビ
	*****************************/

	body > header nav
	{
		width:100%;
		padding: 0;
		background-color: #4e454a;
		overflow: visible;
		z-index: 99;
	}

	body > header nav .inner
	{
		position: relative;
		text-align: left;
	}

	body > header nav .nav_button
	{
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		text-align: center;
		width:60px;
		height:60px;
		padding-top: 32px;
		font-size: 0.625rem;
		color:#fff;
		background-size: cover;
		cursor:pointer;
		z-index: 999;
		background-color:#22304F;
	}

	body > header nav .nav_button.scroll
	{
		position: fixed;
		color:#000;
	}

	/*ハンバーガーメニューアニメーション*/
	header .nav_button i {
		display: block;
		width: 22px;
		height: 3px;
		border-radius: 3px;
		background: #fff;
		transition: background 0.3s;
		-ms-transition: background 0.3s;
		-webkit-transition: background 0.3s;
		position: absolute;
		top: 29px;
		left: 20px;
		margin-left: 0;
	}
	header .nav_button.scroll i {
		background: #fff;
	}
	header .nav_button i:before,
	header .nav_button i:after {
		content: "";
		display: block;
		width: 22px;
		height: 3px;
		border-radius: 3px;
		background: #fff;
		position: absolute;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transition: all 0.3s !important;
		-ms-transition: all 0.3s !important;
		-webkit-transition: all 0.3s !important;
	}
	header .nav_button.scroll i:before,
	header .nav_button.scroll i:after {
		background: #fff;
	}
	header .nav_button i:before {
		transform: translateY(8px);
		-ms-transform: translateY(8px);
		-webkit-transform: translateY(8px);
	}
	header .nav_button i:after {
		transform: translateY(-8px);
		-ms-transform: translateY(-8px);
		-webkit-transform: translateY(-8px);
	}
	header .nav_button.active i {
		background-color: rgba(255, 255, 255, 0);
	}
	header .nav_button.active i:before {
		transform: translateY(0px) rotate(-45deg);
		-ms-transform: translateY(0px) rotate(-45deg);
		-webkit-transform: translateY(0px) rotate(-45deg);
	}
	header .nav_button.active i:after {
		transform: translateY(0px) rotate(45deg);
		-ms-transform: translateY(0px) rotate(45deg);
		-webkit-transform: translateY(0px) rotate(45deg);
	}


	/*スライドメニュー*/

	body > header nav div .slide_menu
	{
		position:fixed;
		top: 0;
		left: -300px;
		z-index: 1;
		width: 300px;
		height: 100%;
		background-color: #22304F;
		text-align: center;
		overflow:scroll;
		z-index: 99999;
	}

	body > header nav div > ul
	{
		list-style: none;
		background-color: #22304F;
		overflow: scroll;
	}

	body > header nav div > ul > li
	{
		display: block;
		width:100%;
	}

	body > header nav div > ul > li a
	{
		display: block;
		width:100%;
		height:auto;
		padding: 15px 15px;
		font-size:1rem;
		line-height:28px;
		text-align: left;
		border-top:1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		text-decoration:none;
		color:#fff;
	}

	body > header nav div > ul > li ul.child
	{
	}

	body > header nav div > ul > li ul.child li a
	{
		text-indent: 2em;
		border-top:none;
	}

	body > header nav div .close_button
	{
		background: url(img/close_button.png) 260px 25px no-repeat;
		background-size: 10px 10px;
		/*text-indent: 7%;*/
		background-color: rgba(0,0,0,0.2);
	}

	body > header nav div .close_button a
	{
		border-bottom: none;
	}

	.shade
	{
		position: fixed;
		top: 0;
		z-index: 1;
		margin:0 0 0 0;
		width: 100%;
		height: 100%;
		cursor: pointer;
		background-color: #333;
		background-color: rgba(0,0,0,0.8);
		z-index: 9999;
	}

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

	メインイメージ
	*****************************************************************************************************/


	.main_image
	{
		position: relative;
		z-index: -1;
		width:100%;
		padding-bottom: 20px;
		overflow: hidden;
	}

	.main_image ul.slider
	{
		position: relative;
		z-index:-1;
	}

	.main_image ul li
	{
		width:100%;
		height: 560px;
		overflow: hidden;
		text-align: center;
	}

	.main_image ul li img
	{
		margin: 0 auto;
	}

	.main_image ul li.mv001
	{
		font-size: 36px;
		font-weight:bold;
		color: #000000;
		letter-spacing: 0px;
		line-height: 64px;
		text-shadow: 0px 0px 8px #FFFFFF;
		padding-top:200px;
		background: url(img/mv001_sp.jpg) center center no-repeat;
		background-size: cover;
	}
	.main_image ul li.mv002
	{
		font-size: 36px;
		font-weight:bold;
		color: #000000;
		letter-spacing: 0px;
		line-height: 64px;
		text-shadow: 0px 0px 8px #FFFFFF;
		background: url(img/mv002a_sp.jpg) center center no-repeat;
		background-size: cover;
	}
	.main_image ul li.mv002 span
	{
		display: block;
		font-size: 32px;
		width: 100%;
		height: 560px;
		padding-top: 60px;
		background: url(img/mv002b-2_sp_e.png) center 290px no-repeat;
		background-size: 471px auto;
	}
	.main_image ul li.mv003
	{
		font-size: 36px;
		font-weight:bold;
		color: #000000;
		letter-spacing: 0px;
		line-height: 64px;
		text-shadow: 0px 0px 8px #FFFFFF;
		padding-top:200px;
		background: url(img/mv003_sp.jpg) center center no-repeat;
		background-size: cover;
	}

	/*pager*/

	.bx-wrapper .bx-pager
	{
		bottom: -10px !important;
	}

	.bx-pager-item a
	{
		width:8px !important;
		height:8px !important;
		background-color:#ccc !important;
	}

	.bx-pager-item a.active
	{
		background-color:#666 !important;
	}


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

	コンテンツ
	*****************************************************************************************************/

	.contents
	{
		position: relative;
		z-index:-1;
		padding: 0 0 0 0;
		overflow: hidden;
	}

	.contents .main
	{
		float: none;
		width:100%;
		padding: 0 15px;
	}

	.contents .sub
	{
		float: none;
		width:100%;
		margin-top: 40px;
	}

	.contents .alignleft
	{
		float: left;
		margin: 0 20px 20px 0;
	}

	.contents .alignright
	{
		float: right;
		margin: 0 0 20px 20px;
	}

	/* トップページ
	---------------------------------------------------*/


	.contents.index
	{
		padding: 0;
	}

	.contents.index h2
	{
		font-size: 36px;
		color: #000000;
		letter-spacing: 0px;
		margin-bottom:40px;
	}

	.contents.index h2 .en
	{
		display:block;
		font-size: 18px;
		color: #ccc;
		margin-top:20px;
		letter-spacing: 0px;
	}

	.contents.index .service
	{
		width:100%;
		padding:40px 0;
		background:url(img/index_service_bg.png) 0 0 no-repeat;
		background-size:cover;
	}

	.contents.index .service .inner
	{
		text-align:center;
	}

	.contents.index .service p
	{
		font-size: 22px;
		font-weight:bold;
		color: #000000;
		letter-spacing: 0px;
		margin-bottom:40px;
		line-height:1.5em;
		text-align:center;
	}

	.contents.index .service ul
	{
		width:100%;
		list-style:none;
		overflow:hidden;
		padding:0 2px;
	}

	.contents.index .service ul li
	{
		float:left;
		width:208px;
		height:208px;
		margin-right:20px;
		margin-bottom:20px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	.contents.index .service ul li a
	{
		display:block;
		width:208px;
		height:208px;
	}

	.contents.index .service ul li:nth-child(2n)
	{
		margin-right:0;
	}

	.contents.index .service ul li.plan a
	{
		background:url(img/index_service_plan.png) 0 0 no-repeat;
		background-size:cover;
	}

	.contents.index .service ul li.recruit a
	{
		background:url(img/index_service_company_information_sp.png) 0 0 no-repeat;
		background-size:cover;
	}

	.contents.index .service ul li.select a
	{
		background:url(img/index_service_select.png) 0 0 no-repeat;
		background-size:cover;
	}

	.contents.index .service ul li.out a
	{
		background:url(img/index_service_strengths_sp.png) 0 0 no-repeat;
		background-size:cover;
	}

	.contents.index .service ul li.solution a
	{
		background:url(img/index_service_solution.png) 0 0 no-repeat;
		background-size:cover;
	}


	.contents.index .project
	{
		width:100%;
		padding:60px 0;
		background-color:#22304F;
	}

	.contents.index .project .inner
	{
		text-align:center;
	}

	.contents.index .project h2
	{
		color:#fff;
	}

	.contents.index .project ul
	{
		list-style:none;
		width:100%;
		padding:0 2px;
	}

	.contents.index .project ul li
	{
		width:436px;
		position:relative;
		background-color:#fff;
		margin-bottom:40px;
	}

	.contents.index .project ul li a
	{
		text-decoration:none;
	}

	.contents.index .project ul li .icon
	{
		position:absolute;
		top:-10px;
		left:0;
		width:120px;
		height:35px;
	}

	.contents.index .project ul li .eyecatch
	{
		width:100%;
	}

	.contents.index .project ul li .text
	{
		padding:20px;
		text-align:left;
	}

	.contents.index .project ul li .text h3
	{
		font-size: 20px;
		font-weight:normal;
		color: #000000;
		letter-spacing: 0px;
		line-height: 24px;
		margin-top:0;
		margin-bottom: 20px;
		padding-bottom:20px;
		border-bottom:1px dotted #000;
	}

	.contents.index .project ul li .text h5
	{
		font-size:1rem;
		margin-bottom:10px;
	}

	.contents.index .project ul li .text p
	{
		margin-bottom:0;
	}

	.contents.index .project .link
	{
		display:block;
		background:url(img/index_project_link.png) 0 0 no-repeat;
		background-size:cover;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		width: 340px;
		height: 60px;
		margin:0 auto 0 auto;
	}

	/* 下層ページ
	---------------------------------------------------*/

	.contents .ps
	{
		padding: 0px 0px;
	}

	.contents a
	{
		text-decoration: underline;
	}

	.contents .page_title
	{
		position: relative;
		top:0;
		width:100%;
		height:200px;
		text-align: center;
		background-color: #F9F9F6;
		overflow: hidden;
	}

	.contents .page_title_sub
	{
		width:100%;
		height:150px;
		text-align: center;
		background-color: #f7f7f7;
	}

	.contents .page_title_sub h4
	{
		display:block;
		margin-top:0 !important;
		padding-top:60px !important;
		font-size:1.8rem !important;
		color:#223764;
		text-align:center !important;
	}

	.contents.page .advantage.page_title
	{
		background: urL(img/49819544.jpg) center center no-repeat;
		background-size: cover;
	}
	.contents.page .client_sample.page_title
	{
		background: urL(img/12590647.jpg) center center no-repeat;
		background-size: cover;
	}
	.contents.page .project.page_title,
	.contents.page .contact.page_title,
	.contents.page .privacy.page_title
	{
		background: urL(img/49572474.jpg) center center no-repeat;
		background-size: cover;
	}
	.contents.page .recruit.page_title
	{
		background: urL(img/15223110.jpg) center center no-repeat;
		background-size: cover;
	}
	.contents.page .company.page_title
	{
		background: urL(img/39799140.jpg) center center no-repeat;
		background-size: cover;
	}
	.contents.page .consulting.page_title
	{
		background: urL(img/38390927.jpg) center center no-repeat;
		background-size: cover;
	}
	.contents.page .solution.page_title
	{
		background: urL(img/12620574.jpg) center center no-repeat;
		background-size: cover;
	}

	.contents.page .page_title .mask
	{
		width:100%;
		height:100%;
		background-color: rgba(0,0,0,0.5);
	}


	/*フォント*/

	.contents .page_title h1
	{
		position: relative;
		top:50px;
		font-size:2rem;
		letter-spacing: 0.1em;
		line-height: 3em;
		z-index: 999;
		color:#fff;
		text-shadow: 0 0 5px rgba(0,0,0,0.4)
	}

	.contents.page h2
	{
		position: relative;
		text-align: center;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 2rem;
		line-height:normal;
		letter-spacing: 0.1em;
		margin: 60px 0 60px 0;
		padding:0 0 30px 0;
	}

	.contents.page h2:after
	{
		position:absolute;
		bottom:0;
		left:50%;
		content:"";
		width:200px;
		margin-left:-100px;
		border-bottom:1px solid #22304F;
	}

	.contents.page h3
	{
		margin:40px 0 40px 0;
		padding-bottom: 15px;
		font-size: 1.6rem;
		letter-spacing: 0.1em;
		border-bottom: 1px dotted #22304F;
		text-align:left;
	}

	.contents.page h4
	{
		position: relative;
		margin:20px 0 20px 0;
		font-size: 1.4rem;
		letter-spacing: 0.1em;
		text-align:left;
	}

	.contents.page h5
	{
		position: relative;
		margin:20px 0 20px 0;
		font-size: 1.2rem;
		letter-spacing: 0.1em;
		text-align:left;
	}

	.contents.page h6
	{
		font-size: 1.5rem;
		background-color: #22304F;
		color:#fff;
		margin-top: 40px;
		margin-bottom: 20px;
		padding: 30px 20px;
	}

	.contents.page .top
	{
		margin-top: 0px !important;
	}

	.contents p
	{
		margin-bottom: 20px;
		letter-spacing: 0;
		text-align:left;
	}

	/*レイアウト*/

	.contents .alignleft
	{
		float: left;
		width:40%;
		height:auto;
		margin: 0 10px 10px 0;
	}

	.contents .alignright
	{
		float: right;
		width:40%;
		height:auto;
		margin: 0 0 10px 10px;
	}

	.box
	{
		border:1px solid #eee;
		background-color: #fafafa;
		padding: 10px 10px;
		text-align: left;
		overflow: hidden;
	}

	.contents.page .page_nav img
	{
		vertical-align:bottom;
		margin: 0;
	}

	.contents.page .page_nav ul
	{
		list-style:none;
		background-color: #5D4049;
		overflow: hidden;
	}

	.contents.page .page_nav ul li
	{
		position: relative;
		float:left;
		width:33.33%;
	}

	.contents.page .page_nav ul li a
	{
		display: inline-block;
		vertical-align: middle;
		width:100%;
		padding: 20px 0;
		text-align: center;
		color: #fff;
		text-decoration: none;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		letter-spacing: 0;
	}

	.contents.page .point
	{
		margin: 30px 0;
		overflow: hidden;
	}

	.contents.page .point div
	{
		float: left;
		padding: 5px 10px;
		color:#E93D67;
		border: 1px solid #E93D67;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.contents.page .contact .gcalendar
	{
		background-color: #f9f9f6;
		padding: 10px;
		margin-bottom: 20px;
		border-radius: 6px;
	}

	.contents.page .contact h5
	{
		margin:10px 0 10px 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #eee;
		font-size: 1.2rem;
		font-weight: normal;
		text-align: center;
	}


	/*才蔵の強み*/

	.contents.page .inner.advantage
	{
		padding-bottom:40px;
	}

	.contents.page .inner.advantage ul li
	{
		margin-bottom:40px;
	}

	.contents.page .inner.advantage ul li img
	{
		width:100%;
	}

	/*コンサルティングメニュー*/
	.contents.page .inner.consulting
	{
		padding-bottom:40px;
	}

	.contents.page .inner.consulting .clist
	{
		margin:20px 0 20px 0;
		border:1px solid #fff;
		text-align:center;
	}

	.contents.page .inner.consulting .clist h4
	{
		width:100%;
		text-align:center;
		margin-bottom:20px;
		font-size:1.5rem;
		font-weight:normal;
	}

	.contents.page .inner.consulting .clist a
	{
		display:block;
		width:100%;
		border:1px solid #00384D;
		background-color:#fff;
		padding:20px;
		background-color:#fafafa;
		text-decoration:none;
		margin-bottom:10px;
	}

	.contents.page .inner.consulting .cbox
	{
		margin:20px 0;
		padding:10px 20px 20px 20px;
		background-color:#f7f7f7;
		text-align:center;
	}

	.contents.page .inner.consulting .cbox h5
	{
		margin-top:20px;
		font-size:1.4rem;
		text-align:center;
	}

	.contents.page .inner.consulting .cbox h5 img
	{
		height:100px;
		vertical-align:middle;
		margin-bottom:15px;
	}

	.contents.page .inner.consulting .cbox h5 a
	{
		display:inline-block;
		color:#223764;
		background-color:#fff;
		padding:20px;
		border:1px solid #ccc;
	}

	.contents.page .inner.consulting .cbox a
	{
		text-decoration:none;
	}

	.contents.page .inner.consulting .cbox > a
	{
		display:inline-block;
		background-color:#fff;
		padding:20px 0;
		width:100%;
		background-color:#fff;
		text-decoration:none;
		margin-bottom:10px;
		box-shadow: 0 0 3px rgba(0,0,0,0.2);
	}

	.contents.page .inner.consulting .cbox p
	{
		text-align:center;
	}

	.contents.page .consul_link
	{
		margin-bottom:80px;
		padding:0 10px;
	}

	.contents.page h6.out_title
	{
		line-height:normal;
		font-weight:normal;
	}

	.contents.page h6.out_title span
	{
		font-size:2rem;
		color:rgba(255,255,255,1);
		font-weight:bold;
	}

/*課題解決*/
	.contents.page .inner.solution
	{
		padding-bottom:40px;
	}

	.contents.page .inner.solution.menu
	{
		padding-top:40px;
	}

	.contents.page .inner.solution.menu ul
	{
		margin-bottom:0;
		padding-bottom:0;
	}

	.contents.page h6.solution_title
	{
		line-height:normal;
		font-size:2rem;
		line-height: 1.2em;
	}

	.contents.page h6.solution_title span
	{
		font-size:1.2rem;
		font-weight:normal;
	}

	.contents.page .solution_link
	{
		margin-bottom:60px;
		padding:0 10px;
	}

	.contents.page .inner.solution ul.solution_list
	{
		font-size:1.2rem;
		list-style:none;
		margin-top:40px;
	}

	.contents.page .inner.solution ul.solution_list li
	{
		margin-bottom:15px;
		padding-left:30px;
		background: url(img/check.png) 0 1px no-repeat;
	}


	/*プロジェクト一覧*/

	.contents.page .project
	{
		width:100%;
		padding:80px 0;
		background-color:#22304F;
	}

	.contents.page .project .inner
	{
		text-align:center;
	}

	.contents.page .project h2
	{
		color:#fff;
	}

	.contents.page .project ul
	{
		list-style:none;
		width:100%;
		padding:0 2px;
	}

	.contents.page .project ul li
	{
		width:436px;
		position:relative;
		background-color:#fff;
		margin-bottom:40px;
	}

	.contents.page .project ul li a
	{
		text-decoration:none;
	}

	.contents.page .project ul li .icon
	{
		position:absolute;
		top:-10px;
		left:0;
		width:120px;
		height:35px;
	}

	.contents.page .project ul li .eyecatch
	{
		width:100%;
	}

	.contents.page .project ul li .text
	{
		padding:20px;
		text-align:left;
	}

	.contents.page .project ul li .text h3
	{
		font-size: 20px;
		font-weight:normal;
		color: #000000;
		letter-spacing: 0px;
		line-height: 24px;
		margin-top:0;
		margin-bottom: 20px;
	}

	.contents.page .project ul li .text h5
	{
		font-size:1rem;
		margin-bottom:10px;
	}

	.contents.page .project ul li .text p
	{
		margin-bottom:0;
	}

	.contents.page .project .link
	{
		display:block;
		background:url(img/index_project_link.png) 0 0 no-repeat;
		background-size:cover;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		width: 340px;
		height: 60px;
		margin:20px auto 0 auto;
	}


	/*プロジェクト詳細*/

	.project_detail
	{
		margin-bottom:80px;
		overflow:hidden;
	}

	.project_detail img
	{
		width:75%;
		height:auto;
	}

	.project_detail ul
	{
		list-style:none;
		width:100%;
		margin:0 auto;
		overflow:hidden;
	}

	.project_detail ul li
	{
		display:inline-block;
		width:45%;
		margin-bottom:20px;
		vertical-align:middle;
	}

	.project_detail ul li img
	{
		width:80%;
		height:auto;
	}

	.project_detail .company_info
	{
		margin-top:40px;
		position:relative;
		background-color:#f7f7f7;
		padding:60px 40px 0 40px;
	}

	.project_detail .company_info .project_icon
	{
		position:absolute;
		top:0;
		left:0;
		width:178px;
	}

	.project_detail .company_info .logo
	{
		position:relative;
		width:100%;
		background-color:#fff;
		text-align:center;
		padding:40px 0;
	}

	.project_detail .company_info .logo img
	{
		width:50%;
	}

	.project_detail .company_info .photo
	{
		position:relative;
		width:100%;
		text-align:center;
		padding:0 0 20px 0;
	}

	.project_detail .company_info .photo img
	{
		width:100%;
	}

	.project_detail .company_info .name
	{
		font-size:1.6rem;
		font-weight:bold;
		text-align:left;
	}

	.project_detail .company_info .depa
	{
		font-size:1.4rem;
		margin-top:20px;
		margin-bottom:20px;
		text-align:left;
	}

	.project_detail .company_info .headline
	{
		width:100%;
		padding:20px 0;
		border-top:1px solid #666;
		font-size:1.2rem;
		line-height:2em;
		text-align:left;
	}

	.project_detail .fr,
	.project_detail .fl
	{
		float:none;
	}

	/*クライアント一覧*/

	.client .center
	{
		text-align:center;
	}

	ul.client_list
	{
		list-style:none;
		margin-bottom:80px;
		overflow:hidden;
		padding:0;
	}

	ul.client_list li
	{
		width:100%;
		margin-right:5%;
		margin-bottom:20px;
	}

	ul.client_list li:nth-child(2n)
	{
		margin-right:0%;
	}

	ul.client_list li a
	{
		display:block;
		border:1px solid #ccc;
		background-color:#fafafa;
		text-align:center;
		padding:20px;
		text-decoration:none;
		font-size: 1.1rem;
	}

	ul.client_list_nolink
	{
		list-style:none;
		margin-bottom:80px;
		overflow:hidden;
		padding:0;
	}

	ul.client_list_nolink li
	{
		width:100%;
		margin-right:5%;
		margin-bottom:20px;
		border:1px solid #ccc;
		background-color:#fafafa;
		text-align:center;
		padding:20px;
		text-decoration:none;
		font-size: 1.1rem;
	}

	ul.client_list_nolink li:nth-child(2n)
	{
		margin-right:0%;
	}

	/*会社案内*/
	.inner.company
	{
		padding-bottom:40px;
	}

	.inner.company .map
	{
		margin-bottom:20px;
	}

	.yurai
	{
		background:url(img/yurai_bg.jpg) 0 0 no-repeat;
		background-size:cover;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight:bold;
	}

	.yurai p
	{
		color:#fff;
		font-size:1.2rem;
		line-height:1.5em;
		padding-bottom:100px;
	}

	/*プライバシーポリシー*/
	.inner.privacy
	{
		padding-top:40px;
		padding-bottom:40px;
	}

	/*お問合せフォーム*/
	.inner.contact
	{
		padding-top:40px;
		padding-bottom:40px;
	}

	/*採用情報*/
	.inner.recruit
	{
		padding-top:0px;
		padding-bottom:40px;
	}

	.inner.recruit ul
	{
		margin-left:20px;
	}

	.inner.recruit ul li
	{
		margin-left:20px;
		margin-bottom:5px;
	}

	.inner.recruit h4
	{
		border-left:4px solid #00384D;
		padding-left:10px;
	}


	/*投稿ページ（single.php）*/

	.contents.page .single h3
	{
		margin-bottom: 10px;
		padding-bottom:30px;
	}

	.contents.page .single h4,
	.contents.page .single h5,
	.contents.page .single h6,
	.contents.page .single p,
	.contents.page .single .date
	{
		text-align: left;
	}

	.contents.page .single .date
	{
		font-size:0.875rem;
	}


	/* サイドナビ(sidebar.php) */

	.contents.page .sub h2
	{
		width:100%;
		margin: 0;
		padding: 10px 20px;
		font-size: 1rem;
		text-align: left;
		color:#fff;
		background-color: #4e454a;
		background-image: none;
	}
	.contents.page .sub h2:before
	{
		content: inherit;
	}

	.contents.page .sub ul
	{
		list-style:none;
		margin-bottom: 0;
	}

	.contents.page .sub ul li
	{
		width:100%;
		text-align: left;
	}

	.contents.page .sub ul.t-menu li a
	{
		display: block;
		padding: 30px 20px;
		margin-bottom: 1px;
		text-decoration: none;
	}

	.contents.page .sub ul.t-menu li.diet a
	{
		background: url(img/sn_diet.png) right center no-repeat;
		background-size: contain;
		background-color: #F9F9F6;
	}

	.contents.page .sub ul.t-menu li.shimi a
	{
		background: url(img/sn_shimi.png) right center no-repeat;
		background-size: 135px auto;
		background-color: #F9F9F6;
	}

	.contents.page .sub ul.t-menu li.shiwa a
	{
		background: url(img/sn_shiwa.png) right center no-repeat;
		background-size: 135px auto;
		background-color: #F9F9F6;
	}

	.contents.page .sub ul.t-menu li.tarumi a
	{
		background: url(img/sn_tarumi.png) right center no-repeat;
		background-size: 135px auto;
		background-color: #F9F9F6;
	}

	.contents.page .sub ul.machine li a
	{
		display: block;
		padding: 15px 20px;
		background-color: #F9F9F6;
		text-decoration: none;
		border-bottom: 1px solid #eee;
	}

	/* 「最新の投稿」ウィジェットの日付を左側にもってくる */

	.widget_recent_entries .post-date {
		margin-left: 0;
		float: left;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 0.875rem;
		color: #666;
	}

	.widget_recent_entries a {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
	}

	.widget_recent_entries li {
		position: relative;
	}

	.widget_recent_entries li:before
	{
		display: block;
		content: "";
		height: 1.5em;

	}


	/* カテゴリ＆アーカイブ */

	.contents.page .category ul
	{
		list-style:none;
		margin-bottom: 40px;
	}

	.contents.page .category ul li
	{
		padding: 10px 0;
		border-bottom: 1px dotted #eee;
		text-align: left;
	}

	.contents.page .category ul li .date
	{
		font-size:0.875rem;
		color:#666;
	}


	/*ページナビ*/
	.pagenav
	{
		clear: both;
		text-align: center;
		margin: 30px 0;
	}

	.pagenav .page-numbers
	{
		display: inline-block;
		margin-bottom:10px;
		padding: 10px 15px;
		border: 1px solid #fff;
		color:#fff;
		text-decoration: none;
	}

	.pagenav .page-numbers.current
	{
		border: 1px solid #fff;
		background-color: #fff;
		color:#22304F;
	}

	.pagenav .page-numbers:hover
	{
		border: 1px solid #fff;
		background-color: #fff;
		color:#22304F;
	}


	/*パンくずナビ*/

	.pankuzu
	{
		margin-bottom: 10px !important;
	}
	.pankuzu a
	{
		text-decoration: underline;
	}


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

	フッター
	*****************************************************************************************************/

	body > footer
	{
		position:relative;
		clear: both;
		width:100%;
		margin: 0;
		padding:0;
		text-align: center;
		border-top:2px solid #22304F;
	}

	body > footer .pagetop
	{
		position:absolute;
		top:-60px;
		right:0;
		display:block;
		width:60px;
		height:60px;
	}

	body > footer .ft_link
	{
		background-color:#fafafa;
		padding:20px 0;
		overflow:hidden;
		text-align:center;
	}

	body > footer .ft_link ul
	{
		width:100%;
		list-style:none;
		text-align:left;
		padding:0 0 20px 0;
		overflow:hidden;
	}

	body > footer .ft_link ul li
	{
		float:left;
		width:220px;
		font-size:14px;
		margin-bottom:10px;
	}

	body > footer .ft_link ul li a
	{
		width:100%;
		text-decoration:none;
		background: url(img/ft_arrow.png) 0 center no-repeat;
		padding-left:10px;
	}

	body > footer .ft_link .contact
	{
		display:block;
		background: url(img/ft_cont.png) 0 3px no-repeat;
		background-size:cover;
		width: 192px;
		height: 60px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		margin: 0 auto;
	}

	body > footer .ft_info
	{
		clear:both;
		padding:40px 0;
		position:relative;
		text-align: center;
	}

	body > footer .ft_info .privacy_mark
	{
		position:absolute;
		top:20px;
		left:20px;
		background:url(img/privacy_mark.png) 0 0 no-repeat;
		width:85px;
		height:86px;
	}

	body > footer .ft_info .norton
	{
		position:absolute;
		top:20px;
		right:20px;
		width:135px;
	}

	body > footer .ft_info .ft_logo
	{
		width:70px;
		height:51px;
		margin:0 auto 20px auto;
	}

	body > footer .ft_info .ft_logo a
	{
		display:block;
		background:url(img/ft_logo.png) 0 0 no-repeat;
		background-size:cover;
		width:70px;
		height:51px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	body > footer .ft_info .copy
	{
		margin:0 auto;
		font-size:10px;
		text-align: center;
	}

}