@charset "UTF-8";
/* CSS Document */

/*---------------------------------
* cloud common
---------------------------------*/

.cloud_solution{
	color: #222222;
}

.subtitle{
	font-family: 'Jost', sans-serif;
	font-style: italic;
	font-size: 37px;
	letter-spacing: 0.05em;
	color: #002D76;
	position: relative;
	display: inline-block;
}

.subtitle::before{
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #41BCFF;
	position: absolute;
	left: -8px;
	top: -8px;
}

.subtitle02{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #3CA5E5;
}

.subtitle02::before{
	width: 31.14px;
	height: 1px;
	background-color: #41BCFF;
	position: static;
	margin-right: 15.4px;
}

.subtitle02::after{
	content: '';
	display: inline-block;
	width: 31.14px;
	height: 1px;
	background-color: #41BCFF;
	position: static;
	margin-left: 15.4px;
}

.cloud_solution h2{
	font-size: 18px;
	color: #131427;
}

.catch{
	font-size: 33px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.66;
	margin-top: 20px;
}
.cloud_top_aboutCont01 p{
	margin-top: 30px;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.8;
}

.title_ctr{
	text-align: center;
}

.cloud_link01{
	display: flex;
	background-color: #fff;
	border: 1px solid #002D76;
	color: #002D76!important;
	border-radius: 50px;
	width: 100%;
	font-weight: 500;
	justify-content: center;
	align-items: center;
	padding: 9.4px 0;
	position: relative;
	margin-top: 40px;
	transition: all .3s linear;
}

.cloud_link01::after{
	content: '';
	display: inline-block;
	width: 15.69px;
	height: 1px;
	background-color: #002D76;
	position: absolute;
	right: 17px;
}

.cloud_link01:hover{
	background-color: #002D76;
	color: #fff!important;
}

.cloud_link01:hover::after{
	background-color: #fff;
}
.cloud_empty{
	margin-top: 40px;
}

.box_shadow{
	box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.1);
}

.view_more_btn{
	width: 111.55px;
	height: 29.59px;
	background-color: #fff;
	border: 1px solid #1A1A1A;
	color: #1A1A1A;
	border-radius: 50px;
	font-family: 'Inria Sans', sans-serif;
	font-size: 10px;
	letter-spacing: 0.15em;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 36px;
	transition: all .3s linear;
}

.view_more_link:hover .view_more_btn{
	background-color: #1A1A1A;
	color: #fff;
}

/*---------------------------------
* cloud header
---------------------------------*/

.cloud_header_wrap header{
	padding: 0 21px 0 26px;
	height: 67px;
}

.cloud_header{
	display: flex;
	align-items: center;
	justify-content: space-between;
    height: 100%;
}

.cloud_header .logo{
	float: none;
	width: 315px;
	margin-top: 0;
	padding-left: 0;
}

.cloud_header .logo img{
	width: 100%;
	margin: 0;
}

.cloud_header .btn{
	float: none;
	width: auto;
	margin-bottom: 0;
	height: 100%;
}

.cloud_header .btn>ul{
	display: flex;
	align-items: center;
	height: 100%;
}

.clearfix.cloud_header:before, .clearfix.cloud_header:after{
	content: none;
}

header .cloud_header .btn ul li{
	height: 100%;
	display: flex;
    align-items: center;
}

header .cloud_header .btn>ul>li>ul{
	display: flex;
}

header .btn .cl_head_link01 ul li{
	margin-right: 26px;
}

.cl_head_link01 a{
	font-size: 13px;
	font-weight: 500;
	display: flex;
	align-items: center;
	height: fit-content;
}

.cl_head_link01 a::before{
	content: "";
    border-top: 2.4px solid transparent;
    border-bottom: 2.5px solid transparent;
    border-left: 5.5px solid #0069D3;
    display: inline-block;
    margin-right: 7.5px;
}

.cl_head_link01 a:hover{
	text-decoration: underline;
}

.cl_head_link02 ul{
	height: 100%;
}

.cl_head_link02 ul li a{
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    width: 89px;
    flex-direction: column;
}

.cl_head_link02 ul li a p{
	font-size: 10px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
}

.cl_head_link02Dl a{
	background-color: #FAAC1A;
	border: 1px solid #FAAC1A;
}

.cl_head_link02Dl a::before{
	content: '';
	background-image: url(../images/cloud_solution/common/download_icon01_wh.png);
	width: 10.63px;
	height: 7.79px;
	background-size: cover;
	margin-bottom: 5.5px;
}

.cl_head_link02Dl a:hover{
	background-color: #fff;
	color: #FAAC1A;
}

.cl_head_link02Dl a:hover::before{
	background-image: url(../images/cloud_solution/common/download_icon01_or.png);
}

.cl_head_link02Ctt a{
	background-color: #002D76;
	border: 1px solid #002D76;
}

.cl_head_link02Ctt a::before{
	content: '';
	background-image: url(../images/cloud_solution/common/contact_icon01_wh.png);
	width: 11.69px;
	height: 7.79px;
	background-size: cover;
	margin-bottom: 5.5px;
}

.cl_head_link02Ctt a:hover{
	background-color: #fff;
	color: #002D76;
}

.cl_head_link02Ctt a:hover::before{
	background-image: url(../images/cloud_solution/common/contact_icon01_ny.png);
}

.cloud_header_wrap #menu{
	border-bottom: none;
}

.cloud_header_wrap .menu{
	background:rgba(26,26,26,0.86);
	height: auto;
    display: flex;
}

