@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#container {
	width: 100%;
}

#top .mainImg {
	padding: 292px 0;
	color: #FFF;
	font-size: 2.4em;
	text-align: center;
	background: url(images/index_main_img.jpg) no-repeat center bottom;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index_main_img.jpg',sizingMethod='scale');
}

#top #main {
	margin-bottom: 0;
}

#top .inner {
	display: table;
	margin: 0 0 50px;
	/*padding-right: 200px;*/
	background-color: #EFEFEF;
	width: 100%;
}

#top .inner .photoBox {
	display: table-cell;
	width: 30%;
}

#top .inner .photoBox img {
	height: auto;
	min-width: 300px;
	width: 100%;
}

#top .inner .textBox {
	/*margin-top: 80px;
	width: 560px;*/
	display: table-cell;
	padding: 10px 50px;
	vertical-align: middle;
	width: 70%;
}

#top .inner .textBox .ttl {
	margin-bottom: 40px;
}

#top .inner .textBox p {
	margin-bottom: 20px;
	color: #232323;
	font-size: 1.2em;
}

#top h2 {
	margin-bottom: 58px;
	text-align: center;
}

#top .serviceBox .lBox {
	padding-bottom: 70px;
	width: 50%;
	float: left;
}

#top .serviceBox .lBox img {
	width: 99.5%;
}

#top .serviceBox h3 {
	margin-bottom: 60px;
	text-align: center;
}

#top .serviceBox p {
	font-size: 12px;
	margin: 0 auto 30px;
	width: 420px;
}

#top .serviceBox .rBox {
	padding-bottom: 120px;
	width: 50%;
	float: right;
	background-color: #f6f7fb;
}

#top .serviceBox .rBox img {
	width: 99.5%;
}

#top .lBox .lli{
	margin: 260px auto 0;
	width: 575px;
}

#top .serviceBox .limg{
	width: 25%;
    margin: 0 0 30px 76px;
}
#top .serviceBox .limg2{
	margin: auto;
    width: 565px;
}

#top .rBox .rli{
	margin: auto;
	width: 595px;
}

#top .serviceBox li {
	margin: 0 20px 0 0;
	float: left;
	display: table;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2;
	border-radius: 3px;
	position: relative;
}
#top .serviceBox .rli li:nth-child(3){
	margin: 0;
}

#top .serviceBox .none {
	margin-right: 0;
}

#top .serviceBox li a {
	display: table-cell;
	text-align: center;
}
#top .serviceBox .caption{
	font-size: 12px;
	margin:auto;
	width: 185px;
	height: 150px;
	background-color: #ffffff;
	padding: 20px;
	font-weight: 600;
    color: #23519f;
}
#top .serviceBox .caption span{
	font-size: 11px;
	text-align: left;
	font-weight: 100;
    color: #000000;
}
#top .serviceBox .caption2{
	width: 380px;
    float: right;
    background-color: #f6f7fb;
    height: 164px;
	font-size: 12px;
    margin: auto;
    font-weight: 600;
    color: #23519f;
	padding: 35px;
}
#top .serviceBox .caption2 span{
	font-size: 11px;
	text-align: left;
	font-weight: 100;
    color: #000000;
}
#top .serviceBox .imageBox{
	font-size: 12px;
	margin:auto;
	text-align: center;
	width: 185px;
}
#top .serviceBox .imageBox2{
	float: left;
	font-size: 12px;
	margin:auto;
	text-align: center;
	width: 185px;
}

#top .recruit {
	padding: 65px 0 130px;
	background: url(images/index_recruit_bg.jpg) no-repeat center top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index_recruit_bg.jpg',sizingMethod='scale');
}

#top .recruit h2 {
	margin-bottom: 90px;
}

#top .recruit .sub {
	margin: 0 auto 85px;
	width: 706px;
}

#top .recruit .sub .photoBox {
	float: left;
}

#top .recruit .sub .textBox {
	margin-top: 25px;
	width: 500px;
	float: right;
}

#top .recruit .sub .textBox p {
	color: #171717;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.85;
}

#top .recruit .link {
	margin: 0 auto;
	width: 310px;
	text-align: center;
}

#top .recruit .link a {
	padding: 10px 0;
	display: block;
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
	background-color: #000;
}

/*------------------------------------------------------------
	about
------------------------------------------------------------*/
#about .philosophy{
	background: url("images/about_bg.png") no-repeat 80% top;
	padding: 80px 0 0 0;
}

#about .philosophy dl{
	display: table;
	font-size: 12px;
	line-height: 1.8em;
	margin: auto;
	width: 750px;
}

#about .philosophy dl dt{
	float: left;
	margin: 0 0 50px 0;
	padding: 0 20px 0 0;
	text-align: right;
	width: 230px;
}

#about .philosophy dl dd{
	border-left: 2px solid #204fa1;
	float: right;
	text-align: left;
	margin: 0 0 50px 0;
	padding: 0 0 0 20px;
	width: 478px;
}

#about .message{
	background-color: #EEE;
	display: table;
	line-height: 1.8em;
	margin: 0 0 100px 0;
	width: 100%;
}

#about .message .text{
	line-height: 1.6em;
	margin: 15px 0;
}

#about .message .strong{
	font-size: 18px;
	font-weight: bold;
}

#about .message .photoBox{
	background: url(images/about_photo02.jpg) no-repeat center top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	display: table-cell;
	width: 30%;
}

#about .message .textBox{
	display: table-cell;
	font-size: 12px;
	padding: 50px;
	width: 70%;
}

#about .philosophy dl dd .strong{
	font-size: 18px;
	margin: 0 0 5px 0;
}

#about .imgBox {
	margin: 0 auto;
	padding-right: 180px;
	max-width: 1104px;
	width: 100%;
}

#about .imgBox .photoBox {
	float: left;
}

#about .imgBox .textBox {
	margin-top: 55px;
	width: 450px;
	float: right;
}

#about .imgBox .textBox p {
	margin-bottom: 25px;
	color: #4e4e4e;
	font-size: 1.2em;
	line-height: 2;
}

#about .tableBox {
	margin: 0 auto 100px;
	max-width: 1000px;
	width: 100%;
}

#about .map {
	margin: 0 auto;
	width: 1000px;
}

/*------------------------------------------------------------
	office-solution
------------------------------------------------------------*/
#solution #main .headLine01 {
	margin-bottom: 0;
}

#solution #main {
	margin-bottom: 0;
}

#solution .topBox {
	background: url(images/office_main_bg.jpg) no-repeat center top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/office_main_bg.jpg',sizingMethod='scale');
}

#solution .globalTopBox {
	background: url(images/global_main_bg.jpg) no-repeat center top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/global_main_bg.jpg',sizingMethod='scale');
}

#solution .topBox .lBox {
	padding: 200px 0 250px;
	float: left;
	text-align: center;
	width: 50%;
}

#solution .topBox .lBox p {
	font-size: 2.6em;
	font-weight: bold;
	letter-spacing: 2px;
}

#solution .topBox .lBox p span {
	font-size: 0.8em;
	display: block;
	letter-spacing: inherit;
}

#solution .topBox .rBox {
	width: 50%;
	float: right;
}

#solution .topBox .rBox p {
	padding: 200px 200px 0 0;
	font-size: 1.3em;
	line-height: 1.6;
}

#solution .txtInner {
	padding: 60px 0;
	text-align: center;
	background-color: #204fa1;
}

#solution .txtInner.global {
	padding: 60px 0;
	text-align: center;
	background-color: #5db047;
}

