@charset "utf-8";
/*	必須アイコン
-------------------- */
.icn_required {
	display: inline-block;
	width: 40px;
	margin: -3px 0 0 10px;
	padding: 2px 0;
	border-radius: 2px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 12px;
	font-size: 1.2rem;
	background: #4D9FEB;
}

/*	エラー表示
-------------------- */
.errortxt {
	display: none;
	margin-top: 5px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #FF1D1D;
	}
.formArea input[type="text"].errorbox,
.formArea input[type="email"].errorbox,
.formArea input[type="tel"].errorbox,
.formArea textarea.errorbox {
	border: 1px solid #FF383C;
	background: #FFF2F2;
}

/*	アイコン + ツールチップ
----------------------------- */
.summary-icn { display: inline-block; margin: -1px 0 0 10px; }
.summary-icn .summary-txt { display: none; }
.summary-icn:hover { position: relative; cursor: pointer; }
.summary-icn:hover .summary-txt {
	display: block;
	position: absolute;
	top: -13px;
	left: 30px;
	z-index:100;
	width: 200px;
	padding: 10px;
	border-radius:3px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #fff;
	background: #555;
}
 .summary-icn .summary-txt:before {
	content: '';
	position: absolute;
	top: 15px;
	left: -15px;
	z-index: 100;
	display: block;
	border-style: solid;
 	border-width: 10px 16px 10px 5px;
	border-color: transparent #555 transparent transparent;
}

