@charset "UTF-8";
/*
font-style 2017
初期設定
body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
------*/
* {
	margin:0;
	padding:0;
}

img {
	border:0;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	margin:0;
	padding:0;
	font-size:small;
	color:#333333;
	background-color:#cccccc;
}

h1 {
	font-size:x-large;
	color:#222222;
	display:none;
}

h4 {
	color:#00a0e9;
	margin:10px 0 0 15px;
	font-size:2em;
}

p {
	line-height:1.7;
}



/*
ページの枠組み
*/
#content {
	width:1000px;
	margin:0 auto;
	background-color:#ffffff;
}

main {
	width:1000px;
}


footer {
	width:1000px;
	height:50px;
	margin:0 auto;
}

/*
ヘッダー
*/
header {
	width:1000px;
	height:100px;
	margin:0 auto;
	background-color:#ffffff;
}
header .inner {
	width:1000px;
	height:100px;
	overflow:hidden;
}
header .inner #logo {
	width:500px;
	height:100px;
	margin-top:15px;
	float:left;
}

.inners {
	display:none;
}


/*
サーチ
*/
header .inner #s-search {
	width:500px;
	height:100px;
	float:right;
}
.searchform {
	width:240px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

.searchform #s {
	width:195px;
	height:28px;
	border:solid 1px #9e9e9e;
	background-color:#f6f5f5;
	padding:0 5px;
}

.searchform input {
	display:block;
	float:left;
}

.searchform #searchSubmit {
	width:30px;
	height:30px;
	border:0;
	background:#9e9e9e url(../images/glass01.png) no-repeat center center;
}




/*
ナビゲーション
*/
nav ul {
	width:1000px;
	height:30px;
	margin:0 auto;
	overflow:hidden;
	list-style:none;
	padding:0px;
	background-color:#ffffff;
}

nav ul li {
	float:left;
	width:125px;
}
nav ul li#current a {
	color:#333333;
	font-size:1.2em;
}

nav ul li a {
	display:block;
	text-decoration:none;
	text-align:center;
	line-height:2;
	font-weight:bold;
}

nav ul li#current a:hover {
	color:#00a0e9;
	border:1px;
	background-color:#ffff00;
	border-radius:12px 12px 0 0;

}

#ham-menu {
	display:none;
}


.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

main:hover {
	background-color:#ffff00;
	border-radius:12px;
}
header:hover {
	background-color:#ffff00;
	border-radius:12px;
}
footer:hover {
	background-color:#ffff00;
	border-radius:12px;
}



/*
パンくずリスト
*/
#breadcrumb ul {
	list-style-type: none;
	padding-left: 20px;
	padding-top:10px;
}
#breadcrumb ul li {
	font-size:1.3em;
	display: inline;
	margin-right: 5px;
}
#breadcrumb ul li a {
	padding-right: 15px;
	background-repeat: no-repeat;
	background-position: right center;
}
#breadcrumb　{
	width:1000px;
}

/*
フッター
*/

footer {
	background-color:#ffffff;
}

#copyright {
	font-weight:bold;
	text-align:center;
	padding-top:20px;
	color:#00a0e9;
}
/*
トップページ
*/
/* 表示画面 */
#stage {
	position: relative;
	max-width: 1000px;
	height:auto;
	margin: 0 auto;
	margin-bottom:20px;
	overflow: hidden;
}
/*全ての写真を水平一列に格納したdiv、#photosに,
スライドショーの animation を設定*/
#photos {
	position:absolute;
	top:0;
	width:100%;
	animation: imgPassToLeft0 30s infinite;
	-webkit-animation: imgPassToLeft0 30s infinite;
}
/*各写真の並び位置を設定
#photo1, #photo2, #photo3, #photo4, #photo5 */
#photo0 { left:  0%; }
#photo1 { left:100%; } 
#photo2 { left:200%; }
#photo3 { left:300%; }
#photo4 { left:400%; }
#photo5 { left:500%; }
#photo6 { left:600%; }
.pic { position:absolute;top:0;width:100%; }
/*写真サイズを可変に*/
.pic img { width:100%; }

