/* 個別ヘッダー設定用 */
header .smenu.header_service{
	background: #2eb8d5;
	display: none;
}
header .smenu.header_service div.logo {
	max-width: none;
}
header .smenu.header_service p {
	background: url(/sevice_shared/img/svg/cloud/icn_cloud_cnc_w.svg) no-repeat left 50% / 45px;
	font-size: 20px;
	padding-left: 52px;
	height: 45px;
	line-height: 48px;
}
header .smenu.header_service #nav {
	left: 350px;
}
@media screen and (max-width: 979px){
.smenu.header_service {
	display: none !important;
}
}


/* 共通 */
.content {
    text-align: center;
}

#SECTION06_SP, .arrow_area, #SECTION02_SP, .arrow_area_SP, .ile_SP {
	display: none!important;
}

#SECTION01, #SECTION02, #SECTION04, #SECTION05, #SECTION06_PC, #SECTION02_PC {
    padding-bottom: 50px;
}

.pc {
	display: block !important;
	max-width: 100%;
    margin: 0 auto;
}

.sp {
	display: none !important;
}

/* Section01 */
.main_sub_title {
	color: #7e7e7e;
    margin-top: 0px !important;
}

p .logo {
    font-size: 103%;
}

.logo > img {
    width: 100px;
}

/*------------------------------
	Fixed tab
------------------------------*/

@media screen and (max-width: 979px) {
	.tabArea.fixed { top: 94px; }
	}
@media screen and (max-width: 739px) {
	.tabArea.fixed { top: 50px; }
	}
	
/*------------------------------
	tab
------------------------------*/
.tabArea { 
	background: #f3f3f3;
	border-bottom: 3px solid #dedede;
	z-index: 2; }
