@charset "utf-8";

html, body, div, span, applet, object, iframe,
h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
    font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, main,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

strong {
	font-weight: bold;
}


a {
	color:#d81010;
	text-decoration:none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

a:hover {
	color:#ee5656;
}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}



a:focus {
	outline:none;
}

a img {
	vertical-align: bottom;
}

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

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

body {
	/*
	background: url('../images/bg_body.png') top left repeat-x;
	*/
	background:#fff;
	min-width: 320px;
	font-family: "Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
	font-size:14px;
	color: #000;
}

.both{
	clear:both;
}

.img_link {
	display: block;
	overflow: hidden;
	text-indent: -100%;
	white-space: nowrap;
}
a.hover:hover {
	opacity: 0.7;
}

header {
}

footer {
	border-top:1px solid #8FC31F;
	padding:2.3em 0 0 0;
	margin:0;
}

.footer_contents {
	max-width:1040px;
	width:auto;
	margin:0 auto;
	padding:0 20px;
}

@media screen and (max-width: 767px) {

	.footer_contents {
		padding:0 12px;
	}
}

.footer_logo {
	width:100%;
	max-width:215px;
}

.footer_logo img {
	width:100%;
}

.footer_contents .cname {
	display:inline-block;
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 1.3em;
	border-bottom:8px solid #221e1f;
}


.copyright {
	max-width:1040px;
	text-align:right;
	padding:1.0em;
	margin:6em auto 0 auto;
	color:#111;
	font-size:0.9em;
	word-break:break-all;
}

.container {
	width:auto;
	margin:0;
	padding:0;
}


article {
	position:relative;
	display:block;
	max-width:1040px;
	margin:0 auto 30px auto;
	padding:0.4em 20px 0 20px;
}

section {
	position:relative;
	display:block;
	max-width:1040px;
	margin:0 auto 30px auto;
	padding:0.4em 20px 0 20px;
}

section:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.pc_img {
	display:block;
}
.sp_img {
	display:none;
}

@media screen and (max-width: 767px) {

	.copyright {
		padding:1.0em 0;
		font-size:0.8em;
		text-align:center;
	}

	
	article {
		padding:0.4em 12px 0 12px !important;
	}
	section {
		padding:0.4em 0 0 0;
	}
}

h1 {
	max-width:1080px;
	margin:0 auto;
	padding:0.6em 0.2em;
	font-size:0.9em;
	font-weight:normal;
}

/*

h2 {
	font-size:1.8em;
	font-weight:bold;

}
*/


body.home h2,
body.privacy h2
{
	font-family: 'Oswald', serif !important;
	color:#8FC31F;
	font-size:2.2em !important;
	font-weight:normal;
	margin:0 0 1.9em 0;
}

body.home h2 {
	padding:0;
	margin:0;
}

body.contact h2 {
	border-top:1px solid #c9c9c9 !important;
	border-bottom:1px solid #c9c9c9 !important;
	padding:0.7em 0.1em;
	margin:1.8em 0 1.2em 0 !important;
	color:#777;
	font-weight:normal;
	font-size:1.05em;
	vertical-align:middle;
}

body.contact h2 span {
	font-family: 'Oswald', serif !important;
	color:#333;
	font-size:2.5em;
	display:inline-block;
	padding:0 0.4em 0 0;
}

body.privacy h2 span.eng
{
	font-family: 'Oswald', serif !important;
	color:#8FC31F;
	padding:0 1.3em 0 0;
	font-size:2.2em !important;
	letter-spacing:0.05em;
	border-bottom: 8px solid #8FC31F;
	display:inline-block;
}

body.privacy h2 span.ja
{
	padding:0 1.3em 0 0;
	font-size:1.1em !important;
	letter-spacing:0.05em;
	display:inline-block;
}

@media screen and (max-width: 767px) {
	body.privacy h2 span.eng
	{
		display:block;
		border:none;
	}
	body.privacy h2 span.ja
	{
		display:block;
		border-bottom: 8px solid #8FC31F;
	}
	
	body.contact h2 span {
		display:block;
	}
}

