@charset "utf-8";

ol {
	margin: 12px;
}

ol li {
	list-style:decimal;
	margin-left: 2.0em;
}

h2 {font-size:20px;}
h2.seg { padding-left:0.5em; padding-top:0.75em; font-size:32px; font-weight:normal; text-shadow:1px 1px 1px #fff, 2px 2px 3px #888;}
h2.case-study { padding-left:0.5em; padding-top:0.5em; font-size:24px; font-weight:normal; text-shadow:1px 1px 1px #fff, 2px 2px 3px #888;}
h3 {font-size:20px;}
h4 {font-size:20px;  margin-top:1em;}
	
h5, h6 {text-align: left;}

p {font-size:15px; margin: 16px 0;}
dt {font-size:18px;}
dd {font-size:15px;}
ul {margin: 8px;}
li.sq {font-size:16px; line-height:2.0em;}

dt.faq {
	background:rgba(166,124,82,0.25) url(../img/consult/chk.png) no-repeat 8px 9px;
	background-size:24px 24px;
	margin-bottom:0; margin-left:0; padding:8px 8px 8px 2em;
	border-radius: 6px 6px 0 0;
	border:1px solid #aaa; border-bottom:1px solid transparent;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
dd.faq {
	background:rgba(255,255,255,0.9);
	margin-top:0; margin-left:0; padding:8px;
	border-radius: 0 0 6px 6px;
	border:1px solid #aaa; border-top:1px solid transparent;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
dd.faq div.wp_social_bookmarking_light {display:none;}
dd h5 {margin-bottom:0.5em;}
.readmore {position:absolute; right:1em; bottom:1em;}

/**/
#cubes {
	text-align: center;
}
.tapbox {
	display:inline-block; vertical-align:top;
	background:rgba(255,255,255,0.8);
	color:#222; font-size: 18px; text-align: center;
    cursor: pointer;
    margin: 10px; padding: 12px;
    position: relative; /*bottom: 0;*/
    width: 200px; height: 200px;
	box-shadow: 0 0 3px 3px rgba(100,100,100,0.4);
	-webkit-transition: 0.22s linear all;
	-moz-transition: 0.22s linear all;
    transition: all 0.22s linear 0s;
}
.tapbox:hover {
	/*margin-top:5px; margin-bottom: 15px; */
    background: none repeat scroll 0 0 #BBBBBB;
    color: #FFFFFF;
    text-shadow: 0 0 2px #FFFFFF;
	background:rgba(80,80,80,0.7);
	box-shadow: 0 0 1px 1px rgba(100,250,100,0.75);
	-webkit-transition: 0.22s linear all;
	-moz-transition: 0.22s linear all;
    transition: all 0.22s linear 0s;
}

#cubes .tapbox b {
	display:inline-block;
	padding-bottom: 6px;
}
#cubes .tapbox p {
	margin-top: 4px;
	margin-bottom: 4px;;
}


/**/

#tabs.ui-tabs {
	padding: 0;
	border-width: 0;
	background: rgba(0,0,0,0);
}

#tabs .ui-widget-header {
	border: 0;
	background: rgba(0,0,0,0);
}

#tabs .ui-tabs-nav {
	border-width: 0;
	padding: 0;
	background: rgba(0,0,0,0.1);
}

#tabs .ui-tabs-panel {
	border-width: 1px;
	background: rgba(255,255,255,0.7);
	box-shadow: 0 2px 6px 2px rgba(100, 100, 100, 0.3);
}

#tabs .ui-tabs-nav li.ui-tabs-selected {
	border-width: 2px;
	margin-bottom: -2px;
}


.ui-widget-content a:hover {
    color: #FFCC26;
	text-decoration:underline;
}

/**/

#tabs p {
	font-size:14px;
}

.acc_box {
	text-align:left;
	margin:8px; padding:5px 10px; 
	background: rgba(68,22,10,0.1);
	border:1px solid pink;
}

.note_box {
	text-align:left;
	margin:8px; padding:5px 10px; 
	background: rgba(52,52,40,0.1);
	border:1px solid gray;
}
/**/


h2 ~ article {
	margin:12px 3%; 
}

table {
	width:98%;
}

.w25p { width:25%; }
.w30p { width:30%; }
.w40p { width:40%; }
.w50p { width:50%; }
.w60p { width:60%; }
.w70p { width:70%; }
.w75p { width:75%; }

#gomen h2 {
	border-left:none;
	margin-left:0;
}

span.caption {
	font-weight:normal;
	font-size:12px;
	color:#6C5544;
	margin-left:24px
}

a.gotop {
	float:right;
	margin:8px 24px;
	font-size:11px;
}	
	
.anchor li {
	float:left;
}

.anchor a {
	display: block;
	width: 160px;
	height: 70px;
}

.anchor span {
	float:left;
	position:relative;
	left:77px;
	top:20px;
	font-size:14px;
}

.anchor a:hover {
	background-position: 0 bottom;
}

.b01 {
	background: url(../img/staff/tn_shigenaga_off-on.png) no-repeat 0 0;
}

.b02 {
	background: url(../img/staff/tn_watanabe_off-on.png) no-repeat 0 0;
}

.b03 {
	background: url(../img/staff/tn_kato_off-on.png) no-repeat 0 0;
}




.picframe ul {
	padding-left:7%;
	font-size:100%;
}

.profile h4 {
	
}

.inbox {
	margin:12px 0;
	width:97%;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	padding:6px;
}

.inbox p, .inbox dt, .inbox dd  {
	margin-left:1.1%; margin-right:1.1%;
}

.picframe ul {
	padding-left:7%;
	font-size:90%;
}

.profile h4 {
	
}

/*** SmartPhone, Tablet and PC Screen CSS ***/

/* スマホ向け　~ 480px */
@media only screen and (max-width:480px) {

	#gomen h2 {
		width:100%;
		float:right;
	}

	.picframe{
		width:92%;
		height:auto;
		margin:8px auto;
		/*margin:8px 2.5% 8px 1%; */
		padding:0 1.2% 12px 1.1%;
		background:#fff;
		border-bottom:1px dotted #ddd;
	}
	
	.profile{
		clear:left;
		width:92%;
		margin:2px auto 16px auto;
		/*margin:8px 2.5% 8px 1%; */
		padding:0 1.2% 0 1.1%;		
	}

}


/* タブレット向け　481 ~ 768px */
@media only screen and (min-width:481px) {
	
	#gomen h2 {
		width:80%;
		float:left;
	}

	.picframe{
		float:left;
		min-width:280px;
		/*width:auto;/*280px;*/
		margin: 8px 0 0 2%;
		border-right:1px dotted #ddd;
		border-bottom:none;
		background:#fff;
	}

	.profile{
		float:left;
		max-width:50.5%;
		width:auto;
		padding:8px 1.5% 32px 2%;
	}


}


/* PC向け　769px ~ */
@media only screen and (min-width:769px) {

	.picframe{
		float:left;
		min-width:150px;
		width:35%;
		margin: 8px 0 0 2%;
		border-right:1px dotted #ddd;
		border-bottom:none;
		background:#fff;
	}

	.profile{
		float:left;
		min-width:300px;
		max-width:455px;
		padding:8px 1.5% 32px 2%;
	}

	dd.faq .twenty {text-align:center;}
	dd.faq .twenty img {margin:0 auto;}

}