.tab { font-size: 0; }
.tab li {
	box-sizing: border-box;
	display: inline-block;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	border-left: 1px solid #dedede; }
	

.tab li:last-child {
	border-right: 1px solid #dedede; }
	
.tab li a {
	display: block;
	box-sizing: border-box;	
	padding: 15px 2px;
	color: #333; }
	
.tab li.on {
		box-shadow: 0px 3px #2eb8d5;
		padding: 15px 2px; }

@media screen and (min-width: 740px){
	.tab li img { margin-right: 8px; }
}
@media screen and (max-width: 739px){
	.tab li img { margin-bottom: 5px; }
}

.tab li a:hover img { 	
	opacity: 1 !important; }
	
.tab li a:hover {
	text-decoration: none;
	background: #2eb8d5;
	color: #FFF;
	box-shadow: 0px 3px #2eb8d5;
	}

/*-------- colmun --------*/	
.tab-2col .tab li { width: 50%; }
.tab-3col .tab li { width: 33.3%; }
.tab-4col .tab li { width: 25%; }
.tab-5col .tab li { width: 20%; }
.tab-6col .tab li { width: 16.5%; }
	

@media screen and (max-width: 739px){
	.tab > li {
		font-size: 14px;
		font-size: 1.4rem; }
	.tab > li.on { padding: 5px; }
	.tab > li a { padding: 5px; }
	.tab li img { width: 15%; }
}

/* Section02 */
#feature_PC > .col_02_flex > .col_block1 > .inner > .feature { margin-bottom: 14px;}
.feature .col_02 { padding: 0 0 20px; } /* 0 0 50px */
.feature .col_02:after{display:block;content:"";clear:both;overflow:hidden;}/* 2015/09/29 h9 */
.feature .col_02.col_02_flex .col_block1 { float:left; margin: 0 0.51%; padding: 60px 0; width: 45%;}/* 2015/09/29 h9 */
.feature .col_02.col_02_flex .col_block1 .inner { border-top: #2F95FA 5px solid; background: #FFF; padding: 40px 0 5px; }
.feature .col_02.col_02_flex .col_block.first .inner { border-top: #2eb8d5 16px solid; border-right: #2eb8d5 2px solid; border-bottom: #2eb8d5 2px solid; border-left: #2eb8d5 2px solid; padding:40px; }
.feature .feature { background: #2F95FA; border-radius: 100px; padding: 10px; border-bottom: #EEEEEE 1px solid; color: #FFF; width: 70%; margin: 0 auto 30px; text-align: center; }
.feature .first .feature { background: #2eb8d5; width: 66%; font-weight: bold; font-size: 1.7rem; }

.feature .col_02.col_02_flex .col_block2 { float:left; margin: 0 0.51%; padding: 27px 0; width: 50%;}/* 2015/09/29 h9 */
.feature .col_02.col_02_flex .col_block2 .inner { border-top: #2F95FA 5px solid; background: #FFF; padding: 40px 0 5px; }
.feature .col_02.col_02_flex .col_block2.first .inner { border-top: #2eb8d5 16px solid; border-right: #2eb8d5 2px solid; border-bottom: #2eb8d5 2px solid; border-left: #2eb8d5 2px solid; padding:27px 16px; }

.storage-lineup {
    margin: 20px;
    padding: 5px;
}

.lblh {
	line-height: 75px;
}

.dfeature {
    padding: 20px 0px;
}

.table3 > tbody > tr > th {
	text-align: center;
}

.table3 > tbody > tr > td {
	text-align: center;
}

#SECTION03_PC table td:nth-of-type(3){
	background: #edf8f9;
}

#SECTION03_PC table th:nth-of-type(3){
	border-right: 2px solid #2eb8d5;
}

#SECTION03_PC table th:nth-of-type(4) {
	border-top: 1px solid #2eb8d5;
	border-bottom: 1px solid #2eb8d5;
	border-right: 2px solid #2eb8d5;
	background: #2eb8d5;
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
}

#SECTION03_PC table td:nth-of-type(3) {
	border-left: 2px solid #2eb8d5;
	border-right: 2px solid #2eb8d5;
}
#SECTION03_PC table tr:last-child td:nth-of-type(3) {
	border-bottom: 2px solid #2eb8d5;
}

/*-----タブ切り替え------*/
input[type="radio"] {
	display: none;
}

.tab-item {
	display: block;
	float: left;
}

.comparison {
	display: none;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

#tab1:checked ~ #tab1-content,
#tab2:checked ~ #tab2-content, 
#tab3:checked ~ #tab3-content,
#tab4:checked ~ #tab4-content{
  display: block;
}

.tabs {
padding-bottom: 50px;
background-color: #fff;
width: auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.tab-item {
width: calc(100%/4);
height: 40px;
line-height: 50px;
background-color: #f4f4f4;
text-align: center;
line-height: 40px;
display: block;
float: left;
}

.tab-item:hover {
opacity: 0.8;
}
	
.tabs input:checked + .tab-item {
background-color: #5ab4bd;
color: #fff;
}

.tab2, .tab3{
	line-height: 20px!important;
}

.f_td1 {
	text-align: right!important;
	color: #999999;
	border: none!important;
}

.f_td2 {
	border: none!important;
}

.f_bps {
	border-bottom: 2px solid #DDD;
    width: 90%;
    margin: 0px 20px 20px;
    padding-bottom: 10px;
}

.f_router {
	font-size: 30px;
}

.f_cnc {
	font-size: 40px;
}

.bwidth {
	color: #999;
	margin-bottom: 0px!important;
}

#SECTION02_SP  {
	padding: 0 0 30px;
}

#SECTION02_SP table {
	margin: 0px 0 40px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#SECTION02_SP table th {
	background: #ddd;
	text-align: center;
}

#SECTION02_SP table th:first-child {
	border-right: 2px solid #2eb8d5;
}

#SECTION02_SP table th:nth-of-type(2) {
	border-top: 1px solid #2eb8d5;
	border-bottom: 1px solid #2eb8d5;
	border-right: 2px solid #2eb8d5;
	background: #2eb8d5;
	color: #fff;
	font-size: 12px!important;
	font-size: 2.0rem;
	width: 36%;
}

#SECTION02_SP table td {
	text-align: center;
}