#solution .txtInner2.global {
	 position: relative;
	padding: 30px 0;
	text-align: center;
	color: #fff;
	font-size: 1.5rem;
	background-color: #5db047;
}
#solution .txtInner2.global::before{
	content: "";
	  position: absolute;
	  top: 100%;
	  left: 50%;
	  margin-left: -30px;
	  border: 30px solid transparent;
	  border-top: 30px solid #5db047;
}


#solution .system.global{
	margin: 50px auto;
}

#solution .system.global .photoBox{
	text-align: center;
}

#solution .system.global .textBox .textInner .strong{
	color: #5DB047;
}

#solution .txtInner p {
	color: #FFF;
	font-size: 1.8em;
	font-weight: bold;
}

#solution .arrow {
	margin-bottom: 50px;
	text-align: center;
}

#solution .blueP {
	margin-bottom: 40px;
	color: #204fa1;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
}

#solution .blackP {
	margin: 50px 0;
	font-size: 2.2em;
	font-weight: bold;
	text-align: center;
}

#solution .global-bg{
	background: url("images/global_bg.png");
	padding: 50px 0;
}

#solution .global-bg .title{
	background-color: #5DB047;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	margin:auto;
	padding: 10px 0;
	text-align: center;
	width: 300px;
}

#solution .global-bg .sp{
	display: none;
}

#solution .photo {
	margin-bottom: 50px;
	text-align: center;
}

#solution .photo02 {
	margin-bottom: 95px;
}

#solution .photo02.global {
	margin: 0 auto;
	padding: 50px 0;
}

#solution .btnBox {
	margin: 0 auto 55px;
	width: 580px;
	text-align: center;
}

#solution .btnBox .red {
	padding: 30px 0 50px;
	color: #FFF;
	font-size: 1.8em;
	font-weight: bold;
	background-color: #A1203E;
	border-radius: 5px;
	behavior: url(js/pie.htc);
	position: relative;
}

#solution .btnBox .btn {
	margin: -25px auto 0;
	width: 343px;
}

#solution .btnBox .btn a {
	padding: 15px 0;
	display: block;
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
	background: #111 url(images/office_btn_bg.gif) repeat-x left bottom;
	border-radius: 5px;
	behavior: url(js/pie.htc);
	position: relative;
}

#solution .imgBox06 {
	background: url(images/office_bg.jpg) no-repeat center top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/office_bg.jpg',sizingMethod='scale');
}

#solution .imgBox .txtBox {
	padding: 8% 0;
	width: 50%;
	float: right;
	background: url(images/office_bg02.png) repeat left top;
}

#solution .imgBox .txtBox p {
	margin: 0 auto;
	max-width: 506px;
	color: #FFF;
	font-size: 1.3em;
	line-height: 1.6;
	width: 100%;
}

#solution .imgBox .txtBox .txt01 {
	margin-bottom: 35px;
	font-size: 2.2em;
	line-height: 1.2;
}
#solution .imgBox01 {
	background: #FFF;
}

#solution .imgBox01 .photoBox {
	width: 50%;
	float: right;
}

#solution .imgBox01 .photoBox img {
	width: 100%;
	height: auto;
}

#solution .imgBox01 .txtBox {
	padding: 45px 0 45px;
	float: left;
	background: none;
	background-color:#FFF;
}

#solution .imgBox01 .txtBox p {
	max-width: 480px;
	color: #464646;
	width: 100%;
}

#solution .imgBox02 {
	background: #FFF;
}

#solution .imgBox02 .photoBox {
	width: 50%;
	float: right;
}

#solution .imgBox02 .photoBox img {
	width: 100%;
	height: auto;
}

#solution .imgBox02 .txtBox {
	padding: 90px 0 95px;
	float: left;
	background: none;
	background-color:#FFF;
}

#solution .imgBox02 .txtBox p {
	max-width: 480px;
	color: #464646;
	width: 100%;
}

#solution .imgBox03 {
	background: #F0EFEE url(images/office_photo03.jpg) no-repeat left top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/office_photo03.jpg',sizingMethod='scale');
}

#solution .imgBox03 .txtBox {
	padding: 125px 0 180px;
}

#solution .imgBox03 .txtBox p {
	width: 480px;
}

#solution .imgBox02 .txtBox p span {
	display: block;
	color: #888;
	font-size: 0.75em;
}

#solution .imgBox04 {
	background: #FFF;
}

#solution .imgBox04 .photoBox {
	width: 50%;
	float: right;
}

#solution .imgBox04 .photoBox img {
	width: 100%;
	height: auto;
}

#solution .imgBox04 .txtBox {
	padding: 65px 0 70px;
	float: left;
	background: none;
	background-color:#FFF;
}

#solution .imgBox04 .txtBox p {
	max-width: 480px;
	color: #464646;
	width: 100%;
}

#solution .photoLinkList {
	margin: 0 auto 75px;
	width: 1000px;
}

#solution .photoLinkList.global{
	margin: 0 auto;
}

#solution .photoLinkList li {
	padding-left: 55px;
	float: left;
}

#solution .photoLinkList li:first-child {
	padding-left: 0;
}

#solution .photoLinkList .list02 {
	padding-left: 25px;
}

#solution .photoLinkList li a {
	display: block;
}

#solution .photoLinkList li span {
	margin-bottom: 7px;
	padding: 5px 0;
	width: 207px;
	display: block;
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	background-color: #5DB047;
	border-radius: 5px;
	behavior: url(js/pie.htc);
	position: relative;
}

#solution .imgBox05 {
	background: #F0EFEE url(images/office_photo05.jpg) no-repeat left top;
    background-size: cover;
}

#solution .imgBox05 .txtBox {
	padding: 8% 0 9.5%;
}

#solution .imgBox05 .txtBox .txt01 {
	margin-bottom: 50px;
}

#solution .system{
	margin: 0 auto 100px;
	max-width: 1000px;
	width: 100%;
}

#solution .system .photoBox{
	display: table-cell;
	width: 500px;
}

#solution .system .textBox{
	display: table-cell;
	margin: auto;
	text-align: center;
	vertical-align: middle;
	width: 500px;
}

#solution .system .textBox .textInner{
	display: table;
	margin: auto;
	padding: 0 0 0 50px;
	text-align: left;
}

#solution .system .textBox .textInner .strong{
	color: #204FA1;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}

#solution .system .textBox .textInner p{
	color: #666;
	font-size: 12px;
	line-height: 1.8em;
}

#solution #sample{
	width: 100%;
}

#solution #sample img{
	width: 100%;
	height: auto;
}

#solution #point{
	background: url(images/gs_bg.jpg) no-repeat center;
	background-size: cover;
	    padding-bottom: 1.7%;
}
#solution #point ul{
	float: right;
	margin-right: 20%;
	width: 512px;
	display: flex;
	flex-wrap: wrap;
	padding: 4% 0;
}
#solution #point ul li{
	line-height: 1.5rem;
	background: #5cb047;
		background: url(images/gs_Circle.png) no-repeat center;
		color: #fff;
		text-align: center;
		width: 46.7%;
		font-size: 1.4rem;
		line-height: 1.8rem;
		 padding: 7% 7% 3%;
	margin: 10px 8px;
}

#solution #point ul li .txt{
	font-size: .85rem;
			line-height: 1.3rem;
}
#solution #point ul li p{
	margin: 15px 0;
	}
#solution #btn a{
	display: block;
	vertical-align: bottom;
	text-align: center;
	color: #fff;
	background: #5cb047;
	width: 500px;
	margin: 0 auto;
	padding: 20px;
	font-size: 1.3rem;
	font-weight: bold;
}
#solution #btn a:hover{
	text-decoration: none;
}
#solution #btn a img{
	margin-left: 15px;
}

