@charset "UTF-8";

/* ----------------------------------------------------------------
 *  CSS Document by SpeedWagon
 *    Last update: 2015/04/09
 *    This Site so2.jp
 *    Copyright(C) 2001-2015 SPEEDWAGON Inc. All right reserved.
/* -------------------------------------------------------------- */

/* ----------------------------------------------------------------
   Initialization
----------------------------------------------------------------- */
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p,table,th,td,caption,form{margin:0;padding:0;border:0;font-style:normal;font-weight:normal;font-size:100%;list-style:none;}
input,textarea{margin:0;padding:0;font-style:normal;font-weight:normal;font-size: 100%;text-align: left;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
abbr, acronym{border:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
html { height: 100%; }
img{border:none;vertical-align: bottom;}

/* micro clearfix */
.cf:before,
.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* ----------------------------------------------------------------
   Base Parts
----------------------------------------------------------------- */

.clear { clear: both;        }
.center{ text-align: center; }
.left  { text-align: left;   }
.right { text-align: right;  }
.fl    { float:left;         }
.fr    { float:right;        }
.small { font-size: 80%;line-height:0.5; }

/* ----------------------------------------------------------------
   その他
----------------------------------------------------------------- */

.m0   { margin:        0px;  !important; }
.m5   { margin:        5px;  !important; }
.m10  { margin:        10px; !important; }
.m15  { margin:        15px; !important; }
.m20  { margin:        20px; !important; }
.m25  { margin:        25px; !important; }
.m30  { margin:        30px; !important; }
.m35  { margin:        35px; !important; }
.m40  { margin:        40px; !important; }
.m45  { margin:        45px; !important; }
.m50  { margin:        50px; !important; }
.p0   { padding:       0px;  !important; }
.p5   { padding:       5px;  !important; }
.p10  { padding:       10px; !important; }
.p15  { padding:       15px; !important; }
.p20  { padding:       20px; !important; }
.p25  { padding:       25px; !important; }
.p30  { padding:       30px; !important; }
.p35  { padding:       35px; !important; }
.p40  { padding:       40px; !important; }
.p45  { padding:       45px; !important; }
.p50  { padding:       50px; !important; }

.mt0  { margin-top:      0px; !important; }
.mr0  { margin-right:    0px; !important; }
.mb0  { margin-bottom:   0px; !important; }
.ml0  { margin-left:     0px; !important; }
.mt5  { margin-top:      5px; !important; }
.mr5  { margin-right:    5px; !important; }
.mb5  { margin-bottom:   5px; !important; }
.ml5  { margin-left:     5px; !important; }
.mt10 { margin-top:     10px; !important; }
.mr10 { margin-right:   10px; !important; }
.mb10 { margin-bottom:  10px; !important; }
.ml10 { margin-left:    10px; !important; }
.mt15 { margin-top:     15px; !important; }
.mr15 { margin-right:   15px; !important; }
.mb15 { margin-bottom:  15px; !important; }
.ml15 { margin-left:    15px; !important; }
.mt20 { margin-top:     20px; !important; }
.mr20 { margin-right:   20px; !important; }
.mb20 { margin-bottom:  20px; !important; }
.ml20 { margin-left:    20px; !important; }
.mt25 { margin-top:     25px; !important; }
.mr25 { margin-right:   25px; !important; }
.mb25 { margin-bottom:  25px; !important; }
.ml25 { margin-left:    25px; !important; }
.mt30 { margin-top:     30px; !important; }
.mr30 { margin-right:   30px; !important; }
.mb30 { margin-bottom:  30px; !important; }
.ml30 { margin-left:    30px; !important; }
.mt35 { margin-top:     35px; !important; }
.mr35 { margin-right:   35px; !important; }
.mb35 { margin-bottom:  35px; !important; }
.ml35 { margin-left:    35px; !important; }
.mt40 { margin-top:     40px; !important; }
.mr40 { margin-right:   40px; !important; }
.mb40 { margin-bottom:  40px; !important; }
.ml40 { margin-left:    40px; !important; }
.mt45 { margin-top:     45px; !important; }
.mr45 { margin-right:   45px; !important; }
.mb45 { margin-bottom:  45px; !important; }
.ml45 { margin-left:    45px; !important; }
.mt50 { margin-top:     50px; !important; }
.mr50 { margin-right:   50px; !important; }
.mb50 { margin-bottom:  50px; !important; }
.ml50 { margin-left:    50px; !important; }

.pt0  { padding-top:     0px; !important; }
.pr0  { padding-right:   0px; !important; }
.pb0  { padding-bottom:  0px; !important; }
.pl0  { padding-left:    0px; !important; }
.pt5  { padding-top:     5px; !important; }
.pr5  { padding-right:   5px; !important; }
.pb5  { padding-bottom:  5px; !important; }
.pl5  { padding-left:    5px; !important; }
.pt10 { padding-top:    10px; !important; }
.pr10 { padding-right:  10px; !important; }
.pb10 { padding-bottom: 10px; !important; }
.pl10 { padding-left:   10px; !important; }
.pt15 { padding-top:    15px; !important; }
.pr15 { padding-right:  15px; !important; }
.pb15 { padding-bottom: 15px; !important; }
.pl15 { padding-left:   15px; !important; }
.pt20 { padding-top:    20px; !important; }
.pr20 { padding-right:  20px; !important; }
.pb20 { padding-bottom: 20px; !important; }
.pl20 { padding-left:   20px; !important; }
.pt25 { padding-top:    25px; !important; }
.pr25 { padding-right:  25px; !important; }
.pb25 { padding-bottom: 25px; !important; }
.pl25 { padding-left:   25px; !important; }
.pt30 { padding-top:    30px; !important; }
.pr30 { padding-right:  30px; !important; }
.pb30 { padding-bottom: 30px; !important; }
.pl30 { padding-left:   30px; !important; }
.pt35 { padding-top:    35px; !important; }
.pr35 { padding-right:  35px; !important; }
.pb35 { padding-bottom: 35px; !important; }
.pl35 { padding-left:   35px; !important; }
.pt40 { padding-top:    40px; !important; }
.pr40 { padding-right:  40px; !important; }
.pb40 { padding-bottom: 40px; !important; }
.pl40 { padding-left:   40px; !important; }
.pt45 { padding-top:    45px; !important; }
.pr45 { padding-right:  45px; !important; }
.pb45 { padding-bottom: 45px; !important; }
.pl45 { padding-left:   45px; !important; }
.pt50 { padding-top:    50px; !important; }
.pr50 { padding-right:  50px; !important; }
.pb50 { padding-bottom: 50px; !important; }
.pl50 { padding-left:   50px; !important; }

.var1   { width: 1%;    !important; }
.var2   { width: 2%;    !important; }
.var3   { width: 3%;    !important; }
.var4   { width: 4%;    !important; }
.var5   { width: 5%;    !important; }
.var6   { width: 6%;    !important; }
.var7   { width: 7%;    !important; }
.var8   { width: 8%;    !important; }
.var9   { width: 9%;    !important; }
.var10  { width: 10%;   !important; }
.var11  { width: 11%;   !important; }
.var12  { width: 12%;   !important; }
.var13  { width: 13%;   !important; }
.var14  { width: 14%;   !important; }
.var15  { width: 15%;   !important; }
.var16  { width: 16%;   !important; }
.var17  { width: 17%;   !important; }
.var18  { width: 18%;   !important; }
.var19  { width: 19%;   !important; }
.var20  { width: 20%;   !important; }
.var21  { width: 21%;   !important; }
.var22  { width: 22%;   !important; }
.var23  { width: 23%;   !important; }
.var24  { width: 24%;   !important; }
.var25  { width: 25%;   !important; }
.var26  { width: 26%;   !important; }
.var27  { width: 27%;   !important; }
.var28  { width: 28%;   !important; }
.var29  { width: 29%;   !important; }
.var30  { width: 30%;   !important; }
.var31  { width: 31%;   !important; }
.var32  { width: 32%;   !important; }
.var33  { width: 33%;   !important; }
.var34  { width: 34%;   !important; }
.var35  { width: 35%;   !important; }
.var36  { width: 36%;   !important; }
.var37  { width: 37%;   !important; }
.var38  { width: 38%;   !important; }
.var39  { width: 39%;   !important; }
.var40  { width: 40%;   !important; }
.var41  { width: 41%;   !important; }
.var42  { width: 42%;   !important; }
.var43  { width: 43%;   !important; }
.var44  { width: 44%;   !important; }
.var45  { width: 45%;   !important; }
.var46  { width: 46%;   !important; }
.var47  { width: 47%;   !important; }
.var48  { width: 48%;   !important; }
.var49  { width: 49%;   !important; }
.var50  { width: 50%;   !important; }
.var51  { width: 51%;   !important; }
.var52  { width: 52%;   !important; }
.var53  { width: 53%;   !important; }
.var54  { width: 54%;   !important; }
.var55  { width: 55%;   !important; }
.var56  { width: 56%;   !important; }
.var57  { width: 57%;   !important; }
.var58  { width: 58%;   !important; }
.var59  { width: 59%;   !important; }
.var60  { width: 60%;   !important; }
.var61  { width: 61%;   !important; }
.var62  { width: 62%;   !important; }
.var63  { width: 63%;   !important; }
.var64  { width: 64%;   !important; }
.var65  { width: 65%;   !important; }
.var66  { width: 66%;   !important; }
.var67  { width: 67%;   !important; }
.var68  { width: 68%;   !important; }
.var69  { width: 69%;   !important; }
.var70  { width: 70%;   !important; }
.var71  { width: 71%;   !important; }
.var72  { width: 72%;   !important; }
.var73  { width: 73%;   !important; }
.var74  { width: 74%;   !important; }
.var75  { width: 75%;   !important; }
.var76  { width: 76%;   !important; }
.var77  { width: 77%;   !important; }
.var78  { width: 78%;   !important; }
.var79  { width: 79%;   !important; }
.var80  { width: 80%;   !important; }
.var81  { width: 81%;   !important; }
.var82  { width: 82%;   !important; }
.var83  { width: 83%;   !important; }
.var84  { width: 84%;   !important; }
.var85  { width: 85%;   !important; }
.var86  { width: 86%;   !important; }
.var87  { width: 87%;   !important; }
.var88  { width: 88%;   !important; }
.var89  { width: 89%;   !important; }
.var90  { width: 90%;   !important; }
.var91  { width: 91%;   !important; }
.var92  { width: 92%;   !important; }
.var93  { width: 93%;   !important; }
.var94  { width: 94%;   !important; }
.var95  { width: 95%;   !important; }
.var96  { width: 96%;   !important; }
.var97  { width: 97%;   !important; }
.var98  { width: 98%;   !important; }
.var99  { width: 99%;   !important; }
.var100 { width: 100%;  !important; }

.fix10  { width: 10px;  !important; }
.fix15  { width: 15px;  !important; }
.fix20  { width: 20px;  !important; }
.fix25  { width: 25px;  !important; }
.fix30  { width: 30px;  !important; }
.fix35  { width: 35px;  !important; }
.fix40  { width: 40px;  !important; }
.fix50  { width: 50px;  !important; }
.fix60  { width: 60px;  !important; }
.fix70  { width: 70px;  !important; }
.fix80  { width: 80px;  !important; }
.fix90  { width: 90px;  !important; }
.fix100 { width: 100px; !important; }
.fix150 { width: 150px; !important; }
.fix200 { width: 200px; !important; }
.fix250 { width: 250px; !important; }
.fix300 { width: 300px; !important; }
.fix350 { width: 350px; !important; }
.fix400 { width: 400px; !important; }
.fix450 { width: 450px; !important; }
.fix500 { width: 500px; !important; }

.radius5  {
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius-: 5px;
}
.radius10  {
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius-: 10px;
}
.radius15  {
	border-radius:15px;
	-webkit-border-radius: 15px;
	-moz-border-radius-: 15px;
}
.radius20  {
	border-radius:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius-: 20px;
}

/* ----------------------------------------------------------------
   Base Parts
----------------------------------------------------------------- */

body{
	margin: 0px;
	padding: 0px;
	font-size: 95%;
	line-height: 140%;
	font-family: Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	height: 100%;
	background-image: url("/img/back.jpg");
}

a{color:#074FBB;text-decoration: underline;}
a:visited{color:#1976E8;text-decoration:none;}
a:hover,a:active{color:#FD4C0E;text-decoration:underline;}

strong{color: #8A6409;font-size: 120%;}
em{color: #074684;font-size: 100%;	font-weight: normal;font-style: normal;}
b{color: #ff0000;}
p{padding: 10px;}
hr{
	border-top: 1px solid #BEB9AD;
	border-bottom:none;
	border-left:none;
	border-right:none;
}
* html hr{border-bottom: 1px dashed #ffffff;}

.small {color: #6A4800;}
.mess,.err,.red{ color: #ff0000; }
.icon{ font-size: 140%; }

/* ----------------------------------------------------------------
   Input Parts
----------------------------------------------------------------- */

.text_form,input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],select,textarea{
	box-sizing: border-box;
	margin: 0px;
	padding: 2px;
	border: 1px solid #9F9F9F;
	}
	textarea{
		height: 100px;
	}
	.text_form:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="number"]:focus,input[type="date"]:focus,select:focus,textarea:focus{
		background-color: #FFF2D7;
	}

.submit{
	border: 1px solid #083d62;
	border-radius:5px;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	text-align: center;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
	line-height: 100%;
	color: #ffffff;
	text-decoration:none;
	background-color: #0b588c;
	background: -moz-linear-gradient(top, #0e77b3, #0b588c); /* mozilla */
	background: -webkit-gradient(linear, center top, center bottom, from(#0e77b3), to(#0b588c)); /* Webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF#0e77b3', endColorstr='#FF#0b588c'); /* IE5.5以上 */
	box-shadow:1px 1px 3px #737373;
	text-shadow:0 0 3px #737373;
	cursor: pointer;
	}
	.submit:hover{
		border: 1px solid #BA1403;
		color: #FFF;
		text-decoration: none;
		background-color: #d53203;
		background: -moz-linear-gradient(top, #ed3503, #d53203); /* mozilla */
		background: -webkit-gradient(linear, center top, center bottom, from(#ed3503), to(#d53203)); /* Webkit */
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF#ed3503', endColorstr='#FF#d53203'); /* IE5.5以上 */
	}

button{
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  border: none;
  overflow: visible;
  width: auto;
}

/* ----------------------------------------------------------------
   Table
----------------------------------------------------------------- */
table.table{
	margin: 10px 0px 10px 0px;
	width: 100%;
	border-collapse:collapse;
}
table.tlist tr:nth-child(odd){
	background: #f6f6f6;
}
table.table tr:hover,table.tlist tr:hover{
	background-color: #fffade;
}
table.table th{
	padding: 5px 10px 5px 10px;
	background: url("/img/th_bac.jpg");
	color: #000000;
	border: 1px solid #626262;
	text-align: left;
}
table.table td{
	padding: 5px 10px 5px 10px;
	border: 1px solid #626262;
	text-align: left;
}

/* ----------------------------------------------------------------
   レイアウト
----------------------------------------------------------------- */
/**
	* ヘッダー
**/
header{
	width: 100%;
	}
	#header{
		margin: 0px auto;
		padding: 10px 0px 8px 0px;
		width: 1000px;
		height: 60px;
	}
	.header_left{
		float:left;
		width:  940px;
	}
		#logo{
			cursor: pointer;
		}
	.header_right{
		float:right;
		position:relative;
		text-align: center;
		padding: 20px 0px 0px 0px;
		width:  60px;
		height: 40px;
		}
		.head_menu_btn{
			cursor: pointer;
			color: #12335f;
		}
		.headmenu_icon{ font-size: 60px; }
		.head_menu{
			position:absolute; top:68px; right:0px;
			width: 300px;
			text-align: left;
			background-color: #3e4046;
			z-index: 99;
			display: none;
		}
		.head_menu li{
			border-bottom: 1px solid #555860;
		}
		.head_menu li a{
			display: block;
			padding: 20px;
			font-size: 120%;
			color: #ffffff;
			text-decoration: none;
		}
/**
	* グローバルナビ
**/
nav{
	width: 100%;
	border-top: 1px solid #212021;
	border-bottom: 1px solid #212021;
	}
	ul.global_nav{
		margin: 0px auto;
		padding: 5px 0px 5px 0px;
		width: 1000px;
	}
	ul.global_nav li{
		float:left;
		margin: 5px 0px 5px 0px;
		width: 12.5%;
		text-align: center;
	}
	ul.global_nav li a{
		display: block;	
		text-decoration: none;
		color: #212021;
		text-shadow: 2px 2px 2px #ececec;
		opacity:1;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition:0.5s;
	}
	ul.global_nav li a:hover{
		opacity:0.5;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		-o-transition: 1s;
		transition:1s;
	}
	
/**
 * メインエリア
**/
#wrapper{
	width: 100%;
	}
	#container{
		margin: 0px auto;
		width: 1000px;
		position:relative;
	}
/**
 * メインイメージ
**/
	.main_image{
		padding: 5px 0px 5px 0px;
		box-sizing: border-box;
		width: 100%;
	}
	.catch li{
		float:left;
		width: 50%;
	}
	.features{
		box-sizing: border-box;
		padding: 10px;
		background-color: #ffffff;
	}
	.features p{
		margin: 10px 5px 0px 20px;
		padding: 0px;
		line-height: 160%;
		font-size: 1em;
	}
	.fc1{ border: 2px solid #df6636;margin: 3px 2px 3px 0px; }
	.fc2{ border: 2px solid #be1d2c;margin: 3px 0px 3px 2px; }
	.fc3{ border: 2px solid #1074bc;margin: 3px 2px 3px 0px; }
	.fc4{ border: 2px solid #283890;margin: 3px 0px 3px 2px; }
	
	h2{
		padding: 15px 0px 15px 0px;
		font-size: 30px;
		font-weight: bold;
		color: #ffffff;
	}
	h3{
		position:relative;
		font-size: 20px;
		font-weight: bold;
		color: #3c3c3c;
	}
	.fc1 h3{ color: #df6636;font-size: 2em; }
	.fc2 h3{ color: #be1d2c;font-size: 2em; }
	.fc3 h3{ color: #1074bc;font-size: 2em; }
	.fc4 h3{ color: #283890;font-size: 1.9em; }
	
	.main{
		width: 1000px;
	}
	.main_contents{
		float:left;
		padding: 0px 10px 10px 0px;
		width: 890px;
	}
	.side_contents{
		float:right;
		width: 100px;
		background: url("/img/side_back.jpg") repeat-y;
	}
/**
	* フッター
**/
footer{
	width: 100%;
	background-color: #666666;
	}
	#footer{
		position:relative;
		margin: 0px auto;
		padding: 10px 0px 10px 0px;
		width: 1000px;
		color: #ffffff;
	}
	.upbtn{
		position:absolute; top:-100px; right:0px;
		box-sizing: border-box;
		margin: 0px;
		padding: 10px 0px 10px 0px;
		color: #ffffff;
		font-weight: normal;
		text-align: center;
		width: 100px;
		height: 100px;
		}
		.upbtn div.img{
			margin: 0px;
			padding: 0px;
		}
		.upbtn div.title{
			margin: 0px;
			padding: 0px;
			font-size: 10px;
		}
	address{
		
	}
	.copyright{
		padding: 10px;
	}

/* ----------------------------------------------------------------
   TOPページ
----------------------------------------------------------------- */
.top_content{}
.top_content li{
	float:left;
	box-sizing: border-box;
	padding: 20px 10px 20px 10px;
	width: 250px;
	color: #ffffff;
	}
	.img{
		text-align: center;
	}
	.title{
		box-sizing: border-box;
		margin: 3px 0px 10px 0px;
		font-weight: bold;
		font-size: 16px;
		text-align: center;
	}
	.text{
		box-sizing: border-box;
		margin: 15px 10px 10px 10px;
		font-size: 14px;
	}
	.top_content li ul li{
		box-sizing: border-box;
		margin: 5px 10px 0px 10px;
		padding: 0px;
		font-size: 16px;
		width: 100%;
	}

#integration
,#development
,#production
,#server
,#sip_solutions
,#consultation
,#introduction
,#aboutus
,#upbtn{
	cursor: pointer;
}
#integration:hover
,#development:hover
,#production:hover
,#server:hover
,#sip_solutions:hover
,#consultation:hover
,#introduction:hover
,#aboutus:hover
,#upbtn:hover{
	opacity:0.8;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition:1s;
}

/* ----------------------------------------------------------------
   セカンドページ
----------------------------------------------------------------- */
.breadcrumbs{
	padding: 5px 10px 5px 10px;
}

.hwra{
	padding: 5px 0px 0px 0px;
	height: 95px;
}
.hicon{
	float:left;
	padding: 10px 20px 10px 20px;
	text-align: center;
	width: 70px;
}
.hbox{
	float:left;
	padding: 5px 0px 0px 0px;
	height: 85px;
	color: #ffffff;
}
.point_desc{
	padding: 20px 10px 20px 10px;
}

.mb80{ margin: 0px 0px 80px 0px; }
.mb100{ margin: 0px 0px 100px 0px; }
.botoom_nav{
	width: 890px;
	position:absolute; bottom: 0px; left:0px;
}
.botoom_nav a{
	float:left;
	width: 50%;
	color: #ffffff;
	height: 100px;
	text-align: center;
	text-decoration: none;
}

/*
 * 実績紹介
**/
.introduction_desc{
	margin: 20px 0px 0px 0px;
	padding: 20px;
	border: 1px solid #666666;
}
ul.introduction_icon{
	position:absolute; top:-10px; right:0px;
}
ul.introduction_icon li{
	float:left;
	padding: 0px 0px 0px 5px;
}

img.gray{
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	-o-filter: invert(100%);
	-ms-filter: invert(100%);
	filter: invert(100%);
	opacity:0.3;
}

.introduction_img{
	margin: 20px 0px 10px 0px;
	border: 1px solid #666666;
	background-color: #ffffff;
	text-align: center;
}
.costhour{
	padding: 0px 0px 0px 10px;
	font-weight: bold;
}

/*
 * プライバシーポリシー
**/
#privacypolicy{
	margin: 20px;
}

.p_title{
	margin: 20px 0px 0px 0px;
	font-size: 105%;
	font-weight: bold;
}
#privacypolicy p{}

#privacypolicy ul{
	margin: 0px 0px 0px 20px;
	}
	#privacypolicy ul li ul{
		margin: 0px 0px 0px 40px;
	}

/*
 * セカンド右サイド
**/
.second_content{
	margin: 0px 0px 100px 0px;
	width: 100%;
}
.second_content li{
	box-sizing: border-box;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	width: 100%;
	height: 100px;
	color: #ffffff;
	text-align: center;
}
.second_content li div.img{
	margin: 0px;
	padding: 0px;
}
.second_content li div.title{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

/* ----------------------------------------------------------------
   media screen 表示振分
----------------------------------------------------------------- */
/* タブレット 縦 */
@media screen and (max-width: 1000px) {
	#header{
		padding: 5px 0px 0px 0px;
		width: 100%;
	}
	.header_left {
		width: 100%;
		margin-right: -60px;
	}
	.head_menu {
		position:absolute; top:60px; right:0px;
	}
	ul.global_nav { width: 100%; }
	ul.global_nav li a{
		display: inline;
		font-size: 10px;
	}
	#container     { width: 100%; }
	.features{
		box-sizing: border-box;
		padding: 10px 5px 10px 5px;
	}
	.features:nth-child(even){
		margin: 3px 0px 3px 0px;
	}
	.features:nth-child(odd){
		margin: 3px 0px 3px 0px;
	}
	.features p{
		margin: 0px;
		padding: 10px 0px 0px 0px;
		font-size: 0.9em;
		letter-spacing: 0.01em;
	}
	.main{
		padding: 0px;
		width: 100%;
	}
	.main_contents {
		margin: 0px;
		padding: 0px;
		width:  100%;
	}
	.side_contents {
		margin: 0px;
		padding: 0px;
		width:  100%;
	}
	.upbtn{
		width: 25%;
		height: 100px;
	}
	#footer{ width: 100%; }
	.top_content li{
		float:left;
		box-sizing: border-box;
		width: 50%;
	}
	.hwra{
		text-align: center;
		padding: 0px;
		height: auto;
	}
	.hicon{
		float: none;
		padding: 5px 0px 5px 0px;
		width: 100%;
	}
	.hbox{
		float: none;
		padding: 0px;
		height: auto;
	}
	.hbox h2{
		padding: 0px 0px 5px 0px;
	}
	.second_text{
		padding: 0px 10px 5px 10px;
		text-align: left;
	}
.botoom_nav{
	margin: 0px 0px 5px 0px;
	width: 100%;
	position:static;
}
	.introduction_desc{
		margin: 10px 0px 0px 0px;
		padding: 5px;
	}
	ul.introduction_icon{
		margin: 5px 0px 0px 0px;
		position:static;
	}
	.introduction_img{
		margin: 10px 0px 10px 0px;
		padding: 5px;
	}
	.introduction_img img{
		width: 100%;
		height: auto;
	}
	.second_content li{
		float:left;
		box-sizing: border-box;
		width: 25%;
	}
	.second_content{
		margin: 0px 0px 0px 0px;
		width: 100%;
	}
/* table */
	table.table th{
		font-size: 14px;
	}
	table.table td{
		font-size: 14px;
	}
	input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],select,textarea{
		width: 100%;
		box-sizing: border-box;
	}
	table.table th{
		font-size: 14px;
	}
	table.table td{
		font-size: 14px;
	}
}
/* スマホ 横  */
@media screen and (max-width: 760px) {
	ul.global_nav li{
		float:left;
		margin: 3px 0px 3px 0px;
		width: 25%;
		text-align: center;
	}
	#container     { width: 100%; }
	.catch li{
		float:left;
		width: 100%;
	}
	.features{
		padding: 10px 5px 10px 5px;
	}
	.features p{
		margin: 0px;
		letter-spacing: 0.01em;
	}
	address{
		font-size: 12px;
	}
	.copyright{
		font-size: 12px;
	}
	.title{
		font-size: 12px;
	}
	.text{
		margin: 15px 10px 10px 50px;
		font-size: 12px;
	}
	.top_content li ul{
		margin: 0px 0px 0px 50px;
	}
	.top_content li ul li{
		margin: 5px 10px 0px 10px;
		font-size: 14px;
	}
}
/* スマホ 縦  */
@media screen and (max-width: 480px) {
	#logo{
		padding: 10px 60px 0px 0px;
	}
	#logo img{
		width: 100%;
		height: 100%;
	}
	#container     { width: 100%; }
	h2{
		font-size: 20px;
	}
	.fc3 h3{ font-size: 1.6em; }
	.fc4 h3{ font-size: 1.4em; }
	.side_contents{
		background: none;
	}
	.upbtn div.title{
		font-size: 8px;
	}
	address{
		font-size: 10px;
	}
	.copyright{
		font-size: 10px;
	}
	.title{
		font-size: 10px;
	}
	.text{
		margin: 15px 0px 10px 4px;
		font-size:9px;
	}
	.top_content li ul{
		margin: 0px 0px 0px 0px;
	}
	.top_content li ul li{
		margin: 5px 5px 0px 5px;
		font-size: 11px;
	}
	.second_content li{
		font-size: 9px;
	}
	.second_content li div.title{
		margin: 0px;
		padding: 0px;
		font-size: 8px;
	}
	table.table th{
		box-sizing: border-box;
	}
	table.table td{
		box-sizing: border-box;
	}
	table.table th,table.table td{
		display: block;
		width: 100%;
		border-top: none;
		border-left: none;
		border-right: none;
	}
	table.table:first-child tr:first-child th   { border-top: 1px solid #626262; }
}