body.privacy h3 {
	font-size:1.7em;
	font-weight:normal;
}

body.privacy h4 {
	font-size:1.3em;
	font-weight:normal;
	border-bottom:1px solid #b9b9b9;
	margin:0 0 0.9em 0;
}

body.privacy h4 span {
	padding:0 0.6em 0 0;
}


body.privacy h5 {
	font-size:1.1em;
	font-weight:bold;
	margin:1.2em 0 0.9em 0;
}

body.privacy h6 {
	font-weight:bold;

}

@media screen and (max-width: 767px) {
	h1 {
		font-size:0.9em;
		font-weight:normal;
		padding:0.2em 0.5em;
	}
	
	body.home h2 {
		text-align:center;
	}
		
	section h4 {
		font-size:1.2em;
	}
}


/*    ロゴまわり 
------------------------------------- */

.header_contents {
	position:relative;
	display:block;
	max-width:1040px;
	margin:0 auto;
	padding:0.4em 20px 0 20px;
}

@media screen and (max-width: 767px) {
	.header_contents {
		padding:0.4em 12px 0 12px;
	}
}


.header_left {
	float:left;
	width:40%;
}

.header_left img {
	width:302px;
	height:auto;
	margin:3.8em 0 1.2em 0.2em;
}

.header_right {
	float:right;
	width:50%;
	padding:3.5em 0 0 0;
	text-align:right;
}

.header_tel {
	float:right;
	width:340px;
	background:#fff;
	border-radius:5px;
	text-align:left;
	padding:0.4em;
	margin:1.4em 0;
}

.header_tel p {
	font-weight:bold;
	padding:0;
	margin:0;
}

@media screen and (max-width: 767px) {
	
	.header_left {
		float:none;
		width:auto;
		text-align:center;
	}
	
	.header_left img {
		width:100%;
		max-width:302px;
		margin:1.7em auto 0em auto; 
	}

	.header_right {
		float:none;
		width:auto;
		text-align:center;
	}
}


.top_left {
	width:47.5%;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
}

.top_bnrs {
	width:100%;
	max-width:470px;
}

.top_bnrs img {
	width:100%;
	height:auto;
}

.top_right {
	width:47.5%;
	float:right;
	margin:0;
	padding:0;
}


@media screen and (max-width: 767px) {
	
	.top_left {
		float:none;
		width:auto;
		text-align:center;
		padding:0 12px;
	}

	.top_bnrs {
		margin:1.6em auto 0 auto;
	}

	.top_right {
		float:none;
		width:auto;
		padding:0 12px;
	}
}











/*    CAMPANY 
------------------------------------- */

body.home .clist ol {
	margin:0;
	padding:0;
}

body.home .clist ol li {
	list-style:decimal !important;
	padding:0;
	margin:0.4em 0 0.4em 1.4em;
	font-size:1.2em;
}

@media screen and (max-width: 840px) {
	body.home .clist ol li {
		font-size:1.1em;
	}
}

@media screen and (max-width: 480px) {
	body.home .clist ol li {
		font-size:1em;
	}
}


.eyecatch {
	position:relative;
	display:block;
	max-width:1040px;
	margin:0 auto;
	padding:0.4em 20px 0 20px;
}

.eyecatch_pc {
	position:relative;
	display:block;
	max-width:1040px;
	margin:0 auto;
	padding:0.4em 20px 0 20px;
	display:block;
}

.eyecatch_sp {
	display:none;
}

.eyecatch img {
	margin:0 auto;
	width:100%;
	max-width:1040px;
	height:auto;
	z-index:1;
}

@media screen and (max-width: 767px) {
	.eyecatch {
		width:99%;
		margin:-1em auto 1.3em auto;
		padding:0;
	}
	
	.eyecatch_pc {
		display:none;
	}
	.eyecatch_sp {
		width:auto;
		display:block;
	}
	.eyecatch_sp img {
		width:100%;
		height:auto;
	}
}