/* 全てのラジオボタンを非表示に */
#back1,#back2,#back3,#back4,#back5,#next1,#next2,#next3,#next4,#next5{
	display: none;
}
/*送りボタン文字（＜、＞）の設定*/
.b_left span,.b_right span {
	position: absolute;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 40px;
	font-weight: bold;
	opacity:0;
	top: 40%;
	color:#EEE;
}
.b_left span {
	left: 5%;;	
}
.b_right span {
	left: 93%;
}
/*ボタン文字hover時の設定*/
.pic:hover > label div span {
	opacity:1;
	color:#eee;
}
.pic label div span:hover {
	color:#ff0;
	cursor:pointer;
}
/* 各送りボタンクリック時のanimation設定 */
#next1:checked ~ #photos {
	animation: imgPassToLeft1 30s infinite;	
	animation-delay: -4.8s;
	-webkit-animation: imgPassToLeft1 30s infinite;	
	-webkit-animation-delay: -4.8s;
}
#next2:checked ~ #photos {	
	animation: imgPassToLeft2 30s infinite;
	animation-delay: -10.8s;
	-webkit-animation: imgPassToLeft2 30s infinite;
	-webkit-animation-delay: -10.8s;
}
#next3:checked ~ #photos {
	animation: imgPassToLeft3 30s infinite;
	animation-delay: -16.8s;
	-webkit-animation: imgPassToLeft3 30s infinite;
	-webkit-animation-delay: -16.8s;
}
#next4:checked ~ #photos {
	animation: imgPassToLeft4 30s infinite;
	animation-delay: -22.8s;
	-webkit-animation: imgPassToLeft4 30s infinite;
	-webkit-animation-delay: -22.8s;
}
#next5:checked ~ #photos {
	animation: imgPassToLeft5 30s infinite;
	animation-delay: -28.8s;
	-webkit-animation: imgPassToLeft5 30s infinite;
	-webkit-animation-delay: -28.8s;
}
#back1:checked ~ #photos {
	animation: imgPassToRight1 30s infinite;
	animation-delay: -28.8s;
	-webkit-animation: imgPassToRight1 30s infinite;
	-webkit-animation-delay: -28.8s;
}
#back2:checked ~ #photos {
	animation: imgPassToRight2 30s infinite;
	animation-delay: -22.8s;
	-webkit-animation: imgPassToRight2 30s infinite;
	-webkit-animation-delay: -22.8s;
}
#back3:checked ~ #photos {
	animation: imgPassToRight3 30s infinite;
	animation-delay: -16.8s;
	-webkit-animation: imgPassToRight3 30s infinite;
	-webkit-animation-delay: -16.8s;
}
#back4:checked ~ #photos {
	animation: imgPassToRight4 30s infinite;
	animation-delay: -10.8s;
	-webkit-animation: imgPassToRight4 30s infinite;
	-webkit-animation-delay: -10.8s;
}
#back5:checked ~ #photos {
	animation: imgPassToRight5 30s infinite;
	animation-delay: -4.8s;
	-webkit-animation: imgPassToRight5 30s infinite;
	-webkit-animation-delay: -4.8s;
}
/* animation設定 */
@keyframes imgPassToLeft0 {
	0%  { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft1 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft2 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft3 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft4 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft5 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToRight1 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@keyframes imgPassToRight2 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@keyframes imgPassToRight3 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@keyframes imgPassToRight4 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@keyframes imgPassToRight5 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@-webkit-keyframes imgPassToLeft0 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@-webkit-keyframes imgPassToLeft1 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@-webkit-keyframes imgPassToLeft2 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@-webkit-keyframes imgPassToLeft3 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@-webkit-keyframes imgPassToLeft4 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@-webkit-keyframes imgPassToLeft5 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@-webkit-keyframes imgPassToRight1 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@-webkit-keyframes imgPassToRight2 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@-webkit-keyframes imgPassToRight3 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@-webkit-keyframes imgPassToRight4 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@-webkit-keyframes imgPassToRight5 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
/*OFFICE・NISHIKA情報*/
.read h2 {
	font-size:20px;
	line-height:1.5em;
	color:#ffffff;
	background-color:#006633;
	text-align:center;
	padding-top:5px;
	padding:bottom:5px;
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	border-radius:5px;
}
.read-1 h2 {
	font-size:20px;
	line-height:1.5em;
	color:#ffffff;
	background-color:#ff6600;
	text-align:center;
	padding-top:5px;
	padding:bottom:5px;
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	border-radius:5px;
}
.read-2 h2 {
	font-size:20px;
	line-height:1.5em;
	color:#ffffff;
	background-color:#ff6600;
	text-align:left;
	padding-top:5px;
	padding-left:5px;
	padding:bottom:5px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	border-radius:5px;
}
.read p {
	background-color:#ffffff;
	margin:10px 10px 0px 10px;
	border:1px solid rgba(200,220,255,1.00);
	border-radius:10px;
	box-sizing:border-box;
	font-size:14px;
	line-height:1.4em;
	padding:15px 5px 15px 10px;
}
.sub-t h3 {
	font-size:20px;
	text-align:center;
	background-color:#006633;
	margin:10px 10px 0px 10px;
	padding:5px;
	color:#ffffff;
}
.work a {
	text-decoration:none;
}
.work-1 {
	background-color:#ffffff;
	margin:5px 10px 5px 10px;
	border:1px solid rgba(200,220,255,1.00);
	border-radius:10px;
	box-sizing:border-box;
}
.work h3 {
	padding:5px;
	font-size:20px;
	text-align:center;
	margin:0;
	background-color:#006633;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	color:#ffffff;
}
.work p {
	font-size:14px;
	line-height:1.4em;
	color:#5e5e5e;
	padding:10px;
}
.price-1 {
	font-weight:bold;
	background-color:#fff9e9;
	border:solid 1px #edc34c;
	border-radius:2px;
	color:#ff3300;
	padding:5px 10px 5px 10px;
	font-size:14px;
}
.flow-1 {
	font-weight:bold;
	background-color:#fff9e9;
	border:solid 1px #edc34c;
	border-radius:2px;
	color:#000000;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	padding:5px 10px 5px 10px;
	font-size:14px;
}



/*新着情報*/
hr {
	border:dotted 1px #00a0e9;
	margin:10px 0 10px 0;
}
#content h4 {
	background-color:#006633;
	margin:10px 10px 0px 10px;
	padding:5px;
	color:#ffffff;
}
#content section {
	background-color:#ffffff;
	margin:10px 10px 0px 10px;
	border:1px solid rgba(200,220,255,1.00);
	border-radius:10px;
	box-sizing:border-box;

}
#content section h5 {
	margin-left:15px;
	color:#333333;
	font-size:1.2em;
}
h5 a {
	color:#333333;
	text-decoration:none;
}
h5 a:hover {
	text-decoration:underline;
}