/*	プレースホルダーの色
------------------------- */
.formArea .errorbox::-webkit-input-placeholder { color: #FF8082; }
.formArea .errorbox::-moz-placeholder { color: #FF8082; opacity: 1; }
.formArea .errorbox:-moz-placeholder { color: #FF8082; opacity: 1; }
.formArea .errorbox:-ms-input-placeholder { color: #FF8082; }

/*	フォーカスした時の色
------------------------- */
.formArea input.errorbox:focus,
.formArea textarea.errorbox:focus {
	transition: all 0.3s;
	border: 1px solid #D9D9D9;
	box-shadow: inset 0 0 5px rgba(4,6,4,0.3);	
	background: #FFF;
	outline: 0;
}
.formArea input#submit_button_01:focus {
	transition: none !important;
	box-shadow: none;
	outline: 0;
	color: #4D9FEB;
}

/*	オートフィル後の枠制御
------------------------- */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }

/*	Loading　制御
------------------------- */
#loader-bg {position:fixed; width:100%; height:100%; top:0px; left:0px; background:#fff; z-index:99999; display: none;}
#loading {position:absolute; left:50%; top:50%; width:64px; margin:-32px 0 0 -32px; font-size:64px; display: none;}

/*	エラー制御
------------------------- */
.parsley-type, .parsley-required, .parsley-maxlength {
	margin-top: 5px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #f00000;
}

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

	カラム構成	

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

/*　2カラム（サイドナビ付）レイアウト	
---------------------------------------- */
.formArea,
.form_navArea {	float: left; box-sizing: border-box; }

/*-- フォーム部分 --*/
.formArea { 
	width: 70%;
	margin-right: 5%;
	padding: 50px;
	border-radius: 5px;
	background: #FFF; }

/*-- サイドナビ部分 --*/
.form_navArea {	width: 25%;	}

/*-- スマホ閲覧時 --*/
@media screen and (max-width: 739px){
	.formArea,
	.form_navArea {	float: none; width: 100%; }
	.formArea { margin-bottom: 20px; padding: 20px;}
}



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

	フォーム　入力部分レイアウト

=========================================== */
.formArea dl { margin-bottom: 30px; }
.formArea dt { margin-bottom: 10px; font-size: 18px; font-size: 1.8rem; }

/*	ボックス枠線・背景色・サイズ	
----------------------------------- */
.formArea input[type="text"],
.formArea input[type="email"],
.formArea input[type="tel"],
.formArea select,
.formArea textarea {
	padding: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #FFF;
}

/*	プレースホルダーの色
------------------------- */
.formArea ::-webkit-input-placeholder { color: #CDCDCD;}
.formArea ::-moz-placeholder { color: #CDCDCD; opacity: 1; }
.formArea :-moz-placeholder { color: #CDCDCD; opacity: 1; }
.formArea :-ms-input-placeholder { color: #CDCDCD;}

/*	入力ボックス
------------------------- */
.formArea input[type="text"],
.formArea input[type="email"],
.formArea input[type="tel"],
.formArea textarea {
	box-sizing: border-box;
	width: 100%;
}

/*	ラジオボタン
------------------------- */
.radio-icn { display: none; }
.radio-icn + .radio-txt {
	padding-left: 20px;
	position:relative;
}
.radio-icn + .radio-txt::before{
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #999;
	border-radius: 50%;
}
/*.radio-icn:checked + .radio-txt { color: #009a9a; }*/
.radio-icn:checked + .radio-txt::after{
	content: "";
	position: absolute;
	top: 6px;
	left: 3px;
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #4D9FEB;
}

/*	チェックボックス
------------------------- */
.use_service dd label {
	display: block;
	margin: 5px 10px 0 0;
}
.use_service dd label input { margin-right: 5px; }
.checkbox-icn { display: none; }
.checkbox-txt{
	position:relative;
	margin-right: 10px;
	padding-left: 20px;
}
.checkbox-txt::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #999;
	border-radius: 2px;
}
.checkbox-icn:checked + .checkbox-txt::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 5px;
	display: block;
	width: 4px;
	height: 10px;
	transform: rotate(40deg);
	border-bottom: 3px solid #4D9FEB;
	border-right: 3px solid #4D9FEB;
}



/*	セレクトボックス
------------------------- */
.formArea select {
	width: 100%;
}

/* IE11対応 */
.formArea select::-ms-expand { display: none; }

/*	フォーカスした時の色
------------------------- */
/*-- 入力ボックス --*/
.formArea input:focus,
.formArea textarea:focus {
	transition: all 0.3s;	
	box-shadow: inset 0 0 5px rgba(4,6,4,0.3);	
	background: #FFF;
	outline: 0;
}
.formArea select:focus { 
	box-shadow: inset 0 0 5px rgba(4,6,4,0.3);	
	outline: 0;
	}
.formArea .submitArea input:focus　{
	box-shadow: none;
	background: #FFF;
	outline: 0;
	color: #4D9FEB;
}
/*-- プレースホルダー --*/
.formArea :focus::-webkit-input-placeholder { color: transparent; }
.formArea :focus::-moz-placeholder { color: transparent; }
.formArea :focus:-moz-placeholder { color: transparent; }
.formArea :focus:-ms-input-placeholder { color: transparent; }

/*	送信ボタン
------------------------- */
/*-- デフォルトリセット --*/
input[type="submit"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration { display: none; }
input[type="submit"]::focus { outline-offset: -2px; }

button {
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	background-color: transparent;
}
.formArea .submit_btn,
.submit_btn.back_btn {
	/*display: block;*/
	max-width: 200px;
	width: 100%;
	margin: 0 auto;
	padding: 8px 0 11px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	font-size: 2.0rem;
	font-size: 20px;
	border: 3px solid #4D9FEB;
	border-radius: 5px;
	-webkit-transition: opacity 0.4s linear; 
	-moz-transition: opacity 0.4s linear; 
	-o-transition:opacity 0.4s linear; 
	transition: opacity 0.4s linear; 
	background: #4D9FEB;	
}
.formArea .submit_btn {
	margin-left: 10px;
	font-family: 'Noto Sans Japanese', Meiryo, "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 464px) {
	.formArea .submit_btn { margin-bottom: 10px; }	
}

.formArea .submit_btn:hover{ 
	color: #4D9FEB;
	border: 3px solid #4D9FEB;
	background: #FFF;
	transition: 0.4s;
}
.submit_btn.back_btn {
	max-width: 180px;
	font-size: 16px;
	font-size: 1.6rem;
	border: 3px solid #878787;
	background: #878787;
}
.submit_btn.back_btn:hover {
	border: 3px solid #878787;
	color: #878787;
	transition: 0.4s;
	background: #FFF;
}



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

	確認画面

=========================================== */
.confirm dl {
	margin-bottom: 40px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DBDBDB; }



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

	埋め込み型フォームレイアウト

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

/*　カラム構成	
---------------------------------------- */
.formArea.embedded { float: none; width: 100%; padding: 30px; }

/*　フォームレイアウト
---------------------------------------- */
.formArea.embedded .form_row { 
	float: left;
	width: 48%;
}
.formArea.embedded .frameClear { float: none; }

.formArea.embedded .form_row:nth-child(odd) { margin-right: 4%; }
.submitArea { clear: both; }
.formArea.embedded dt {
	margin-bottom: 2px;
	font-size: 16px;
	font-size: 1.6rem;
}
.formArea.embedded input[type="text"],
.formArea.embedded input[type="email"],
.formArea.embedded input[type="tel"],
.formArea.embedded select,
.formArea.embedded textarea {
	padding: 4px;	
	font-size: 14px;
	font-size: 1.4rem;
}


.formArea.embedded .submit_btn {
	max-width: 100%;
	width: 250px;
	margin-left: 0;
	border-radius: 0; 
}

@media screen and (max-width: 739px) {
	.formArea.embedded .form_row { 
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.formArea.embedded .submit_btn { width: 200px; }
}

/* ローディングエフェクトスタイル
---------------------------------------- */

#overlay{
	position: fixed;
	top: 0;
	z-index: 150;
	width: 100%;
	height:100%;
	display: none;
	background: rgba(0,0,0,0.6);
}
.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}
.is-hide{
	display:none;
}

/*　モーダルデザイン
---------------------------------------- */
#thanksBox.submit-modal {
	display: block;
	box-sizing: border-box;
	max-width: 450px !important;
	margin: 0 auto !important;
	padding: 20px !important;
	border-radius: 5px !important;
	font-size: 16px !important;
	font-size: 1.6rem !important;
	background: #FFF !important;
	}
 button.mfp-close.submit-modal {
	position: static !important;
	width: 120px !important;
	height: auto !important;
	margin: 20px auto 0;
	padding: 0 10px !important;
	border-radius: 5px;
	opacity: 1 !important;
	color: #FFF !important;
	font-size: 20px !important;
	font-size: 2.0rem !important;
	background: #4D9FEB !important;
}



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

	お問い合わせ総合窓口

=========================================== */
.headerArea { background: #FFC926; }

#tab ul { letter-spacing:-0.4em; }	
#tab ul li {
	width: 50%;
	letter-spacing:normal;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: bottm;
	text-align: center;
	font-size: 20px;
	font-size: 2.0rem;
	background: #4E515D;
}
#tab ul .active { 
	padding: 20px 0;
	border-top: 10px solid #FFF;
	font-weight: bold;
	background: #FFF; }
#tab ul li a {
	display: block;
	padding: 20px 0;
	color: #FFC926;
}
#tab ul li a:hover { text-decoration: none; background: #727681; }
#tab ul li a:hover img { opacity: 1; }

@media screen and (max-width:739px) {
	#tab ul li {
		vertical-align: bottom;
		font-size: 14px;
		font-size: 1.4rem;
	}
	#tab ul li img { display: none; }
	#tab ul .active,
	#tab ul li a { padding: 5px 0; }
}

.inq-cate {
	padding: 0;
	background: #000;
	background: url("/sevice_shared/img/inquiry/ttl_bg.png") repeat-x;
}
.inq-cate span {
	position: relative;
	display: inline-block;
	line-height: 32px;
	height: 32px;
	padding: 0 20px 0 0;
	background-color: #FFF;
}

@media screen and (min-width:740px){
	.consider .layout-3col {
		box-sizing: border-box;
		width: 33.3%;
		margin :0;
		border-right: 1px solid #CCC;
	}
	
	.consider .layout-3col:last-child { border-right: none; }
}

.purpose {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
}
.purpose:before {
	content: "";
	display: inline-block;
	position: relative;
	width: 40px;
	height:46px;
	top: 16px;
	padding-left: 14px;
	background-repeat: no-repeat;
}
.purpose.icn_01:before { background-image: url("/sevice_shared/img/inquiry/icn_01.png"); }
.purpose.icn_02:before { background-image: url("/sevice_shared/img/inquiry/icn_02.png"); }
.purpose.icn_03:before { background-image: url("/sevice_shared/img/inquiry/icn_03.png"); }
.purpose.icn_04:before { background-image: url("/sevice_shared/img/inquiry/icn_04.png"); }
.purpose.icn_05:before { background-image: url("/sevice_shared/img/inquiry/icn_05.png"); }
.purpose.icn_06:before { background-image: url("/sevice_shared/img/inquiry/icn_06.png"); }
.purpose.icn_07:before { background: url(/sevice_shared/img/svg/cloud/icn_cloud.svg) no-repeat left 50% / 40px; padding-left: 10px;}
.purpose.icn_08:before { background: url(/sevice_shared/img/svg/datacenter/icn_datacenter.svg) no-repeat left 50% / 40px; padding-left: 10px;}
.purpose.icn_zenlogic:before { background: url(/sevice_shared/img/svg/rentalserver/icn_rentalserver.svg) no-repeat left 50% / 40px; padding-left: 10px;}
.purpose.icn_09:before { background-image: url("/sevice_shared/img/inquiry/icn_09.png"); }
.snav_se_icn { padding-left:2em; text-indent:-2em; }


.business-hours { color: #999; font-size: 12px; font-size: 1.2rem; }
.tel { margin-top: 30px; }
.tel a { color: #333; font-size: 38px; font-size: 3.8rem; }
.tel a:hover { text-decoration: none; }

@media screen and (max-width:739px){
	.ttl-icon { padding: 10px 0 10px 50px; background-size: 39px 39px; }
	.purpose { padding-bottom: 0; background-size: 20px 16px; }
	p.sbutton_fill,.tel { margin-top: 0; }
}

.help ul li { 
	float:left;
	box-sizing: border-box;
	width: 32%;
	margin: 0 2% 5% 0;
}
.help ul li a { padding: 10px 10px 10px 60px; color: #3B3B3B;} 
.help ul li a:hover { text-decoration: none; opacity: 0.6; } 
.help ul li:nth-child(3n) { margin-right: 0; }
.help ul li a.cloud { background: url(/sevice_shared/img/svg/cloud/icn_cloud.svg) no-repeat left 50% / 50px;}
.help ul li a.ilb { background: url(/sevice_shared/img/svg/cloud/icn_cloud_ilb.svg) no-repeat left 50% / 50px;}
.help ul li a.rdb { background: url(/sevice_shared/img/svg/cloud/icn_cloud_rdb.svg) no-repeat left 50% / 50px;}
.help ul li a.cachedb { background: url(/sevice_shared/img/svg/cloud/icn_cloud_cachedb.svg) no-repeat left 50% / 50px;}
.help ul li a.gcs { background: url(/sevice_shared/img/svg/cloud/icn_cloud_gcs.svg) no-repeat left 50% / 50px;}
.help ul li a.backup { background: url(/sevice_shared/img/svg/cloud/icn_cloud_backup.svg) no-repeat left 50% / 56px;}
.help ul li a.gcda { background: url(/sevice_shared/img/svg/cloud/icn_cloud_gcda.svg) no-repeat left 50% / 50px;}
.help ul li a.storage { background: url(/sevice_shared/img/svg/cloud/icn_cloud_obst.svg) no-repeat left 50% / 50px;}
.help ul li a.cache { background: url(/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat left 50% / 50px;}
.help ul li a.dns { background: url(/sevice_shared/img/svg/cloud/icn_cloud_dns.svg) no-repeat left 50% / 50px;}
.help ul li a.gslb { background: url(/sevice_shared/img/svg/cloud/icn_cloud_gslb.svg) no-repeat left 50% / 50px;}
.help ul li a.baremetal { background: url(/sevice_shared/img/svg/cloud/icn_cloud_baremetal.svg) no-repeat left 50% / 50px;}
.help ul li a.private { background: url(/sevice_shared/img/svg/cloud/icn_cloud_private.svg) no-repeat left 50% / 50px;}
.help ul li a.dc { background: url(/sevice_shared/img/svg/datacenter/icn_datacenter.svg) no-repeat left 50% / 50px;}
.help ul li a.nw { background: url(/sevice_shared/img/svg/network/icn_network.svg) no-repeat left 50% / 50px;}
.help ul li a.container { background: url(/sevice_shared/img/svg/container/icn_container.svg) no-repeat 8% 50% / 37px;}

@media screen and (max-width: 739px){
	.help ul li { 
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.help ul li:nth-child(3n) { margin-right: 2%; }
	.help ul li:nth-child(even) { margin-right: 0; }
	.help ul li a { 
		display: table;
		padding: 5px 0 5px 40px;
		font-size: 12px;
		font-size: 1.2rem;
		}
	.help ul li:nth-child(2n) { margin-right: 0; }
	.help ul li a.cloud,
	.help ul li a.ilb,
	.help ul li a.rdb,
    .help ul li a.cachedb,
	.help ul li a.gcs,
	.help ul li a.backup,
	.help ul li a.gcda,
	.help ul li a.storage,
	.help ul li a.cache,
	.help ul li a.dns,
	.help ul li a.gslb,
	.help ul li a.baremetal,
	.help ul li a.private,
	.help ul li a.aos,
	.help ul li a.dc,
	.help ul li a.nw,
	.help ul li a.bigdata { background-size: 26px auto; display: table-cell; vertical-align: middle;}
	.help ul li a.container { background-size: 20px; background-position: 5% 50%; display: table-cell; vertical-align: middle; }
}

/*　ボタン */
p.sbutton_fill a {	padding: 18px 0; border-radius: 5px; }
p.sbutton_fill.btn-green a { box-shadow: 0 0 0 3px #58BE89 inset; background: #58BE89; }
p.sbutton_fill.btn-green a:hover { color: #58BE89; background: #FFF; }
	
p.sbutton_fill.btn-yellow a { box-shadow: 0 0 0 3px #FBA848 inset; background: #FBA848; }
p.sbutton_fill.btn-yellow a:hover { color: #FBA848; background: #FFF; }

p.sbutton_fill.btn-gray a { box-shadow: 0 0 0 3px #8f9bb8 inset; background: #8f9bb8; } /* add ike */
p.sbutton_fill.btn-gray a:hover { color: #8f9bb8; background: #FFF; } /* add ike */

p.sbutton_fill.btn-cl a, 
p.sbutton_fill.btn-dc a,
p.sbutton_fill.btn-zen a,
p.sbutton_fill.btn-td a { padding: 14px 0 10px; font-size: 16px; font-size: 1.6rem; line-height: 2.2rem; }

p.sbutton_fill.btn-dc a { box-shadow: 0 0 0 3px #06346A inset; background: #06346A; }
p.sbutton_fill.btn-dc a:hover { color: #06346A; background: #FFF; }
p.sbutton_fill.btn-zen a { box-shadow: 0 0 0 3px #48c3ec inset; background: #48c3ec; }
p.sbutton_fill.btn-zen a:hover { color: #48c3ec; background: #FFF; }
p.sbutton_fill.btn-td a { box-shadow: 0 0 0 3px #FF3B35 inset; background: #FF3B35; }
p.sbutton_fill.btn-td a:hover { color: #FF3B35; background: #FFF; }

p.sbutton_fill.sim a { padding: 4px 0; }
p.sbutton_fill.chat_close {
	padding: 15px 0;
	text-align: center;
	display: block;
	width: 100%;
	border-radius: 5px;
	color: #FFF;
	font-weight: bold;
	font-size: 1.8rem;
	box-shadow: 0 0 0 3px #AAA inset;	
	background: #AAA;
}

p.sbutton_fill .bluebtn {	padding: 18px 0; border-radius: 5px; color: #FFF; background: #4D9FEB; box-shadow: 0 0 0 3px #4D9FEB inset; text-align: center; display: block; width: 100%; font-weight: bold; font-size: 1.8rem; }
p.sbutton_fill .bluebtn:hover { color: #4D9FEB; background: #FFF; }


/* ---- Zenlogic専用窓口 ---- */
.inq_zenlogic {
	border-top: 2px solid #eee;
	overflow: hidden;
}
.inq_zenlogic > div {
	width: 86%;
	margin: 0 auto;
}
.inq_zenlogic div div {
	float: left;
	margin: auto 10px;
}
.inq_zenlogic div div.zen_tel {
	background: #f7f7f7;
	padding: 50px 30px;
	margin-top: 40px;
}
.inq_zenlogic div div.zen_tel h3 {
	font-size: 18px;
	background: url(/sevice_shared/img/inquiry/icn_tel.png) no-repeat left 50%;
	padding-left: 25px;
}
.inq_zenlogic div div.zen_tel a.tel {
	display: block;
	font-size: 3.8rem;
	color: #888;
}
.inq_zenlogic div div.zen_tel a.tel:hover {
	text-decoration: none;
}
.inq_zenlogic div div.zen_tel span.text_s {
	display: block;
	margin-top: -10px;
}

section.help {
	clear: both;
}

@media screen and (max-width: 979px){
.inq_zenlogic > div {
	width: auto;
}
.inq_zenlogic div div {
	float: none;
}
.inq_zenlogic div div.zen_tel {
	padding: 20px;
	width: 90%;
	max-width: 430px;
	margin: 0 auto;
}
}
@media screen and (max-width: 613px){
.inq_zenlogic div div.zen_tel h3 {
	background: none;
	padding-left: 0;
}
}


/* ---- clearfix ---- */
.formContent:after,
.formArea.embedded form {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
}

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

	ページ埋め込み資料ダウンロードフォーム、ウェビナーフォーム用

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

.form_download .formArea {
	width: 100%;
	margin: 0;
	padding: 30px;
	background: #fff;
}
.form_webinar .formArea {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
}
.form_webinar .formArea h4 {
	position: relative;
}
.form_webinar .formArea h4:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 30%;
	background: #eee;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 0;
}
.form_webinar .formArea h4 span {
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 0 15px;
	display: inline-block;
}
.form_webinar .formArea label {
	font-size: 1.6rem;
}
.form_webinar .formArea .submit_btn {
	padding: 10px 5px 8px;
}
.form_download form,
.form_webinar form {
	display: flex;
	flex-wrap: wrap;
}
.form_download .formArea dl,
.form_webinar .formArea dl {
	width: 48%;
	margin: 1%;
}
.form_download .formArea dl.long_text,
.form_webinar .formArea dl.long_text {
	width: 94%;
}
@media screen and (max-width: 1039px){
	.form_download .formArea dl,
	.form_download .formArea dl.long_text {
		width: 100%;
		margin: 0 0 20px;
	}
	.form_private .formArea dt {
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 769px){
	.form_webinar .formArea dl,
	.form_webinar .formArea dl.long_text {
		width: 100%;
		margin: 0 0 20px;
	}
	.form_webinar .formArea .submit_btn {
		margin-bottom: 80px;
	}
}

/* 埋め込みフォーム用 */
#download_form .form_download,
#download_form .form_webinar {
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin-top: 30px;
	background: #fff;
}
#download_form .form_download .flex,
#download_form .form_webinar .flex {
	display: flex;
	margin: 35px 30px 0;
	padding-bottom: 30px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
#download_form .form_download .flex figure,
#download_form .form_webinar .flex figure {
	flex: none;
	margin-right: 20px;
}
#download_form .form_download .flex span,
#download_form .form_webinar .flex span {
	background: #1b9bd0;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px 3px;
	margin-top: 10px;
	display: inline-block;
}
#download_form .form_download .flex h5,
#download_form .form_webinar .flex h5 {
	font-weight: bold;
	margin: 12px 0 10px;
}
#download_form .form_download .flex p,
#download_form .form_webinar .flex p {
	font-size: 1.4rem;
	line-height: 1.8;
}
#download_form .form_download form,
#download_form .form_webinar form {
	justify-content: center;
}
#download_form .form_download .formArea,
#download_form .form_webinar .formArea {
	padding: 30px 30px 40px;
}
#download_form .formArea dt {
	font-size: 1.6rem;
}
#download_form .formArea .parsley-errors-list,
#webinar_form .formArea .parsley-errors-list {
	position: relative;
}
#download_form .formArea .parsley-required,
#download_form .formArea .parsley-type,
.form_webinar .formArea .parsley-required,
.form_webinar .formArea .parsley-type {
	position: absolute;
	background: #ccc;
	width: 100%;
	text-align: center;
	padding: 5px 5px 3px;
	box-sizing: border-box;
	opacity: .9;
}
#download_form .formArea .parsley-required:before,
#download_form .formArea .parsley-type:before,
#webinar_form .formArea .parsley-required:before,
#webinar_form .formArea .parsley-type:before {
	content: '';
	position: absolute;
	border-right: 8px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 8px solid transparent;
	top: -7px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#download_form .formArea .submit_btn {
	font-size: 1.8rem;
	max-width: 220px;
	padding: 10px;
}
@media screen and (max-width: 1039px){
	#download_form .form_download .formArea dl,
	#download_form .form_webinar .formArea dl {
		width: 46%;
		margin: 1%;
	}
}
@media screen and (max-width: 769px){
	#download_form .formArea dt {
		font-size: 1.4rem;
	}
	#download_form .form_download,
	#download_form .form_webinar {
		position: relative;
		width: 99%;
	}
	#download_form .form_download .flex,
	#download_form .form_webinar .flex {
		display: block;
	}
	#download_form .form_download .flex figure,
	#download_form .form_webinar .flex figure {
		margin-top: 45px;
		text-align: center;
	}
	#download_form .form_download .flex span,
	#download_form .form_webinar .flex span {
		position: absolute;
		top: -10px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	#download_form .form_download .flex h5,
	#download_form .form_webinar .flex h5 {
		text-align: center;
	}
	#download_form .form_download .flex p,
	#download_form .form_webinar .flex p {
		margin-bottom: 0;
	}
	#download_form .form_download .formArea dl,
	#download_form .form_webinar .formArea dl {
		width: 100%;
		margin: 0 0 20px;
	}
}

/* new */
#form_download.content {
    width: 100%;
}
#download_form .form_area {
    margin: 0 auto;
    padding: 50px 0;
}
#download_form .form_area .title {
    background: #f4f4f4;
    padding: 5px;
    margin-bottom: 20px;
}
#download_form .form_area .flex {
    display: flex;
}
#download_form .form_area .form_description {
    width: 45%;
    border-right: 1px solid #d9d9d9;
    padding-right: 20px;
}
#download_form .form_area .form_description figure img {
    border: 1px solid #999;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}