body.privacy ol li {
	list-style:decimal;
	margin:0 0 0.6em 0;
}

body.privacy ul li {
	list-style: disc;
	margin:0 0 0.6em 0;
}

body.privacy article p {
	padding:0 0 0.8em 1.3em;
}


@media screen and (max-width: 767px) {
	
	body.privacy ol {
		margin:0 0 0 1.7em;
		padding:0;
	}
	
	
	body.privacy article p {
		padding:0 0 0.8em 0;
	}
}







/*   VR GATEWAY
------------------------------------- */
body.page article {
	position:relative;
	display:block;
	max-width:1040px;
	margin:0 auto 6em auto !important;
	padding:0.4em 20px 0 20px;
}

body.page h2 {
	font-family: 'Oswald',"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
	padding:0 1.3em 0 0;
	font-size:2.2em !important;
	letter-spacing:0.05em;
	border-bottom: 6px solid #b51d22;
}

body.page h2 span {
	padding:0 0.1em 0 0.6em;
	font-size:80%;
	font-weight:bold;
}



/*   VR GATEWAY
------------------------------------- */

body.scope article {
	position:relative;
	display:block;
	max-width:1040px;
	margin:0 auto 6em auto !important;
	padding:0.4em 20px 0 20px;
}

body.scope h2 {
	font-family: 'Oswald',"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
	padding:0 1.3em 0 0;
	font-size:2.2em !important;
	letter-spacing:0.05em;
	border-bottom: 5px solid #b51d22;
}

body.scope h2 span {
	padding:0 0.1em 0 0.6em;
	font-size:80%;
	font-weight:bold;
}

body.scope h3 {
	color: #b51d22;
	font-size:1.5em;
	font-weight:bold;
	padding:0 0 0.4em 0;
	margin:1.1em 0 0 0;
}

body.scope .intro {
	font-size:1.3em;
	line-height:1.8em;
	padding:0.2em 1em;
}

.sub_section {
	margin:0 0 1.8em 0;
}

@media screen and (max-width: 767px) {

	body.scope h2 {
		font-size:1.2em !important;
		border-bottom: 4px solid #b51d22;
	}
	
	body.scope h3 {
		font-size:1.15em;
	}

	body.scope .intro {
		font-size:1.1em;
		line-height:1.6em;
		padding:0.3em 0;
	}
}

@media screen and (max-width: 480px) {
	body.scope h2 {
		font-size:1.1em !important;
	}
}










.intro_left {
	float:left;
	width:64%;
	margin:0;
	padding:0;
}

.intro_right {
	float:right;
	width:32%;
	margin:0;
	padding:0;
}

.intro_right img {
	width:100%;
	height:auto;
}

@media screen and (max-width: 767px) {

	.intro_left {
		float:none;
		width:auto;
		margin:0;
		padding:0;
	}

	.intro_right {
		float:none;
		width:auto;
		margin:0;
		padding:0;
		text-align:center;
	}
	
	.intro_right img {
		width:100%;
		max-width:480px;
		height:auto;
		margin:1.2em auto;
	}

}

.page_left {
	float:left;
	width:42%;
	margin:0;
	padding:0;
}

.page_left img {
	width:100%;
	height:auto;
}

.page_right {
	float:right;
	width:54%;
	margin:0;
	padding:0;
}

.page_right p {
	margin:0.6em 0 0 0;
	padding:0.6em;
	line-height:1.8;
}

@media screen and (max-width: 767px) {
	.page_left {
		float:none;
		width:auto;
		margin:0;
		padding:0;
		text-align:center;
	}

	.page_left img {
		width:100%;
		max-width:480px;
		height:auto;
		margin:0 auto;
	}

	.page_right {
		float:none;
		width:auto;
		margin:0;
		padding:0;
	}
	.page_right p {
		margin:0.6em 0 0 0;
		padding:0.6em 0;
	}
}