/*------------------------------------------------------------
	recruit
------------------------------------------------------------*/
#recruit .headLine01 {
	margin-bottom: 0;
}

#recruit .inner {
	margin-bottom: 60px;
	padding: 50px 0 95px;
	background: url(images/recruit_section_bg.jpg) no-repeat center top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/recruit_section_bg.jpg',sizingMethod='scale');
}

#recruit .inner .subBox {
	margin: 0 auto;
	max-width: 1020px;
	width: 100%;
}

#recruit .inner .subBox p {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.7;
}

#recruit .inner .subBox .txt {
	margin-bottom: 15px;
	font-size: 2.4em;
	line-height: 1.2;
}

#recruit .inner .subBox .borderP {
	margin: 0 0 50px 150px;
	padding-top: 10px;
	width: 120px;
	height: 100px;
	color: #204fa1;
	font-size: 3.35em;
	line-height: 1.2;
	text-align: center;
	border: 6px solid #204fa1;
}

#recruit .imgBox {
	display: table;
	margin-bottom: 65px;
	background-color: #F0EFEE;
	width: 100%;
}

#recruit .imgBox .photoBox {
	display: table-cell;
/*	width: 50%;
	float: left;*/
}

#recruit .imgBox .photoBox img {
	width: 100%;
	height: auto;
}

#recruit .imgBox .textBox {
	display: table-cell;
	padding: 0 50px;
	vertical-align: middle;
/*	margin-top: 60px;
	width: 50%;
	float: right;*/
}

#recruit .imgBox .textBox p {
	margin: 0 auto 15px;
	max-width: 480px;
	font-size: 1.3em;
	line-height: 1.2;
	width: 100%;
}

#recruit .imgBox .textBox .ttl {
	margin-bottom: 25px;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.2;
}

#recruit .tableBox {
	margin: 0 auto 50px;
	max-width: 1000px;
	width: 100%;
}

/*------------------------------------------------------------
	info
------------------------------------------------------------*/
#info .headLine01 {
	margin-bottom: 0;
}

#info #main {
	margin-bottom: 0;
}

#info .inner {
	background-color: #F0EFEE;
	display: table;
	width: 100%;
}

#info .inner .photoBox {
	display: table-cell;
	width: 50%;
	/*float: right;*/
}

#info .inner .photoBox img {
	width: 100%;
	height: auto;
}

#info .inner .textBox {
	display: table-cell;
	padding: 50px;
	vertical-align: middle;
	/*margin-top: 125px;*/
	width: 50%;
	/*float: left;*/
}

#info .inner .textBox p {
	margin-bottom: 20px;
	/*margin-left: 17%;*/
	font-size: 1.4em;
	line-height: 1.6;
}

#info .inner .textBox .txt {
	margin-bottom: 14px;
	color: #204fa1;
	font-size: 2.4em;
	font-weight: bold;
}

#info .inner02 {
	margin-bottom: 100px;
}

#info .inner02 .photoBox {
	width: 50%;
	/*float: left;*/
}

#info .inner02 .textBox {
	/*margin-top: 50px;*/
	width: 50%;
	/*float: right;*/
}

#info .inner02 .textBox p {
	/*margin-left: 5%;*/
}

#info .inner02 .textBox .borderP {
	/*margin: 0 0 40px 150px;*/
	padding: 3px 0 0 0;
	width: 120px;
	height: 125px;
	color: #204fa1;
	font-size: 5em;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	border: 6px solid #204fa1;
}

#info .photo img {
	width: 100%;
}

#info .itBox {
	margin-bottom: 105px;
}

#info .itBox .title {
	margin-bottom: 50px;
	text-align: center;
}

#info .itBox .dlBox {
	margin: 0 auto;
	width: 1000px;
}

#info .itBox .dlBox dl {
	width: 650px;
	float: left;
}

#info .itBox .dlBox dt {
	float: left;
}

#info .itBox .dlBox dd {
	padding-left: 20px;
	margin-bottom: 50px;
	font-size: 12px;
	display: table;
}

#info .itBox .dlBox dd span {
	display: table-cell;
	vertical-align: middle;
}

#info .itBox .dlBox .photoList {
	width: 350px;
	float: right;
}

#info .itBox .dlBox .photoList li {
	margin-bottom: 30px;
	float: left;
}

#info .btmBox {
	padding: 70px 0 72px;
	background-color: #F0EFEE;
}

#info .btmBox ul {
	margin: 0 auto;
	max-width: 880px;
	width: 100%;
}

#info .btmBox li {
	padding-left: 96px;
	float: left;
}

#info .btmBox li:first-child {
	padding-left: 0;
}

#info .btmBox .last {
	padding-left: 88px;
}

/*------------------------------------------------------------
	step
------------------------------------------------------------*/
#step .headLine01 {
	margin-bottom: 45px;
}

#step .stepDl {
	margin: 0 auto 100px;
	max-width: 900px;
	width: 90%;
}

#step .stepDl dt {
	float: left;
}

#step .stepDl dd {
	padding: 0 0 45px 350px;
}

#step .stepDl dd p {
	font-size: 1.4em;
	line-height: 1.7;
}

#step .stepDl dd .txt {
	color: #204fa1;
	font-size: 1.8em;
	font-weight: bold;
}

#step .stepDl .last {
	padding-bottom: 0;
}

/*------------------------------------------------------------
	entryform
------------------------------------------------------------*/
#entryform .headLine01 {
	margin-bottom: 48px;
}

#entryform .mailform{
	margin: auto;
	width: 800px;
}

/*------------------------------------------------------------
	thanks
------------------------------------------------------------*/
#contact #main{
	margin: 0 0 50px 0;
}

#contact .thanks{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

#contact .thanks p{
	margin: 0 0 30px 0;
}

/*------------------------------------------------------------
	privacy
------------------------------------------------------------*/
#privacy .headLine01 {
	margin-bottom: 48px;
}

#privacy .headLine02 {
	margin-bottom: 45px;
}

#privacy .txtInner {
	margin: 0 auto;
	width: 1000px;
}

#privacy .txtInner p {
	margin-bottom: 25px;
	font-size: 1.4em;
	line-height: 1.7;
	letter-spacing: 1px;
}

#privacy .txtInner p span {
	display: block;
	font-weight: bold;
}

#privacy .h3Ttl {
	margin-bottom: 58px;
}

/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
#contact .headLine01 {
	margin-bottom: 48px;
}

#contact .headLine02 {
	margin-bottom: 52px;
}

#contact #main .mailForm {
	margin-bottom: 0;
}

#contact #main .mailForm .comTable {
	margin-bottom: 125px;
}

/*------------------------------------------------------------
	network
------------------------------------------------------------*/
#network #main .headLine01 {
	margin-bottom: 0;
}

#network #main .visual img {
	width: 100%;
}

#network #main .imgBox {
	background-color: #000;
}

#network #main .imgBox .photoBox {
	width: 50%;
	float: right;
}

#network #main .imgBox .photoBox img {
	width: 100%;
}

#network #main .imgBox .textBox {
	padding: 30px 0 0 14%;
	width: 36%;
	float: left;
}

#network #main .imgBox .textBox p {
	margin-bottom: 18px;
	color: #FFF;
	font-size: 1.4em;
	line-height: 1.7;
}

#network #main .imgBox .textBox p span {
	font-size: 0.7em;
}

#network #main .imgBox .textBox .ttl {
	margin-bottom: 5px;
	font-size: 2.4em;
	line-height: 1.3;
	font-weight: bold;
}

#network #main .imgBox .textBox .pic {
	text-align: right;
}

#network #main .imgBox02 .photoBox {
	float: left;
}