.cloud_header_wrap #menu .menu ul li a{
	font-size: 15px;
}

.cloud_header_wrap #menu .menu ul li a .inner{
	color: #fff;
}

.cloud_header_wrap #menu .menu ul li:hover a .inner{
	background: #fff;
	color: #1A1A1A;
}

.cloud_header_wrap #menu .menu ul li:first-child span:before{
	font-size: 15px;
}

.cloud_header_wrap #menu .menu ul li span:after{
	font-size: 15px;
}

#sb-site.top.cloud_solution{
	background: none;
}

.sb-slidebar.cloud_slidebar h2{
	background: #002D76;
	padding: 1.5% 3% 2% 3%;
}

/*---------------------------------
* cloud top mv
---------------------------------*/

.cloud_top_mv{
	background-image: url(../images/cloud_solution/top/top_mv_bg.png);
	background-size: cover;
	padding: 45px 0 64px;
}

.cloud_top_mvInner{
	margin-left:0;
}

.cloud_top_mvInner h1 span{
	display: block;
	color: #fff;
}

.cloud_top_mvCont01{
	font-size: 16px;
	border: 1px solid #fff;
	border-radius: 50px;
	padding: 9px 19px;
	display: inline-block!important;
	letter-spacing: 0.1em;
}

.cloud_top_mvCont02{
	font-size: 40px;
	letter-spacing: 0.05em;
	line-height: 1.67;
	margin-top: 19px;
}

.cloud_top_mvCont03{
	margin-top: 54px;
}

.cloud_top_mvCont03 a ul{
}

.cloud_top_mvImg{
	margin-top: -26px;
	margin-left: 23px;
}

.cloud_top_mvImg img{
	width: 196px;
}


.cloud_top_mvImg img:hover{
	opacity: 1;
}

.cloud_top_mvCont03 a{
	display: inline-block;
	height: 137px;
	background-color: #FFF;
	border-radius: 10px;
	border: 2px solid #002D76;
	box-sizing: border-box;
	transition: all .3s linear
}

.cloud_top_mvTxt{
	margin: 14px 30px 0;
}

.cloud_top_mvLink01{
	color: #002D76;
	font-size: 18px;
	line-height: 1.44;
	font-weight: 500;
	text-align:center;
}

.cloud_top_mvLink02{
	background-color: #002D76;
	border-radius: 50px;
	width: 231px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	margin: 11px auto 0;
}

.cloud_top_mvLink02::before{
	content: '';
	display: inline-block;
	background-image: url(../images/cloud_solution/common/contact_icon01_wh.png);
	width: 15.71px;
	height: 11.52px;
	background-size: cover;
	margin-right: 10.4px;
}

.cloud_top_mvCont03 a:hover{
	background-color: #002D76;
}

.cloud_top_mvCont03 a:hover .cloud_top_mvLink01{
	color: #FFF;
}

.cloud_top_mvCont03 a:hover .cloud_top_mvLink02{
	color: #002D76;
	background-color: #FFF;
}

.cloud_top_mvCont03 a:hover .cloud_top_mvLink02::before{
	background-image: url(../images/cloud_solution/common/contact_icon01_ny.png);
}






/*---------------------------------
* cloud top about
---------------------------------*/

.cloud_top_about{
	overflow: hidden;
}

.cloud_top_about ul{
	display: flex;
	justify-content: space-between;
}

.cloud_top_aboutCont01{
	margin-top: 107px;
	margin-bottom: 50px;
	width:50%;
}

.cloud_top_aboutCont02{
	flex:1;
	margin-top: -30px;
	margin-right: -90px;
}

.cloud_top_aboutCont02 img{
	width: 760px;
}

/*---------------------------------
* cloud top service
---------------------------------*/

.cloud_top_service{
	background-color: rgba(226,233,239,0.5);
	padding: 80px 0 100px;
}