body.scope .cau h3 {
	margin:0 !important;
}

body.scope .cau_box {
	width:100%;
	max-width:740px;
	margin:1.2em auto;
	text-align:center;
	padding:0.9em;
	margin:0 auto 1.4em auto;
	border:7px solid #e5e5e5;
}

@media screen and (max-width: 767px) {
	body.scope .cau_box {
		width:auto;

	}
}

body.scope .cau_box h4 {
	color: #b51d22;
	font-size:1.3em;
	font-weight:bold;
	padding:0 0 0.4em 0;
	margin:0;
}


body.scope .cau_box p {
	font-size:1.1em;
	width:100%;
	margin:0;
	padding:0;
}

body.scope .cau p {
	padding:0 0 1.2em 0;
}


body.scope .cau ul {
	margin:0 0 0 1.6em;
	padding:0;
}


body.scope .cau li {
	list-style:circle !important;
	font-size:0.9em !important;
	color:#444;
}




.link_btn {
	width:100%;
	max-width:480px;
	margin:1.3em auto;
}

.link_btn a {
	width100%;
	margin:0;
    position: relative;
    display: block;
    padding: 0.8em 5%;
    color: #b51d22;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.08em;
    background: #fff;
	border:1px solid #999;
    transition: all 0.5s ease 0s;
	text-decoration:none;
}

.link_btn a:hover {
	background: #f1f1f0;
}

/*   > を描く */
.link_btn a:before{
	position:absolute;
	bottom:1.3em;
	right:6%;
	content:'';
	height:8px;
	width:8px;
	display:block;
	border:2px solid #b51d22;
	border-top-width:0;
	border-left-width:0;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

@media screen and (max-width: 767px) {
	.link_btn a {
    	padding: 0.8em 3%;
	}
	.link_btn a:before{
		right:1.5%;
	}
}


#leftSide img {
	max-width:180px;
}

a .trinpmanSideBanner {
	/*
    border: 1px solid #999;
    */
	border:none !important;
	margin: 4px 0 0 7px !important;
}

a .trinpmanSideBanner {
	/*
    border: 1px solid #999;
    */
	border:none !important;
	margin: 4px 0 0 7px !important;
}




/*   VR LINEUP
------------------------------------- */
body.lineup article,
body.works article
{
	position:relative;
	display:block;
	max-width:1040px;
	margin:3.5em auto 5em auto !important;
	padding:0.4em 20px 0 20px;
}

body.lineup h2,
body.works h2
{
	padding:0 1.3em 0 0;
	font-size:1.8em !important;
	letter-spacing:0.05em;
	border-bottom: 5px solid #b51d22;
	margin:0 0 2.6em 0;
}

body.lineup h2 img {
	width:100%;
	max-width:354px;
}

body.lineup h3 {
	font-size:1.6em !important;
	margin:0 0 1.3em 0;
	padding:0;
}

@media screen and (max-width: 767px) {
	body.lineup h3 {
		font-size:1.3em !important;
		margin:0 0 1.3em 0;
		padding:0;
	}
}

.vr_lineup_main_fig {
	width:auto;
	max-width:780px;
	margin:0 auto;
}

.vr_lineup_main_fig img {
	width:100%;
	height:auto;
}

.lineup_left {
	float:left;
	width:37%;
	margin:0;
	padding:0;
	text-align:left;
}

.lineup_left h4 {
	border-bottom:2px solid #c9c9c9;
	font-size:1.4em;
	font-weight:bold;
	padding:0.6em;
	color:#333;
}

.lineup_left p {
	margin:0;
	padding:0.9em;
	line-height:2.3em;
	color:#333;
	font-size:1.2em;
}


.lineup_right {
	float:right;
	width:59%;
	margin:0;
	padding:0;
	text-align:right;
}

.lineup_right ul {
	margin:0;
	padding:0;
}