#content section article p {
	margin-left:15px;
}

/*製作実績*/

/* コンテンツ枠 */
#stage1 {
	max-width: 1000px;
	margin: 3px auto;
}
/* ナビゲート用小画像総枠 */
.frame {
	position: relative;
}
.frame:hover {
	cursor: pointer;
}
/* ナビゲート用小画像枠 */
.cell {
	position: absolute;
	opacity: 1;
	width: 20%;
	transition: all 0.5s ease;
}
/* ラジオボタン非表示（他にinput文があるときは#rを全て記述） */
input { display:none; }
/* 小画像の配置 */
#c1 { padding-top:0; left:0; }
#c2 { padding-top:0; left:20%; }
#c3 { padding-top:0; left:40%; }
#c4 { padding-top:0; left:60%; }
#c5 { padding-top:0; left:80%; }
#c6 { padding-top:8.0%; left:0%; }
#c7 { padding-top:8.0%; left:20%; }
#c8 { padding-top:8.0%; left:40%; }
#c9 { padding-top:8.0%; left:60%; }
#c10 { padding-top:8.0%; left:80%; }
/* 小画像クリック時に他の画像を見えなくする */
#r1:checked ~ .frame label:not([for="r1"]) > .cell,
#r2:checked ~ .frame label:not([for="r2"]) > .cell,
#r3:checked ~ .frame label:not([for="r3"]) > .cell,
#r4:checked ~ .frame label:not([for="r4"]) > .cell,
#r5:checked ~ .frame label:not([for="r5"]) > .cell,
#r6:checked ~ .frame label:not([for="r6"]) > .cell,
#r7:checked ~ .frame label:not([for="r7"]) > .cell,
#r8:checked ~ .frame label:not([for="r8"]) > .cell,
#r9:checked ~ .frame label:not([for="r9"]) > .cell,
#r10:checked ~ .frame label:not([for="r10"]) > .cell{ 
	width:0; 
	opacity:0; 
}
/* 小画像クリック時に画像を上左寄せで拡大 */
#r1:checked ~ .frame label #c1,
#r2:checked ~ .frame label #c2,
#r3:checked ~ .frame label #c3,
#r4:checked ~ .frame label #c4,
#r5:checked ~ .frame label #c5,
#r6:checked ~ .frame label #c6,
#r7:checked ~ .frame label #c7,
#r8:checked ~ .frame label #c8,
#r9:checked ~ .frame label #c9,
#r10:checked ~ .frame label #c10{
	padding-top: 0;
	left: 0;
	width: 100%;
	cursor: auto;
}
/* 閉じるボタンクリックで画像サイズ等を元に戻し、閉じるボタンを非表示に */
#r100:checked ~ .frame label .cell {
	width: 20%;
	pointer-events: auto;
}
#r100:checked ~ .frame label .cell .screen {
	display:block;
}
#r100:checked ~ .frame label #close {
	display:none;
}
#r100:checked ~ .frame label .cell {
}
/* 小画像クリックで赤紫色スクリーンをとタイトルを消し閉じるボタンを表示 */
.rbtn:checked ~ .frame label .cell .screen {
	display: none;
}
.rbtn:checked ~ .frame label .cell {
	pointer-events: none;
}
.rbtn:checked ~ .frame label #close {
	display:block;
}
/* 小画像 */
.cell img {
	width: 100%;
}
/* 小画像マウスオーバーで効果出現 */
.cell:hover > .screen {
	background-color: rgba(204,51,51,0.5);
	box-shadow: 0 0 0 2px #930 inset;
}
.cell:hover > .title {
	opacity:1;
}
/* 赤紫色スクリーン */
.screen {
	background-color: rgba(204,151,51,0);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 98%;
}
/* タイトル */
.title {
	position: absolute;
	margin-top: 10%;
	margin-left: 5%;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	display: block;
	opacity:0;
	transition:opacity 1s ease;
}
/* 閉じるボタン */
#close { position:absolute;
	top:0;right:0;
	display:none;
}
#close img { width:60%; }
/* 説明文枠 */
//#descrptn { position:relative; }
.desc { opacity:0; margin-top:-10%; transition:all 0.5s ease; position:absolute; max-width:1000px; }
/* 各画像説明文の表示 */
#r1:checked ~ #descrptn #d1 { opacity:1; margin-top:100px; }
#r2:checked ~ #descrptn #d2 { opacity:1; margin-top:100px; }
#r3:checked ~ #descrptn #d3 { opacity:1; margin-top:100px; }
#r4:checked ~ #descrptn #d4 { opacity:1; margin-top:100px; }
#r5:checked ~ #descrptn #d5 { opacity:1; margin-top:100px; }
#r6:checked ~ #descrptn #d6 { opacity:1; margin-top:100px; }
#r7:checked ~ #descrptn #d7 { opacity:1; margin-top:100px; }
#r8:checked ~ #descrptn #d8 { opacity:1; margin-top:100px; }
#r9:checked ~ #descrptn #d9 { opacity:1; margin-top:100px; }
#r10:checked ~ #descrptn #d10 { opacity:1; margin-top:100px; }
/* 一覧に戻るボタン */
.back:hover { cursor:pointer; }
/* HTML.CSS表示iframe---ページコンテンツ */
.p-home { 
	position:relative;
	max-width:1000px;
	margin:0 auto;
	transition:all 1s ease;
	z-index:100;
}
.p-home iframe {
	position:absolute;
	width:100%;
	height:500px;
	background-color:#9BC1EF;
}
.rbtn:checked ~ .p-home {
	opacity:0;
	margin-top:50px;
	z-index:-1;
}
#r100:checked ~ .p-home {
	opacity:1;
	margin-top:0px;
	z-index:100;
}