.cloud_top_serviceFlex{
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

.cloud_top_serviceFlex>li{
	background-color: #fff;
	width: 32%;
	border-top: 3px solid #002D76;
	padding: 23px 35px 53px;
	box-sizing: border-box;
}
.cloud_top_serviceFlex>li:not(:last-child){
	margin-right:2%;
}

.cloud_top_serviceNbr{
	text-align: center;
	color: #002D76;
}

.cloud_top_serviceNbr dt{
	font-family: 'Jost', sans-serif;
	font-style: italic;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1;
}

.cloud_top_serviceNbr dd{
	font-family: 'Jost', sans-serif;
	font-style: italic;
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-top: 10px;
}

.cloud_top_serviceImg{
	height: 170px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cloud_top_serviceFlex li:first-of-type .cloud_top_serviceImg img{
	width: 123px;
}

.cloud_top_serviceFlex li:nth-of-type(2) .cloud_top_serviceImg img{
	width: 178px;
}

.cloud_top_serviceFlex li:nth-of-type(3) .cloud_top_serviceImg img{
	width: 104.25px;
}

.cloud_top_serviceTtl{
	font-size: 22px;
	font-weight: 700;
	color: #131427;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cloud_top_serviceTtl::before{
	content: '';
	display: inline-block;
	width: 6.4px;
	height: 19.53px;
	background-image: url(../images/cloud_solution/top/top_service_deco01.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.cloud_top_serviceTtl::after{
	content: '';
	display: inline-block;
	width: 6.4px;
	height: 19.53px;
	background-image: url(../images/cloud_solution/top/top_service_deco02.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 10px;
}

.cloud_top_serviceTxt{
	line-height: 1.75;
	margin-top: 14px;
}

.cloud_top_serviceLinkBl{
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.cloud_top_serviceLinkBl li{
}

.cloud_top_serviceLinkBl li a{
	color: #002D76;
	font-size: 15px;
	font-weight: 500;
	text-decoration: underline;
	display: flex;
	align-items: center;
	margin-top: 10px;
	line-height:1.6;
}

.cloud_top_serviceLinkBl li a::before{
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url(../images/cloud_solution/common/arrow01.png);
	background-size: cover;
	margin-right: 10px;
	transition: all .3s linear;
}

.cloud_top_serviceLinkBl li a:hover{
	text-decoration: none;
}

.cloud_top_serviceLinkBl li a:hover::before{
	background-image: url(../images/cloud_solution/common/arrow01_02.png);
}

/*---------------------------------
* cloud top service navi
---------------------------------*/

.cloud_top_navi{
	background-image: url(../images/cloud_solution/top/top_servicenavi_bg.png);
	background-size: cover;
	padding: 86px 0 100px;
}

.cloud_top_navi .title_ctr{
	color: #fff;
}

.cloud_top_navi .subtitle, .cloud_top_navi h2{
	color: #fff;
}

.cloud_top_naviFlex{
	display: flex;
	margin-top: 60px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.cloud_top_naviFlex>li{
	width: 49.12%;
}

.cloud_top_naviFlex>li:nth-of-type(n+3){
	margin-top: 16.5px;
}

.cloud_top_naviFlex a{
	display: flex;
	padding: 19.4px 23px 24.4px 38px;
	box-sizing: border-box;
	background-color: #fff;
	position: relative;
	align-items: center;
	transition: all .3s linear;
	height: 100%;
}

.cloud_top_naviFlex a::after{
	content: '';
	display: inline-block;
	width: 20.64px;
	height: 20.09px;
	background-image: url(../images/cloud_solution/common/arrow02.png);
	background-size: cover;
	position: absolute;
	right: 23.3px;
}

.cloud_top_naviFlex a:hover{
	background-color: #D3FFEB;
}

.cloud_top_navEl{
	display: flex;
	align-items: center;
}

.cloud_top_navCont01{
	width: 92px;
}

.cloud_top_navBl01 .cloud_top_navCont01 img{
	width: 52.16px;
}

.cloud_top_navTxt01{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.65;
	color: #1A1A1A;
}

.cloud_top_navTxt02{
	width: 218px;
	height: 33.67px;
	border: 1px solid #162781;
	border-radius: 50px;
	background-color: #fff;
	color: #002D76;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	margin-top: 13.5px;
}

.cloud_top_navBl02 .cloud_top_navCont01 img{
	width: 43.44px;
}

.cloud_top_navBl03 .cloud_top_navCont01 img{
	width: 58.29px;
}

.cloud_top_navBl04 .cloud_top_navCont01 img{
	width: 51.48px;
}

/*---------------------------------
* cloud top case
---------------------------------*/

.cloud_top_case{
	margin: 86px 0 100px;
}

.cloud_top_caseFlex{
	margin-top: 107.8px;
	display: flex;
	justify-content: center;
}

.cloud_top_caseFlex>li{
	width: 32%;
	box-sizing: border-box;
}
.cloud_top_caseFlex>li:not(:last-child){
	margin-right:2%;
}

.cloud_top_caseFlex>li a{
	background-color: #fff;
	display: block;
}

.cloud_top_caseCont01{
	width: 95.55%;
}

.cloud_top_caseCont01 img{
	margin-top: -46.8px;
}

.cloud_top_caseCont01 img:hover{
	opacity: 1;
}

.cloud_top_caseCont02 dl{
	margin: 27px 0 24px;
	border-left: 6px solid #002D76;
	padding: 0 20px;
}

.cloud_top_caseCont02 dl dt{
	display: flex;
	align-items: center;
}

.cloud_top_caseCont02 dl dt span{
	font-family: 'Jost', sans-serif;
	font-style: italic;
	color: #002D76;
}

.cloud_top_caseCont02 dl dt span:first-of-type{
	font-size: 10px;
	letter-spacing: 0.05em;
	font-weight: 700;
}

.cloud_top_caseCont02 dl dt span:nth-of-type(2){
	font-size: 29px;
	letter-spacing: 0.05em;
	font-weight: 500;
	display: flex;
	align-items: center;
}

.cloud_top_caseCont02 dl dt span:nth-of-type(2)::before{
	content: '';
	display: inline-block;
	width: 11.22px;
	height: 1px;
	background-color: #002D76;
	margin: 0 3px 0 6px;
}

.cloud_top_caseCont02 dl dd h3{
	font-size: 18px;
	font-weight: 700;
	color: #002D76;
	line-height: 1.88;
	margin-top: 18px;
}

.cloud_top_caseTxtWrap{
	padding: 0 32.6px 45.5px;
}

.cloud_top_caseTxt{
	line-height: 1.75;
}

/*---------------------------------
* cloud top column
---------------------------------*/

.cloud_top_column{
	background-image: url(../images/cloud_solution/top/top_column_bg.png);
	background-size: cover;
	padding: 80px 0 100px;
}

.cloud_top_columnFlex{
	display: flex;
	margin-top: 58px;
	justify-content: space-between;
}

.cloud_top_columnFlex>li{
	width: 32%;
}

.cloud_top_columnCont01 h3{
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	margin-bottom: 30px;
}

.cloud_top_columnCont02{
	margin-bottom: 28.4px;
}

.cloud_top_columnCont02 img:hover{
	opacity: 1;
}

.cloud_top_columnCont03{
	line-height: 1.75;
	margin-bottom: 28.4px;
}

/*---------------------------------
* cloud top topics
---------------------------------*/

.cloud_top_topics{
	margin: 80px  0 100px;
}

.cloud_top_topicsBl{
	border-top: 1px solid #162781;
	border-bottom: 1px solid #162781;
	display: flex;
	padding: 35px 0;
	align-items: center;
}

.cloud_top_topicsBl h2{
	font-family: 'Jost', sans-serif;
	font-style: italic;
	font-size: 25px;
	letter-spacing: 0.05em;
	color: #002D76;
	margin-right: 53px;
}

.cloud_top_topicsEl li a{
	display: flex;
	font-size: 14px;
}

.cloud_top_topicsEl li a:hover{
	text-decoration: underline;
}

.cloud_top_topicsDate{
	margin-right: 24px;
}

.cloud_top_topics .cloud_link01{
	margin: 44px auto 0;
	width: 352.32px;
	height: 77.64px;
	letter-spacing: 0.15em;
	font-weight: 700;
}
.cloud_top_topicsEl li.nolink{
	display: flex;
	font-size: 14px;
}

/*---------------------------------
* cloud top download
---------------------------------*/

.cloud_top_dl{
	background-image: url(../images/cloud_solution/top/top_download_bg.png);
	background-size: cover;
	padding: 73px 0 100px;
}
.cloud_top_dl.col2{
    margin-bottom: 130px;
}

.cloud_top_dl.col2 section{
	width:100%;
}

.cloud_top_dl .subtitle02{
	color: #FAAC1A;
}

.cloud_top_dl .subtitle02::before{
	background-color: #FAAC1A;
}

.cloud_top_dl .subtitle02::after{
	background-color: #FAAC1A;
}

.cloud_top_dl h2{
	color: #fff;
}

.cloud_top_dlFlex{
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.cloud_top_dl.col2 .cloud_top_dlFlex{
	justify-content: space-around;
}

.cloud_top_dlFlex>li{
	width: 30%;
	display: flex;
	text-align:center;
}
.cloud_top_dl.col2 .cloud_top_dlFlex>li{
	width: 40%;
}
.cloud_top_dlFlex>li a{
	display: block;
	width: 100%;
}

.cloud_top_dlBl{
	color: #fff;
}

.cloud_top_dlBl li{
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.cloud_top_dlCont01 img{
	width: 210px;
	height: auto;
}
.imgVA .cloud_top_dlCont01 img{
	width: 128px;
	height: auto;
}


.cloud_top_dlCont01 img:hover{
	opacity: 1;
}

.cloud_top_dlCont02{
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	line-height: 1.8;
	margin-top: 35px;
}

.cloud_top_dlCont03{
	line-height: 1.75;
	margin-top: 22.6px;
}

.cloud_top_dlFlex li.cloud_top_dlCont04{
	background-color: #FAAC1A;
	width: 76.17%;
	height: 60.49px;
	border-radius: 50px;
	color: #fff;
	letter-spacing: 0.15em;
	font-weight: 700;
	margin: 21.6px auto 0;
	display: flex;
	align-items: center;
	border: 1px solid #FAAC1A;
	transition: all .3s linear;
}

.cloud_top_dlFlex a:hover .cloud_top_dlCont04{
	background-color: #fff;
	color: #FAAC1A;
}

/*---------------------------------
* cloud top contact
---------------------------------*/

.cloud_top_ctt{
	margin: 100px 0;
}

.cloud_top_ctt section>ul{
	display: flex;
	justify-content: space-between;
}

.cloud_top_ctt section>ul>li{
	width: 48.66%;
}

.cloud_top_cttMail a{
	display: flex;
	background-color: #002D76;
	border-radius: 10px;
	height: 166px;
	border: 1px solid #002D76;
	color: #fff;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0.05em;
	transition: all .3s linear;
}

.cloud_top_cttMail a::before{
	content: '';
	display: inline-block;
	width: 21.71px;
	height: 14.48px;
	background-image: url(../images/cloud_solution/common/contact_icon02_wh.png);
	background-size: cover;
	margin-right: 19.6px;
}

.cloud_top_cttMail a:hover{
	background-color: #fff;
	color: #002D76;
}

.cloud_top_cttMail a:hover::before{
	background-image: url(../images/cloud_solution/common/contact_icon02_ny.png);
}

.cloud_top_cttTel a, .cloud_top_cttTel>div{
	display: flex;
	background-color: #fff;
	border-radius: 10px;
	height: 166px;
	border: 1px solid #002D76;
	align-items: center;
	justify-content: center;
	transition: all .3s linear;
	color: #1A1A1A;
}

.cloud_top_cttCont01{
	font-family: 'Jost', sans-serif;
	font-style: initial;
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 0.025em;
	text-align: center;
}

.cloud_top_cttCont01 div::before{
	content: '';
	display: inline-block;
	width: 27.37px;
	height: 27.37px;
	background-image: url(../images/cloud_solution/common/tel_icon01_bk.png);
	background-size: cover;
	margin-right: 17.6px;
}

.cloud_top_cttCont02{
	margin-top: 5.7px;
	font-size: 12px;
}

.cloud_top_cttTel a:hover{
	background-color: #002D76;
	color: #fff;
}

/*.cloud_top_cttTel a:hover .cloud_top_cttCont01 div::before{
	background-image: url(../images/cloud_solution/common/tel_icon01_wh.png);
}*/

/*---------------------------------
* cloud footer
---------------------------------*/

.cloud_footer #gfooter{
	background-color: #F4F4F4;
}

.cloud_footer .footerLogo{
	width: 380px;
}


.cloud_footer .footerLogo .set{
	display:block;
	font-size: 13px;
	margin:15px 0 0;
	font-weight: bold;
}



.cloud_footer .footerNaviCont01 li.lv1{
	color: #222222;
}

.cloud_footer .footerNaviCont01 li.lv1:before{
	color: #002D76;
}

.cloud_footer .lv15{
	display: flex;
}

.cloud_footer .lv15::before{
	content: "・";
	font-size: 13px;
	font-weight: 500;
	margin-right: 3px;
}

.cloud_footer .footerNaviWrap a:hover{
	color: #002D76;
}

.cloud_allfooter #FooterBottom #CopyArea a:hover{
	color: #002D76;
}

/*---------------------------------
* cloud side button
---------------------------------*/

.side_btn{
	width: 154px;
	bottom: 30px;
}

.side_btn_bl01{
	width: 154px;
	background-color: #FAAC1A;
	border: 1px solid #FAAC1A;
}

.side_btn_bl02{
	width: 154px;
	background-color: #002D76;
	border: 1px solid #002D76;
}

.side_btn_bl01 a{
	display: block;
	padding: 17px 13px 13px;
	position: relative;
	color: #fff;
	transition: all .3s linear;
}

.side_btn01Cont01{
	width: 108px;
	position: absolute;
	bottom: 112px;
	left: 50%;
	transform: translateX(-50%);
}

.side_btn01Cont01 img{
	width: 108px;
}

.side_btn01Cont01 img:hover{
	opacity: 1;
}

.side_btn01Cont02{
	font-size: 15px;
	font-weight: 700;
	line-height: 1.33;
	border-bottom: 1px solid #fff;
	padding-top: 25px;
	padding-bottom: 8px;
	margin-bottom:12px;
}

.side_btn01Cont03{
	font-size: 13px;
	font-weight: 700;
}

.side_btn01Cont03::before{
	content: '';
	display: inline-block;
	width: 11.65px;
	height: 8.54px;
	background-image: url(../images/cloud_solution/common/download_icon01_wh.png);
	background-size: cover;
	margin-right: 10px;
}

.side_btn_bl01 a:hover{
	color: #FAAC1A;
	background-color: #fff;
}

.side_btn_bl01 a:hover .side_btn01Cont02{
	border-bottom: 1px solid #FAAC1A;
}

.side_btn_bl01 a:hover .side_btn01Cont03::before{
	background-image: url(../images/cloud_solution/common/download_icon01_or.png);
}

.side_btn_bl02 a{
	display: block;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 17px 13px;
	box-sizing: border-box;
	transition: all .3s linear;
}

.side_btn_bl02 a::before{
	content: '';
	display: inline-block;
	width: 11.04px;
	height: 7.36px;
	background-image: url(../images/cloud_solution/common/contact_icon01_wh.png);
	background-size: cover;
	margin-right: 10px;
}

.side_btn_bl02 a:hover{
	color: #002D76;
	background-color: #fff;
}

.side_btn_bl02 a:hover::before{
	background-image: url(../images/cloud_solution/common/contact_icon01_ny.png);
}

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

	.cloud_top_serviceLinkBl li{
		margin-right: 0;
		width: 100%;
		display: block;
	}

	.cloud_top_serviceLinkBl li a div{
		width: 80%;
	}

	.cloud_top_navCont02{
		width: 60%;
	}

	.cloud_top_navTxt02{
		max-width: 100%;
	}

	.cloud_top_navTxt01{
		font-size: 16px;
	}

}

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

	/*---------------------------------
	* cloud common
	---------------------------------*/

	.catch{
		font-size: 22px;
	}
.cloud_top_aboutCont01 p {
    font-size: 18px;
}

	/*---------------------------------
	* cloud header
	---------------------------------*/

	.cloud_header .logo{
		width: 250px;
	}

	/*---------------------------------
	* cloud top mv
	---------------------------------*/

	.cloud_top_mv{
		background-position: bottom 0 right 0;
	}

	.cloud_top_mvInner{
		margin-left: 0;
	}

	.cloud_top_mvInner h1 span{
		line-height: 1.5;
	}

	.cloud_top_mvCont02{
		font-size: 27px;
	}

	.cloud_top_mvCont03{
	    display: flex;
    	justify-content: center;
	}

	.cloud_top_mvCont03 a{
		width: 100%;
		height: auto;
	}

	.cloud_top_mvCont03 a ul{
		flex-direction: column;
		align-items: center;
	    padding-bottom: 20px;
	}

	.cloud_top_mvImg{
		margin-left: 0;
	}

	.cloud_top_mvTxt{
		margin: 14px 0 0 0;
	}

	/*---------------------------------
	* cloud top about
	---------------------------------*/

	.cloud_top_about{
		height: auto;
	}

	.cloud_top_about ul{
		flex-direction: column;
	}

	.cloud_top_aboutCont01{
		margin-top: 50px;
	width:100%;		
	margin-bottom: 0;
	}

	.cloud_top_aboutCont02{
		margin-top: -15px;
    	margin-right: 0;
	    width: 120%;
	    margin-left: -8%;
	}

	/*---------------------------------
	* cloud top service
	---------------------------------*/

	.cloud_top_service{
		padding: 50px 0 40px;
	}

	.cloud_top_serviceFlex{
		flex-direction: column;
	    margin-top: 30px;
	}

	.cloud_top_serviceFlex>li{
		width: 100%;
		margin-bottom: 30px;
	}

	.cloud_top_serviceLinkBl li{
		width: auto;
		margin-right: 52px;
	}

	.cloud_top_serviceLinkBl li a div{
		width: auto;
	}

	/*---------------------------------
	* cloud top service navi
	---------------------------------*/

	.cloud_top_navi{
	    padding: 50px 0 60px;
	}

	.cloud_top_naviFlex{
		flex-direction: column;
	    margin-top: 40px;
	}

	.cloud_top_naviFlex>li{
		width: 100%;
	}

	.cloud_top_naviFlex a{
		padding: 19.4px 23px 24.4px 23px;
	}

	.cloud_top_navEl{
		width: 100%;
	}

	.cloud_top_navCont02{
		width: 58%;
	}

	.cloud_top_navTxt01{
		font-size: 14px;
	}

	.cloud_top_naviFlex>li:nth-of-type(n+2){
		margin-top: 16.5px;
	}

	.cloud_top_navTxt02{
		width: 218px;
	}

	/*---------------------------------
	* cloud top case
	---------------------------------*/

	.cloud_top_case{
	    margin: 50px 0 60px;
	}

	.cloud_top_caseFlex{
		flex-direction: column;
	}

	.cloud_top_caseFlex>li{
		width: 100%;
	}

	.cloud_top_caseFlex>li:nth-of-type(n+2){
		margin-top: 80px;
	}

	/*---------------------------------
	* cloud top column
	---------------------------------*/

	.cloud_top_column{
		background-position: bottom 0 right -100px;
	    padding: 50px 0 50px;
	}

	.cloud_top_columnFlex{
		flex-direction: column;
	}

	.cloud_top_columnFlex>li{
		width: 100%;
	}

	.cloud_top_columnFlex>li:nth-of-type(n+2){
		margin-top: 40px;
	}

	/*---------------------------------
	* cloud top topics
	---------------------------------*/

	.cloud_top_topics{
		margin: 50px 0 50px;
	}

	.cloud_top_topicsBl{
		flex-direction: column;
		align-items: unset;
	}

	.cloud_top_topics .cloud_link01{
		width: 300px;
	}

	/*---------------------------------
	* cloud top download
	---------------------------------*/

	.cloud_top_dl{
	    padding: 50px 0 50px;
	}

	.cloud_top_dl.col2{
	    margin-bottom: 30px;
	}
	.cloud_top_dlFlex{
		flex-direction: column;
	}

	.cloud_top_dlFlex>li{
		width: 100%;
	}
	.cloud_top_dl.col2 .cloud_top_dlFlex>li {
		width: 100%;
	}

	.cloud_top_dlFlex>li:nth-of-type(n+2){
		margin-top: 40px;
	}

	/*---------------------------------
	* cloud top contact
	---------------------------------*/

	.cloud_top_ctt{
		margin: 50px 0;
	}

	.cloud_top_ctt section>ul{
		flex-direction: column;
	}

	.cloud_top_ctt section>ul>li{
		width: 100%;
	}

	.cloud_top_ctt section>ul>li:nth-of-type(n+2){
		margin-top: 20px;
	}

	.cloud_top_ctt section>ul>li a, .cloud_top_ctt section>ul>li>div{
	    height: 110px;
	}

	/*---------------------------------
	* cloud footer
	---------------------------------*/

	.cloud_footer .footerLogo{
		width: 100%;
		text-align: left;
	}

	/*---------------------------------
	* cloud side btn
	---------------------------------*/

	.side_btn{
		bottom: 0;
		width: 100%;
	}

	.side_btn ul{
		display: flex;
	}

	.side_btn_bl01{
		width: 50%;
	}

	.side_btn_bl02{
		width: 50%;
	}

	.side_btn_bl01 a{
		padding: 9px 15px 4px;
	}

	.side_btn01Cont01{
		width: 54px;
		top: 4px;
	    left: 25px;
		bottom:initial;
	    transform: unset;
	}

	.side_btn01Cont01 img{
		width: 70px;
	}

	.side_btn01Cont02{
		font-size: 11px;
		padding-bottom: 9px;
		padding-left: 75px;
		padding-top: 0;
		margin-bottom: 0;
	}

	.side_btn01Cont03{
		font-size: 13px;
		display: flex;
	    justify-content: center;
	    align-items: center;
	    margin-top: 0;
	}

	.side_btn_bl02 a{
		height: 100%;
		display: flex;
	    align-items: center;
	    justify-content: center;
	}
}




/*---------------------------------
* AWS top mv
---------------------------------*/

.aws_top_mv{
	padding: 34px 0 30px;
}

.aws_top_mvInner{
	margin-left: 0;
}
.aws_top_mvInner h1 span{
	display: block;
}

.aws_top_mvCont01{
	font-size: 20px;
	font-weight:700;
	padding: 9px 19px;
	display: inline-block!important;
	letter-spacing: 0.1em;
	background:#fff;
}

.aws_top_mvCont02{
	font-size: 28px;
	letter-spacing: 0.05em;
	line-height: 1.67;
	margin-top: 19px;
	color:#fff;
}

.aws_top_mvCont03{
	margin-top: 20px;
	display:inline-block;
}

.aws_top_mvCont03 a{
	background-color: #FAAC1A;
    border-radius: 50px;
    color: #fff;
    letter-spacing: 0.15em;
    font-weight: 700;
    display: block;
    border: 1px solid #FAAC1A;
    transition: all .3s linear;
	padding:15px 56px;
}

.aws_top_mvCont03 a:hover{
	background-color: #FFF;
    color: #FAAC1A;
}

.aws_top_mvCont03 a:hover{
	background-color: #fff;
}

.aws_top_mvCont03 a:hover .cloud_top_mvLink01{
	color: #FAAC1A;
}

.aws_top_mvCont03 a:hover .cloud_top_mvLink02{
	color: #fff;
	background-color: #FAAC1A;
}

.aws_top_mvCont03 a:hover .aws_top_mvLink02::before{
	background-image: url(../images/cloud_solution/common/download_icon02_wh.png);
}




.aws_top_mvCont04{
	margin-top: 20px;
	display:inline-block;
}

.aws_top_mvCont04 a{
	background-color: #FFF;
    border-radius: 50px;
    color: #002D76;
    letter-spacing: 0.15em;
    font-weight: 700;
    display: block;
    border: 1px solid #002D76;
    transition: all .3s linear;
	padding:15px 56px;
}

.aws_top_mvCont04 a:hover{
	background:rgba(255,255,255,0.8);
}



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


	.aws_top_mv{
	background-image: url(/solution_sites/cloud/images/aws_top/awstop_mv_sp.png);
	background-size: cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	}
	.aws_top_mvInner{
		margin-left: 0;
	}

	.aws_top_mvInner h1 span{
		line-height: 1.5;
	}
	.aws_top_mvCont01 {
  	  font-size: 18px;
 	   padding: 9px 19px;
	}

	.aws_top_mvCont02{
		font-size: 24px;
	}

	.aws_top_mvCont03{
		display:block;
	}
	.aws_top_mvCont03 a{
		width: 100%;
		height: auto;
		display:block;
		text-align:center;
	}


}

/*---------------------------------
* AWS top Topics
---------------------------------*/

.awstop_topics{
	background:rgba(226,233,239,0.5);
	padding:40px 0;
}
.awstop_topics .flex_box{
	display:flex;
	align-items: center;
}
.awstop_topics p{
	font-family: 'Jost', sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 25px;
	letter-spacing: 0.05em;
	color: #002D76;
	padding:0 55px 0 0;
}
.awstop_topics ul{
	flex:1;
}
.awstop_topics li{
	display:flex;
	font-size: 14px;
	padding:3px 0;
}
.awstop_topics li span{
	padding:0 20px 0 0;
}
.awstop_topics li a:hover{
	text-decoration:underline;
}


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


.awstop_topics{
	padding:20px 0;
}
.awstop_topics .flex_box{
	display:block;
}
.awstop_topics p{
	padding:0;
	line-height: 48px;
}


}


/*---------------------------------
* AWS top Anker
---------------------------------*/

.awstop_anker{
	padding:80px 0 0;
}
.awstop_anker .flex_box{
}
.awstop_anker ul{
	display:flex;
	justify-content:center;
}
.awstop_anker li{
	padding:0 50px;
}
.awstop_anker a{
	width:382px;
	display:block;
	padding:20px 48px;
	-moz-box-shadow: 0px 3px 6px 5px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0px 3px 6px 5px rgba(0, 0, 0, 0.16);
-ms-box-shadow: 0px 3px 6px 5px rgba(0, 0, 0, 0.16);
box-shadow: 0px 3px 6px 5px rgba(0, 0, 0, 0.16);
	font-size: 20px;
	letter-spacing: 0.05em;
	color: #002D76;
	font-weight:500;
	position:relative;
	border-radius:6px;
}
.awstop_anker a:after{
	position:absolute;
	content:"";
    right: 36px;
    top:50%;
    width: 10px;
    height: 10px;
    border-top: 3px solid #1B4384;
    border-right: 3px solid #1B4384;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
	margin-top:-8px;
}
.awstop_anker a:hover{
	color: #FFF;
	background:#002D76;
}
.awstop_anker a:hover:after{
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
}



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


.awstop_anker{
	padding:40px 0 0;
}
.awstop_anker ul{
	display:flex;
	justify-content:space-between;
	width:100%;

}
.awstop_anker li{
	padding:0;
	width:48%;
}
.awstop_anker a{
	width:100%;
	display:block;
	padding:12px 20px;
	font-size: 18px;
}
.awstop_anker a:after{
    right: 20px;
}

}





/*---------------------------------
* AWS top STRENGTH
---------------------------------*/

.aws_top_strength{
	padding: 80px 0 100px;
}
.aws_top_strength .subtitle{
	font-family: 'Jost', sans-serif;
	font-style: italic;
	font-size: 15px;
	letter-spacing: 0.05em;
}
.aws_top_strength .subtitle::before {
	display:none;
}

.aws_top_strength .title_ctr h2 {
    font-size: 28px;
	font-weight:700;
    color: #002D76;
}
.aws_top_strength .title_ctr h2:before,
.aws_top_strength .title_ctr h2:after {
	content:"－";
	font-weight:300;
}



.aws_top_strengthFlex{
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}

.aws_top_strengthFlex>li{
	background-color: #fff;
	width: 32%;
	border-top: 3px solid #002D76;
	padding: 23px 40px 53px;
	box-sizing: border-box;
	-moz-box-shadow: 5px 5px 30px 5px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 5px 5px 30px 5px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 5px 5px 30px 5px rgba(0, 0, 0, 0.05);
box-shadow: 5px 5px 30px 5px rgba(0, 0, 0, 0.05);
}

.aws_top_strengthNbr{
	text-align: center;
	color: #002D76;
}

.aws_top_strengthNbr dt{
	font-family: 'Jost', sans-serif;
	font-style: italic;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1;
}

.aws_top_strengthNbr dd{
	font-family: 'Jost', sans-serif;
	font-style: italic;
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-top: 10px;
}

.aws_top_strengthImg{
	height: 170px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.aws_top_strengthTtl{
	font-size: 22px;
	font-weight: 700;
	color: #131427;
	text-align:center;
}

.aws_top_strengthTxt{
	line-height: 1.75;
	margin-top: 14px;
}

.aws_top_strengthLinkBl{
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.aws_top_strengthLinkBl li{
	margin-right: 52px;
	line-height: 1;
}

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




.aws_top_strength{
	padding: 40px 0 50px;
}
.aws_top_strengthFlex{
	display: block;
	margin-top: 30px;
}

.aws_top_strengthFlex>li{
	width: 100%;
}
.aws_top_strengthFlex>li:not(:last-child){
	margin-bottom:30px;
}







}



/*---------------------------------
* AWS top SERVICE
---------------------------------*/

.aws_top_service{
	background:rgba(226,233,239,0.5);
	padding: 80px 0 70px;
}
.aws_top_service .subtitle{
	font-family: 'Jost', sans-serif;
	font-style: italic;
	font-size: 15px;
	letter-spacing: 0.05em;
}
.aws_top_service .subtitle::before {
	display:none;
}

.aws_top_service .title_ctr h2 {
    font-size: 28px;
	font-weight:700;
    color: #002D76;
}
.aws_top_service .title_ctr h2:before,
.aws_top_service .title_ctr h2:after {
	content:"－";
	font-weight:300;
}
.aws_top_serviceFlex{
	display: flex;
	flex-wrap: wrap;
	margin-top: 60px;
}
.aws_top_serviceFlex>li{
	background-color: #fff;
	width: 32%;
	border-top: 3px solid #002D76;
	margin-bottom:30px;
	box-sizing: border-box;
	-moz-box-shadow: 5px 5px 30px 5px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 5px 5px 30px 5px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 5px 5px 30px 5px rgba(0, 0, 0, 0.05);
box-shadow: 5px 5px 30px 5px rgba(0, 0, 0, 0.05);
}
.aws_top_serviceFlex>li:not(:nth-child(3n)){
	margin-right:24px;
}
.aws_top_serviceFlex>li a{
	padding: 30px 35px 53px;
	display:block;
}

.aws_top_serviceNbr{
	text-align: center;
	color: #002D76;
}

.aws_top_serviceNbr dt{
	font-family: 'Jost', sans-serif;
	font-style: italic;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1;
}

.aws_top_serviceNbr dd{
	font-family: 'Jost', sans-serif;
	font-style: italic;
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-top: 10px;
}

.aws_top_serviceImg{
	height:74px;
	text-align:center;
}



.aws_top_serviceTtl{
	font-size: 20px;
	font-weight: 700;
	color: #131427;
	text-align:center;
}

.aws_top_serviceTxt{
	line-height: 1.75;
	margin:20px 0 14px;
}

.aws_top_serviceFlex>li a p{
	color:#002D76;
	font-weight:500;
	text-decoration:underline;
	position:relative;
	padding:0 0 0 30px;
}
.aws_top_serviceFlex>li a p:before{
	position:absolute;
	left:0;
	top:3px;
	content:"";
	width:20px;
	height:20px;
	background:url(../images/cloud_solution/common/arrow01.png)no-repeat center center / contain;
	transition:0.3s;
}
.aws_top_serviceFlex>li a:hover p{
	text-decoration:none;
}

.aws_top_serviceFlex>li a:hover p:before{
	position:absolute;
	left:0;
	top:3px;
	content:"";
	width:20px;
	height:20px;
	background:url(../images/cloud_solution/common/arrow01_02.png)no-repeat center center / contain;
}



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

.aws_top_serviceFlex>li {
    width: calc(100% / 3 - 18px);
}

}




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


.aws_top_service{
	padding: 40px 0 20px;
}
.aws_top_serviceFlex{
	display: block;
	margin-top: 30px;
}
.aws_top_serviceFlex>li{
	width: 100%;
}

.aws_top_serviceFlex>li:not(:nth-child(3n)){
	margin-right:0;
}

}

/*---------------------------------
* AWS top CASE
---------------------------------*/

.aws_top_case{
	padding: 80px 0 100px;
}
.aws_top_case .subtitle{
	font-family: 'Jost', sans-serif;
	font-style: italic;
	font-size: 15px;
	letter-spacing: 0.05em;
}
.aws_top_case .subtitle::before {
	display:none;
}

.aws_top_case .title_ctr h2 {
    font-size: 28px;
	font-weight:700;
    color: #002D76;
}
.aws_top_case .title_ctr h2:before,
.aws_top_case .title_ctr h2:after {
	content:"－";
	font-weight:300;
}

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



.aws_top_case{
	padding: 40px 0 50px;
}



}