.lineup_right ul li {
	float:left;
	width:44.5%;
	margin:1em;
	padding:0;
	list-style:none;
	text-align:left;
}

.lineup_right ul li img {
	width:100%;
	height:auto;
}

@media screen and (max-width: 767px) {
	.lineup_left {
		float:none;
		width:auto;
		margin:0;
		padding:0;
	}
	.lineup_right {
		float:none;
		width:auto;
		margin:0;
		padding:0;
	}
	
	.lineup_right ul li {
		float:none;
		width:auto;
		margin:0 0 1.6em 0;
		padding:0;
		text-align:center;
	}
	.lineup_right ul li img {
		width:100%;
		max-width:330px;
		margin:8px auto;
	}
}



/*   アイコンヘッダー
------------------------------------- */

.icon_header {
	margin:0 0 1.7em 0;
}

.lineup_icon_left {
	float:left;
	width:18%;
	margin:0;
	padding:0;
	text-align:left;
}

.lineup_icon_left img {
	width:100%;
	max-width:161px;
	margin:0 auto;
	padding:0;
}


.lineup_icon_right {
	float:right;
	width:77.5%;
	margin:0;
	padding:0;
}

.lineup_icon_right h4 {
	border-bottom:4px solid #c9c9c9;
	margin:0 0 1.3em 0;
	padding:0 0 0.3em 0.1em;
}

.lineup_icon_right h4 img {
	width:100%;
	max-width:297px;
}

.icon_header p {
	color:#b7272d;
	padding:0 0 0 1.2em;
	font-size:1.35em;
	font-weight:bold;
}

.icon_header p span {
	display:block;
	padding:0;
	font-weight:bold;
}


@media screen and (max-width: 767px) {
	.lineup_icon_left {
		float:none;
		width:auto;
		margin:0;
		padding:0;
		text-align:center;
	}
	
	
	.lineup_icon_right {
		float:none;
		width:auto;
		margin:0;
		padding:0;

	}
	
	.lineup_icon_right h4 {
		margin:1.3em 0;
		padding:0;
	}
	
	.lineup_icon_right h4 img {
		width:100%;
		max-width:260px;
	}
	
	.icon_header p {
		padding:0;
		font-size:1.2em;
	}
	.icon_header p span {
		display:inline;
		padding:0 0 0 1em;
	}
}


body.lineup .btn_wrap {
	margin:9em 0 0 0;
}



.coming_soon {
	width:auto;
	max-width:220px;
	margin:7em auto;
}

.coming_soon img {
	width:100%;
	height:auto;
}




/*   制作実績
------------------------------------- */

.portfolio {
	width:auto;
	margin:11px auto;
	overflow: hidden;
	position:relative;
	display:block;
}

.portfolio ul {
	margin: 0 -1.2% 0 0;
	padding: 0;
 	/zoom: 1;/* for IE6,7 */
}

.portfolio ul li {
	width: 18.72%;
	height:auto;
	max-width:480px;
	float:left;
	display:inline-block;
	*display:inline;
	/zoom: 1;/* for IE6,7 */
	margin: 7px 1.2% 9px 0;
	padding:0 !important;
	list-style: none;
}

.portfolio ul li a {
	position:relative;
	display: block;
	background:#fff;
	color: #1D8346;
	margin:0;
	padding:0 !important;
}

.portfolio ul li a img {
	width:100%;
	height:auto;
	margin:0 !important;
	border:1px solid #c9c9c9;
}

.portfolio ul li a div {
	z-index:100;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0) !important;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.portfolio ul li a:hover div {
	background: rgba(0, 0, 0, 0.7) !important;
}

@media only screen and (max-width:980px) {
	.portfolio ul {
		margin: 0 -1.7% 0 0;
	}
	
	.portfolio ul li {
		margin: 7px 1.7% 9px 0;
		width: 31.1%;
	}
}