#network #main .imgBox02 .textBox {
	padding: 70px 0 0;
	width: 50%;
	float: right;
}

#network #main .imgBox02 .textBox .txt {
	margin-bottom: 0;
	font-size: 1.2em;
	line-height: 2;
}

#network #main .imgBox02 .textBox .txt span {
	font-size: 0.83em;
}

#network #main .inner {
	background: url(images/network_bg.jpg) no-repeat right top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/network_bg.jpg',sizingMethod='scale');
}

#network #main .inner .sub {
	padding: 3% 0 2.5% 3.3%;
	width: 46.7%;
}

#network #main .inner .sub .pic {
	text-align: right;
}

#network #main .inner .sub p {
	margin-bottom: 18px;
	color: #FFF;
	font-size: 1.4em;
	line-height: 1.7;
}

#network #main .inner .sub .ttl {
	margin-bottom: 5px;
	font-size: 2.4em;
	line-height: 1.3;
	font-weight: bold;
}

#network #main .txtInner {
	padding: 60px 0;
	text-align: center;
	background-color: #204FA1;
}

#network #main .txtInner p {
	color: #FFF;
	font-size: 2.4em;
	font-weight: bold;
}

#network #main .arrow {
	margin-bottom: 65px;
	text-align: center;
}

#network #main h3 {
	margin: 0 auto 48px;
	padding: 10px 0;
	width: 500px;
	color: #FFF;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	background-color: #204FA1;
	behavior: url(js/pie.htc);
	position: relative;
}

#network #main .imgBoxL {
	margin: 0 auto 100px;
	padding: 0 0 0 25px;
	width: 925px;
}

#network #main .imgBoxL .photoBox {
	float: left;
}

#network #main .imgBoxL .textBox {
	margin-top: 80px;
	width: 480px;
	float: right;
}

#network #main .imgBoxL .textBox p {
	margin-bottom: 26px;
	color: #444;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.7;
	letter-spacing: -0.5px;
}

#network #main .imgBox03 .photoBox {
	padding-left: 50px;
}

#network #main .imgBox03 .textBox {
	margin-top: 65px;
}

#network #main .imgBox04 .photoBox {
	padding: 20px 0 0 60px;
}

#network #main .imgBox04 .textBox {
	margin-top: 0;
}

#network #main .link {
	margin: 0 auto 48px;
	width: 500px;
	text-align: center;
}

#network #main .link a {
	padding: 20px 0;
	color: #FFF;
	display: block;
	font-size: 2.6em;
	font-weight: bold;
	background-color: #204FA1;
}

#network #main .link a span {
	padding-right: 45px;
	background: url(images/icon01.gif) no-repeat right center;
}

/*------------------------------------------------------------
	reserve
------------------------------------------------------------*/
#reserve #main .headLine01 {
	margin-bottom: 0;
}

#reserve #main .topBox {
	margin: 0 auto;
	padding: 80px 0 35px;
	width: 100%;
	background: url(images/reserve_bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}

#reserve #main .topBox .subBox {
	margin: 0 auto  70px;
	padding: 40px 0 45px;
	width: 700px;
	text-align: center;
	background: url("images/reserve_img01.png") #F8F8F8 no-repeat left bottom;
	border-radius: 5px;
	behavior: url(js/pie.htc);
	position: relative;
}

#reserve #main .topBox .subBox p {
	margin-bottom: 30px;
	font-size: 2.1em;
	font-weight: bold;
}

#reserve #main .topBox .subBox .text01 {
	margin-bottom: 0;
	font-size: 3.2em;
}

#reserve #main .tagUlBox {
	text-align: center;
}

#reserve #main .tagUlBox p {
	margin-bottom: 17px;
	font-size: 2.4em;
	font-weight: bold;
}

#reserve #main .tagUlBox li {
	margin-right: 97px;
	display: inline-block;
}

#reserve #main .tagUlBox .list01 {
	margin-right: 88px;
}

#reserve #main .tagUlBox .list02 {
	margin-right: 0;
}

#reserve #main .arrange {
	padding: 5.6% 0;
	background: url(images/reserve_bg02.jpg) no-repeat center top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/reserve_bg02.jpg',sizingMethod='scale');
}

#reserve #main .arrange .txtArea {
	margin: 0 auto;
	padding: 33px 0;
	width: 520px;
	text-align: center;
	background: url(images/reserve_bg02.png) repeat left top;
	border-radius: 5px;
	behavior: url(js/pie.htc);
	position: relative;
}

#reserve #main .arrange .txtArea p {
	margin-bottom: 9px;
	color: #FFF;
	font-size: 1.8em;
}

#reserve #main .arrange .txtArea .text02 {
	margin-bottom: 0;
	font-size: 3.2em;
}

#reserve #main .bgRedP {
	padding: 60px 0 90px;
	color: #FEFEFE;
	font-size: 1.9em;
	font-weight: bold;
	text-align: center;
	background-color: #DE4D31;
}

#reserve #main .cenImg {
	text-align: center;
	margin: -50px 0 -100px;
	position: relative;
}

#reserve #main .btmBox {
	padding: 150px 0 0;
	background: url(images/reserve_btm_bg.jpg) no-repeat center top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/reserve_btm_bg.jpg',sizingMethod='scale');
}

#reserve #main .btmBox .textImg {
	margin-bottom: 30px;
	text-align: center;
}

#reserve #main .btmBox .iconImg {
	margin-bottom: 40px;
	text-align: center;
}

#reserve #main .btmBox .textImg02 {
	margin-bottom: 140px;
}

#reserve #main .photoList01 {
	margin: 0 auto 40px;
	max-width: 736px;
	width: 100%;
}

#reserve #main .photoList01 li {
	padding-left: 45px;
	width: 215px;
	float: left;
}

#reserve #main .photoList01 li p {
	font-size: 1.2em;
	line-height: 2;
}

#reserve #main .photoList01 li p span {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

#reserve #main .photoList01 li .pho {
	margin-bottom: 10px;
	text-align: center;
}

#reserve #main .photoList01 li:first-child {
	padding-left: 0;
}

#reserve #main .photoList02 {
	margin: 0 auto 100px;
	max-width: 918px;
	width: 100%;
}

#reserve #main .photoList02 li {
	margin-right: 18px;
	padding: 12px;
	width: 216px;
	float: left;
	position: relative;
	behavior: url(js/pie.htc);
	box-shadow: 2px -2px 2px #EAEAEA,-2px 2px 2px #EAEAEA;
	-moz-box-shadow: 2px -2px 2px #EAEAEA,-2px 2px 2px #EAEAEA;
	-webkit-box-shadow: 2px -2px 2px #EAEAEA,-2px 2px 2px #EAEAEA;
	background-color:#FFF;
}

#reserve #main .photoList02 .none {
	margin-right: 0;
}

#reserve #main .photoList02 .pho{
	overflow: hidden;
}

#reserve #main .photoList02 li p {
	font-size: 1.2em;
	line-height: 2;
}

#reserve #main .photoList02 li p span {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
}

#reserve #main h3 {
	text-align: center;
}

#reserve #main .linkBox {
	margin: 0 auto 50px;
	max-width: 910px;
	width: 100%;
}

#reserve #main .photoLinkList {
	margin-right: -30px;
	max-width: 980px;
	overflow: hidden;
	zoom: 1;
	width: 100%;
}

#reserve #main .photoLinkList li {
	margin: 50px 30px 0 0;
	float: left;
}

#reserve #main .photoLinkList li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#reserve #main .btn {
	text-align: center;
}

#reserve #main .btn a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*------------------------------------------------------------
	wi-fi
