/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* =media query 375px--------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
@media screen and (max-width: 375px) {
	.tab-item .tab-btn > .caption { font-size: 14px; }

	.paging a { min-width:40px !important; height: 40px !important; line-height: 40px !important; }

	.full-list.receipt-list > li > .receipt > .container { padding: 20px 10px; }

	.btn.btn-l.flexible { padding: 0 15px; min-width: 40px; height: 40px; line-height: 40px; }
	.btn.btn-l.flexible > .caption { font-size: 14px; padding: 0 4px; }

	.goods-price-table tr:nth-of-type(1) > th { font-size: 14px !important; }
	.goods-price-table { font-size: 14px; }
	.goods-spec-table { font-size: 14px; }

	.user-info-gate > li > a { height: 100px !important; }
	.user-info-gate > li > a > .caption { padding: 0 30px !important; }
	.user-info-gate > li:nth-of-type(2n) > a > .caption {padding: 0 30px 0 100px !important;}
	.user-info-gate > li:nth-of-type(2n+1) > a > .caption {padding: 0 100px 0 30px !important;}

	.popup { width: calc(100% - 20px); left: 10px; }
}




/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* =media query 480px--------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
@media screen and (max-width: 480px) {
	.pc-only { display: none; }
	.sp-only.dp-inblock { display: inline-block; }
	.sp-only.dp-block { display: block; }
	.sp-only.dp-inline { display: inline;}

	.pd-v-1u { padding-top: 30px; padding-bottom: 30px; }
	.pd-v-2u { padding-top: 60px; padding-bottom: 60px; }
	.pd-v-3u { padding-top: 90px; padding-bottom: 90px; }
	.pd-v-4u { padding-top: 120px; padding-bottom: 120px; }

	.pd-h-1u { padding-left: 30px; padding-right: 30px; }
	.pd-h-2u { padding-left: 60px; padding-right: 60px; }
	.pd-h-3u { padding-left: 90px; padding-right: 90px; }
	.pd-h-4u { padding-left: 120px; padding-right: 120px; }
	.pd-h-20-10 { padding-left: 10px; padding-right: 10px; }

	.pd-t-1u { padding-top: 30px; }
	.pd-t-2u { padding-top: 60px; }
	.pd-t-3u { padding-top: 90px; }
	.pd-t-4u { padding-top: 120px; }

	.pd-b-1u { padding-bottom: 30px; }
	.pd-b-2u { padding-bottom: 60px; }
	.pd-b-3u { padding-bottom: 90px; }
	.pd-b-4u { padding-bottom: 120px; }

	.txt-16-14 { font-size: 14px !important; }
	.txt-18-16 { font-size: 16px !important; }
	.txt-21-18 { font-size: 18px !important; }
	.txt-24-18 { font-size: 18px !important; }
	.txt-30-18 { font-size: 18px !important; }
	.txt-36-18 { font-size: 18px !important; }
	.txt-36-24 { font-size: 24px !important; }

	.flexible-3-2-1 > li { width: 100%; }
	.flexible-2-1 > li { width: 100%; }
	.flexible-4-2 > li { width: 50%; }
	.flexible-4-2 > li:nth-of-type(2n+1) { clear: both; }

	.btn.btn-l.flexible { padding: 0 15px; min-width: 40px; height: 40px; line-height: 40px; }
	.btn.btn-l.flexible > .caption { font-size: 14px; padding: 0 4px; }

	.flexible-layout { display: block; width:100%; height: auto; overflow:hidden; float: left; }
	.flexible-layout colgroup { display: none;}
	.flexible-layout tbody  { display: block; width:100%; height: auto; overflow:hidden; float: left; }
	.flexible-layout tr.head { display: none; }
	.flexible-layout tr { display: block; width:100%; height: auto; overflow:hidden; float: left; padding: 20px 10px; }
	.flexible-layout tr th, .flexible-layout tr td { display: block; width: 50%; text-align: left; float: left; padding: 5px 10px !important; border: none !important; }
	.flexible-layout tr th.txt-right, .flexible-layout tr td.txt-right { text-align: right;}
	.flexible-layout tr th.wide, .flexible-layout tr td.wide { width: 100%; }
	.flexible-layout tr th.hidden, .flexible-layout tr td.hidden { display: none; }

	.respon-15-30 { width: 30%; }
	.respon-35-70 { width: 70%; }
	.respon-50-100 { width: 100%; }

	.guardrail { width: 100%; }

	.card { padding: 20px 10px; }

	.help-box { width: 100%; }

	.scrollable-box { padding: 20px 10px; }

	.select-item > select { padding-right: 30px !important; }

	#header .gnb { display: none; }

	#footer .sitemap > li:nth-child(1) { width: 50%; }
	#footer .sitemap > li:nth-child(2) { width: 50%; }
	#footer .sitemap > li:nth-child(3) { width: 50%; clear: both; }
	#footer .sitemap > li:nth-child(4) { width: 100%; }

	.modal-dialog { min-width: 90%; max-width: 90%; }
	.modal-content { padding: 20px; }
	.modal-action { padding: 10px; }

	.toast { min-width: 80%; max-width: 90%; }

	.visual-area h1 { font-size: 36px; }

	.main-gate > div {
		padding: 10px 20px;
		font-size: 14px;
		margin-top: 40px;
	}

	.main-help-box h4 { display: block; padding:8px 0; border: none; font-size: 14px !important;}
	.main-help-box h4:after {
		content: '';
		display: block;
		width: 40px;
		height: 0;
		border-top: 1px solid #fff;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -20px;
	}
	.main-help-box .btn.btn-l {padding: 0 10px; height: 40px; line-height: 40px;}
	.main-help-box .btn.btn-l > .caption { font-size: 16px !important;}

	.popup { width: calc(100% - 20px); left: 10px; }

	.main-services-intro > li { width: 100%; padding: 40px 10px; text-align: center; }
	.main-services-intro > li > img {width: 80%; }
	.main-services-intro > li .btn { margin-top: 20px; }

	.main-customer .logo-wrap > .logo-holder.ratio1-1 { width: 60px; height: 60px; }
	.main-customer .logo-wrap > .logo-holder.ratio2-1 { width: 150px; height: 75px; }
	.main-customer .logo-wrap > .logo-holder.ratio4-3 { width: 100px; height: 75px; }

	.main-company-intro { padding: 100px 0; padding-left: 0; }
	.main-company-intro .deco {
		width: 100px;
		height: 100px;
		top: 0;
		left: 0;
		transform: translateY(-30%);
	}

	.main-brand-intro { padding: 100px 0; padding-right: 0; }
	.main-brand-intro .deco {
		width: 100px;
		height: 100px;
		top: 0;
		right: 0;
		transform: translateY(-30%);
	}

	.signin { width: 100%; }
	.signin .full-list { padding: 0; }
	.signin .hint-find { width: 100%; }
	.signin .hint-signup { width: 100%; }

	.find-id-pw-v h1 { font-size: 60px;}
	.find-id-pw > div { width: 100%; padding-left: 0; padding-right: 0; }

	.signup-v h1 { font-size: 60px;}
	.signup-form-agree { padding-left: 0; padding-right: 0; }
	.signup-form-input { padding-left: 0; padding-right: 0; }
	.signup-form-complete { padding-left: 0; padding-right: 0; }
	.signup-proccess > div > p > span { display: none; }
	.signup-form-agree h3 > span { width: 100%; }
	.signup-form-agree .check-item { float: left; }
	.signup-form-input .full-list h6 { width: 120px; top: 10px; transform: translateY(0); }
	.signup-form-input .full-list > li { padding: 50px 0 10px 0 !important; }
	.signup-form-input .im-not-robot { padding-left: 0; text-align: right; }
	.signup-form-input .im-not-robot > .img-holder { width: 100%; height: auto; margin-bottom: 10px; position: relative; }

	.server-hosting-v .metaphor { width: 100%; left: 0; background-size: 160px auto; background-position: right bottom; }
	.managed-cloud-v .metaphor { width: 100%; left: 0; background-size: 160px auto; background-position: right bottom; }
	.colocation-v .metaphor { width: 100%; left: 0; background-size: 160px auto; background-position: right bottom; }


	.server-hosting-v .words { padding-right: 0 !important; text-align: center !important; }
	.managed-cloud-v .words { padding-right: 0 !important; text-align: center !important; }
	.colocation-v .words { padding-right: 0 !important; text-align: center !important; }
	.server-hosting-v .words h1 { font-size: 36px; }
	.managed-cloud-v .words h1 { font-size: 36px; }
	.colocation-v .words h1 { font-size: 36px; }

	.server-hosting-feature li { width: 100%; padding: 20px; padding-left: 100px; }
	.server-hosting-feature li i { top: 50%; left: 50px; transform: translateX(-50%) translateY(-50%); width: 64px !important; height: 64px !important; font-size: 64px !important; }
	.server-hosting-feature li h4 { text-align: left;}

	.server-hosting-type li { width: 100%; padding: 20px 10px; }

	.idc-swipe > .idc-swipe-wrap > div { padding: 0; padding-top: 140px; }
	.idc-swipe > .idc-swipe-wrap > div > img { width: 240px; height: 140px; top: 0; left: 50%; transform: translateX(-50%) translateY(0); }
	.idc-swipe > .idc-swipe-wrap > div > .txt-wrap { padding: 20px; text-align: center; }
	.idc-swipe > .idc-swipe-control-l { display: none; }
	.idc-swipe > .idc-swipe-control-r { display: none; }

	.server-hosting-goods-list li { width: 100%; padding: 10px 0; }
	.server-hosting-goods-cate button > .caption { display: block; font-size: 14px; }
	.goods-detail-header { padding-left: 0; }
	.goods-detail-header .goods-img { width: 100%; position: relative;}
	.goods-detail-header h5 { margin-top: 20px;}
	.goods-price-table tr > th:nth-child(1) { display: none; }
	.goods-price-table tr > *:not(:first-child) { width: 33.33%;}
	.goods-price-table .btn { padding: 0 15px; }
	.goods-spec-table colgroup col:nth-child(1) { width: 30% !important; }
	.server-os-logo { width: 100%; }

	.managed-cloud-function table tr th { width: auto;}
	.managed-cloud-case li { width: 100%; padding: 20px 10px; }

	.colocation-tip { padding-left: 0; padding-top: 100px; }
	.colocation-tip > img { width: 200px; top: 30px; left: -100px; transform: translateX(0) translateY(0); }

	.order-form { padding-left: 0; padding-right: 0; }
	.order-form .full-list h6 { width: 200px; top: 10px; transform: translateY(0); }
	.order-form .full-list > li { padding: 50px 0 10px 0 !important; }
	.order-form .full-list > li.toggle h6 { width: 200px; top: 10px; transform: translateY(0); }
	.order-form .full-list > li.toggle { padding: 60px 0 10px 0 !important; }
	.order-form .respon-50-100 { width: 100%; }
	.ordering-goods { padding-left: 0; }
	.ordering-goods .goods-img { width: 100%; position: relative;}

	.my-service-v { background-size: 200px auto, contain; }
	.service-fee-v { background-size: contain, 200px auto, 200px auto; }
	.service-fee-v h1 > .deco { font-size: 48px !important;}
	.inquiry-v .metaphor { background-size: 140px auto, 140px auto; }
	.inquiry-v h1 > .deco { display: none; }

	.my-service-table tr.head { display: none; }
	.my-service-table tr { display: block; width:100%; height: auto; overflow:hidden; float: left; padding: 20px 10px; }
	.my-service-table tr td { display: block; width: 50%; text-align: left; float: left; padding: 5px 10px; }
	.my-service-table tr td:last-of-type { width: 100%; }
	.my-service-table tr td:last-of-type .btn { width: 100%; }
	.my-service-table tr td:nth-of-type(3) { width: 100%; }
	.my-service-filter > li { border-left: none; }

	.service-fee-date-filter { width: 100%; }

	.full-list.receipt-list > li > .receipt > .container { padding: 20px 10px; }

	.select-my-service label { width: 100%; }

	.user-info-gate > li { width: 100%; }
	.user-info-gate > li > a { height: 140px; }

	.support-v .expression { height: 200px; }
	.support-v .search .tf-item.w70 { width: 100%; }
	.support-top-gate > li { width: 100%; }
	.support-bbs-leader > li { width: 100%; padding: 20px 10px; }
	.support-bottom-banners > li { width: 100%; }
	.faq-filter > li { width: 100%; padding-left: 10px; padding-right: 10px; }
	.faq-filter > li:first-of-type { border-right: none; border-bottom: 1px solid #ddd; padding-bottom: 20px; }
	.faq-filter > li:last-of-type { padding-top: 20px; }
	.bbs-filter { width: 100%; }

	.extra-service-cate .full-list > li button > .caption { display: block; font-size: 14px; }

	.ssl-goods-list li.respon-50-100 { width: 100%; }
	.ssl-goods-list .flexible-layout tr th, .ssl-goods-list .flexible-layout tr td { text-align: center;}
	.ssl-purpose-table { border-collapse: ellipsis; border-spacing: 0; }
	.ssl-legal-basis-table tr td { padding-left: 10px; padding-right: 10px; margin-top:30px;}
	.ssl-legal-basis-table tr td:first-of-type { margin-top: 0; }
	.ssl-goods-detail-features > li { width: 100%; padding: 0; }

	.backup-feature li { width: 100%; padding: 20px; padding-left: 100px; }
	.backup-feature li i { top: 50%; left: 50px; transform: translateX(-50%) translateY(-50%); width: 64px !important; height: 64px !important; font-size: 64px !important; }
	.backup-feature li h4 { text-align: left;}

	.firewall-support-table { border-collapse: ellipsis; border-spacing: 0; }
	.firewall-pictogram-table-wrap { padding-left: 0; padding-right: 0; }
	.firewall-pictogram-table tr td > .container > img { width: 60px; }
	.firewall-pictogram-table .arrows { top: 35px; }
	.firewall-pictogram-table .arrows > hr { margin: 15px 0; margin-left: -8px;}

	.backup-order-process-table tr td { display: block; float: left; width: 100%; }
	.backup-order-process-table tr td > .container { height: 100px; padding-left: 100px; }
	.backup-order-process-table tr td > i { top: auto; right: auto; bottom: -30px; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(90deg); }
	.backup-order-process-table tr td > .container > i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%);}
	.backup-order-process-table tr td > .container > h4 { text-align: left; position: absolute; left: 100px; top: 50%; transform: translateY(-50%); }

	.backup-necessary { text-align: center; padding-right: 0; }
	.backup-necessary > .deco-holder { position: relative; width: 80%; height: 100px; top: auto; right: auto; transform: translateY(0); margin: 10px auto; }
	
}