main section article h2 {
	margin-top:-50px;
}
main section article #js {
	font-size:18px;
	color:#000099;
	padding-left:15px;
}
main section article #js a {
	text-decoration:none;
}
main section article #js a:hover {
	text-decoration:underline;
}
main section article p {
	font-size:18px;
	color:#000099;
}

/*会社概要*/
table {
	width:850px;
	border-collapse:collapse;
	border-spacing:0;
	margin:0px auto;
	font-size:12px;
	text-align:left;
}

th {
	padding-left:10px;
	width:20%;
}

td {
	padding-left:10px;
}

a {
	text-decoration:none;
}

li {
	list-style:none;
}

/*画像を中央*/
  .img-center {
  	text-align:center;
  }

/*アクセス*/
#mobile {
	display:none;
}


/*リンク*/
#link table{
    margin-top: 5px;
    margin-left: 15px;
    margin-bottom: 5px;
    margin-left: 15px;
    border-collapse: collapse;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #cccccc;
}

#link table th{
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: left;
	font-weight:bold;
    background-color: #f3f3f3;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #cccccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
}

#link table td{
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #cccccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
}

.pc-facebook {
	margin-top:10px;
	text-align:center;
}
.mb-facebook {
	display:none;
}



/*PCとスマホの境目                                                                                                */