#download_form .form_area .form_description .service {
    margin-bottom: 15px;
    display: flex;
}
#download_form .form_area .form_description .service li {
    margin-right: 5px;
}
#download_form .form_area .form_description .service a {
    color: #333;
    font-size: 1.2rem;
    border: 1px solid #d9d9d9;
    padding: 3px 5px 3px 25px;
    box-sizing: border-box;
    background: url(/sevice_shared/img/svg/cloud/icn_cloud.svg) no-repeat 3px center / 18px;
}
#download_form .form_area .form_description .service .cdn a {
    background: url(/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat 3px center / 18px;
}
#download_form .form_area .form_description .service .private a {
    background: url(/sevice_shared/img/svg/cloud/icn_cloud_private.svg) no-repeat 3px center / 18px;
}
#download_form .form_area .form_description .service .container a {
    background: url(/sevice_shared/img/svg/container/icn_container.svg) no-repeat 5px center / 15px;
}
#download_form .form_area .form_description .service .defense a {
    background: url(/sevice_shared/img/svg/datacenter/managed/icn_defense.svg) no-repeat 3px center / 18px;
}
#download_form .form_area .form_description .service .dc a {
    background: url(/sevice_shared/img/svg/datacenter/icn_datacenter.svg) no-repeat 3px center / 18px;
}
#download_form .form_area .form_description .service .connect_atbex a {
    background: url(/sevice_shared/img/svg/datacenter/icn_datacenter_ocx.svg) no-repeat 3px center / 18px;
}
#download_form .form_area .form_description .service .partner a {
    background: url(/sevice_shared/img/svg/icn_partner.svg) no-repeat 3px center / 18px;
}
#download_form .form_area .form_description .service .nw a {
    background: url(/sevice_shared/img/svg/network/icn_network.svg) no-repeat 3px center / 18px;
}
#download_form .form_area .form_description .service a:hover {
    text-decoration: none;
}
#download_form .form_area .form_description h5 {
    font-weight: bold;
    margin-bottom: 10px;
}
#download_form .form_area .form_description p {
    font-size: 1.4rem;
    margin-bottom: 20px;
}
#download_form .form_area .form_description dl {
    border: 1px solid #d9d9d9;
    padding: 20px;
}
#download_form .form_area .form_description dt {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 5px;
}
#download_form .form_area .form_description dd {
    font-size: 1.4rem;
    background: url(/sevice_shared/img/svg/icn_check_box.svg) no-repeat 0 3px / 18px;
    padding-left: 25px;
    margin-bottom: 5px;
}
#download_form .form_area .form_description dd:last-of-type {
    margin-bottom: 0;
}
#download_form .form_area .form_embedded {
    width: 55%;
}
#download_form .form_area .form_embedded .formArea {
    width: 100%;
    padding: 0 0 0 20px;
    float: none;
}
#download_form .form_area .form_embedded .formArea dl {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
#download_form .form_area .form_embedded .formArea dl:last-of-type {
    margin-bottom: 25px;
}
#download_form .form_area .form_embedded .formArea dt {
    width: 40%;
    margin-bottom: 0;
    font-size: 1.4rem;
    text-align: right;
    padding-right: 20px;
    box-sizing: border-box;
}
#download_form .form_area .form_embedded .formArea dd {
    width: 60%;
}
#download_form .form_area .form_embedded input,
#download_form .form_area .form_embedded select {
    font-size: 1.4rem;
}
#download_form .form_area .form_embedded .icn_required {
    color: red;
    background: none;
    width: auto;
    margin: 0 0 0 5px;
}
#download_form .form_area .form_embedded #submitBtn {
    font-size: 1.6rem;
}
@media (max-width: 739px) {
    #form_download.content {
        width: 90%;
    }
    #download_form .form_area .flex {
        display: block;
    }
    #download_form .form_area .form_description {
        width: 100%;
        border: none;
        margin-bottom: 25px;
    }
    #download_form .form_area .form_description figure {
        text-align: center;
    }
    #download_form .form_area .form_embedded {
        width: 100%;
    }
    #download_form .form_area .form_embedded .formArea {
        padding: 0;
    }
}