@media only screen and (max-width:767px) {
	.portfolio ul {
		margin: 0 -2.9% 0 0;
	}

	.portfolio ul li {
		margin: 7px 2.9% 9px 0;
		width: 47.0%;
	}
}

@media only screen and (max-width:480px) {
	
	.portfolio ul {
		margin: 0;
	}
	
	.portfolio ul li {
		float:none;
		display:block;
		width:94%;
		margin:0 auto 1.2em auto;
	}

}

/*   VR LIST
------------------------------------- */

body.lineup section {
	margin-bottom:13em;
}

body.lineup .list_header {
	position:relative;
	display:block;
	margin-bottom:1.6em;
}


body.lineup .list_header h3 {
	border-bottom:4px solid #c2c2c2;
	padding:0 0 0.2em 0;
	margin:0 0 1.5em 0;
}

body.lineup .list_header h3 img {
	width:290px;
	height:auto;
}

body.lineup .list_header p {
	color:#b7272d;
	padding:0 0 0 1.2em;
	font-size:1.35em;
}

body.lineup .list_header p span {
	display:block;
	padding:0;
}

body.lineup .list_header .icon {
	position:absolute;
	top:-43px;
	right:0;
	z-index:10;
}

body.lineup .list_header .icon img {
	width:100%;
	height:auto;
	max-width:210px;
}

@media screen and (max-width: 980px) {
	body.lineup .list_header .icon img {
		max-width:190px;
	}
}
@media screen and (max-width: 767px) {
	body.lineup .list_header h3 img {
		width:190px;
		height:auto;
	}
	body.lineup .list_header p {
		padding:0;
		font-size:1.1em;
	}
	body.lineup .list_header .icon img {
		max-width:130px;
	}
}

@media screen and (max-width: 480px) {
	body.lineup .list_header h3 img {
		width:140px;
		height:auto;
	}
	body.lineup .list_header p {
		padding:0;
		font-size:1em;
	}
	
	body.lineup .list_header p span {
		display:inline;
		padding:0 0 0 1em;
	}

	body.lineup .list_header .icon img {
		max-width:110px;
	}
}

article#work {
	padding-bottom:7em;
}

.figs {
	margin:0;
	padding:0.9em 0 3.0em 0;
}


.fig_left {
	float:left;
	width:47.5%;
	margin:0;
	padding:0;
}

.fig_left img {
	width:100%;
	max-width:470px;
	height:auto;
}

.fig_right {
	float:right;
	width:47.5%;
	margin:0;
	padding:0;
}

.fig_right img {
	width:100%;
	max-width:470px;
	height:auto;
}

@media screen and (max-width: 767px) {
	.fig_left {
		float:none;
		width:auto;
		margin:0 0 1.6em 0;
		padding:0;
		text-align:center;
	}

	.fig_right {
		float:none;
		width:auto;
		margin:0;
		padding:0;
		text-align:center;
	}
}




/*   学祭キャンペーン
------------------------------------- */

body.class-shirt h2 {
	color:#222;
	margin:0 0 1em 0;
	letter-spacing: 0.05em;
	border-bottom: 5px solid #ff6600;
	font-size:1.7em !important;
}

body.class-shirt h3 {
	color:#ff6600;
	margin:0;
	padding:0 0 0.7em 0 !important;
	font-size:1.3em;
}


.lists {
	width:auto;
	margin:11px auto;
	overflow: hidden;
	position:relative;
	display:block;
}

.lists ul {
	margin: 0 -2.8% 0 0;
	padding: 0;
 	/zoom: 1;/* for IE6,7 */
}

.lists ul li {
	width: 47.4%;
	height:auto;
	max-width:480px;
	float:left;
	display:inline-block;
	*display:inline;
	/zoom: 1;/* for IE6,7 */
	margin: 7px 2.8% 14px 0;
	padding:0 !important;
	list-style: none;
}

@media screen and (max-width: 767px) {
	
	.lists ul {
		margin: 0;
	}
	.lists ul li {
		width:auto;
		float:none;
		display:block;
		margin: 7px auto 14px auto;
	}
	
	
}