#SECTION02_SP table td:nth-of-type(1),
#SECTION02_SP table td:nth-of-type(3) {
	background: #f8f8f8;
}

#SECTION02_SP table td:nth-of-type(2) {
	border-left: 2px solid #2eb8d5;
	border-right: 2px solid #2eb8d5;
}

#SECTION02_SP table tr:last-child td:nth-of-type(2) {
	border-bottom: 2px solid #2eb8d5;
}

#SECTION02_SP table td:nth-of-type(2),
#SECTION02_SP table td:nth-of-type(3) {
	background: #fff;
}

/* Section03 */
.block-step{
	padding: 0px 0 40px;
}
.block-step .inner .Box{
	width: 100%;
	float: left;
	text-align: center;
	background: #fff;
	padding: 10px;
}
.block-step .inner .arrowBox{
	width: 3.5%;
	height: 270px;
	float: left;
	background-image: url(/sevice_shared/img/cloud/top/ico_arrow002.png);
	background-repeat: no-repeat;
	background-position: center 50%;
}
.block-step .inner .Box p.name{
	font-weight: bold;
	font-size: 1.5rem;
}
.block-step .inner .Box p.message{
	font-size: 1.8rem;
}
.block-step .inner .Box img {
	width: auto;
	max-width: fit-content;
}

/* .box1 {
	padding-left:8px!important;
} */

.heightLine-list03{
    display: block;
    overflow: hidden;
    height: 45px!important;
}

.lh {
	line-height: 50px;
}

.ptile {
    padding: 0 20px;
}

.arrowPC {
	width: 15px;
	height: 15px;
	border-top: solid 3px #999999;
	border-right: solid 3px #999999;
	transform: rotate(45deg);
}

.arrow_area_PC {
	margin: 114px 10px 100px 5px;
}

.ile_PC {
display:flex!important;
justify-content:center;
}


/* Section04 */
ul.scene li {
    background: url(/sevice_shared/img/cloud/gcp/storage/icn_check.png) no-repeat 0 2px;
    padding-left: 24px;
    margin-bottom: 5px;
}

ul.point li {
    background: url(/sevice_shared/img/cloud/rdb/rdb_icn_point.png) no-repeat 0 2px;
    padding-left: 24px;
    margin-bottom: 5px;
}

#SECTION04 h4 {
    color: #fff;
    font-size: 2.3rem;
    text-align: center;
    margin-top: 0px;
	padding: 14px;
	position: absolute; 
	top: -20px; 
	left: 35px;
	width: 90%;
}

.color {
	background-color: #2eb8d5;
}

#SECTION04 h5 {
    color: #2eb8d5;
    font-size: 2.0rem;
    text-align: left;
    font-weight: bold;
    margin-bottom: 5px;
}

.h5_point {
	color: #fabc06!important;
}

.h5_service {
	color: #4d9feb!important;
}

.ua {
	position: relative;
}

.ua_2 {
	padding: 60px 20px 25px;
}

#usage .layout-unit.layout-2col:nth-child(1){
	width: 56%;
}

#usage .layout-unit.layout-2col:nth-child(2){
	width: 42%;
}

#SECTION04 figure {
    border: 3px solid #ccc;
}

.price {
	border-top: 2px solid #ccc;
}

/* Section04 構成例　利用サービス*/
.service_conf {
	border-top: 1px solid #ccc;
	margin:0 20px;
	padding:0 0 10px;
}

.service_conf ul {
	display: flex;
	flex-wrap: wrap;
}

.service_conf ul li {
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 7px 2px;
	margin-bottom: 10px;
	padding-bottom: 4px;
}

.service_conf ul li a {
	text-decoration: none;
	color: #333;
	border: 1px solid #999;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 5px 8px 5px 32px;
	margin-right: 5px;
}

.service_conf ul li a:hover {
	color: #4d9feb;
	border: 1px solid #4d9feb;
}

.icn_cnc {
	text-decoration: none;
	color: #333;
	border: 1px solid #999;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 5px 8px 5px 32px;
	margin-top: -3px;
}