/* 資料請求ページ用 */
.request-download .flex {
	max-width: 1040px;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.request-download .flex > div {
	width: 33%;
	max-width: 320px;
	border: 1px solid #ccc;
	margin-bottom: 30px;
	margin-right: 37px;
	position: relative;
	padding-bottom: 80px;
}
.request-download .flex > div:nth-child(3n) {
	margin-right: 0;
}
.request-download .flex > div h3 {
	font-size: 1.6rem;
	padding: 0 20px;
	margin: 25px 0 7px;
}
.request-download .flex > div p {
	font-size: 1.4rem;
	line-height: 1.8;
	padding: 0 20px;
}
a.btn_download {
	display: block;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
	padding: 15px 10px 10px;
	background: #327ec4;
	border: 1px solid transparent;
	border-radius: 6px;
	box-sizing: border-box;
	width: 200px;
	margin: 0 auto;
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
a.btn_download span {
	position: relative;
	display: block;
	transform: translate(-2px, -2px);
	transition: 0.3s;
	z-index: +1;
}
a.btn_download:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background: #4d9feb;
	border-radius: 6px;
	box-sizing: border-box;
	transform: translate(-2px, -2px);
	transition: 0.3s;
}
a.btn_download:hover span {
	transform: translate(0, 0);
}
a.btn_download:hover:after {
	transform: translate(0, 0);
}
a.btn_download.list {
	background: #09285f;
}
a.btn_download.list:after {
	background: #2f5597;
}

/* 資料請求ページ_資料ダウンロードフォーム用 */
#inquiry_download .flex {
	display: flex;
	align-items: center;
}
#inquiry_download .flex figure {
	flex: none;
	margin-right: 40px;
}
#inquiry_download .mv {
	padding: 50px 0;
}
#inquiry_download .mv span {
	background: #1b9bd0;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px 3px;
	margin-top: 10px;
	display: inline-block;
}
#inquiry_download .mv h1 {
	font-size: 2.4rem;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
}
@media screen and (max-width: 1039px){
	.content {
		width: 90%;
	}
	.form_webinar {
		width: 100%;
	}
	.request-download .flex {
		justify-content: center;
	}
	.request-download .flex > div,
	.request-download .flex > div:nth-child(3n) {
		width: 46%;
		margin: 0 1% 30px;
	}
}
@media screen and (max-width: 799px){
	#inquiry_download .flex {
		flex-wrap: wrap;
	}
	#inquiry_download .flex figure {
		width: 100%;
		text-align: center;
		order: 1;
	}
	#inquiry_download .flex > div {
		order: 0;
	}
}
@media screen and (max-width: 549px){
	.request-download .flex > div,
	.request-download .flex > div:nth-child(3n) {
		width: 100%;
		margin: 0 auto 30px;
	}
}

/* FAQ関連調整用 */
ul.faq li {
	display: flex;
	font-size: 1.3rem;
	margin-bottom: 5px;
}
ul.faq li span {
	margin-right: 5px;
}
.exp_inquiry {
	max-width: 1040px;
}
.exp_inquiry > div {
	width: 400px;
	margin-left: 20px;
}
.exp_inquiry p.sbutton_black a {
	font-size: 1.6rem;
	padding: 10px 10px 8px;
	box-sizing: border-box;
	box-shadow: 0 0 0 2px #333 inset;
}
.mb5 {
	margin-bottom: 5px!important;
}
@media screen and (max-width: 549px){
	.exp_inquiry {
		display: block;
	}
	.exp_inquiry > div {
		width: auto;
		margin: 0 auto;
	}
	.info_covid p {
		font-size: 1.5rem!important;
	}
}

/* 新タブアイコン調整用 */
img.icn_new_window {
	width: 14px;
	margin-top: -3px;
	margin-left: 4px;
}

/* 問い合わせページはDL用バナーを非表示 */
#bnr_DL {
	display: none;
}