------------------------------------------------------------*/
#wi-fi #main .headLine01 {
	margin-bottom: 0;
}

#wi-fi #main .visual {
	padding: 175px 0 175px 50%;
	background: url(images/s_wi-fi_bg01.jpg) no-repeat center top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/s_wi-fi_bg01.jpg',sizingMethod='scale');
}

#wi-fi #main .visual p {
	margin-bottom: 25px;
	width: 520px;
	color: #333;
	font-size: 1.3em;
	line-height: 1.7;
}

#wi-fi #main .visual .ttl {
	margin-bottom: 20px;
	color: #00a1e9;
	font-size: 3em;
	font-weight: bold;
}

#wi-fi #main .txtInner {
	padding: 35px 0;
	text-align: center;
	background-color: #00A1E9;
}

#wi-fi #main .txtInner p {
	color: #FFF;
	font-size: 2em;
	font-weight: bold;
}

#wi-fi #main .arrow {
	margin-bottom: -49px;
	text-align: center;
}

#wi-fi #main .visual02 {
	margin-bottom: 100px;
	padding: 150px 0 150px 50%;
	background: url(images/s_wi-fi_bg02.jpg) no-repeat center top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/s_wi-fi_bg02.jpg',sizingMethod='scale');
}

#wi-fi #main .visual02 .ttl {
	margin-bottom: 30px;
	font-size: 2.6em;
}

#wi-fi #main .borTtl {
	margin: 0 auto 50px;
	padding: 10px 0 5px;
	width: 344px;
	color: #00a1e9;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	border: 3px solid #00A1E9;
	border-radius: 10px;
	behavior: url(js/pie.htc);
	position: relative;
}

#wi-fi #main .photoList {
	margin: -45px auto 100px;
	width: 760px;
}

#wi-fi #main .photoList li {
	margin-top: 45px;
	float: left;
}

#wi-fi #main .stepList {
	margin: 0 auto 100px;
	max-width: 960px;
	width: 100%;
}

#wi-fi #main .stepList li {
	padding-left: 29px;
	float: left;
}

#wi-fi #main .stepList li:first-child {
	padding-left: 0;
}

#wi-fi #main .link {
	text-align: center;
}

#wi-fi #main .link a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#ham{
	display: none;
}

#sp-nav{
	display: none;
}

#header #link{
	display: none;
}

.visual-sp{
	display: none;
}

#info .staff-tab{
	text-align: center;
}

#info .staff-tab .tab{
	letter-spacing: -.40em;
	margin: auto;
}

#info .staff-tab .tab li{
	background-color: #204FA1;
	color: #FFF;
	display: inline-block;
	font-size: 12px;
	letter-spacing: normal;
	padding: 15px 30px;
}

#info .staff-tab .tab li:hover{
	cursor: pointer;
	opacity: .8;
}

#info .staff-tab .tab li:first-child{
	margin: 0 10px 0 0;
}

#info .content{
	margin: 50px auto 0;
	max-width: 1000px;
	width: 100%;
}

#info .content .text{
	float: left;
}

#info .content .img{
	float: right;
}

#info .content .img li{
	margin: 0 0 15px;
}

#info .content dl > *{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#info .content dl{
	height: 80px;
	margin: 0 0 30px;
	width: 630px;
}

#info .content dl dt{
	background-color: #204FA1;
	-webkit-border-radius: 10px 0 0 10px / 10px 0 0 10px;
	        border-radius: 10px 0 0 10px / 10px 0 0 10px;
	color: #FFF;
	display: table;
	font-size: 16px;
	float: left;
	height: 80px;
	padding: 15px 0;
	width: 200px;
}

#info .content dl dt .time, #info .content dl dt .tit{
	display: table-cell;
	height: 50px;
	margin: auto;
	vertical-align: middle;
}

#info .content dl dt .time{
/*	border-right: 1px dotted #FFF;*/
	padding: 0 15px;
	text-align: right;
	width: 45px;
}

#info .content dl dt .tit{
	text-align: right;
	padding: 0 15px 0 0;
}

#info .content dl dt .tit.small{
	font-size: 12px;
}

#info .content dl dd{
	background-color: #FFF;
	border: 2px solid #204FA1;
	-webkit-border-radius: 0 10px 10px 0 / 0 10px 10px 0;
	        border-radius: 0 10px 10px 0 / 0 10px 10px 0;
	display: table;
	float: right;
	font-size: 12px;
	padding: 10px;
	height: 80px;
	width: 430px;
}

#info .content dl dd p{
	display: table-cell;
	vertical-align: middle;
}


#info .tab .select{
	position: relative;
}

#info .tab .select:before{
	content: url("images/info_arrow.png");
	position: absolute;
	top: 48px;
	left: 0;
	right: 0;
}

#info .hide{
	display: none;
}

#wi-fi .banner li{
	display: inline-block;
}