/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* =media query 720px--------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
@media screen and (min-width: 481px) and (max-width: 720px) {
	.pc-only { display: none; }
	.sp-only.dp-inblock { display: inline-block; }
	.sp-only.dp-block { display: block; }
	.sp-only.dp-inline { display: inline;}

	.pd-v-1u { padding-top: 30px; padding-bottom: 30px; }
	.pd-v-2u { padding-top: 60px; padding-bottom: 60px; }
	.pd-v-3u { padding-top: 90px; padding-bottom: 90px; }
	.pd-v-4u { padding-top: 120px; padding-bottom: 120px; }

	.pd-h-1u { padding-left: 30px; padding-right: 30px; }
	.pd-h-2u { padding-left: 60px; padding-right: 60px; }
	.pd-h-3u { padding-left: 90px; padding-right: 90px; }
	.pd-h-4u { padding-left: 120px; padding-right: 120px; }
	.pd-h-20-10 { padding-left: 10px; padding-right: 10px; }

	.pd-t-1u { padding-top: 30px; }
	.pd-t-2u { padding-top: 60px; }
	.pd-t-3u { padding-top: 90px; }
	.pd-t-4u { padding-top: 120px; }

	.pd-b-1u { padding-bottom: 30px; }
	.pd-b-2u { padding-bottom: 60px; }
	.pd-b-3u { padding-bottom: 90px; }
	.pd-b-4u { padding-bottom: 120px; }

	.txt-16-14 { font-size: 14px !important; }
	.txt-18-16 { font-size: 16px !important; }
	.txt-21-18 { font-size: 18px !important; }
	.txt-24-18 { font-size: 18px !important; }
	.txt-30-18 { font-size: 18px !important; }
	.txt-36-18 { font-size: 18px !important; }
	.txt-36-24 { font-size: 24px !important; }

	.flexible-3-2-1 > li { width: 100%; }
	.flexible-2-1 > li { width: 100%; }
	.flexible-4-2 > li { width: 50%; }
	.flexible-4-2 > li:nth-of-type(2n+1) { clear: both; }

	.btn.btn-l.flexible { padding: 0 15px; min-width: 40px; height: 40px; line-height: 40px; }
	.btn.btn-l.flexible > .caption { font-size: 14px; padding: 0 4px; }

	.flexible-layout { display: block; width:100%; height: auto; overflow:hidden; float: left; }
	.flexible-layout colgroup { display: none;}
	.flexible-layout tbody  { display: block; width:100%; height: auto; overflow:hidden; float: left; }
	.flexible-layout tr.head { display: none; }
	.flexible-layout tr { display: block; width:100%; height: auto; overflow:hidden; float: left; padding: 20px 10px; }
	.flexible-layout tr th, .flexible-layout tr td { display: block; width: 50%; text-align: left; float: left; padding: 5px 10px !important; border: none !important; }
	.flexible-layout tr th.txt-right, .flexible-layout tr td.txt-right { text-align: right;}
	.flexible-layout tr th.wide, .flexible-layout tr td.wide { width: 100%; }
	.flexible-layout tr th.hidden, .flexible-layout tr td.hidden { display: none; }

	.respon-15-30 { width: 30%; }
	.respon-35-70 { width: 70%; }
	.respon-50-100 { width: 100%; }

	.guardrail { width: 480px; }

	.card { padding: 20px; }
	.help-box { width: 100%; }

	#header .gnb { display: none; }

	#footer .sitemap > li:nth-child(1) { width: 50%; }
	#footer .sitemap > li:nth-child(2) { width: 50%; }
	#footer .sitemap > li:nth-child(3) { width: 50%; clear: both;}
	#footer .sitemap > li:nth-child(4) { width: 50%; }

	.modal-dialog { min-width: 360px; max-width: 460px; }
	.toast { max-width: 460px; }

	.visual-area h1 { font-size: 48px; }

	.main-gate > div {
		padding: 10px 40px;
		font-size: 18px;
		margin-top: 40px;
	}

	.main-help-box h4 { display: block; padding:8px 0; border: none; font-size: 14px !important;}
	.main-help-box h4:after {
		content: '';
		display: block;
		width: 40px;
		height: 0;
		border-top: 1px solid #fff;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -20px;
	}
	.main-help-box .btn.btn-l {padding: 0 10px; height: 40px; line-height: 40px;}
	.main-help-box .btn.btn-l > .caption { font-size: 16px !important;}

	.popup { width: 460px; left: 10px; }

	.main-services-intro > li { width: 100%; padding: 40px 10px; text-align: center; }
	.main-services-intro > li > img {width: 60%; }
	.main-services-intro > li .btn { margin-top: 20px; }

	.main-company-intro { padding: 100px 0; padding-left: 0; }
	.main-company-intro .deco {
		width: 100px;
		height: 100px;
		top: 0;
		left: 0;
		transform: translateY(-30%);
	}

	.main-brand-intro { padding: 100px 0; padding-right: 0; }
	.main-brand-intro .deco {
		width: 100px;
		height: 100px;
		top: 0;
		right: 0;
		transform: translateY(-30%);
	}

	.signin { width: 100%; }
	.signin .full-list { padding: 0 10px; }
	.signin .hint-find { width: 100%; }
	.signin .hint-signup { width: 100%; }

	.find-id-pw-v h1 { font-size: 60px;}
	.find-id-pw > div { width: 100%; padding-left: 20px; padding-right: 20px; }

	.signup-v h1 { font-size: 60px;}
	.signup-form-agree { padding-left: 0; padding-right: 0; }
	.signup-form-input { padding-left: 0; padding-right: 0; }
	.signup-form-complete { padding-left: 0; padding-right: 0; }

	.signup-proccess > div > p > span { display: none; }
	.signup-form-agree h3 > span { width: 100%; }
	.signup-form-agree .check-item { float: left; }
	.signup-form-input .full-list h6 { width: 120px; top: 20px; transform: translateY(0); }
	.signup-form-input .full-list > li { padding-left: 0; padding-top: 60px; }
	.signup-form-input .im-not-robot { padding-left: 0; text-align: right; }
	.signup-form-input .im-not-robot > .img-holder { width: 100%; height: auto; margin-bottom: 10px; position: relative; }

	.server-hosting-v .metaphor { width: 100%; left: 0; background-size: 160px auto; background-position: right bottom; }
	.managed-cloud-v .metaphor { width: 100%; left: 0; background-size: 160px auto; background-position: right bottom; }
	.colocation-v .metaphor { width: 100%; left: 0; background-size: 160px auto; background-position: right bottom; }

	.server-hosting-v .words { padding-right: 0 !important; text-align: center !important; }
	.managed-cloud-v .words { padding-right: 0 !important; text-align: center !important; }
	.colocation-v .words { padding-right: 0 !important; text-align: center !important; }

	.server-hosting-v .words h1 { font-size: 48px; }
	.managed-cloud-v .words h1 { font-size: 48px; }
	.colocation-v .words h1 { font-size: 48px; }

	.server-hosting-feature li { width: 50%; }
	.server-hosting-feature li:nth-child(2n+1) {clear: both;}

	.server-hosting-type li { width: 100%; padding: 20px 10px; }

	.idc-swipe > .idc-swipe-wrap > div { padding: 0; padding-top: 140px; }
	.idc-swipe > .idc-swipe-wrap > div > img { width: 240px; height: 140px; top: 0; left: 50%; transform: translateX(-50%) translateY(0); }
	.idc-swipe > .idc-swipe-wrap > div > .txt-wrap { padding: 20px 60px; text-align: center; }

	.server-hosting-goods-list li { width: 100%; }
	.server-hosting-goods-list li > .card > .container { padding: 20px 40px; }
	.server-hosting-goods-cate button > .caption { display: block; font-size: 14px; }
	.goods-detail-header { padding-left: 0; }
	.goods-detail-header .goods-img { width: 100%; position: relative;}
	.goods-detail-header h5 { margin-top: 20px;}
	.goods-price-table tr > th:nth-child(1) { display: none; }
	.goods-price-table tr > *:not(:first-child) { width: 33.33%;}
	.goods-price-table .btn { padding: 0 15px; }
	.server-os-logo { width: 100%; }

	.managed-cloud-function table tr th { width: auto;}
	.managed-cloud-case li { width: 100%; padding: 20px 10px; }

	.colocation-tip { padding-left: 0; }
	.colocation-tip > img { width: 400px; top: 100px; left: 0; }

	.order-form { padding-left: 0; padding-right: 0; }
	.order-form .full-list h6 { width: 200px; top: 20px; transform: translateY(0); }
	.order-form .full-list > li.toggle h6 { width: 200px; top: 10px; transform: translateY(0); }
	.order-form .full-list > li { padding-left: 0; padding-top: 60px; }
	.order-form .respon-50-100 { width: 100%; }
	.ordering-goods { padding-left: 0; }
	.ordering-goods .goods-img { width: 80%; position: relative; margin: 0 auto;}

	.my-service-table tr.head { display: none; }
	.my-service-table tr { display: block; width:100%; height: auto; overflow:hidden; float: left; padding: 20px 10px; }
	.my-service-table tr td { display: block; width: 50%; text-align: left; float: left; padding: 5px 10px; }
	.my-service-table tr td:last-of-type { width: 100%; }
	.my-service-table tr td:last-of-type .btn { width: 100%; }
	.my-service-table tr td:nth-of-type(3) { width: 100%; }
	.my-service-filter > li { border-left: none; }

	.inquiry-v .metaphor { background-size: 160px auto, 160px auto; }

	.service-fee-date-filter { width: 100%; }

	.select-my-service label { width: 100%; }

	.user-info-gate > li { width: 100%; }
	.user-info-gate > li > a { height: 140px; }

	.support-v .search .tf-item.w70 { width: 100%; }
	.support-top-gate > li { width: 100%; }
	.support-bbs-leader > li { width: 100%; padding: 20px 10px; }
	.support-bottom-banners > li { width: 100%; }
	.faq-filter > li { width: 100%; padding-left: 10px; padding-right: 10px; }
	.faq-filter > li:first-of-type { border-right: none; border-bottom: 1px solid #ddd; padding-bottom: 20px; }
	.faq-filter > li:last-of-type { padding-top: 20px; }
	.bbs-filter { width: 100%; }

	.extra-service-cate .full-list > li button > .caption { display: block; font-size: 14px; }

	.ssl-goods-list li.respon-50-100 { width: 100%; }
	.ssl-goods-list .flexible-layout tr th, .ssl-goods-list .flexible-layout tr td { text-align: center;}
	.ssl-purpose-table { border-collapse: ellipsis; border-spacing: 0; }
	.ssl-legal-basis-table tr td { padding-left: 10px; padding-right: 10px; margin-top:30px;}
	.ssl-legal-basis-table tr td:first-of-type { margin-top: 0; }
	.ssl-goods-detail-features > li { width: 100%; padding: 0; }

	.backup-feature li { width: 100%; padding: 20px; padding-left: 100px; }
	.backup-feature li i { top: 50%; left: 50px; transform: translateX(-50%) translateY(-50%); width: 64px !important; height: 64px !important; font-size: 64px !important; }
	.backup-feature li h4 { text-align: left;}

	.firewall-support-table { border-collapse: ellipsis; border-spacing: 0; }
	.firewall-pictogram-table-wrap { padding-left: 20px; padding-right: 20px; }
	.firewall-pictogram-table tr td > .container > img { width: 70px; }
	.firewall-pictogram-table .arrows { top: 40px; }

	.backup-order-process-table tr td { display: block; float: left; width: 100%; }
	.backup-order-process-table tr td > .container { height: 120px; padding-left: 120px; }
	.backup-order-process-table tr td > i { top: auto; right: auto; bottom: -30px; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(90deg); }
	.backup-order-process-table tr td > .container > i { position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
	.backup-order-process-table tr td > .container > h4 { text-align: left; position: absolute; left: 120px; top: 50%; transform: translateY(-50%); }

	.backup-necessary { text-align: center; padding-right: 0; }
	.backup-necessary > .deco-holder { position: relative; width: 50%; height: 120px; top: auto; right: auto; transform: translateY(0); margin: 10px auto; }
	
}



/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* =media query 960px--------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
@media screen and (min-width: 721px) and (max-width: 960px) {
	.sp-only { display: none; }
	.pc-only.dp-inblock { display: inline-block; }
	.pc-only.dp-block { display: block; }
	.pc-only.dp-inline { display: inline;}

	.flexible-3-2-1 > li { width: 50%; }
	.flexible-2-1 > li { width: 50%; }

	.flexible-layout { display: block; width:100%; height: auto; overflow:hidden; float: left; }
	.flexible-layout colgroup { display: none;}
	.flexible-layout tbody  { display: block; width:100%; height: auto; overflow:hidden; float: left; }
	.flexible-layout tr.head { display: none; }
	.flexible-layout tr { display: block; width:100%; height: auto; overflow:hidden; float: left; padding: 20px 10px; }
	.flexible-layout tr th, .flexible-layout tr td { display: block; width: 50%; text-align: left; float: left; padding: 5px 10px !important; border: none !important; }
	.flexible-layout tr th.txt-right, .flexible-layout tr td.txt-right { text-align: right;}
	.flexible-layout tr th.wide, .flexible-layout tr td.wide { width: 100%; }
	.flexible-layout tr th .sp-only, .flexible-layout tr td .sp-only { display: block; }
	.flexible-layout tr th.hidden, .flexible-layout tr td.hidden { display: none; }

	.respon-15-30 { width: 30%; }
	.respon-35-70 { width: 70%; }
	.respon-50-100 { width: 100%; }

	.guardrail { width: 720px; }

	#header .gnb { display: none; }

	#footer .sitemap > li:nth-child(1) { width: 50%; }
	#footer .sitemap > li:nth-child(2) { width: 50%; }
	#footer .sitemap > li:nth-child(3) { width: 50%; clear: both;}
	#footer .sitemap > li:nth-child(4) { width: 50%; }

	.main-services-intro > li { width: 100%; padding: 40px 40px; text-align: center; }
	.main-services-intro > li > img {width: 50%; }
	.main-services-intro > li .btn { margin-top: 20px; }

	.main-company-intro { padding: 100px 0; padding-left: 200px; }
	.main-company-intro .deco {
		width: 150px;
		height: 150px;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}

	.main-brand-intro { padding: 100px 0; padding-right: 200px; }
	.main-brand-intro .deco {
		width: 150px;
		height: 150px;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}

	.signin { width: 70%; }
	.signin .full-list { padding: 0 20px; }
	.signin .hint-find { width: 100%; }
	.signin .hint-signup { width: 100%; }

	.find-id-pw-v h1 { font-size: 60px;}
	.find-id-pw > div { width: 100%; padding-left: 30px; padding-right: 30px; }

	.signup-v h1 { font-size: 60px;}
	.signup-form-agree { padding-left: 60px; padding-right: 60px; }
	.signup-form-input { padding-left: 60px; padding-right: 60px; }
	.signup-form-complete { padding-left: 60px; padding-right: 60px; }
	.signup-form-input .full-list h6 { width: 120px; }
	.signup-form-input .full-list > li { padding-left: 120px; }
	.signup-form-input .im-not-robot { padding-left: 0; text-align: right; }
	.signup-form-input .im-not-robot > .img-holder { width: 100%; height: auto; margin-bottom: 10px; position: relative; }

	.server-hosting-v .metaphor { width: 100%; left: 0; background-size: 240px auto; background-position: right bottom; }
	.managed-cloud-v .metaphor { width: 100%; left: 0; background-size: 240px auto; background-position: right bottom; }
	.colocation-v .metaphor { width: 100%; left: 0; background-size: 240px auto; background-position: right bottom; }

	.server-hosting-v .words { padding-right: 0 !important; text-align: center !important; }
	.managed-cloud-v .words { padding-right: 0 !important; text-align: center !important; }
	.colocation-v .words { padding-right: 0 !important; text-align: center !important; }

	.server-hosting-feature li { width: 50%; }
	.server-hosting-feature li:nth-child(2n+1) {clear: both;}

	.server-hosting-type li { width: 33.33%; padding: 10px; }

	.idc-swipe > .idc-swipe-wrap > div { padding: 0; padding-top: 186px; }
	.idc-swipe > .idc-swipe-wrap > div > img { width: 320px; height: 186px; top: 0; left: 50%; transform: translateX(-50%) translateY(0); }
	.idc-swipe > .idc-swipe-wrap > div > .txt-wrap { padding: 20px 60px; text-align: center; }

	.server-hosting-goods-list li { width: 50%; }
	.goods-detail-header { padding-left: 340px; }
	.goods-detail-header .goods-img { width: 320px; }
	.goods-price-table tr > th:nth-child(1) { width: 16%; }
	.goods-price-table tr > *:not(:first-child) { width: 28%;}
	.server-os-logo { width: 100%; }

	.managed-cloud-case li { width: 50%; padding: 10px; padding: 20px 10px; }

	.colocation-tip { padding-left: 200px; }
	.colocation-tip > img { width: 600px; top: 50%; left: 160px; }

	.order-form { padding-left: 60px; padding-right: 60px; }
	.order-form .full-list h6 { width: 140px; }
	.order-form .full-list > li { padding-left: 140px; }
	.order-form .respon-50-100 { width: 100%; }
	.ordering-goods { padding-left: 0; }
	.ordering-goods .goods-img { width: 70%; position: relative; margin: 0 auto;}

	.inquiry-v .metaphor { background-size: 160px auto, 160px auto; }

	.my-service-table tr.head { display: none; }
	.my-service-table tr { display: block; width:100%; height: auto; overflow:hidden; float: left; padding: 20px 10px; padding-right: 160px; position: relative; }
	.my-service-table tr td { display: block; width: 50%; text-align: left; float: left; padding: 5px 10px; }
	.my-service-table tr td .sp-only { display: block;}
	.my-service-table tr td:last-of-type { width: 140px; text-align: right; position: absolute; right: 20px; top:50%; transform: translateY(-50%);}
	.my-service-table tr td:last-of-type .btn { width: 120px; }
	.my-service-table tr td:nth-of-type(3) { width: 100%; }
	.my-service-filter > li { border-left: none; }

	.select-my-service label { width: 100%; }

	.user-info-gate > li { width: 50%; }
	.user-info-gate > li > a { height: 140px; }

	.support-top-gate > li { width: 50%; }
	.support-bottom-banners > li { width: 100%; }

	.ssl-goods-list li.respon-50-100 { width: 50%; }
	.ssl-goods-list .flexible-layout tr th, .ssl-goods-list .flexible-layout tr td { text-align: center;}
	.ssl-purpose-table { border-collapse: ellipsis; border-spacing: 0; }
	.ssl-legal-basis-table tr td { padding-left: 20px; padding-right: 20px; margin-top:30px;}
	.ssl-legal-basis-table tr td:first-of-type { margin-top: 0; }

	.firewall-support-table { border-collapse: ellipsis; border-spacing: 0; }
	.firewall-pictogram-table-wrap { padding-left: 60px; padding-right: 60px; }
	
	.backup-order-process-table tr td { display: block; float: left; width: 50%; }
	.backup-order-process-table tr td > .container { height: 120px; }
	.backup-order-process-table tr td > i { top: 50%; right: -30px; transform: translateX(-50%) translateY(-50%) rotate(0deg); }
	.backup-order-process-table tr td:nth-of-type(2) > i,
	.backup-order-process-table tr td:nth-of-type(4) > i { bottom: -30px; top: auto; right: auto; left: -30px; transform: translateX(50%) translateY(-50%) rotate(135deg); }
	.backup-order-process-table tr td > .container { padding-left: 120px; }
	.backup-order-process-table tr td > .container > i { position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
	.backup-order-process-table tr td > .container > h4 { text-align: left; position: absolute; left: 120px; top: 50%; transform: translateY(-50%); }

	.backup-necessary > .deco-holder { width: 40%; height: 130px; }
	
}



/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* =media query 1200px-------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
@media screen and (min-width: 961px) and (max-width: 1200px) {
	.sp-only { display: none; }
	.pc-only.dp-inblock { display: inline-block; }
	.pc-only.dp-block { display: block; }
	.pc-only.dp-inline { display: inline;}

	.respon-15-30 { width: 30%; }
	.respon-35-70 { width: 70%; }
	.respon-50-100 { width: 100%; }

	.guardrail { width: 960px; }

	#header { padding-top: 70px; }
	#header .gnb { text-align: left; height: 50px; line-height: 50px; }

	#footer .sitemap > li:nth-child(1) { width: 22%; }
	#footer .sitemap > li:nth-child(2) { width: 22%; }
	#footer .sitemap > li:nth-child(3) { width: 22%; }
	#footer .sitemap > li:nth-child(4) { width: 34%; }

	.visual-area { padding-top:120px; }

	.main-services-intro > li { width: 33.33%; padding: 20px 30px; text-align: center; }
	.main-services-intro > li h2 > span { width: 100%; margin-top: 10px; }
	.main-services-intro > li p { min-height: 150px; }
	.main-services-intro > li .btn { margin-top: 20px; }

	.signin { width: 55%; }
	.signin .full-list { padding: 0 20px; }

	.signup-form-agree { padding-left: 80px; padding-right: 80px; }
	.signup-form-input { padding-left: 80px; padding-right: 80px; }
	.signup-form-complete { padding-left: 80px; padding-right: 80px; }
	.signup-form-input .full-list h6 { width: 140px; }
	.signup-form-input .full-list > li { padding-left: 140px; }

	.goods-price-table tr > th:nth-child(1) { width: 16%; }
	.goods-price-table tr > *:not(:first-child) { width: 28%;}

	.order-form { padding-left: 80px; padding-right: 80px; }
	.order-form .full-list h6 { width: 160px; }
	.order-form .full-list > li { padding-left: 160px; }
	.ordering-goods { padding-left: 240px; }
	.ordering-goods .goods-img { width: 220px; }

	.select-my-service label { width: 580px; }

	.ssl-goods-list li.respon-50-100 { width: 50%; }
}



/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* =media query wide---------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
@media screen and (min-width: 1201px) {
	.sp-only { display: none; }
	.pc-only.dp-inblock { display: inline-block; }
	.pc-only.dp-block { display: block; }
	.pc-only.dp-inline { display: inline;}

	.guardrail { width: 1100px; }

	.goods-price-table tr > th:nth-child(1) { width: 16%; }
	.goods-price-table tr > *:not(:first-child) { width: 28%;}
}






/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* =media query print--------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
@media print { 
	body > *:not(.printable) { display: none; }
	.printable { display: block !important; }
}