.read_left {
	float:left;
	width:57.5%;
	margin:0;
	padding:0;
}

.read_left p {
	font-size:1.3em;
	line-height:1.8em;
	padding:0 0 0.7em 0;
}

.read_right {
	float:right;
	width:37.5%;
	margin:0;
	padding:0;
}

.read_right img {
	width:100%;
	max-width:320px;
	height:auto;
}

@media screen and (max-width: 767px) {
	.read_left {
		float:none;
		width:auto;
		margin:0 0 1.6em 0;
		padding:0;
	}

	.read_right {
		float:none;
		width:auto;
		margin:0;
		padding:0;
		text-align:center;
	}
}


.komi_box {
	background:#fcfcd4;
	padding:0.9em 1.1em;
	border-radius:5px;
	text-align:left;
}

.komi_box ul li {
	font-size:1.15em;
	font-weight:bold;
}

.komi_box ul li span {
	display:block;
	font-size:0.9em;
}

.read,
.komi_box .lge {
	font-size:1.3em;
	font-weight:bold;
	color:#009933;
	padding:0;
	margin:0;
}

.komi_box .sml {
	font-size:0.9em;
}


section.design {
	text-align:center;
}
section.design img {
	width:100%;
	max-width:664px;
	height:auto;
	margin:0 auto;
}

section.fonts {
	text-align:center;
}
section.fonts img {
	width:100%;
	max-width:750px;
	height:auto;
	margin:0 auto;
}

section.color {
	text-align:center;
}
section.color img {
	width:100%;
	max-width:595px;
	height:auto;
	margin:0 auto;
}









/*    事業内容 
------------------------------------- */

#campany {
	padding:0 0 1.2em 0 !important;
}


#campany ol li {
	font-size:1.6em;
	margin:0.3em 0;
	list-style:decimal;
}

.arrow {
	text-align:center;
	padding:1.8em 0;
}


/*    table 
------------------------------------- */

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

.tbl_pf {
	width:auto !important;
	max-width:336px;
	border:none !important;
}

.tbl_pf th {
	padding:2px 1px !important;
	width:6.5em;
	border:none !important;

}
.tbl_pf td {
	padding:2px 1px !important;
	border:none !important;
}

.tbl_pf td span {
	padding:0 1.5em 0 0;
}

/*
@media only screen and (max-width:767px) {
	.tbl_pf {
		width:auto !important;
		display: block;
		border:none !important;
	}
	.tbl_pf thead {
		display: none;
	}
	.tbl_pf tbody {
		display: block;
	}
	.tbl_pf tbody tr {
		display: block;
		margin-bottom: 1.5em;
	}
	
	.tbl_pf td, th {
		border:none;
		padding:0.2em 0.7em !important;
	}
	
	.tbl_pf th {
		font-weight:bold;
		width:auto;
		font-size:0.9em;
		padding:0 0.5em;
		background:none;
		display: list-item;
		margin:1px 0 0 0;
		list-style-type: none;
		border:none !important;
	}
	.tbl_pf td {
		font-size:0.9em;
		display: list-item;
		list-style:none;
		background:none;
		margin:0 0 -0.9em 0 !important;
		padding:0 !important;
	}
}

*/




/*
	SCOPE
--------------------------------------- */

.tbl_cmn {
	width:98% !important;
	max-width:890px;
	margin:0 auto;
	border-top:1px solid #c6c6c6 !important;
	border-bottom:1px solid #c6c6c6 !important;
	border-collapse:collapse;
}
.tbl_cmn th {
	width:23%;
	border-top:1px solid #c6c6c6 !important;
	padding:0.55em 0.9em !important;
}
.tbl_cmn td {
	border-top:1px solid #c6c6c6 !important;
	padding:0.55em 0.9em !important;
}