#SECTION04 h6 {

    color: #4d9feb;
    font-size: 2.0rem;
    text-align: left;
    font-weight: bold;
    margin-bottom: 5px;
}

/* アイコン無し */
.service ul li.icn_none a {
	padding: 5px 8px 5px 8px;
}

/* サービスアイコン用 */
#usage .icn_cloud { background-image: url(/sevice_shared/img/svg/cloud/icn_cloud.svg); } /* クラウド */
#usage .icn_connect { background-image: url(/sevice_shared/img/svg/cloud/icn_cloud_connect.svg); } /* プラコネ */
#usage .icn_baremetal { background-image: url(/sevice_shared/img/svg/cloud/icn_cloud_baremetal.svg); } /* ベアメタル */
#usage .icn_private { background-image: url(/sevice_shared/img/svg/cloud/icn_cloud_private.svg); } /* プライベートクラウド */
#usage .icn_cnc { background-image: url(/sevice_shared/img/svg/cloud/icn_cloud_cnc.svg); } /* クラウドネットワークコネクト */
#usage .icn_vb { background-image: url(/sevice_shared/img/svg/network/icn_network_vb.svg); } /* バーチャルブリッジ */
#usage .icn_ilb { background-image: url(/sevice_shared/img/svg/cloud/icn_cloud_ilb.svg); } /* インフィニットLB */


/* コンピューティングアイコン用 */
#usage .icn_vr { background-image: url(/sevice_shared/img/svg/cloud/com/icn_cloud_vr.svg); } /* ファイアウォール */
#usage .icn_ip { background-image: url(/sevice_shared/img/svg/cloud/com/icn_cloud_ip.svg); } /* パブリックIP */
#usage .icn_internet { background-image: url(/sevice_shared/img/svg/cloud/com/icn_cloud_internet.svg); } /* インターネット接続サービス */
#usage .icn_vm { background-image: url(/sevice_shared/img/svg/cloud/com/icn_cloud_vm.svg); } /* 仮想マシン */


/* データセンター用 */
#usage .icn_mlb{ background-image: url(/sevice_shared/img/datacenter/ico_lb.png); } /* マネージドロードバランサー */
#usage .icn_mfw{ background-image: url(/sevice_shared/img/datacenter/ico_firewall.png); } /* マネージドファイアウォール */


/* Section05 */

.table > tbody > tr > th {
    text-align: center;
}

.inital > tbody > tr > td {
    text-align: center;
}

.table5 > thead > tr > td {
	text-align: center;
}

.table5 > tbody > tr > td {
	text-align: center;
}

.table6 > tbody > tr > td {
	text-align: right;
}

/* Section06 */
.order_PC {
	display: block;
}

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
}

#SECTION06_PC ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	justify-content: space-between;
	max-width: 1040px;
}

#SECTION06_PC ul li {
	float: left;
	margin: 0 .5em 0 1em;
	font-weight: bold;
}

#SECTION06_PC ul li {
	background: #ddd;
	padding: .7em 1em;
	float: left;
	text-decoration: none;
	color: #444;
	position: relative;
	width: 160px;
}

#SECTION06_PC ul li .step {
	color: #2eb8d5;
}

/* #SECTION06_PC ul a:hover {
	background: #cce9fa;
} */

#SECTION06_PC ul li::before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -37px;
	border-width: 37px 0 37px 1em;
	border-style: solid;
	border-color: #ddd #ddd #ddd transparent;
	left: -1em;
}

#SECTION06_PC ul .step1::before {
	content: normal;
}

/* #SECTION06_PC ul a:hover::before {
	border-color: #cce9fa #cce9fa #cce9fa transparent;
} */

#SECTION06_PC ul li::after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -37px;
	border-top: 37px solid transparent;
	border-bottom: 37px solid transparent;
	border-left: 1em solid #ddd;
	right: -1em;
}

#SECTION06_PC ul .start::after {
	content: normal;
}

#SECTION06_PC .start {
	background-color: #2eb8d5;
	color: #fff;
}

