#HBG {
	display: none;
}

#acoon,#siteMap {
	display: none;
}

#topNav li a span i {
	display: none;
}

.link img {
	display: none;
}

#spHome {
	display: none;
}
.brsp {
	display: none;
}
.sptable {
	display: none;
}

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



	/*=================================================================


								HEADER


	=================================================================*/

	* {
		box-sizing: border-box;
	}
	p {
		line-height: 180% !important;
	}
	.brnone {
		display: none;
	}
	.brsp {
		display: block;
	}
	.sptable {
		display: table;
	}

	img {
		vertical-align: bottom;
		max-width: 100%;
	}

	#header {
		height: auto;
	}

	#headerTxt {
		padding: 3%;
		height: auto;
		font-size: 8px;
		text-align: justify;
	}
	#headerTxt br {
		display: none;
	}
	#headerTxt #mobomitt {
		display: none;
	}
	#headerTxt #mobadd {
		display: inline;
	}

	#headerFixed {
		position: relative;
		top: 0;
		width: 100%;
	}
	#headerFixed:before {
		content: '';
		display: block;
		padding-top: 15%;
	}
	#headerMain {
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
		padding: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}

	#headerMain #headerOffice {
		left: 73%;
		bottom: 53%;
		font-size: 12px;
	}

	#HBG {
		display: block;
		border-right: 1px solid #ccc;
		width: 15%;
		height: 100%;
		float: left;
		position: relative;
	}
	#wrapHBG {
		width: 60%;
		height: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		   -moz-transform: translate(-50%,-50%);
		    -ms-transform: translate(-50%,-50%);
		     -o-transform: translate(-50%,-50%);
		        transform: translate(-50%,-50%);
	}
	#HBG span {
		width: 100%;
		display: inline-block;
		height: 3px;
		background: #000032;
		border-radius: 1.5px;
		position: absolute;
		left: 0;
		-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
	}
	#HBG span:nth-of-type(1) {
		-webkit-transform-origin: top left;
		-moz-transform-origin: top left;
		-ms-transform-origin: top left;
		-o-transform-origin: top left;
		transform-origin: top left;
		top: 0;
	}
	#HBG span:nth-of-type(2) {
		top: 50%;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	#HBG span:nth-of-type(3) {
		-webkit-transform-origin: bottom left;
		-moz-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		-o-transform-origin: bottom left;
		transform-origin: bottom left;
		bottom: 0;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	#HBG.active span {
		width: 122%;
	}
	#HBG.active span:nth-of-type(1) {
		-webkit-transform: translate(5%,0) rotate(40deg);
		   -moz-transform: translate(5%,0) rotate(40deg);
		    -ms-transform: translate(5%,0) rotate(40deg);
		     -o-transform: translate(5%,0) rotate(40deg);
		        transform: translate(5%,0) rotate(40deg);
	}
	#HBG.active span:nth-of-type(2) {
		opacity: 0;
		-webkit-transform: translateX(50%);
		   -moz-transform: translateX(50%);
		    -ms-transform: translateX(50%);
		     -o-transform: translateX(50%);
		        transform: translateX(50%);
	}
	#HBG.active span:nth-of-type(3) {
		-webkit-transform: translate(5%,0) rotate(-40deg);
		   -moz-transform: translate(5%,0) rotate(-40deg);
		    -ms-transform: translate(5%,0) rotate(-40deg);
		     -o-transform: translate(5%,0) rotate(-40deg);
		        transform: translate(5%,0) rotate(-40deg);
	}
	#headerMain #logo {
		width: 85%;
		height: 100%;
		float: right;
		display: table;
	}
	#headerMain #logo a {
		height: 100%;
		display: table-cell;
		vertical-align: middle;
	}
	#headerMain #logo a img {
		width: 80%;
		height: auto;
	}
	#headerContact {
		display: none;
	}
	#nav {
		padding: 15% 0 40%;
		overflow: hidden;
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: -1;
	    height: 100vh;
	    width:70%;
	    -webkit-transition: all .5s ease;
	       -moz-transition: all .5s ease;
	        -ms-transition: all .5s ease;
	         -o-transition: all .5s ease;
	            transition: all .5s ease;
		-webkit-transform: translateX(-100%);
		   -moz-transform: translateX(-100%);
		    -ms-transform: translateX(-100%);
		     -o-transform: translateX(-100%);
		        transform: translateX(-100%);
	}
	#nav.openNav {
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		    -ms-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
	}
	#nav ul {
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	#nav li {
		display: table;
		width: 100%;
		height: 14.2857%;
		white-space: initial;
	}
	#nav li + li {
		border-top: 1px solid #fff;
	}
	#nav li a {
		font-size: 3.5vw;
		padding: 0 2% !important;
		line-height: normal !important;
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: 100%;
	}


	/*=================================================================


								FOOTER


	=================================================================*/

	#footerAbout dl {
		box-sizing: border-box;
		padding: 10% 3%;
		width: 100%;
	}

	#footerAbout dd {
		font-size: 8px;
		line-height: 16px;
	}
	#footerMain {
		width: 100%;
	}
	#breadcrumb {
		padding: 0 3%;
		display: none;
		text-align: center;
	}
	#footerSitemap {
		margin: 0;
		overflow: hidden;
		padding: 0 3%;
		text-align: center;
		height: 0;
		-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
	}
	#footerSitemap ul {
		margin: 0;
		float: none;
	}
	#breadcrumb li,#footerSitemap li a {
		display: block;
		font-size: 3.5vw;
		line-height: 40px;
	}
	#footerSitemap li + li a {
		border-top: 1px solid #aaa;
	}
	#footerSitemap ul li:last-child {
		border-bottom: 1px solid #aaa;
	}

	#acoon {
		margin: 15px 0 20px;
		display: block;
		text-align: center;
		font-size: 3.5vw;
		line-height: 45px;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
	}
	#acoon i {
		margin-left: 10px;
	}