/* --------------------------------------------------

スマホデザイン

-------------------------------------------------- */


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

	*{
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	#container{
		width: 100%;
		padding: 75px 0 0 0;
	}

	#header{
		background-color: #FFF;
		width: 100%;
		left: 0;
		padding: 20px;
		position: fixed;
		top: 0;
		z-index: 9999;
	}

	#header h1{
		float: none;
	}

	#header h1 img{
		width: 120px;
		height: auto;
	}

	#header #gNavi{
		display: none;
	}

	#header #link{
		display: block;
		position: absolute;
		top: 25px;
		right: 80px;
	}

	#header #ham{
		display: block;
		position: absolute;
		top: 20px;
		right: 20px;
	}

	#header #sp-nav{
		background-color: rgba(255, 255, 255, .9);
		color: #204FA1;
		display: none;
		right: 0;
		padding: 0;
		position: absolute;
		top: 75px;
	}

	#header #sp-nav li{
		font-size: 12px;
		font-weight: bold;
		padding: 0 20px 10px;
	}

	#header #sp-nav li:first-child{
		padding: 15px 20px 10px;
	}

	#header #sp-nav li:last-child{
		padding: 0 20px 15px;
	}

	#header #sp-nav li .sp-snav{
		padding: 0 0 0 20px;
	}

	#header #sp-nav li .sp-snav li{
		padding: 5px 0 0 0;
	}

	#top .mainImg {
		padding: 100px 0;
		font-size: 12px;
		font-weight: bold;
	}

	#top .inner {
		margin: 0;
		padding: 0;
		background-color: #EFEFEF;
	}

	#top .inner .photoBox{
		display: none;
	}

	#top .inner .textBox {
		width: 100%;
		float: none;
		margin: 0;
		padding: 50px 20px;
	}

	#top .inner .textBox .ttl {
		margin: 0 0 30px 0;
		text-align: center;
	}

	#top h2 {
		margin: 50px 0;
	}

	#top .serviceBox h3 {
		margin-bottom: 40px;
	}

	#top .serviceBox {
		padding: 0;
		background: none;
	}

	#top .serviceBox .lBox {
		background-color: #E1E6EF;
		padding: 50px 0;
		width: 100%;
		float: none;
	}

	#top .serviceBox ul{
		margin: auto;
		width: auto;
	}

	#top .rBox .rli {
		width: 380px;
	}

	#top .rBox .rli li{
		margin: 0 12px;
	}

	#top .serviceBox .imageBox{
		width: 170px;
		padding: 0;
	}

	#top .serviceBox .caption{
		width: 170px;
		height: 120px;
		padding: 15px;
	}

	#top .serviceBox li{
		margin: 0 30px 20px 0;
	}

	#top .lBox .lli {
		margin: 40px auto 0;
		width: 290px;
	}

	#top .serviceBox .limg2 {
		width: auto;
	}

	#top .serviceBox .imageBox2{
		float: none;
		width: 180px;
		margin: 0 auto 30px;
	}

	#top .serviceBox .caption2{
		float: none;
		width: auto;
		height: auto;
		padding: 22px;
		margin: auto 10px;
	}

	#top .serviceBox li:nth-child(2n){
		margin: 0 0 20px 0;
	}

	#top .serviceBox .none{
		margin: 0 20px 20px 0;
	}

	#top .serviceBox .rBox {
		background-color: #f6f7fb;
		padding: 50px 0;
		width: 100%;
		float: none;
	}

	#top .recruit {
		padding: 50px 0;
	}

	#top .recruit h2 {
		margin: 0 0 50px 0;
	}

	#top .recruit .sub {
		margin: 0;
		width: 100%;
	}

	#top .recruit .sub .photoBox{
		float: none;
		height: 154px;
		margin: auto;
		width: 154px;
	}

	#top .recruit .sub .textBox {
		float: none;
		margin: 25px 0 0 0;
		padding: 0 20px;
		width: 100%;
	}

	#top .recruit .link {
		margin: 30px auto 0;
		width: 200px;
	}

	#top .serviceBox p{
		padding: 0 10px;
		width: 100%;
	}

	#footer .fBox {
		margin: 0 auto 20px;
		width: 100%;
	}

	#footer .fBox .logo {
		float: none;
		margin: 0 auto 20px;
		width: 75px;
	}

	#footer .fBox .logo img{
		width: 75px;
		height: auto;
	}

	#footer .fBox p {
		width: auto;
		float: none;
		font-size: 10px;
		display: table;
		margin: 0 auto;
	}

	#footer .copyright {
		width: 100%;
		font-size: 10px;
	}

	#about .imgBox{
		margin: 0 0 50px 0;
		padding: 0;
		width: 100%;
	}

	#about .imgBox .textBox {
		margin: 20px 0 0 0;
		width: 100%;
		float: none;
		padding: 0 20px;
	}

	#about .imgBox .photoBox{
		float: none;
	}

	#about .tableBox {
		margin: 0 auto 50px;
		padding: 0 20px;
		width: 100%;
	}

	#about .map{
		padding: 0 20px;
		width: 100%;
	}

	#about .map iframe{
		height: 300px;
		width: 100%;
	}

	#about .philosophy dl{
		width: 100%;
	}

	#about .philosophy dl dt{
		float: none;
		text-align: center;
		margin: 0 0 20px 0;
		width: 100%;
	}

	#about .philosophy dl dd{
		border: none;
		float: none;
		padding: 0 20px;
		width: 100%;
	}

	#about .philosophy dl dd ul li{
		margin: 0 0 10px 0;
	}

	#about .message{
		display: block;
	}

	#about .message .photoBox{
		display: block;
		height: 200px;
		width: 100%;
	}

	#about .message .textBox{
		display: block;
		padding: 20px;
		width: 100%;
	}

	#about .message .strong:first-child{
		text-align: center;
	}

	#about .message .strong:last-child{
		text-align: right;
	}

	#solution .txtInner{
		font-size: 8px;
		padding: 20px;
	}

	#solution .topBox .lBox{
		background-color: rgba(255, 255, 255, .5);
		float: none;
		padding: 0;
		position: relative;
		text-align: center;
		width: 100%;
	}

	#solution .topBox .lBox img{
		bottom: 0;
		height: auto;
		left: 0;
		margin: auto;
		position: absolute;
		top: 0;
		right: 0;
		width: 200px;
	}

	#solution .topBox .rBox{
		background-color: rgba(255, 255, 255, .5);
		float: none;
		padding: 0 20px 0;
		width: 100%;
	}

	#solution .topBox .rBox p{
		padding: 0 0 50px 0;
	}

	#solution .arrow img{
		width: 50px;
		height: auto;
	}

	#solution .blueP{
		margin: 0 0 30px 0;
		padding: 0 20px;
		font-size: 14px;
	}

	#solution .photo{
		padding: 0 5px;
	}

	#solution .photo img{
		height: auto;
		margin: auto;
		width: 90%;
	}

	#solution .btnBox{
		margin: 0 0 50px 0;
		padding: 0 20px;
		width: 100%;
	}

	#solution .btnBox .red{
		font-size: 14px;
		padding: 30px 20px 50px;
	}

	#solution .btnBox .btn{
		width: 100%;
		padding: 0 20px;
	}

	#solution .btnBox .btn a{
		font-size: 12px;
		padding: 10px 20px;
	}

	#solution .imgBox .txtBox {
		padding: 50px 20px;
		width: 100%;
		float: none;
	}

	#solution .imgBox .txtBox p{
		width: 100%;
	}

	#solution .imgBox .txtBox .txt01 {
		margin-bottom: 30px;
		font-size: 2.2em;
		line-height: 1.4;
	}

	#solution .imgBox .txtBox p{
		line-height: 1.8em;
	}

	#solution .imgBox02 .photoBox {
		width: 100%;
		float: none;
		overflow: hidden;
	}

	#solution .imgBox02{
		position: relative;
		height: 500px;
	}

	#solution .imgBox02 .photoBox img{
		height: 500px;
		opacity: .2;
		width: auto;
	}

	#solution .imgBox02 .txtBox{
		position: absolute;
		top: 20px;
		left: 0;
		right: 0;
		background-color: rgba(255, 255, 255, 0);
	}

	#solution .blackP{
		padding: 0 20px;
		font-size: 16px;
	}

	#solution .photoLinkList {
		margin: 0 auto;
		padding: 0 20px;
		width: 100%;
	}

	#solution .photoLinkList li{
		width: 49%;
		padding: 0;
		height: 200px;
	}

	#solution .photoLinkList li:nth-child(2n){
		float: right;
	}

	#solution .photoLinkList li span {
		margin-bottom: 7px;
		padding: 5px 0;
		width: 100%;
		display: block;
		color: #FFF;
		font-size: 10px;
	}

	#solution .photoLinkList li img{
		width: 100%;
		height: auto;
	}

	#solution .photoLinkList .list02 {
		padding: 0;
	}

	#solution #a02.imgBox02 {
		height: 520px;
	}

	#solution #a02.imgBox02 .photoBox img{
		height: 500px;
	}

	#solution .system{
		margin: 0 0 50px 0;
		width: 100%;
	}

	#solution .system .photoBox{
		display: block;
		padding: 0 20px;
		width: 100%;
	}

	#solution .system .photoBox img{
		height: auto;
		width: 100%;
	}

	#solution .system .textBox{
		display: block;
		vertical-align: baseline;
		width: 100%;
	}

	#solution .system .textBox .textInner{
		padding: 25px 20px;
	}

	#solution .system .textBox .textInner .strong{
		font-size: 16px;
	}

	#solution .global-bg .pc{
		display: none;
	}

	#solution .global-bg .sp{
		display: block;
	}

	#reserve #main .topBox {
		padding: 50px 20px;
		width: 100%;
		background: none;
	}

	#reserve #main .topBox .subBox {
		margin: 0;
		padding: 20px;
		width: 100%;
	}

	#reserve #main .topBox .subBox .pic{
		display: none;
	}

	#reserve #main .topBox .subBox p {
		margin-bottom: 10px;
		font-size: 12px;
	}

	#reserve #main .topBox .subBox .text01{
		font-size: 28px;
		line-height: 1.5;
	}

	#reserve #main .tagUlBox{
		margin: 20px 0 0 0;
	}

	#reserve #main .tagUlBox li{
		display: block;
		margin: 0 0 20px 0;
	}

	#reserve #main .tagUlBox .list01{
		margin: 0 0 20px 0;
	}

	#reserve #main .arrange{
		padding: 20px;
	}

	#reserve #main .arrange .txtArea {
		padding: 20px 5px;
		width: 100%;
	}

	#reserve #main .arrange .txtArea p{
		font-size: 12px;
	}

	#reserve #main .arrange .txtArea .text02{
		font-size: 18px;
	}

	#reserve #main .bgRedP{
		padding: 20px 20px 60px;
		font-size: 12px;
	}

	#reserve #main .btmBox .textImg{
		padding: 0 20px;
	}

	#reserve #main .btmBox .textImg img{
		width: 100%;
		height: auto;
	}

	#reserve #main .btmBox .iconImg img{
		width: 150px;
		height: auto;
	}

	#reserve #main .btmBox .textImg02{
		margin: 0 0 30px 0;
	}

	#reserve #main .photoList01{
		margin: 0 0 30px 0;
		padding: 0 20px;
		width: 100%;
	}

	#reserve #main .photoList01 li{
		width: 100%;
		float: none;
		padding: 0;
	}

	#reserve #main .photoList02 {
		margin: 0 auto 50px;
		width: 100%;
	}

	#reserve #main .photoList02 li{
		float: none;
		margin: 0 auto 50px;
		min-height: 280px;
		padding: 10px 10px 40px 10px;
	}

	#reserve #main .photoList02 li .pho{
		overflow: hidden;
	}

	#reserve #main .photoList02 .none{
		margin: 0 auto;
	}

	#reserve #main .linkBox{
		width: 100%;
	}

	#reserve #main .photoLinkList{
		margin: 30px 0 0 0;
		padding: 0 20px;
		width: 100%;
	}

	#reserve #main .photoLinkList li{
		margin: 0 0 10px 0;
		width: 49%;
	}

	#reserve #main .photoLinkList li:nth-child(2n){
		float: right;
	}

	#reserve #main .photoLinkList li img{
		height: auto;
		width: 100%;
	}

	#reserve #main h3{
		padding: 0 20px;
	}

	#reserve #main h3 img{
		height: auto;
		width: 100%;
	}

	#reserve #main .btn{
		padding: 0 20px;
	}

	#reserve #main .btn img{
		height: auto;
		width: 100%;
	}

	#wi-fi #main .visual {
		padding: 50px 0 200px;
		background: url(images/wi-fi_bg01_sp.jpg) no-repeat center bottom;
		-webkit-background-size: contain;
		     -o-background-size: contain;
		        background-size: contain;
	}

	#wi-fi #main .visual .ttl{
		font-size: 14px;
		text-align: center;
	}

	#wi-fi #main .visual p{
		width: 100%;
		padding: 0 20px;
	}

	#wi-fi #main .arrow{
		margin: 0 0 30px 0;
	}

	#wi-fi #main .arrow img{
		width: 50px;
		height: auto;
	}

	#wi-fi #main .visual02 {
		margin: 0;
		padding: 0 0 50px 0;
		background: url(images/wi-fi_bg02_sp.jpg) no-repeat center top;
		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wi-fi_bg02.jpg',sizingMethod='scale');
	}

	#wi-fi #main .borTtl{
		margin: 50px auto 0;
		width: 80%;
	}

	#wi-fi #main .photoList{
		margin: 0;
		width: 100%;
	}

	#wi-fi #main .photoList li{
		float: none;
		margin: 40px 0 0 0;
		padding: 0 20px;
		width: 100%;
	}

	#wi-fi #main .photoList li img{
		height: auto;
		width: 100%;
	}

	#wi-fi #main .photoList li.floatR{
		margin: 20px 0 0 0;
		float: none !important;
	}

	#wi-fi #main .stepList{
		margin: 0 auto 50px;
		padding: 50px 20px 0;
		width: 100%;
	}

	#wi-fi #main .stepList li{
		margin: 0 0 20px 0;
		padding: 0;
		text-align: center;
		width: 49%;
	}

	#wi-fi #main .stepList li:nth-child(2n){
		float: right;
	}

	#wi-fi #main .stepList li:first-child{
		padding: 0;
	}

	#wi-fi #main .stepList li img{
		height: 120px;
		width: auto;
	}

	#wi-fi #main .link{
		padding: 0 20px;
		width: 100%;
	}

	#wi-fi #main .link img{
		width: 100%;
		height: auto;
	}

	#wi-fi .banner li {
		display: block;
		margin: 0 0 20px 0;
		text-align: center;
	}

	#recruit .inner .subBox{
		width: 100%;
	}

	#recruit .inner{
		padding: 50px 20px 250px;
		background: url(images/recruit_section_bg_sp.jpg) no-repeat center bottom;
		-webkit-background-size: contain;
		     -o-background-size: contain;
		        background-size: contain;
		margin: 0 0 50px 0;
	}

	#recruit .inner .subBox .borderP{
		height: 130px;
		margin: 0 auto 30px;
	}

	#recruit .inner .subBox .txt{
		font-size: 18px;
	}

	#recruit .imgBox .photoBox{
		float: none;
		width: 100%;
	}

	#recruit .imgBox .textBox{
		margin: 0;
		float: none;
		padding: 30px 20px 50px;
		width: 100%;
	}

	#recruit .imgBox .textBox .ttl{
		font-size: 15px;
		line-height: 1.5em;
		font-weight: bold;
	}

	#recruit .imgBox .textBox p{
		width: 100%;
		line-height: 1.8em;
		font-weight: normal;
	}

	#recruit .imgBox{
		display: block;
		margin: 0 0 50px 0;
	}

	#recruit .tableBox{
		padding: 0 20px;
		width: 100%;
	}

	#recruit .imgBox .photoBox {
		display: block;
	}

	#main .comBtn{
		padding: 0 20px;
		width: 100%;
	}

	#main .comBtn img{
		width: 100%;
		height: auto;
	}

	#step .stepDl{
		margin: 0 0 50px 0;
		padding: 0 20px;
		width: 100%;
	}

	#step .stepDl dt{
		display: none;
		float: none;
	}

	#step .stepDl dd{
		margin: 0 0 20px 0;
		padding: 0;
	}

	#info .inner {
		display: block;
	}

	#info .inner .photoBox{
		float: none;
		display: block;
		width: 100%;
	}

	#info .inner .textBox{
		float: none;
		margin: 0;
		padding: 30px 20px 50px;
		width: 100%;
	}

	#info .inner .textBox .txt{
		font-size: 18px;
		margin: 0 0 20px 0;
	}

	#info .inner .textBox p{
		margin: 0 0 20px 0;
	}

	#info .inner02{
		margin: 0 0 50px 0;
	}

	#info .inner02 .textBox .borderP {
		margin: 0 auto 50px;
		padding-top: 5px;
		width: 145px;
		height: 145px;
	}

	#info .itBox{
		margin: 0 0 50px 0;
	}

	#info .itBox .title{
		margin: 0 0 50px 0;
	}

	#info .itBox .title img{
		height: auto;
		width: 75%;
	}

	#info .itBox .dlBox{
		padding: 0 20px;
		width: 100%;
	}

	#info .itBox .dlBox dl{
		margin: 0 0 50px 0;
		width: 100%;
	}

	#info .itBox .dlBox dt{
		float: none;
		margin: 0 0 10px 0;
		max-height: 50px;
	}

	#info .itBox .dlBox dt img{
		height: 50px;
		width: auto;
	}

	#info .itBox .dlBox dd{
		margin: 0 0 20px 0;
		padding: 0 0 0 10px;
		width: 100%;
	}

	#info .itBox .dlBox .photoList{
		display: none;
	}

	#info .btmBox{
		padding: 50px 0;
	}

	#info .btmBox ul{
		width: 100%;
	}

	#info .btmBox li{
		float: none;
		margin: 0 auto 50px;
		padding: 0;
		width: 150px;
	}

	#info .btmBox li img{
		height: auto;
		width: 150px;
	}

	#info .btmBox .last{
		margin: 0 auto;
		padding: 0;
	}

	#main .mailForm{
		width: 100%;
	}

	#main .mailForm .submit{
		padding: 0 20px;
		width: 100%;
	}

	#main .mailForm .submit li input{
		width: 100%;
	}

	#privacy .txtInner{
		padding: 0 20px;
		width: 100%;
	}

	#entryform .mailform{
		width: 100%;
	}

	#network #main .visual{
		background: url("images/network_bg_sp.jpg") no-repeat center center;
		-webkit-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
		padding: 100px 0;
	}

	#network #main .visual .visual-pc{
		display: none;
	}

	#network #main .visual .visual-sp{
		display: block;
		margin: auto;
		width: 200px;
	}

	#network #main .imgBox .photoBox{
		float: none;
		width: 100%;
	}

	#network #main .imgBox .textBox{
		float: none;
		padding: 20px;
		width: 100%;
	}

	#network #main .imgBox .textBox .ttl{
		font-size: 16px;
		margin: 0 0 10px 0;
	}

	#network #main .imgBox .textBox p{
		font-size: 12px;
		margin: 0 0 20px 0;
	}

	#network #main .imgBox .textBox .pic img{
		height: auto;
		width: 100%;
	}

	#network #main .imgBox02 .textBox .txt{
		font-size: 10px;
	}

	#network #main .inner .sub{
		width: 100%;
		padding: 20px;
	}

	#network #main .inner .sub .ttl{
		font-size: 16px;
		margin: 0 0 10px 0;
	}

	#network #main .inner .sub p{
		font-size: 12px;
		margin: 0 0 20px 0;
	}

	#network #main .inner .sub .pic img{
		height: auto;
		width: 100%;
	}

	#network #main .txtInner{
		font-size: 6px;
		padding: 30px 20px;
	}

	#network #main .arrow{
		margin: 0 0 50px 0;
	}

	#network #main .arrow img{
		height: auto;
		width: 50px;
	}

	#network #main h3{
		font-size: 12px;
		margin: 0 0 20px 0;
		padding: 20px;
		width: 100%;
	}

	#network #main .imgBoxL{
		margin: 0 0 50px 0;
		padding: 0 20px;
		width: 100%;
	}

	#network #main .imgBoxL .photoBox{
		float: none;
	}

	#network #main .imgBoxL .photoBox img{
		height: auto;
		width: 100%;
	}

	#network #main .imgBoxL .textBox{
		float: none;
		margin: 30px 0 0 0;
		width: 100%;
	}

	#network #main .imgBoxL .textBox p{
		font-size: 12px;
		margin: 0 0 1em 0;
	}

	#network #main .link{
		font-size: 8px;
		width: 100%;
	}

	#info .staff-tab .tab li{
		padding: 10px 15px;
	}

	#info .tab .select:before{
		top: 38px;
	}

	#info .content{
		width: 90%;
	}

	#info .content dl{
		height: auto;
		width: 100%;
	}

	#info .content dl dt{
		-webkit-border-radius: 0;
		        border-radius: 0;
		float: none;
		height: auto;
		padding: 0;
		width: 100%;
	}

	#info .content dl dt .tit{
		text-align: left;
	}

	#info .content dl dd{
		-webkit-border-radius: 0;
		        border-radius: 0;
		float: none;
		height: auto;
		width: 100%;
	}

	#info .content .img{
		float: none;
	}

	#info .content .img img{
		width: 100%;
	}

}