/*スマホ版*/
@media screen and (max-width: 479px) {
  #content {
    width: 100%;
    height:auto;
  }
  header {
  width: 100%;
  height:100%;
  }
  main {
  width: 100%;
  height:auto;
  }
  footer {
  width: 100%;
  height:auto;
  }

header .inner {
  display:none;
　}

.inners {
  display:block;
　}

.inners img {
  width:80%;
　}

.read h2 {
	font-size:100%;
}

.read-1 h2 {
	font-size:100%;
}

.read-2 h2 {
	font-size:100%;
}

.work h3 {
	font-size:100%;
}

.sub-t h3 {
	font-size:100%;
}

#content h4 {
	font-size:100%;
}

#breadcrumb ul li {
	font-size:80%;
}


#ham-menu {
    background-color: #fff; /*メニュー背景色*/
    box-sizing: border-box;
    height: 50%;
    padding: 10px 40px; /*メニュー内部上下左右余白*/
    position: fixed;
    right: -300px; /*メニュー横幅①と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 300px; /*メニュー横幅①*/
    z-index: 10000;

}

/*メニューアイコン部分は疑似要素で*/
#ham-menu::before {
    background-color: #fff; /*ボタン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #333; /*アイコン（フォント）色*/
    content: "≡"; /*メニューアイコン*/
    display: block;
    font-size: 50px; /*アイコン（フォント）サイズ*/
    height: 50px;
    line-height: 50px; /*縦位置中央化*/
    position: absolute;
    right: 100%;
    text-align: center;
    top: 0;
    width: 50px;
}

/*透過背景部分*/
#menu-background {
    background-color: #333; /*黒背景部分背景色*/
    display: block;
    height: 30%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 80%;
    z-index: -1;
}

/*hover 時の処理*/
#ham-menu:hover {
    transform: translate(-300px); /*メニュー横幅①と合わせる*/
   	background-color:#ffff00;

}

#ham-menu:hover + #menu-background {
    opacity: 0.5; /*黒背景部分透過度*/
    z-index: 999;
}

#ham-menu {
	display:block;
}

#globalNavi {
	display:none;
}

/*画像を中央*/
  .img-center {
  	text-align:center;
  	width:100%;
  }


/*アクセス*/
#pc {
	display:none;
}

#mobile {
	display:block;
	width:100%;
}

#mobile .flow-1{
	width:90%;
	margin:0 auto;
}

#mobile table{
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    margin: 10px 15px;
    width:80%;
}
#mobile table th{
    background-color: #EFEFEF;
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    padding: 3px 5px;
}
#mobile table td{
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    padding: 3px 5px;
}


/*リンク*/
#link table{
    width:90%;
}

.pc-facebook {
	display:none;
}
.mb-facebook {
	display:block;
	margin-top:10px;
	text-align:center;

}


}