@media only screen and (max-width:767px) {
	.tbl_cmn {
		width:auto !important;
		display: block;
		border:none !important;
	}
	.tbl_cmn thead {
		display: none;
	}
	.tbl_cmn tbody {
		display: block;
	}
	.tbl_cmn tbody tr {
		display: block;
		margin-bottom: 1.5em;
	}
	
	.tbl_cmn td, th {
		border:none;
		padding:0.2em 0.7em !important;
	}
	
	.tbl_cmn th {
		width:auto;
		font-size:0.9em;
		padding:0 0.5em;
		background:#e3e3e3;
		display: list-item;
		margin-bottom: 2px;
		list-style-type: none;
		border:none !important;
	}
	.tbl_cmn td {
		font-size:0.9em;
		display: list-item;
		list-style:none;
		background:none;
		margin:-2px 0 -10px 0 !important;
		padding:0 0.5em;
		border:none !important;
	}
}


/*
	VR
--------------------------------------- */

.tbl_spec {
	width:99.4%;
	margin:0;
	border:1px solid #a9a9a9 !important;
	border-collapse:collapse;
}

.tbl_spec caption {
	font-size:1.15em;
}

.tbl_spec th {
	width:21.5%;
	text-align:center;
	border:1px solid #a9a9a9;
	padding:0.3em 0.9em;
}
.tbl_spec td {
	border:1px solid #a9a9a9;
	padding:0.3em 0.9em;
}

.tbl_spec td p span {
	font-size:1.2em;
	padding:0 0.15em 0 0;
}

.tbl_spec td ul {
	padding:0 0 0 1.2em;
	margin:0;
}

.tbl_spec td div {
	padding:0 0 1.2em 0;
	margin:0;
}


@media only screen and (max-width:767px) {
	.tbl_spec {
		width:99.99%;
		margin:0 auto;
	}
}



/*
	学祭R
--------------------------------------- */

.tbl_outer {
	width:auto;
	text-align:center;
}

.tbl_price {
	width:99.4%;
	margin:0;
	border:1px solid #a9a9a9 !important;
	border-collapse:collapse;
}

.tbl_price caption {
	font-size:1.15em;
}

.tbl_price th {
	background:#f6f5f4;
	text-align:center;
	border:1px solid #a9a9a9;
	padding:0.22em 0.4em;
	text-align:center;
}
.tbl_price td {
	border:1px solid #a9a9a9;
	padding:0.22em 0.4em;
	text-align:center;
}

.tbl_price td p span {
	font-size:1.2em;
	padding:0 0.15em 0 0;
}

.tbl_price td ul {
	padding:0 0 0 1.2em;
	margin:0;
}

.tbl_price td div {
	padding:0 0 1.2em 0;
	margin:0;
}


@media only screen and (max-width:643px) {
	.tbl_price {
		width:99.4%;
		/*
		max-width:540px;
		*/
		margin-left: auto;
		margin-right: auto;
		
		border:1px solid red;
	}
}




ul.kome {
	padding-left:1em inherit;
	margin:0 !important;
}

ul.kome li {
	padding:0;
	margin:0;
	text-indent:-1em;
    list-style-type:none;
}

ul.kome li span {
	font-size:1.2em;
	padding:0 0.1em 0 0;
}


/*
	電話番号タップ
--------------------------------------- */

.tel-link {
	font-size:1.1em;
	font-weight:bold;
	color:#111;
	line-height:1.1em;
	margin:0;
	padding:0 0 0 0.5em;
}

.tel-link a {
	color:#111;
}

.pc_tel {
	display:block;
}
.sp_tel {
	display:none;
}

.call_ttl_sp {
	color:#777;
	font-size:0.9em;
	display:none;
}

@media only screen and (max-width:767px) {
	.pc_tel {
		display:none;
	}
	.sp_tel {
		display:block;
		color:#111;
	}
}

.tel_img {
	text-align:center;
}
	
.tel_img img {
	margin:0 auto;
	width:100%;
	height:auto;
	max-width:480px;　  
}