@media (max-width: 1020px) and (min-width: 768px) {

#container {
	overflow: hidden;
}

#header {
	padding: 20px;
}

#top .serviceBox ul {
	margin: 20px auto;
}

#top .serviceBox li {
	float: none;
	height: 80px;
	margin: 10px auto;
	width: 200px;
}

#top .serviceBox li a {
	height: 80px;
}

#top .serviceBox .none {
	margin: 10px auto;
}

#about .imgBox {
	padding-right: 20px;
}

#main .comTable {
	margin: auto;
	width: 90%;
}

#solution .topBox .rBox {
	display: table;
	padding: 0 30px 0 0;
}

#solution .topBox .rBox p {
	display: table-cell;
	padding: 0;
	vertical-align: middle;
}

#solution .system .photoBox {
	width: 50%;
}

#solution .system .photoBox img {
	height: auto;
	margin: 0 0 0 20px;
	width: 100%;
}

#solution .system .textBox {
	width: 50%;
}

#solution .system .textBox .textInner {
	padding: 0 20px 0 50px;
}

#solution .system .textBox .textInner .strong {
	font-size: 16px;
}

#solution .txtInner p {
	font-size: 1.6em;
}

#solution .photo img {
	height: auto;
	width: 90%;
}

#solution .imgBox .txtBox {
	padding: 2% 2%;
}