/* #siteMap:checked + #footerSitemap { */
	#footerSitemap {
		height: 830px;
	}
	#footerTxt {
		padding: 0 3% 3%;
		border-top: none;
	}
	#footerTxt p {
		font-size: 2.6vw;
		width: 100%;
		float: none;
		text-align: justify !important;
		line-height: normal !important;
	}
	#copyright {
		text-align: center;
		font-size: 3vw;
	}
	.breadcrumb li {
		font-size: 2vw;
	}


	/*=================================================================


								INDEX


	=================================================================*/


	.flexslider {
		height: auto;
	}

	.flex-control-nav {
		bottom: 3%;
	}
	#topNav {
		margin: 0 0 0;
	}
	#topNav li {
		margin: 0 !important;
		width: 100%;
		float: none;
		position: relative;
	}
	#topNav li:before {
		content: '';
		display: block;
		padding-top: 36%;
	}
	#topNav li a {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: auto;
		background-size: 100% !important;
	}
	#topNav li a span {
		padding: 3% 0;
		height: auto;
		position: absolute;
		top: initial;
		bottom: 0;
		width: 100%;
		font-size: 4vw;
	}
	#topNav li a span i {
		display: block;
		position: absolute;
		top: 50%;
		right: 3%;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	#topNav li a span br {
		display: none;
	}
	#topNav2 {
		margin: 0 0 10%;
	}
	#topNav2 li {
		margin: 0 !important;
		width: 100%;
		float: none;
		position: relative;
	}
	#topNav2 li:before {
		content: '';
		display: block;
		padding-top: 36%;
	}
	#topNav2 li a {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: auto;
		background-size: 100% !important;
	}
	#topNav2 li a span {
		padding: 3% 0;
		height: auto;
		position: absolute;
		top: initial;
		bottom: 0;
		width: 100%;
		font-size: 4vw;
	}
	#topNav2 li a span i {
		display: block;
		position: absolute;
		top: 50%;
		right: 3%;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	#topNav2 li a span br {
		display: none;
	}
	#topContents {
		padding: 0 3%;
	}
	#topContents li {
		margin-top: 5%;
		height: auto;
		background: none !important;
	}
	#topContents li section {
		width: 100%;
		display: block;
	}
	#topContents li section div {
		width: 100%;
		display: block;
		height: auto;
	}
	.leftTxt,.rightTxt {
		padding: 0;
		text-align: justify;
	}
	#top1 {
		border-top: none;
	}
	#topContents h2 {
		text-align: center;
		margin-bottom: 3%;
		font-size: 18px;
		line-height: 24px;
	}
	#topContents .link {
		margin: 10px auto 0;
		width: 60%;
		text-align: center;
		position: relative;
	}
	#topContents dl {
		text-align: center;
	}
	#topContents p {
		text-align: center;
		font-size: 3.8vw;
	}
	.link img {
		display: inline-block;
	}
	.link em {
		padding: 10px 0;
		display: block;
		color: #fff;
		background: rgba(0,0,0,0.3);
		font-size: 17px;
		position: absolute;
		width: 100%;
		text-align: center;
		top: 50%;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%,);
		     -o-transform: translateY(-50%,);
		        transform: translateY(-50%,);
	}
	#topContents .link a:after {
		content: '';
	}

	#toppage #contactBox {
		margin: 0;
		padding: 5% 0;
		background-size: cover;
	}
	#contactBox h2 {
		font-size: 18px;
		line-height: 28px;
	}
	#contactFrame {
		padding: 0 3%;
		width: 100%;
	}
	#contactFrame p {
		margin-top: 3%;
		font-size: 13px;
		line-height: 20px;
	}
	#contactList {
		margin: 0 auto;
		width: 320px;
	}
	#contactAttention li {
		font-size: 3.6vw;
		line-height: 20px;
	}
	#contactList li {
		margin-bottom: 0;
		width: 100% !important;
		float: none !important;
		background-position: left !important;
		text-align: justify;
	}
	#contactList li:first-child {
		padding: 15px 0 15px 80px !important;
		font-size: 18px;
	}
	#contactList li a {
		background-position: left !important;
	}
	#contactList li:last-child a {
		padding: 25px 0 25px 80px;
		font-size: 18px;
	}
	#contactList li:first-child span {
		margin-top: 5px;
		font-size: 12px;
	}
	#contactAttention {
		margin-top: 1%;
	}
	#contactFrame dl {
		margin-top: 5%;
	}
	#contactFrame dd {
		margin-top: 1%;
		line-height: 22px;
	}
	#contactMark {
		margin-top: 3%;
	}
	#contactMark li {
		padding: 0;
		margin-bottom: 10px;
		display: inline-block;
	}
	#contactMark li + li {
		margin-left: 5px;
	}
	#contactMark li img {
		width: 80px;
		height: 80px;
	}

	.topFrame {
		padding-bottom: 0;
		padding-top: 10%;
	}
	.topFrame h2 {
		margin-bottom: 7%;
		font-size: 24px;
	}
	#topInfo #iframeBox {
		margin: 0 auto;
		padding: 0;
		width: 94%;
	}
	#topInfo #iframeBox iframe  {
		width: 100%;
		height: 350px;
	}
	#topInfo .link {
		padding-right: 3%;
		padding-bottom: 3%;
		/*line-height: 45px;*/
	}
	#topInfo{
		padding-bottom: 10%;
	}
	.topBox {
		width: 100%;
	}
	#topSubNav ul {
		margin: 0 !important;
		padding: 0 !important;
		display: block;
		width: 100%;
		border: none !important;
		min-height: 1px;
	}
	* html #topSubNav ul {
		height: 1px;
		/*¥*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
	#topSubNav ul:after{
		content: "."; 
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	#topSubNav li {
		display: block;
		width: 50%;
		float: left;
		border-top: 1px solid #d8d8d8;
	}
	#topSubNav ul:last-child li:nth-child(2){ border-bottom: 1px solid #d8d8d8; border-right: none; }
	#topSubNav ul:last-child li:nth-child(3){ border-right: 1px solid #d8d8d8; }
	#topSubNav li a{
		font-size: 14px;
	}
	#topLink li {
		width: 50%;
		margin: 0 !important;
		border-bottom: solid 1px #f5f5f5;
	}
	#topLink li:nth-child(2n){
		border-left: solid 1px #f5f5f5;
	}
	#topLink li a span{
		font-size: 16px;
	}
	#spHome {
		display: block;
	}
	#topLink ul {
		padding-bottom: 10%;
		margin-top: 0;
	}


	/*=================================================================


								ABOUT


	=================================================================*/

	#aboutHeader {
		padding: 10% 3%;
		background-size: cover;
	}
	#aboutHeader p {
		text-align: justify;
		width: 100%;
		font-size: 3.8vw;
	}

	#aboutReason {
		padding:  10% 3%;
	}
	#aboutReason h2 {
		font-size: 5.5vw;
		line-height: 180%;
	}
	#aboutReason ul {
		width: 100%;
	}
	#aboutReason li {
		margin-bottom: 15%;
		padding: 0;
		width: 100%;
	}
	#aboutReason li section figure {
		margin: 0 0 3% 0 !important;
		float: none !important;
		text-align: center;
	}
	#aboutReason li section h3 {
		font-size: 4.9vw;
	}
	#aboutReason li:nth-child(2n+1) section h3{
		margin-left: 0 !important;
	}
	#aboutReason li p {
		margin-top: 3%;
		font-size: 3.8vw;
	}
	#aboutReason li p span {
		font-size: 4vw;
	}
	#aboutReason .link {
		margin-top: 3%;
		text-align: right;
	}

	/*=================================================================


								INFO


	=================================================================*/


	#pageTitle {
		padding: 7% 2%;
		font-size: 4.5vw;
		line-height: 150%;
	}
	#infoMain {
		padding-top: 20%;
		background-size: 100% !important;
	}
	#infoMain div {
		padding: 0 3%;
		width: 100%;
	}
	#infoMain div iframe {
		width: 100%;
	}
	.breadcrumb {
		margin-bottom: 5%;
		padding: 0 3%;
	}

	/*=================================================================


								BOOK


	=================================================================*/

	#bookList {
		padding-top: 20%;
		background-size: 100% !important;
	}
	#bookList ul {
		padding: 0 3%;
		width: 100%;
	}
	#bookList li {
		padding: 5% 2%;
	}
	#bookList li dl {
		margin-bottom: 5%;
		width: 100%;
		float: none;
	}
	#bookList li dt span {
		font-size: 4vw;
		line-height: 180%;
	}
	#bookList li dt {
		font-size: 3.8vw;
		line-height: 150%;
	}
	#bookList li dd li {
		font-size: 3.8vw;
	}
	#bookList li p {
		width: 100%;
		float: none;
		text-align: center;
	}

	/*=================================================================


								LINK


	=================================================================*/

	#linkContents {
		margin-bottom: 10%;
		padding: 10% 3% 0;
		width: 100%;
	}
	.linkBox {
		margin-top: 10%;
	}
	.linkBox h2 {
		font-size: 4.5vw;
	}
	.linkBox li {
		line-height: normal;
	}
	.linkBox li a {
		padding: 2% 0;
		display: block;
		font-size: 4vw;
		line-height: normal;
		text-decoration: underline;
		line-height: 150%;
	}


	/*=================================================================


								PRIVACY


	=================================================================*/

	#privacy {
		margin-bottom: 10%;
		padding: 10% 3% 0;
		width: 100%;
	}
	#privacy h2 {
		font-size: 4vw;
	}
	#privacyHeader,#privacyContact {
		margin-top: 10%;
	}
	#privacyHeader p,#privacyContact p {
		margin-top: 5%;
		line-height: normal;
		font-size: 3vw;
	}
	#privacyContents p {
		font-size: 3vw;
		line-height: normal;
	}
	#privacyHeader li {
		line-height: normal;
		text-indent: 0;
		margin: 0;
		font-size: 3vw;
	}
	#privacyContact h3,#privacyContents h3 {
		margin-top: 5%;
		font-size: 3.5vw;
		line-height: normal;
	}
	#privacyContents #subTxt {
		margin: 0;
		font-size: 3.5vw;
	}
	#privacyContents dt {
		font-size: 3vw;
	}
	#privacyContents dd {
		margin-top: 3%;
	}
	#privacyContents dd ol li {
		font-size: 3vw;
	}
	#privacyContents ol#alphaList li {
		font-size: 3vw;
	}
	#privacyContents div {
		margin-top: 3%;
		line-height: normal;
	}
	#privacyContact p:last-child {
		margin-top: 3%;
	}
	#privacyContents dd table {
		margin-top: 3%;
	}
	#privacyContents th, #privacyContents td {
		padding: 3%;
	}
	#privacyContents th {
		font-size: 3vw;
	}
	#privacyContents td {
		font-size: 3vw;
	}
	#privacyContents ol#alphaList {
		margin-top: 3%;
	}
	#privacyContents dd dt {
		font-size: 3vw;
	}
	#privacy .rightTxt {
		font-size: 3vw;
	}

	/*=================================================================


								ESTABLISH


	=================================================================*/

	#establishHeader {
		padding: 15% 0;
		background-size: cover !important;
	}
	#establishHeader div {
		padding: 3%;
		width: 100%;
		text-align: center;
		background: rgba(255,255,255,0.8);
	}
	.establishPoint {
		padding: 5% 3%;
	}
	#establishHeader h2,#establishHeader h2 strong,.establishPoint h2,.establishPoint h2 strong,.establishPoint h2 span {
		font-size: 4.5vw;
		font-weight: bold;
	}
	#establishHeader h2 {
		margin-bottom: 3%;
	}
	#establishHeader p {
		width: 100%;
		margin: 0;
		line-height: normal;
		font-size: 4vw;
	}
	#establishPoint01 div {
		margin: 5% 0;
		padding: 0 3%;
		width: 100%;
		height: auto;
		display: block;
	}
	#establishPoint01 div figure {
		margin: 0 auto 5%;
		width: 80%;
	}
	#establishPoint01 div dl {
		display: block;
		text-align: center;
		line-height: normal;
	}
	#establishPoint01 div dt,#establishPoint01 section h3,#establishPoint03 section div h3 {
		font-size: 4vw;
		line-height: normal;
		font-weight: bold;
		text-align: center;
	}
	#establishPoint01 div dd,#establishPoint01 div dd strong,#establishPoint03 section div p {
		font-size: 3.8vw;
		line-height: normal;
	}
	#establishPoint03 section div p {
		margin-top: 5px;
	}
	#establishPoint01 section {
		padding: 10% 3%;
		width: 100%;
	}
	#establishPoint01 section ul {
		margin: 3% 0;
		padding: 3% 5% 3% 9%;
	}
	#establishPoint01 section li {
		padding: 2% 0;
		font-size: 4vw;
		line-height: normal;
		list-style: circle;
	}
	#establishPoint01 section p {
		font-size: 4vw;
		line-height: normal;
	}
	#point02Service,#point02Reason {
		width: 100%;
	}
	#point02Service h3 {
		text-align: center;
		font-size: 3.8vw;
	}
	#point02Service li {
		margin: 0 auto 10% !important;
		max-width: 100%;
		width: 80%;
		float: none;
		text-align: center;
	}
	#point02Service li dt {
		font-size: 4.5vw;
	}
	#point02Service li dd {
		margin-top: 2%;
		font-size: 4vw;
		line-height: normal;
	}
	#point02Reason {
		margin: 5% 0 0;
		padding: 10% 3%;
	}
	#point02Reason h3 {
		font-size: 4vw;
	}
	#point02Reason div dt {
		font-size: 4vw;
	}
	#point02Reason div dd {
		margin-top: 3%;
		padding: 3%;
	}
	#point02Reason div dd ul {
		padding-left: 6%;
	}
	#point02Reason div dd li {
		font-size: 3.8vw;
		line-height: 180%;
		list-style: circle;
	}
	#point02Reason div dd p {
		padding: 2%;
		margin-top: 5%;
		font-size: 3.5vw;
	}
	#point02Reason div dd p strong {
		font-size: 3.5vw;
	}
	#point02Reason section h4 {
		font-size: 3.8vw;
		line-height: normal;
	}
	#point02Reason section ul {
		margin: 3% 0;
		padding: 3%;
	}
	#point02Reason section li {
		padding: 2% 0 2% 37px;
		font-size: 3.7vw;
		line-height: normal;
	}
	#point02Reason section p {
		font-size: 3.8vw;
		line-height: normal;
	}
	#establishPoint03 section {
		padding: 5% 3%;
		width: 100%;
		height: auto;
	}
	#point03Check figure,#point03Support figure {
		margin: 0 auto 5%;
		width: 80%;
	}
	#establishPoint03 section {
		margin-top: 5% !important;
		display: block;
	}
	#establishPoint03 section div {
		padding: 0 !important;
		display: block;
		text-align: center;
	}
	#spon {
		display: block;
	}
	#spnon {
		display: none;
	}

	.spon {
		display: block;
	}
	.spnon {
		display: none;
	}

	/*=================================================================


								REGULATION


	=================================================================*/

	#regulationHeader {
		padding: 15% 0;
		background-size: cover !important;
	}
	#regulationHeader div {
		width: 100%;
		text-align: center;
	}
	#regulationHeader h2,#regulationHeader h2 strong {
		font-size: 4vw;
		font-weight: bold;
	}
	#regulationHeader p {
		margin-top: 5%;
		padding: 0 3%;
		width: 100%;
		font-size: 3.8vw;
		line-height: normal;
	}
	#regulationPresent div,#regulationTrouble div {
		width: 100%;
	}
	#regulationPresent {
		padding: 5% 3%;
	}
	#regulationPresent ul {
		padding: 3%;
	}
	#regulationPresent li {
		padding: 2% 0 0 37px;
		font-size: 4vw;
		line-height: normal;
	}
	#regulationPresent p {
		font-size: 3.8vw;
		line-height: normal;
	}
	#regulationTrouble, #regulationCheck, #regulationMake {
		padding: 10% 3% 5%;
	}
	#regulationTrouble h2, #regulationCheck h2, #regulationMake h2 {
		font-size: 4.8vw;
	}
	#regulationTrouble div {
		margin-top: 10%;
	}
	#regulationTrouble dl {
		width: 100%;
	}
	#regulationTrouble dt {
		font-size: 4vw;
	}
	#regulationTrouble dd {
		margin: 5% 0 10%;
		line-height: normal;
		font-size: 3.8vw;
		line-height: 200%;
	}
	#regulationTrouble dl:last-child {
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}
	#checkHeader, #makeHeader,#advantageHeader {
		width: 100%;
		margin: 5% 0 0 0;
		height: auto;
		padding: 0;
		display: block;
	}
	#checkHeader p, #makeHeader p,#advantageHeader p {
		display: block;
		padding: 5% 0;
		line-height: normal;
		font-size: 3.8vw;
		line-height: 200%;
	}
	#checkHeader figure,#makeHeader figure {
		margin: 0 auto;
		width: 80%;
	}
	#checkPrice, #makePrice {
		padding: 0;
		width: 100%;
	}
	#checkPrice table, #makePrice table {
		width: 100%;
	}
	#checkPrice th, #makePrice th {
		font-size: 3.5vw;
	}
	#checkPrice th, #checkPrice td, #makePrice th, #makePrice td {
		font-size: 3.8vw;
		line-height: 150%;
	}
	#checkPrice ul,#makePrice ul {
		padding: 2%;
	}
	#checkPrice li,#makePrice li {
		font-size: 3.8vw;
		line-height: 180%;
	}


	/*=================================================================


								LABOR


	=================================================================*/

	#laborHeader,#authorizeHeader,#contactHeader {
		padding: 15% 3%;
		background-size: cover !important;
	}
	#laborHeader div,#authorizeHeader div,#contactHeader div {
		padding: 3%;
		width: 100%;
		text-align: center;
		background: rgba(255,255,255,0.8);
	}
	#laborHeader h2,#subsidyHeader h2 ,#contactHeader h2,#contactHeader h2 strong,#subsidyHeader h2 strong,#subsidyMatter h2,#subsidyMatter h2 strong,#authorizeHeader h2,#outsourcingHeader h2 {
		font-size: 4vw;
		font-weight: bold;
	}
	#laborHeader p,#subsidyHeader p,#authorizeHeader p,#outsourcingHeader p,#contactHeader p {
		margin-top: 5%;
		width: 100%;
		font-size: 3.8vw;
	}
	#laborContents,#subsidyType, #subsidyMatter,#authorizeType {
		padding: 10% 0;
	}
	#laborContents h3,#subsidyType h2,#authorizeReason h2,#authorizeType h2 ,#authorizeType h2 strong,#outsourcingAdvantage h2, #outsourcingProcess h2,#outline h2 {
		font-size: 4vw;
	}
	#laborContents ul,#subsidyType div, #subsidyMatter div {
		margin-top: 10%;
		padding: 3%;
		width: 100%;
	}
	#laborContents ul {
		padding-left: 7%;
	}
	#laborContents li {
		padding: 1% 0;
		font-size: 3.8vw;
		line-height: 180%;
		list-style: circle;
	}

	/*=================================================================


								SUBSIDY


	=================================================================*/

	#subsidyHeader,#outsourcingHeader,#faqList,#greeting,#knowledgeList {
		padding: 15% 3%;
		background-size: cover;
	}
	#subsidyHeader div,#outsourcingHeader div {
		padding: 3%;
		width: 100%;
		text-align: center;
		background: rgba(255,255,255,0.8);
	}
	#subsidyType div, #subsidyMatter div {
		text-align: center;
	}
	#subsidyType table, #subsidyMatter table {
		width: 100%;
	}
	#subsidyType th, #subsidyMatter th,#subsidyType td, #subsidyMatter td {
		padding: 2%;
		line-height: 150%;
		text-align: justify;
	}
	#subsidyType th, #subsidyMatter th,#subsidyType td, #subsidyMatter td {
		font-size: 3vw;
	}
	#subsidyType div p {
		font-size: 3vw;
	}

	/*=================================================================


								AUTHORIZE


	=================================================================*/

	#authorizeReason {
		padding: 10% 0 5%;
	}
	#authorizeReason h2 {
		padding: 0 3%;
		line-height: 150%;
	}
	#authorizeReason ul {
		width: 100%;
	}
	#authorizeReason li {
		padding: 5% 0;
		width: 100%;
		height: auto;
		display: block;
	}
	#authorizeReason li figure {
		margin: 0 auto 3%;
		width: 80%;
	}
	#authorizeReason li section {
		margin-bottom: 5%;
		display: block;
		padding: 0 3%;
		text-align: center;
	}
	#authorizeReason li section h3 {
		font-size: 3.8vw;
		line-height: normal;
		text-align: center;
	}
	#authorizeReason li p {
		margin-top: 2%;
		font-size: 3.8vw;
	}
	#authorizeReason li:nth-child(2n) section {
		padding: 0 3% !important;
	}
	#authorizeType dl {
		padding: 5% 3%;
		width: 100%;
		margin: 10% 0 0 0;
	}
	#authorizeType dt,#authorizeType dt {
		float: none;
		width: 100%;
		font-size: 4vw;
		font-weight: bold;
	}
	#authorizeType dt {
		padding: 5% 0;
	}
	#authorizeType dd {
		padding: 0 0 5%;
	}
	#authorizeType dd li {
		font-size: 3.5vw;
		line-height: 180%;
	}
	#outsourcingAdvantage, #outsourcingProcess {
		padding: 10% 0;
	}
	#advantageHeader p {
		padding-right: 3%;
		padding-left: 3%;
	}
	#advantageList {
		padding: 5% 3%;
		width: 100%;
	}
	#advantageList p {
		font-size: 3.8vw;
	}
	#advantageList ul {
		margin-top: 3%;
		padding: 3%;
	}
	#advantageList li {
		padding: 2% 0 2% 37px;
		font-size: 3.5vw;
		line-height: 180%;
	}
	#advantageFlow {
		width: 100%;
		margin-top: 10%;
	}
	#advantageFlow h3 {
		font-size: 4vw;
	}
	#advantageFlow p {
		margin-top: 10%;
		padding: 0 3%;
	}
	#advantageFlow p img {
		height: auto;
	}
	#outsourcingProcess div {
		margin-top: 10%;
		width: 100%;
	}
	#outsourcingProcess dl {
		width: 100%;
	}
	#outsourcingProcess dt,#outsourcingProcess dt strong {
		font-size: 3.8vw;
		font-weight: bold;
	}
	#outsourcingProcess dd {
		font-size: 3.8vw;
		line-height: 180%;
	}


	/*=================================================================


								FAQ


	=================================================================*/


	#faqList ul {
		padding: 3%;
		width: 100%;
		background: rgba(255,255,255,0.8);
	}
	#faqList li {
		font-size: 3.8vw;
		line-height: 160%;
	}
	#faqList li + li {
		margin-top: 2%;
	}
	#faqContents {
		width: 100%;
		padding: 10% 0;
	}
	#faqContents li dt {
		margin-left: 3%;
	    padding: 3% 3% 3% 40px;
	    font-size: 4vw;
		line-height: 150%;
	}
	#faqContents li dd {
		padding: 5% 6% 5% 15%;
		background-position: 3% 5%;
	}
	#faqContents li dd p {
		font-size: 3.8vw;
	}
	#faqContents li dd li {
		font-size: 3.8vw;
		line-height: 180%;
	}
	#faqContents li dd th {
		font-size: 3vw;
	}
	#faqContents li dd dt {
		margin-left: 0;
		font-size: 3.5vw;
	}
	#faqContents li dd dd {
		font-size: 3.3vw;
		line-height: 150%;
	}
	#faqContents li dd th, #faqContents li dd td {
		padding: 10px;
	}


	/*=================================================================


								VOICE


	=================================================================*/

	#voiceList {
		padding-top: 20%;
		background-size: 100%;
	}
	#voiceList ul {
		padding: 0 3%;
		width: 100%;
	}
	#voiceList li {
		padding: 3%;
	}
	#voiceList dl {
		padding-left: 55px;
	}
	#voiceList dt {
		margin-bottom: 5%;
		padding: 5% 0;
		font-size: 4vw;
	}
	#voiceList dt span {
		font-size: 2.5vw;
	}
	#voiceList dd {
		font-size: 3.8vw;
		line-height: 180%;
	}

	/*=================================================================


								OUTLINE


	=================================================================*/

	#greeting p {
		padding: 3%;
		width: 100%;
		font-size: 3.8vw;
		background: rgba(255,255,255,0.8);
	}
	#outline {
		padding: 15% 0;
	}
	#outlineBox table {
		margin: 0;
		width: 100%;
	}
	#outlineBox table th,#outlineBox table td {
		padding: 5%;
		display: block;
		font-size: 4vw;
		line-height: 150%;
	}
	#sendaiOffice {
		padding-top: 20%;
	}
	#sendaiOffice div,#otherOffice {
		padding: 5% 3%;
		width: 100%;
		height: auto;
		background: #f5f5f5;
	}
	#sendaiOffice h3,#otherOffice h3 {
		margin-bottom: 3%;
		font-size: 4vw;
		font-weight: bold;
		text-align: center;
	}
	#sendaiOffice p,#otherOffice p {
		margin: 0;
		margin-bottom: 3%;
		font-size: 3vw;
		text-align: center;
	}
	#sendaiOffice iframe,#otherOffice iframe {
		width: 100%;
		pointer-events: none;
	}
	#otherOffice {
		margin-top: 5%;
		background: #fff;
	}
	#otherOffice section:first-child,#otherOffice section:last-child {
		padding: 0;
		width: 100%;
		float: none;
		border-right: none;
	}
	#otherOffice section:first-child {
		margin-bottom: 10%;
	}


	/*=================================================================


								CONTACT


	=================================================================*/

	#contactTel,#contactForm {
		padding: 15% 0;
	}
	#contactTel h3 ,#contactTel h3 strong,#contactForm h3,#contactForm h3 strong, #contactForm h2,#contactForm h2 strong {
		font-size: 4.5vw;
		font-weight: bold;
	}
	#contactTel div {
		width: 100%;
		margin: 5% 0 0 0;
		padding: 0 3%;
	}
	#contactTel ul li {
		font-size: 4vw;
		line-height: 180%;
	}
	#contactTel ul li span {
		display: block;
		font-size: 3.5vw;
	}
	#contactTel p {
		font-size: 4vw;
	}
	#formContents {
		margin: 5% 0 0 0;
		width: 100%;
	}
	#contactForm {
		padding: 15% 3%;
	}
	#formContents p {
		font-size: 3.8vw;
		line-height: 150% !important;
	}
	#formContents th,#formContents td {
		width: 100%;
		display: block;
	}
	#formContents th {
		font-size: 4vw;
	}
	#formContents td  {
		font-size: 3vw;
	}
	#formContents td textarea {
		width: 100%;
	}
	.sizeL {
		width: 100%;
	}
	.sizeM {
		width: 40%;
	}
	.sizeS {
		width: 25%;
	}
	.sizeSS {
		width: 15%;
	}
	#formContents td ul li {
		line-height: 180%;
	}
	#formContents td div dd {
		line-height: 150%;
	}
	#formBtn li {
		margin: 0 auto 5%;
		float: none;
	}
	#formBtn {
		width: 100%;
	}
	#formBtn li:first-child {
		margin-right: auto;
	}
	#thanksTxt dt {
		font-size: 3.5vw;
	}
	#thanksTxt dd {
		font-size: 3vw;
		line-height: 180%;
	}

	/*=================================================================


								KNOWLEDGE


	=================================================================*/

	#knowledgeList ol {
		padding: 3%;
		width: 100%;
		background: rgba(255,255,255,0.8);
	}
	#knowledgeList li {
		padding: 2% 0;
		font-size: 3.8vw;
		line-height: 180%;
	}
	#knowledgeContents {
		padding:  10% 0;
		width: 100%;
	}
	#knowledgeContents li {
		margin-top: 10%;
	}
	#knowledgeContents li dt {
		padding: 3%;
		font-size: 4vw;
		line-height: 150%;
	}
	#knowledgeContents li dd {
		padding: 5%;
	}
	#knowledgeContents li dd p {
		font-size: 3.8vw;
	}
	#knowledgeContents li dd th,#knowledgeContents li dd td {
		padding: 2% !important;
		line-height: 150% !important;
	}
	#knowledgeContents li dd th {
		font-size: 3.3vw;
		font-weight: bold;
	}
	#knowledgeContents li dd td {
		font-size: 3.3vw;
		text-align: justify !important;
	}
	#knowledgeContents li#k11 dd td,#knowledgeContents li#k11 dd th {
		font-size: 2vw;
	}
	#knowledgeContents li#k12 dd th {
		width: 32%;
	}
	#knowledgeContents li dd dt {
		font-size: 3.8vw;
	}
	#knowledgeContents li dd dd {
		font-size: 3.8vw;
		line-height: 150%;
	}
	#knowledgeContents li dd dd dt {
		font-size: 3.3vw;
	}
	#knowledgeContents li dd .spTable li {
		list-style: none;
		text-indent: 0;
		margin-left: 0;
		line-height: 20px;
		font-size: 2.5vw;
	}

	#knowledgeContents li dd .spTable li span {
		margin-left: 0;
		margin-right: 10px;
		display: inline-block;
		width: 15px;
		height: 15px;
	}
	#knowledgeContents li dd .spTable li span#blue {
		background: #dce8f9;
	}
	#knowledgeContents li dd .spTable li span#pink {
		background: #FFF0FE;
	}
	#knowledgeContents li dd .spTable li span#yellow {
		background: #FFFDEE;
	}
	#knowledgeContents li dd .spTable dt {
		padding: 3% 0;
		font-size: 3.8vw;
		text-align: center;
		background: #fff;
	}
	#knowledgeContents li dd .spTable dd {
		padding: 2% 0;
		font-size: 3.3vw;
		text-align: center;
	}
	#knowledgeContents li dd .spTable dl .blueBg {
		background: #dce8f9;
	}
	#knowledgeContents li dd .spTable dl .pinkBg {
		background: #FFF0FE;
	}
	#knowledgeContents li dd .spTable dl .yellBg {
		background: #FFFDEE;
	}


	/*=================================================================


								PRICE


	=================================================================*/

	#priceAnchor {
		padding: 3% 3% 0;
		width: 100%;
	}
	#priceAnchor li {
		margin: 0 0 3% !important;
		width: 100%;
	}
	#priceHeaderMain h2 {
		font-size: 4vw;
		line-height: 150%;
	}
	#priceHeaderMain p {
		font-size: 3.8vw;
	}
	#priceHeader ul {
		padding: 0 3%;
		width: 100%;
	}
	#priceHeader li {
		padding:  3%;
	}
	#priceHeader dd p:first-child {
		width: 100%;
	}
	#priceHeader li dt {
		font-size: 3.5vw;
	}
	#priceHeader li dt span {
		margin: 3% 0 0;
		display: block;
		font-size: 5vw;
	}
	#priceHeader dd p:first-child {
		font-size: 3.8vw;
	}
	#priceHeader dd p:last-child {
		width: 50%;
		font-size: 3vw;
	}
	#priceHeader dd p:last-child span {
		font-size: 4vw;
	}
	.packBox {
		width: 100%;
	}
	.packBox h3 {
		font-size: 5vw;
	}
	.packBox h3 span {
		margin-top: 2%;
		font-size: 6vw;
		display: block;
	}
	.packCatch {
		padding: 0 3%;
		font-size: 3.8vw;
	}
	.packMain {
		padding: 3%;
		width: 100%;
		height: auto;
		display: block;
	}
	.packMain figure {
		margin-bottom: 3%;
		text-align: center;
	}
	.packMain p {
		display: block;
		padding: 0;
		font-size: 3.8vw;
	}
	.packMain p span {
		font-size: 3.8vw;
	}
	.packSub {
		padding: 3%;
	}
	.packSub dt {
		font-size: 4vw;
	}
	.packSub dd {
		font-size: 3.8vw;
		line-height: 150%;
	}
	.packSub p {
		font-size: 4vw;
	}
	.packSub p span {
		font-size: 5vw;
	}
	.packList h4 {
		margin-bottom: 5%;
		float: none;
		text-align: center;
		font-size: 5vw;
	}
	.packList h4 span {
		margin: 0;
		line-height: 150%;
		font-size: 3vw;
	}
	.packList ol {
		margin-left: 0;
		width: 100%;
		float: none;
		padding-left: 3%;
	}
	.packList ol.firstList {
		margin: 0;
		padding-left: 3%;
		border: none;
	}
	.packList li {
		font-size: 3.8vw;
		line-height: 180%;
	}
	#priceContract h2, #priceSpot h2 {
		padding: 60px 3% 0;
		font-size: 6vw;
	}
	#priceContract h3, #priceSpot h3 {
		margin-bottom: 5%;
		padding: 0 3%;
		font-size: 4.4vw;
	}
	#priceContract div, #priceSpot div {
		padding: 0 3%;
		width: 100%;
	}
	#spotHeader {
		padding: 10% 3%;
		background-size: cover;
	}
	#spotHeader h2 {
		font-size: 3.8vw;
		line-height: 150%;
	}
	#spotHeader p {
		font-size: 3.5vw;
	}
	#priceContract ul, #priceSpot ul {
		padding: 0 3%;
	}
	#priceContract li {
		line-height: 180%;
		font-size: 3.5vw;
	}
	div.acoBox {
		padding: 0 !important;
	}
	.acoBox h4 {
		font-size: 4vw;
		text-align: center;
		background: #ddd;
		border-bottom: solid 1px #b8b8b8;
		line-height: 200%;
	}
	.acoBox h4 label {
		padding: 3% 0;
		display: block;
		position: relative;
	}
	.acoBox h4 label i {
		position: absolute;
		top: 50%;
		right: 5%;
		display: inline-block;
		-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
	}

	.acoBox h4 + input {
		display: none;
	}
	.acoBox table {
		overflow: hidden;
		-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
	}
	.acoBox th {
		width: 50%;
	}