#SECTION06_PC ul .start::before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -37px;
	border-width: 37px 0 37px 1em;
	border-style: solid;
	border-color: #2eb8d5 #2eb8d5 #2eb8d5 transparent;
	left: -1em;
}

/* #SECTION06_PC ul a:hover::after {
	border-left-color: #cce9fa;
} */

.layout-4col {

	width: 230px;
    margin-left: 12px!important;
}

.heightLine-list04 {
    background-color: #fff;
    margin: 10px 10px;
	padding: 20px 10px 20px;
}

.layout-frame_PC{
	display: flex;
    justify-content: space-between;
}

/* Media Screen */
@media screen and (max-width: 739px) {
    .plan .col_02 { padding: 30px 0 0; }
	.plan .col_02.col_02_flex .col_block { width: auto; margin: 0 16px; padding: 0; }
    .plan .col_02.col_02_flex .col_block .inner { padding: 15px 0 5px }
    .plan .feature { font-size: 105%; margin: 0 auto 18px; padding: 7px 15px; }

    #SECTION04 h4 {
        position: static;
        font-size: 2.0rem;
        width: 100%; 
        padding: 14px 0;
    }    

    #SECTION04 h5 {
        margin-top: 15px;
	}
	
	.ua_2 {
		padding: 0px 20px 25px;
	}
}

@media screen and (max-width:980px) {
	.heightLine-list03 {
		margin-bottom: 0px;
	}
	.block-step .inner .Box{
	width: auto;
	float: none;
	text-align: center;
	}

	/*------ご利用の流れSP------*/

	#SECTION06_PC {
		display: none!important;
	}

	#SECTION06_SP, .arrow_area {
		display: block!important;
	}

	#SECTION06_SP h3 {
		background: #2eb8d5;
        display:block;
		text-decoration: none;
		color: #fff;
		margin: 10px;
		padding:5px 10px;
	}
	
	.layout-4col {
		width: 230px;
		padding: 12px!important;
		float: inherit;
	}
	
	.heightLine-list04 {
		background-color: #fff;
		padding: 10px;
	}

	#SECTION06_SP > .content > div > h3,#SECTION06_SP > .content > div > .layout-unit > .heightLine-list04{
		margin:-13px!important;
	}

	#SECTION06_SP > .content > div > h3 {
		top:-16px;
	}

	.arrow_area{
		height: 40px;
		padding: 0px 132px;
		margin-bottom: 10px!important;
	}

	.arrowSP {
		width: 15px;
		height: 15px;
		border-top: solid 3px #999999;
		border-right: solid 3px #999999;
		transform: rotate(135deg);
		margin: 0 auto;
	}

	.arrow_area_SP{
		margin: 5px 130px;
	}

	#SECTION06_SP > .col_btn > .sbutton_cv {
		margin-bottom: 30px!important;
	}

	.arrowBox, #SECTION02_PC, .arrow_area_PC, .ile_PC {
		display: none!important;
	}

	#SECTION02_SP, .arrow_area_SP, .ile_SP {
		display: block!important;
	}
	

	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
		margin: 0 auto;
	}
}



@media screen and (max-width: 906px){
	.layout-frame {
		clear: both;
		margin-left: 0;
	}
	#SECTION02_SP .layout-unit.layout-2col {
		width: 100%;
	}
	.mgd {
		top: -55px!important;
	}
	.bgc_white.text_black.mb30.ua{
		margin-top: 100px;
	}
}

/* IE */
@media all and (-ms-high-contrast: none) {
.icn_cnc {
    text-decoration: none;
    color: #333;
    border: 1px solid #999;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 5px 8px 5px 32px;
    margin-top: -4.2px;
}
}

/* Edge */
@supports (-ms-ime-align: auto) {
  .icn_cnc {
    text-decoration: none;
    color: #333;
    border: 1px solid #999;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 5px 8px 5px 32px;
    margin-top: -4px;
}
}

/* Firefox */
@-moz-document url-prefix() {
.icn_cnc {
    text-decoration: none;
    color: #333;
    border: 1px solid #999;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 5px 8px 5px 32px;
    margin-top: -2px;
}
}