#solution .imgBox .txtBox .txt01 {
	font-size: 1.6em;
	font-weight: bold;
	margin: 0 0 15px 0;
}

#reserve #main .photoList02 {
	width: 90%;
}

#reserve #main .photoList02 li {
	height: 300px !important;
	width: 23%;
}

#reserve #main .photoList02 li img {
	height: auto;
	width: 100%;
}

#reserve #main .photoLinkList {
	margin: auto;
	width: 90%;
}

#reserve #main .photoLinkList li {
	margin: 5% 5% 5% 0;
	width: 20%;
}

#reserve #main .photoLinkList li:nth-child(4n) {
	margin: 5% 0;
}

#reserve #main .photoLinkList li img {
	height: auto;
	width: 100%;
}

#recruit .inner {
	padding: 50px 0 50px 20px;
}

#recruit .inner .subBox .borderP {
	height: 130px;
	margin: 0 0 20px 100px;
}

#recruit .imgBox .photoBox {
	min-width: 300px;
	vertical-align: middle;
	width: 40%;
}

#recruit .imgBox .textBox {
	padding: 20px;
	width: 60%;
}

#info .inner .textBox {
	padding: 20px;
}

#info .inner .photoBox {
	vertical-align: middle;
}

#info .inner02 .textBox .borderP {
	height: 145px;
	margin: 20px auto;
	width: 140px;
}

#info .content {
	margin: 50px auto;
	width: 640px;
}

#info .content .text {
	float: none;
}

#info .content .img {
	float: none;
	margin: auto;
	width: 350px;
}

#info .btmBox li {
	margin: 0 10px;
	padding: 0;
	width: 30%;
}

#info .btmBox li img {
	height: auto;
	width: 100%;
}

#info .btmBox .last {
	padding: 0;
}

#wi-fi #main .visual p {
	width: auto;
}

#wi-fi #main .visual {
	padding: 50px 20px 50px 45%;
}

#wi-fi #main .visual02 .ttl {
	font-size: 2em;
}

#wi-fi .banner li {
	width: 45%;
}

#wi-fi .banner li img {
	height: auto;
	width: 100%;
}

#wi-fi #main .stepList li {
	width: 25%;
}

#wi-fi #main .stepList li img {
	height: auto;
	width: 100%;
}

#wi-fi #main .stepList li:first-child {
	padding: 0 0 0 29px;
}

#wi-fi #main .stepList li:last-child {
	padding: 0 19px 0 29px;
}

#reserve #main .photoList01 {
	width: 645px;
}

#entryform .mailform {
	max-width: 800px;
	width: 90%;
}

}