/*	.acoBox table td,.acoBox table th,#priceContract tr:nth-child(2) td, #priceSpot tr:nth-child(3) td {*/
	#priceSpot .acoBox table td,#priceSpot .acoBox table th, #priceSpot tr:nth-child(3) td {
		padding: 0 !important;
		opacity: 0;
		line-height: 0 !important;
		border: none !important;
		-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
	}
	input:checked + table td,input:checked + table th {
		opacity:1;
		padding: 3% 0 !important;
		line-height: normal !important;
		border:  1px solid #b8b8b8 !important;
	}
/*	#priceContract input:checked + table td,#priceSpot input:checked + table td {*/
	#priceSpot input:checked + table td,
	#priceSpot input:checked + table th {
		opacity:1;
		padding: 3% 0 !important;
		line-height: normal !important;
		border: solid 1px #b8b8b8 !important;
	}
	#priceContract table, #priceSpot table {
		margin-top: 0;
	}
	.slbg { background: #00a0e9 !important; }
	.l { background: #009944 !important; }
	.s { background: #ea5504 !important; }
	.p { background: #ffce00 !important; }
	.slbg,.l,.s,.p {
		color: #fff;
	}
	#priceContract th, #priceSpot th,#priceContract th, #priceContract td, #priceSpot th, #priceSpot td {
		font-size: 3.5vw;
		padding: 3% 0;
		line-height: normal;
	}

	#priceContract tr:nth-child(2) td,#priceSpot tr:nth-child(3) td{
		padding: 3% 0;
	}

	.w15 { width: 15% !important; }
	.sl:before, .lite:before, .std:before, .pre:before {
		display: none;
	}
	.sptable .batsu {
		background-color: #ddd;
	}

}





@media only screen and (max-height: 450px) {
	#nav {
		padding-bottom: 3%;
	}
}

@media only screen and (max-width: 320px) {
	#contactList {
		width: 100%;
	}
}