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

/* -------------------------------------------------------------------- 
 AWS_TOP
-------------------------------------------------------------------- */

.awsWrap01 {
	min-width: 1200px;
	overflow: hidden;
}

.awsMainvisualWrap01 {
background: rgb(219, 252, 251);
background: -moz-linear-gradient(0deg, rgb(219, 252, 251) 0%, rgb(215, 232, 255) 100%);
background: -webkit-linear-gradient(0deg, rgb(219, 252, 251) 0%, rgb(215, 232, 255) 100%);
background: -o-linear-gradient(0deg, rgb(219, 252, 251) 0%, rgb(215, 232, 255) 100%);
background: -ms-linear-gradient(0deg, rgb(219, 252, 251) 0%, rgb(215, 232, 255) 100%);
background: linear-gradient(90deg, rgb(219, 252, 251) 0%, rgb(215, 232, 255) 100%);
	padding: 45px 0px 45px 0px;
	position: relative;
}
.awsMainvisualWrap01::before {
	content: "";
	background-image: url("../images/aws/top/aws_main_bg01.png");
	background-repeat: no-repeat;
	background-position: 50% top;
	background-size: 1065px auto;
	width: 1065px;
	height: 136px;
	position: absolute;
	top: 0px;
	left: 50%;
}
.awsMainImg01 {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: 140px;
	display: flex;
  align-items: center;
	height: 100%;
}
.awsMainImg01 img {
	width: 462px;
	height: auto;
}
.awsMainTb01 {
	display: table;
	margin-bottom: 20px;
}
.awsMainTb01 .cell01 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
.awsMainTb01 .cell01.awstop {
	padding-right: 42px;
}


.awsMainTb01 .cell01 img {
	width: auto;
	height: 96px;
}
.awsMainTb01 .cell02 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
.awsMainTb01 .cell02 span {
	display: inline-block;
	border: 1px solid #000000;
	font-size: 21px;
	line-height: 1.6em;
	font-weight: bold;
	padding: 8px 20px 8px 20px;
}
.awsMainH201 {
	font-size: 32px;
	line-height: 1.4em;
	font-weight: bold;
	letter-spacing:0.08em;
}
.awsMainH201 span {
	font-size: 26px;
	line-height: 1.3em;
	display:block;
}
.awsMainBtnWrap01 {
	margin-top: 35px;
	text-align: left;
}
.awsMainBtnWrap01 .contactBtn {
	margin: auto auto auto 0px;;
}

/*--------------------*/

.awsAncNaviWrap01 {
	margin: 40px 0px 40px 0px;
}
.awsAncFlex01 {
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.awsAncBtn01 {
	position: relative;
	display: flex;
  justify-content: center;
  align-items: center;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	background-color: #ffffff;
	border-radius: 10px;
	max-width: 388px;
	width: 32%;
	height: 68px;
	margin-bottom: 15px;
-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.awsAncBtn01::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #3E85FF;
  border-right: solid 2px #3E85FF;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  right: 22px;
  margin-top: -4px;
}

a.awsAncBtn01:link {	color: #3E85FF;	text-decoration: none;}
a.awsAncBtn01:visited {	color: #3E85FF;	text-decoration: none;}
a.awsAncBtn01:hover {
	color:#3E85FF;
	text-decoration: none;
	background-color: #F2F2F2;
	transform: translateY(-5px) !important;
}
a.awsAncBtn01:active {	color:#3E85FF;	text-decoration: none;}

.awsAncBtn01 span {
	display: inline-block;
	padding-left: 60px;
	position: relative;
}
.awsAncBtn01 span::before {
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px auto;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -23px;
}
.awsAncBtn01.icon01 span::before {
	background-image: url("../images/aws/top/aws_anc_icon01.png");
}
.awsAncBtn01.icon02 span::before {
	background-image: url("../images/aws/top/aws_anc_icon02.png");
}
.awsAncBtn01.icon03 span::before {
	background-image: url("../images/aws/top/aws_anc_icon03.png");
}
.awsAncBtn01.icon04 span::before {
	background-image: url("../images/aws/top/aws_anc_icon04.png");
}
.awsAncBtn01.icon05 span::before {
	background-image: url("../images/aws/top/aws_anc_icon05.png");
}
.awsAncBtn01.icon06 span::before {
	background-image: url("../images/aws/top/aws_anc_icon06.png");
}

/*-------------------*/

.awsBlock01 {
	padding: 60px 0px 40px 0px;;
}
.awsH301 {
	text-align: center;
	font-size: 40px;
	line-height: 1.6em;
	font-weight: 500;
	margin-bottom: 45px;
	letter-spacing:0.08em;
}

.awsH301.ctm {
	margin-bottom: 0;
	padding-top:30px;
}

.awsFlex01 {
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	position: relative;
	padding-bottom: 70px;
}
.cloud_top .awsFlex01 {
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	position: relative;
	padding:0 0 70px;
}
.awsFlex01::before {
	content: "";
	width: 100vw;
	height: 80%;
	background-color: #f4f5f5;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -480px;
}
.cloud_top .awsFlex01::before {
	display:none;
}
.awsFlexBox01 {
	display: block;
	overflow: hidden;
	position: relative;
	max-width: 580px;
	width: 48%;
	border-radius: 20px;
	background-color: #ffffff;
	padding: 40px 50px 40px 50px;
	margin-top: 30px;
-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.awsFlexBox01 {
	padding-bottom: 90px;
}
a.awsFlexBox01:link {	color: #000000;	text-decoration: none;}
a.awsFlexBox01:visited {	color: #000000;	text-decoration: none;}
a.awsFlexBox01:hover {
	color:#3E85FF;
	text-decoration: none;
	background-color: #F2F2F2;
	transform: translateY(-5px) !important;
}
a.awsFlexBox01:active {	color:#000000;	text-decoration: none;}

a.awsFlexBox01::after {
	content: "";
	background-image: url("../images/aws/top/aws_btn_ar01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 28px auto;
	width: 28px;
	height: 28px;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -14px;
}
a.awsFlexBox01:hover::after {
	background-image: url("../images/aws/top/aws_btn_ar01_on.png");
}

.awsFlexBox01::before {
	content: "";
	width: 100%;
	height: 6px;
	background-image: url("../images/aws/top/aws_cont_bgtop01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 0px;
}

.awsH401 {
	color: #3E85FF;
	font-size: 32px;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 22px;
	letter-spacing:0.08em;
}
.awsTb01 {
	display: table;
	margin-bottom: 20px;
}
.awsTb01 .p01 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 110px;
}
.awsTb01 .p01 img {
	width: 68px;
	height: auto;
}
.awsTb01 .p01.faws img {
	width: 50px;
	height: auto;
	margin-left:15px;
}

.awsTb01 .p02 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 20px;
	line-height: 1.85em;
	font-weight: bold;
}
.awsText16_175 {
	font-size: 16px;
	line-height: 1.75em;
}

.awsLink01 {
	display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.awsLink01:link {	color: #000000;	text-decoration: none;}
a.awsLink01:visited {	color: #000000;	text-decoration: none;}
a.awsLink01:hover {
	color:#3E85FF;
	text-decoration: none;
	transform: translateY(-5px) !important;
}
a.awsLink01:active {	color:#000000;	text-decoration: none;}

.awsBtn01 {
	display: block;
	position: relative;
	width: 100%;
	border-radius: 10px;
	background-color: #F3F3F3;
	padding: 15px 65px 15px 25px;
	margin-top: 8px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.awsBtn01:link {	color: #000000;	text-decoration: none;}
a.awsBtn01:visited {	color: #000000;	text-decoration: none;}
a.awsBtn01:hover {
	color:#000000;
	text-decoration: none;
	background-color: #DCDCDC;
	/*transform: translateY(-5px) !important;*/
}
a.awsBtn01:active {	color:#000000;	text-decoration: none;}

a.awsBtn01::after {
	content: "";
	background-image: url("../images/aws/top/aws_btn_ar01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 28px auto;
	width: 28px;
	height: 28px;
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -14px;
}
a.awsBtn01:hover::after {
	background-image: url("../images/aws/top/aws_btn_ar01_on.png");
}

.awsBtnText01 {
	font-size: 18px !important;
	line-height: 1.6em !important;
	font-weight: bold;
	position:relative;
	padding-left:25px;
}
.awsBtnText01:before {
	position:absolute;
	content:"■";
	font-size: 18px;
	line-height: 1.6em;
	color: #3E85FF;
	top:0;
	left:0;
}
.awsBtnText02 {
	font-size: 16px;
	line-height: 1.9em;
	font-weight: 700;
}
/*.awsBtn01 .p02 {
	font-size: 16px;
	line-height: 1.75em;
}*/

/*-------------------*/

.awsFlex02 {
	display: flex;
  flex-wrap: wrap;
	justify-content: center;
	position: relative;
	padding-top: 40px;
}
.awsFlex02.awsBillPoint {
	justify-content: center;
	width:1200px;
}

.awsFlexBox02 {
	display: block;
	position: relative;
	max-width: 388px;
	width: 32%;
	border-radius: 20px;
	background-color: #ffffff;
	padding: 55px 25px 35px;
-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	margin-right:2%;
}
a.awsFlexBox02:link {	color: #000000;	text-decoration: none;}
a.awsFlexBox02:visited {	color: #000000;	text-decoration: none;}
a.awsFlexBox02:hover {
	color:#3E85FF;
	text-decoration: none;
	background-color: #F2F2F2;
	transform: translateY(-5px) !important;
}
a.awsFlexBox02:active {	color:#000000;	text-decoration: none;}

.awsFlexBox02:last-child {
	margin-right:0;
}
.awsH402 {
	color: #3E85FF;
	font-size: 16px;
	line-height: 1.75em;
	text-align: center;
	margin-bottom: 22px;
}
.awsPointImgWrap {
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	margin-top:20px;
}
.awsPointImgWrap img {
	width: 320px;
	height: auto;
}

.awsPointNum01 {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0px;
	top: -40px;
	color: #3E85FF;
}
.awsPointNum01 .po01 {
	display: block;
	font-size: 14px;
	line-height: 1.2em;
}
.awsPointNum01 .po02 {
	display: block;
	font-size: 50px;
	line-height: 1.0em;
	font-weight: 500;
}

.awsPointBox01 {
	background-image: url("../images/aws/top/aws_point_bg01.png");
	background-repeat: repeat;
	background-position: center top;
	border: 3px solid #ffffff;
	padding: 30px 55px 30px 60px;
	position: relative;
	box-sizing: border-box;
	width: 906px;
	margin: 55px auto 0px auto;
}

.awsPointTb01 {
	display: table;
	width: 100%;
}
.awsPointTb01 .pCell01 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	width: 280px;
	padding-right: 38px;
}
.awsPointTb01 .pCell01 img {
	width: 250px;
	height: auto;
}

.awsPointTb01 .pCell02 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	color: #ffffff;
}
.awsPointTb01 .pCell02 .pH401 {
	font-size: 26px;
	line-height: 1.6em;
	font-weight: 500;
	margin-bottom: 10px;
}

.awsPointBlock01 {
	position: relative;
}
.awsPointBlock01::before {
	content: "";
	width: 120vw;
	height: 690px;
background: rgb(45, 82, 161);
background: -moz-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -webkit-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -o-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -ms-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: linear-gradient(90deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	position: absolute;
	bottom: 0px;
	left: -10vw;
}

/*-----------------------*/

.awsFlex03 {
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	position: relative;
	padding-top: 40px;
}

.awsFlexBox03 {
	display: block;
	position: relative;
	max-width: 397px;
	width: 33%;
	background-color: #F4F4F4;
	padding: 10px 10px 100px 10px;
/*-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.awsFlexBox03:link {	color: #000000;	text-decoration: none;}
a.awsFlexBox03:visited {	color: #000000;	text-decoration: none;}
a.awsFlexBox03:hover {
	color:#3E85FF;
	text-decoration: none;
	background-color: #DCDCDC;
	/*transform: translateY(-5px) !important;*/
}
a.awsFlexBox03:active {	color:#000000;	text-decoration: none;}

.awsJireiImgWrap01 {
	background-color: #ffffff;
	display: flex;
  justify-content: center;
  align-items: center;
	box-sizing: border-box;
	padding: 15px;
	height: 214px;
}
.awsJireiImgWrap01 img {
	width: 218px;
	height: auto;
}

.awsJireiBox01 {
	padding: 0px 15px 0px 15px;;
}
.awsH403 {
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
	height: 84px;
}
.awsJireiText01 {
	text-align: left;
	box-sizing: border-box;
	padding-bottom: 10px;
	min-height: 100px;
}
.awsJireiUl01 li {
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
	font-size: 14px;
	line-height: 1.7em;
}
.awsJireiUl01 li span {
	color: #378BFF;
}

/*---------------------------*/

.awsJireiBtn01 {
	background-color: #ffffff;
	width: 115px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-o-border-radius: 14px;
	-ms-border-radius: 14px;
	border-radius: 14px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #C2C2C2;
	margin: auto;
}
.awsJireiBtn01 .spanA01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	font-size: 11px;
	line-height: 1.0em;
	font-weight: 500;
	letter-spacing: 0.1em;
	/*border: 1px solid #ffffff;*/
	padding: 8px 0px 8px 20px;
	/*padding: 10px 0px 10px 0px;*/
	position: relative;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-o-border-radius: 14px;
	-ms-border-radius: 14px;
	border-radius: 14px;
	z-index: 2;
}
/*.awsJireiBtn01 a:link {
	color: #000000;
	text-decoration: none;
}
.awsJireiBtn01 a:visited {
	color: #000000;
	text-decoration: none;
}*/
a.awsFlexBox03:hover .awsJireiBtn01 {
	border: 1px solid #378BFF;
}
a.awsFlexBox03:hover .awsJireiBtn01 .spanA01 {
	color: #ffffff;
	text-decoration: none;
}
/*.awsJireiBtn01 a:active {
	color: #000000;
	text-decoration: none;
}*/
.awsJireiBtn01 .spanA01::before {
	content: '';
	background-image: url("../images/aws/top/aws_jirei_ar01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 13px auto;
	width: 13px;
	height: 13px;
	border: 0px;
	position: absolute;
	top: 50%;
	left: 20px;
	/*right: 15px;*/
	margin-top: -6px;
}
a:hover .awsJireiBtn01 .spanA01::before {
	background-image: url("../images/aws/top/aws_jirei_ar01_on.png");
}
.awsJireiBtn01.btn_effect .effect {
	height: 110px;
	width: 100%;
	left: -100%;
	background-color: #378BFF;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
}
/*-----------------------------------*/

.awsJireiBtnWrap01 {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 40px;
}

/*-----------------------*/

.awsDwBlock01 {
	position: relative;
}
.awsDwBlock01::before {
	content: "";
	background-image: url("../images/aws/top/aws_dw_bg01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 110vw;
	height: 454px;
	position: absolute;
	bottom: 0px;
	left: -5vw;
}

.awsFlexBox04 {
	display: block;
	position: relative;
	text-align: left;
	max-width: 388px;
	width: 32%;
	border-radius: 20px;
	background-color: #ffffff;
	padding: 38px 38px 130px 38px;
-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.awsFlexBox04:link {	color: #000000;	text-decoration: none;}
a.awsFlexBox04:visited {	color: #000000;	text-decoration: none;}
a.awsFlexBox04:hover {
	color:#3E85FF;
	text-decoration: none;
	background-color: #F2F2F2;
	/*transform: translateY(-5px) !important;*/
}
a.awsFlexBox04:active {	color:#000000;	text-decoration: none;}



.awsFlex02 .awsFlexBox04 {
	margin-right:24px;
}
.awsFlex02 .awsFlexBox04:last-child {
	margin-right:0;
}



.awsDwText01 {
	font-size: 18px;
	line-height: 1.6em;
}

.awsDwImgWrap01 {
	display: flex;
  justify-content: center;
  align-items: center;
	height: 206px;
}
.awsDwImgWrap01 img {
	width: auto;
	height: auto;
	max-width: 210px;
	max-height: 180px;
}
.awsH404 {
	text-align: left;
	font-size: 20px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 16px;
}
.awsDwText02 {
	font-size: 14px;
	line-height: 1.7em;
}

/*---------------------*/

.awsFlexBox04 .contactBtn {
    width: 218px;
	max-width: 100%;
	position: relative;
	padding: 0 12px 0 42px;
	color: #fff;
	height: 68px;
	font-size: 14px;
	font-weight: 600;
	box-sizing: border-box;
	transition-duration: 0s;
	line-height:68px;
}

a.awsFlexBox04:hover .contactBtn {
	padding: 0 12px 0 42px;
	border: solid 2px #FAAC1A;
	color: #FAAC1A;
	transition-duration: 0s;
	line-height:64px;
}
.awsFlexBox04 .contactBtn:before {
    content: "";
    background: url(../images/top/download_icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: 18px;
    height: 17px;
    top: 50%;
    margin-top: -8.5px;
    left: 30px;
}
a.awsFlexBox04:hover .contactBtn:before {
    content: "";
    background: url(../images/top/download_icon_yellow.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: 18px;
    height: 17px;
    top: 50%;
    margin-top: -8.5px;
    left: 28px;
	z-index: 99;
   pointer-events: none;
}

.contactBtn.btn_effect .effect {
	top: 0px;
}
.awsDwBtnText {
	position: relative;
	z-index: 2;
}

/*----------------------*/

.awsDwBtnWrap01 {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 40px;
}
.awsContactText01 {
	text-align: center;
	font-size: 24px;
	line-height: 1.4em;
	font-weight: 500;
}
.awsMb25 {
	margin-bottom: 25px !important;
}

/*--------------------*/

.contactBtn.awsContactBtn01 {
	background-color: #002D76;
	display: block;
    width: 100%;
	margin: auto;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
}

.contactBtn.awsContactBtn01 a {
	display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 19px;
	line-height: 1.5em;
	font-weight: bold;
	letter-spacing: 0em;
	box-sizing: border-box;
	padding: 2px 2px;
	height: 86px;
	position: relative;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-o-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
}
.contactBtn.awsContactBtn01 a:link {
	color: #fff;
	text-decoration: none;
}
.contactBtn.awsContactBtn01 a:visited {
	color: #fff;
	text-decoration: none;
}
.contactBtn.awsContactBtn01 a:active {
	color: #fb4861;
	text-decoration: none;
}
.contactBtn.awsContactBtn01 a:hover {
	padding: 17px 0px;
    color: #002D76;
	text-decoration: none;
	border: 2px solid #002D76;
}

.contactBtn.awsContactBtn01 a .span01 {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	padding-left: 32px;
	background-image: url("../images/aws/top/aws_contact_icon01.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 16px;
}
.contactBtn.awsContactBtn01 a:hover .span01 {
	color: #002D76;
	background-image: url("../images/aws/top/aws_contact_icon01_on.png");
}


/*----------------------*/

.awsBlock02 {
	padding: 90px 0px 90px 0px;
}
.awsContactBtnWrap01 {
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	width: 846px;
	margin: 0px auto 0px auto;
}
.awsContactBtnWrap01 li {
	width: 414px;
}


@media (min-width: 769px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
	.mainTbText03 a:link {	color: #ffffff;	text-decoration: none;}
	.mainTbText03 a:visited {	color: #ffffff;	text-decoration: none;}
	.mainTbText03 a:hover {	color:#ffffff;	text-decoration: none;}
	.mainTbText03 a:active {	color:#ffffff;	text-decoration: none;}
}

.awsContactTel01 {
	display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
	background-color: #FAAC1A;
	box-sizing: border-box;
	padding: 2px 2px;
	height: 86px;
	color: #ffffff;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-o-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
}
.awsContactTel01 .awsp01 {
	display: inline-block;
	font-size: 26px;
	line-height: 1.6em;
	font-weight: bold;
	padding-left: 28px;
	background-image: url("../images/aws/top/aws_contact_icon02.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px auto;
}
.awsContactTel01 .awsp02 {
	display: block;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: 500;
}





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

.awsWrap01 {
	min-width: initial;
}

}


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

	.awsWrap01 {
		min-width: 200px;
		overflow: hidden;
	}

	.awsMainvisualWrap01 {
	background: rgb(219, 252, 251);
	background: -moz-linear-gradient(0deg, rgb(219, 252, 251) 0%, rgb(215, 232, 255) 100%);
	background: -webkit-linear-gradient(0deg, rgb(219, 252, 251) 0%, rgb(215, 232, 255) 100%);
	background: -o-linear-gradient(0deg, rgb(219, 252, 251) 0%, rgb(215, 232, 255) 100%);
	background: -ms-linear-gradient(0deg, rgb(219, 252, 251) 0%, rgb(215, 232, 255) 100%);
	background: linear-gradient(90deg, rgb(219, 252, 251) 0%, rgb(215, 232, 255) 100%);
		padding: 45px 0px 40px 0px;
		position: relative;
	}
	.awsMainvisualWrap01::before {
		content: "";
		background-image: url("../images/aws/top/aws_main_bg01.png");
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 460px auto;
		width: 532px;
		height: 70px;
		position: absolute;
		top: 0px;
		left: 20%;
	}
	.awsMainImg01 {
		position: absolute;
		top: auto;
		left: 0px;
		bottom: 120px;
		margin-left: 0px;
		display: block;
		height: auto;
		width: 100%;
		text-align: center;
	}
	.awsMainImg01 img {
		width: 300px;
		height: auto;
	}
	.awsMainTb01 {
		display: table;
		margin-bottom: 20px;
	}
	.awsMainTb01 .cell01 {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		padding-right: 15px;
	}
	.awsMainTb01 .cell01 img {
		width: 120px;
		height: auto;
	}
	.awsMainTb01 .cell02 {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
	}
	.awsMainTb01 .cell02 span {
		display: inline-block;
		border: 1px solid #000000;
		background-color: #ffffff;
		font-size: 15px;
		line-height: 1.6em;
		font-weight: bold;
		padding: 6px 15px 6px 15px;
	}
	.awsMainH201 {
		font-size: 20px;
		line-height: 1.4em;
		font-weight: bold;
	}
	.awsMainBtnWrap01 {
		margin-top: 260px;
		text-align: left;
	}
	.awsMainBtnWrap01 .contactBtn {
		margin: auto auto auto 0px;;
	}

	/*--------------------*/

	.awsAncNaviWrap01 {
		margin: 30px 0px 30px 0px;
	}
	.awsAncFlex01 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.awsAncBtn01 {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 16px;
		line-height: 1.4em;
		font-weight: bold;
		background-color: #ffffff;
		border-radius: 10px;
		box-sizing: border-box;
		text-align: center;
		max-width: 800px;
		width: 100%;
		height: 68px;
		margin-bottom: 15px;
		padding: 5px 70px 5px 15px;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.awsAncBtn01:link {	color: #3E85FF;	text-decoration: none;}
	a.awsAncBtn01:visited {	color: #3E85FF;	text-decoration: none;}
	a.awsAncBtn01:hover {
		color:#3E85FF;
		text-decoration: none;
		background-color: #F2F2F2;
		transform: translateY(-5px) !important;
	}
	a.awsAncBtn01:active {	color:#3E85FF;	text-decoration: none;}

	.awsAncBtn01 span {
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding-left: 60px;
		position: relative;
	}
	.awsAncBtn01 span::before {
		content: "";
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 46px auto;
		width: 46px;
		height: 46px;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -23px;
	}
	.awsAncBtn01.icon01 span::before {
		background-image: url("../images/aws/top/aws_anc_icon01.png");
	}
	.awsAncBtn01.icon02 span::before {
		background-image: url("../images/aws/top/aws_anc_icon02.png");
	}
	.awsAncBtn01.icon03 span::before {
		background-image: url("../images/aws/top/aws_anc_icon03.png");
	}
	.awsAncBtn01.icon04 span::before {
		background-image: url("../images/aws/top/aws_anc_icon04.png");
	}
	.awsAncBtn01.icon05 span::before {
		background-image: url("../images/aws/top/aws_anc_icon05.png");
	}
	.awsAncBtn01.icon06 span::before {
		background-image: url("../images/aws/top/aws_anc_icon06.png");
	}

	/*-------------------*/

	.spBg01 {
		background-color: #f4f5f5;
	}
	.awsBlock01 {
		padding: 40px 0px 40px 0px;
	}
	.awsH301 {
		text-align: center;
		font-size: 24px;
		line-height: 1.6em;
		font-weight: 500;
		margin-bottom: 20px;
	}
.awsH301.ctm {
	padding-top:10px;
}
	.awsFlex01 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
		padding-bottom: 0px;
	}
.cloud_top .awsFlex01 {
    padding: 0 0 30px;
}
	.awsFlex01::before {
		display: none;
		content: "";
		width: 100%;
		height: 100%;
		background-color: #f4f5f5;
		position: absolute;
		bottom: 0px;
		left: 0px;
		margin-left: 0px;
	}

	.awsFlexBox01 {
		display: block;
		overflow: hidden;
		position: relative;
		max-width: 800px;
		width: 100%;
		border-radius: 20px;
		background-color: #ffffff;
		padding: 24px 24px 40px 24px;
		margin-top: 30px;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.awsFlexBox01 {
		padding-bottom: 90px;
	}
	a.awsFlexBox01:link {	color: #000000;	text-decoration: none;}
	a.awsFlexBox01:visited {	color: #000000;	text-decoration: none;}
	a.awsFlexBox01:hover {
		color:#3E85FF;
		text-decoration: none;
		background-color: #F2F2F2;
		transform: translateY(-5px) !important;
	}
	a.awsFlexBox01:active {	color:#000000;	text-decoration: none;}

	a.awsFlexBox01::after {
		content: "";
		background-image: url("../images/aws/top/aws_btn_ar01.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 28px auto;
		width: 28px;
		height: 28px;
		position: absolute;
		bottom: 40px;
		left: 50%;
		margin-left: -14px;
	}
	a.awsFlexBox01:hover::after {
		background-image: url("../images/aws/top/aws_btn_ar01_on.png");
	}

	.awsFlexBox01::before {
		content: "";
		width: 100%;
		height: 6px;
		background-image: url("../images/aws/top/aws_cont_bgtop01.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		position: absolute;
		left: 0px;
		top: 0px;
	}

	.awsH401 {
		color: #3E85FF;
		font-size: 24px;
		line-height: 1.2em;
		font-weight: bold;
		text-align: center;
		margin-bottom: 22px;
	}
	.awsTb01 {
		display: table;
		margin-bottom: 20px;
	}
	.awsTb01 .p01 {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		width: 90px;
	}
	.awsTb01 .p01 img {
		width: 68px;
		height: auto;
	}

	.awsTb01 .p02 {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		font-size: 16px;
		line-height: 1.85em;
		font-weight: bold;
	}
	.awsText16_175 {
		font-size: 13px;
		line-height: 1.75em;
	}

	.awsLink01 {
		display: block;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.awsLink01:link {	color: #000000;	text-decoration: none;}
	a.awsLink01:visited {	color: #000000;	text-decoration: none;}
	a.awsLink01:hover {
		color:#3E85FF;
		text-decoration: none;
		transform: translateY(-5px) !important;
	}
	a.awsLink01:active {	color:#000000;	text-decoration: none;}

	.awsBtn01 {
		display: block;
		position: relative;
		width: 100%;
		border-radius: 10px;
		background-color: #F3F3F3;
		padding: 15px 20px 50px 20px;
		margin-top: 8px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.awsBtn01:link {	color: #000000;	text-decoration: none;}
	a.awsBtn01:visited {	color: #000000;	text-decoration: none;}
	a.awsBtn01:hover {
		color:#000000;
		text-decoration: none;
		background-color: #DCDCDC;
		/*transform: translateY(-5px) !important;*/
	}
	a.awsBtn01:active {	color:#000000;	text-decoration: none;}

	a.awsBtn01::after {
		content: "";
		background-image: url("../images/aws/top/aws_btn_ar01.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 28px auto;
		width: 28px;
		height: 28px;
		position: absolute;
		right: auto;
		top: auto;
		margin-top: 0px;
		bottom: 10px;
		left: 50%;
		margin-left: -14px;
	}
	a.awsBtn01:hover::after {
		background-image: url("../images/aws/top/aws_btn_ar01_on.png");
	}

	.awsBtnText01 {
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
	}

.awsBtnText01:before {
	top:-2px;
	left:0;
}
	.awsBtnText02 {
		font-size: 14px;
		line-height: 1.9em;
		font-weight: 500;
	}
	/*.awsBtn01 .p02 {
		font-size: 16px;
		line-height: 1.75em;
	}*/

	/*-------------------*/

	.awsFlex02 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
		padding-top: 40px;
		width: auto;
	}

.awsFlex02 .awsFlexBox04 {
	margin-right:0;
}
	.awsFlex02.awsBillPoint {
		width: auto;
	}

	.awsFlexBox02:first-child {
		margin-top: 0px;
	}

	.awsFlexBox02 {
		display: block;
		position: relative;
		max-width: 800px;
		width: 100%;
		border-radius: 20px;
		background-color: #ffffff;
		padding: 20px 25px 220px 25px;
		margin-top: 60px;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	margin-right:0;
	}
	a.awsFlexBox02:link {	color: #000000;	text-decoration: none;}
	a.awsFlexBox02:visited {	color: #000000;	text-decoration: none;}
	a.awsFlexBox02:hover {
		color:#3E85FF;
		text-decoration: none;
		background-color: #F2F2F2;
		transform: translateY(-5px) !important;
	}
	a.awsFlexBox02:active {	color:#000000;	text-decoration: none;}







	.awsH402 {
		color: #3E85FF;
		font-size: 16px;
		line-height: 1.75em;
		text-align: center;
		margin-bottom: 22px;
	}
	.awsPointImgWrap {
		box-sizing: border-box;
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0px;
		bottom: 30px;
	}
	.awsPointImgWrap img {
		width: 320px;
		height: auto;
	}

	.awsPointNum01 {
		text-align: center;
		width: 100%;
		position: relative;
		left: 0px;
		top: 0px;
		color: #3E85FF;
		margin-bottom: 20px;
	}
	.awsPointNum01 .po01 {
		display: block;
		font-size: 14px;
		line-height: 1.2em;
	}
	.awsPointNum01 .po02 {
		display: block;
		font-size: 50px;
		line-height: 1.0em;
		font-weight: 500;
	}

	.awsPointBox01 {
		background-image: url("../images/aws/top/aws_point_bg01.png");
		background-repeat: repeat;
		background-position: center top;
		border: 3px solid #ffffff;
		padding: 20px 15px 30px 15px;
		position: relative;
		box-sizing: border-box;
		width: auto;
		margin: 40px auto 0px auto;
	}

	.awsPointTb01 {
		display: block;
		width: auto;
	}
	.awsPointTb01 .pCell01 {
		display: block;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		width: auto;
		padding-right: 0px;
		margin-bottom: 20px;
	}
	.awsPointTb01 .pCell01 img {
		width: 50%;
		height: auto;
	}

	.awsPointTb01 .pCell02 {
		display: block;
		text-align: left;
		vertical-align: middle;
		color: #ffffff;
	}
	.awsPointTb01 .pCell02 .pH401 {
		font-size: 18px;
		line-height: 1.6em;
		font-weight: 500;
		margin-bottom: 15px;
	}

	.awsPointBlock01 {
		position: relative;
	}
	.awsPointBlock01::before {
		content: "";
		width: 100%;
		height: 100%;
	background: rgb(45, 82, 161);
	background: -moz-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -webkit-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -o-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -ms-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: linear-gradient(90deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
	.awsPointBlock01 .awsH301 {
		color: #ffffff;
	}

	section {
		position: relative;
	}
	/*-----------------------*/

	.awsFlex03 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
		padding-top: 0px;
	}

	.awsFlexBox03 {
		display: block;
		position: relative;
		max-width: 800px;
		width: 100%;
		background-color: #F4F4F4;
		padding: 10px 10px 30px 10px;
		margin-bottom: 20px;
	/*-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);*/
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.awsFlexBox03:link {	color: #000000;	text-decoration: none;}
	a.awsFlexBox03:visited {	color: #000000;	text-decoration: none;}
	a.awsFlexBox03:hover {
		color:#3E85FF;
		text-decoration: none;
		background-color: #DCDCDC;

		/*transform: translateY(-5px) !important;*/
	}
	a.awsFlexBox03:active {	color:#000000;	text-decoration: none;}

	.awsJireiImgWrap01 {
		background-color: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		padding: 15px;
		height: 170px;
		margin-bottom: 15px;
	}
	.awsJireiImgWrap01 img {
		width: 218px;
		height: auto;
	}

	.awsJireiBox01 {
		padding: 0px 15px 0px 15px;;
	}
	.awsH403 {
		font-size: 18px;
		line-height: 1.5em;
		font-weight: bold;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		height: auto;
		margin-bottom: 15px;
	}
	.awsJireiText01 {
		text-align: left;
		box-sizing: border-box;
		padding-bottom: 10px;
		min-height: 30px;
	}
	.awsJireiUl01 li {
		text-align: left;
		text-indent: -1em;
		padding-left: 1em;
		font-size: 14px;
		line-height: 1.7em;
	}
	.awsJireiUl01 li span {
		color: #378BFF;
	}

	/*---------------------------*/

	.awsJireiBtn01 {
		background-color: #ffffff;
		width: 115px;
		-moz-border-radius: 14px;
		-webkit-border-radius: 14px;
		-o-border-radius: 14px;
		-ms-border-radius: 14px;
		border-radius: 14px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #C2C2C2;
		margin: auto;
	}
	.awsJireiBtn01 .spanA01 {
		display: block;
		text-align: center;
		vertical-align: middle;
		color: #000000;
		font-size: 11px;
		line-height: 1.0em;
		font-weight: 500;
		letter-spacing: 0.1em;
		/*border: 1px solid #ffffff;*/
		padding: 8px 0px 8px 20px;
		/*padding: 10px 0px 10px 0px;*/
		position: relative;
		-moz-border-radius: 14px;
		-webkit-border-radius: 14px;
		-o-border-radius: 14px;
		-ms-border-radius: 14px;
		border-radius: 14px;
		z-index: 2;
	}
	/*.awsJireiBtn01 a:link {
		color: #000000;
		text-decoration: none;
	}
	.awsJireiBtn01 a:visited {
		color: #000000;
		text-decoration: none;
	}*/
	a.awsFlexBox03:hover .awsJireiBtn01 {
		border: 1px solid #378BFF;
	}
	a.awsFlexBox03:hover .awsJireiBtn01 .spanA01 {
		color: #ffffff;
		text-decoration: none;
	}
	/*.awsJireiBtn01 a:active {
		color: #000000;
		text-decoration: none;
	}*/
	.awsJireiBtn01 .spanA01::before {
		content: '';
		background-image: url("../images/aws/top/aws_jirei_ar01.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 13px auto;
		width: 13px;
		height: 13px;
		border: 0px;
		position: absolute;
		top: 50%;
		left: 20px;
		/*right: 15px;*/
		margin-top: -6px;
	}
	a:hover .awsJireiBtn01 .spanA01::before {
		background-image: url("../images/aws/top/aws_jirei_ar01_on.png");
	}
	.awsJireiBtn01.btn_effect .effect {
		height: 110px;
		width: 100%;
		left: -100%;
		background-color: #378BFF;
		position: absolute;
		transition: all .5s ease;
		z-index: 1;
	}
	/*-----------------------------------*/

	.awsJireiBtnWrap01 {
		text-align: center;
		width: 100%;
		position: relative;
		left: 0px;
		bottom: 0px;
		margin-top: 20px;
	}

	/*-----------------------*/

	.awsDwBlock01 {
		position: relative;
	}
	.awsDwBlock01::before {
		content: "";
		background-image: url("../images/aws/top/aws_dw_bg01.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		width: 100%;
		height: 80%;
		position: absolute;
		bottom: 0px;
		left: 0px;
	}

	.awsFlexBox04 {
		display: block;
		position: relative;
		box-sizing: border-box;
		max-width: 800px;
		width: 100%;
		border-radius: 20px;
		background-color: #ffffff;
		padding: 20px 20px 20px 20px;
		margin-bottom: 20px;
		text-align: left;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.awsFlexBox04:link {	color: #000000;	text-decoration: none;}
	a.awsFlexBox04:visited {	color: #000000;	text-decoration: none;}
	a.awsFlexBox04:hover {
		color:#3E85FF;
		text-decoration: none;
		background-color: #F2F2F2;
		/*transform: translateY(-5px) !important;*/
	}
	a.awsFlexBox04:active {	color:#000000;	text-decoration: none;}

	.awsDwText01 {
		font-size: 18px;
		line-height: 1.6em;
	}

	.awsDwImgWrap01 {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 206px;
	}
	.awsDwImgWrap01 img {
		width: auto;
		height: auto;
		max-width: 210px;
		max-height: 180px;
	}
	.awsH404 {
		text-align: left;
		font-size: 20px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 16px;
	}
	.awsDwText02 {
		font-size: 14px;
		line-height: 1.7em;
	}

	/*---------------------*/

	.awsFlexBox04 .contactBtn {
			width: 218px;
		max-width: 100%;
		position: relative;
	padding: 0 12px 0 42px;
		color: #fff;
		height: 68px;
			font-size: 14px;
		font-weight: 600;
		box-sizing: border-box;
		transition-duration: 0s;
	}

	a.awsFlexBox04:hover .contactBtn {
	padding: 0 12px 0 42px;
		/*background: #fff;*/
		border: solid 2px #fb4861;
		color: #fb4861;
		transition-duration: 0s;
		/*-webkit-transition-property:background;
		-webkit-transition-duration:0.2s;
		-webkit-transition-timing-function:linear;*/
	}
	.awsFlexBox04 .contactBtn:before {
			content: "";
			background: url(../images/top/download_icon.png) no-repeat;
			background-size: cover;
			position: absolute;
			width: 18px;
			height: 17px;
			top: 50%;
			margin-top: -8.5px;
			left: 30px;
	}
	a.awsFlexBox04:hover .contactBtn:before {
			content: "";
			background: url(../images/top/download_icon_red.png) no-repeat;
			background-size: cover;
			position: absolute;
			width: 18px;
			height: 17px;
			top: 50%;
			margin-top: -8.5px;
			left: 28px;
		z-index: 99;
		 pointer-events: none;
	}

	.contactBtn.btn_effect .effect {
		top: 0px;
	}
	.awsDwBtnText {
		position: relative;
		z-index: 2;
	}

	/*----------------------*/

	.awsDwBtnWrap01 {
		width: 100%;
		text-align: center;
		position: relative;
		left: 0px;
		bottom: 0px;
		margin-top: 20px;
	}
	.awsContactText01 {
		text-align: center;
		font-size: 15px;
		line-height: 1.4em;
		font-weight: 500;
	}
	.awsMb25 {
		margin-bottom: 25px !important;
	}

	/*--------------------*/

	.contactBtn.awsContactBtn01 {
		background-color: #ffffff;
			background: linear-gradient(to right, #d12b4d, #ff604d);
		display: block;
			width: 100%;
		margin: auto;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		-o-border-radius: 50px;
		-ms-border-radius: 50px;
		border-radius: 0px;/* -moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;*/
	}

	.contact01 section {
		width: 100% !important;
	}
	
	.contactBtn.awsContactBtn01 a {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		vertical-align: middle;
		color: #fff;
		font-size: 19px;
		line-height: 1.5em;
		font-weight: bold;
		letter-spacing: 0em;
		box-sizing: border-box;
		padding: 2px 2px;
		width: 100%;
		height: 86px;
		position: relative;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		-o-border-radius: 100px;
		-ms-border-radius: 100px;
		border-radius: 0px;
	}
	.contactBtn.awsContactBtn01 a:link {
		color: #fff;
		text-decoration: none;
	}
	.contactBtn.awsContactBtn01 a:visited {
		color: #fff;
		text-decoration: none;
	}
	.contactBtn.awsContactBtn01 a:active {
		color: #fb4861;
		text-decoration: none;
	}
	.contactBtn.awsContactBtn01 a:hover {
		padding: 17px 0px;
			color: #fb4861;
		text-decoration: none;
		border: 2px solid #fb4861;
	}

	.contactBtn.awsContactBtn01 a .span01 {
		position: relative;
		font-size: 20px;
		font-weight: bold;
		display: inline-block;
		padding-left: 32px;
		background-image: url("../images/aws/top/aws_contact_icon01.png");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: auto 16px;
	}
	.contactBtn.awsContactBtn01 a:hover .span01 {
		color: #fb4861;
		background-image: url("../images/aws/top/aws_contact_icon01_on.png");
	}


	/*----------------------*/

	.awsBlock02 {
		padding: 40px 0px 40px 0px;
	}
	.awsContactBtnWrap01 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: auto;
		margin: 0px auto 0px auto;
	}
	.awsContactBtnWrap01 li {
		width: 100%;
		margin-bottom: 4px;
	}

	.awsContactTel01 {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		background-color: #ffffff;
			background: linear-gradient(to right, #2d53a2, #3e84fe);
		box-sizing: border-box;
		padding: 2px 2px;
		height: 86px;
		color: #ffffff;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		-o-border-radius: 100px;
		-ms-border-radius: 100px;
		border-radius: 0px;
	}
	.awsContactTel01 .awsp01 {
		display: inline-block;
		font-size: 26px;
		line-height: 1.6em;
		font-weight: bold;
		padding-left: 28px;
		background-image: url("../images/aws/top/aws_contact_icon02.png");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 18px auto;
	}
	.awsContactTel01 .awsp02 {
		display: block;
		font-size: 14px;
		line-height: 1.6em;
		font-weight: 500;
	}



}


/* -------------------------------------------------------------------- 
 AWS_請求代行（サービス詳細）
-------------------------------------------------------------------- */

.awsMainvisualWrap02 {
	text-align: center;
	padding: 45px 0 ;
	border-top: 4px solid #378bff;
}
.awsMainvisualWrap02 .contactBtn {
    background: #FAAC31;
}
.awsMainvisualWrap02 .contactBtn a:hover {
    color: #FAAC31;
	border: 2px solid #FAAC31;
}
.serviceMain {
	text-align:left;
}
.awsMainvisualWrap02 .awsMainTb01 {
	display: block;
	margin: 0px auto;
}
.awsMainvisualWrap02 .awsMainTb01 .cell01 {
	display: block;
	text-align: center;
	margin-bottom: 16px;
}
.awsMainvisualWrap02 .cell02 {
	display: inline-block;
	margin-bottom: 35px;
}
.awsMainvisualWrap02 .cell02 .flex {
	display: flex;
	align-items: center;
	background:#FFF;
    padding: 15px 25px;
	border-radius:8px;
}
.awsMainvisualWrap02 .cell02 .flex span {
	flex:1;
}
.awsMainvisualWrap02 .cell02 .flex figure {
	margin:0 0 0 25px;
	padding:0 0 0 25px;
	border-left:#707070 1px solid;
}
.awsMainvisualWrap02 .cell02 .flex img {
	height:40px;
	width:auto;
}
.awsMainvisualWrap02 .cell02 span {
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
}

.serviceMain .awsMainH201 {
    font-size: 22px;
    line-height: 1.9em;
    letter-spacing: 0.05em;
}


.awsMainvisualWrap02 .awsMainBtnWrap01 {
}
.awsMainvisualWrap02 .awsMainBtnWrap01 .contactBtn {
}

#pnkz.awsBred01 {
	background-color: #ffffff;
}

/*-----------------------*/

.awsAncFlex02 {
	display: flex;
  flex-wrap: wrap;
}

.awsAncBtn01.awsbillAncBtn01 {
	position: relative;
	display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: bold;
	background-color: #ffffff;
	border-radius: 10px;
	max-width: 283px;
	width: 23.5%;
	height: 68px;
	margin: 0px 2% 12px 0px;
	margin-bottom: 15px;
-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.awsAncBtn01.awsbillAncBtn01:nth-child(4n) {
	margin-right: 0px;
}

/*-----------------------*/

.awsBlock03 {
	padding: 60px 0px 100px 0px;;
}

.awsText15_20 {
	font-size: 15px;
	line-height: 2.0em;
}
.awsBox01 {
	text-align: center;
}
.awsBox01.texttop {
	padding-top: 40px;
}
.awsBillImg01 {
	margin-top: 60px;
	text-align: center;
}
.awsBillImg01 img {
	max-width:823px;
}

/*----------------------*/

.awsPointBlock02 {
	position: relative;
	padding: 100px 0px 100px 0px;
}
.awsPointBlock02::before {
	content: "";
	width: 120vw;
	height: 644px;
background: rgb(45, 82, 161);
background: -moz-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -webkit-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -o-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -ms-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: linear-gradient(90deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	position: absolute;
	top: 0px;
	left: -10vw;
}

.awsBox02 {
	position: relative;
	color: #ffffff !important;
	margin-bottom: 45px;
}
.awsBillPoint .awsFlexBox02 {
	padding-top: 28px;
	margin-right:24px;
}
.awsBillPoint .awsFlexBox02:nth-child(3n) {
	margin-right:0;
}
.awsBillPoint .awsFlexBox02:nth-child(n+4) {
	margin-top: 30px;
}
.awsBillPoint .awsPointNum01 {
	position: relative;
	top: 0px;
	left: 0px;
	margin-bottom: 28px;
}
.awsH405 {
	font-size: 24px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.awsH405 p {
	font-size: 24px;
    line-height: 1.5em;
}

/*--------------------*/

.awsBg01 {
	position: relative;
}
.awsBg01::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #f6f7f7;
	position: absolute;
	top: 0;
	left: 0;
}

.awsMt30 {
	margin-top: 30px;
}
.awsFlex04 {
	display: flex;
justify-content: center;
  flex-wrap: wrap;
}
.awsFlex04 .awsFlexBox01 {
	padding-bottom: 35px;
	max-width: 388px;
	width: 32%;
	margin-right: 2%;
	margin-top: 20px;
}
.awsFlex04 .awsFlexBox01:nth-child(3n) {
	margin-right: 0px;
}

.awsFlex04 a.awsFlexBox01::after {
	display: none;
}

.awsH406 {
	text-align: center;
	position: relative;
	color: #3e85ff;
	font-size: 22px;
	line-height: 1.6em;
	padding-bottom: 16px;
	margin-bottom: 15px;
}
.awsH406 p {
	font-size: 22px;
}
.awsH406::after {
	content: "";
	width: 40px;
	height: 2px;
	background-color: #3e85ff;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -20px;
}

/*--------------------*/

.awsPlanFlexWrap01 {
	margin-top: 60px;
	margin-bottom: 45px;
}

.awsFlex05 {
	display: flex;
  flex-wrap: wrap;
	position: relative;
	padding-top: 16px;
	justify-content: center;
}

.awsFlex05 a {
	margin-right:4px;
}
.awsFlex05 a:last-child {
	margin-right:0;
}


.awsFlexBox05 {
	display: block;
	position: relative;
	max-width: 397px;
	width: 29%;
	padding: 0px 0px 0px 0px;
/*-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.awsFlexBox05:link {	color: #000000;	text-decoration: none;}
a.awsFlexBox05:visited {	color: #000000;	text-decoration: none;}
a.awsFlexBox05:hover {
	color:#000000;
	text-decoration: none;
	/*background-color: #DCDCDC;*/
	/*transform: translateY(-5px) !important;*/
}



.awsFlexBox05.th {
	width: 12%;
}
.awsFlexBox05.th.main {
	margin-right:4px;
}
.awsFlexBox05.th.sub {
	display:none;
}
a.awsFlexBox05:active {	color:#000000;	text-decoration: none;}

.awsPlanBox01 {
	background-color: #7eadff;
	display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
	box-sizing: border-box;
	padding: 30px 0;
	position: relative;
	color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.awsFlexBox05.th .awsPlanBox01 {
	background-color: #fff;
}
.awsPlanBox01 .wrap {
	padding:0 25px;
}
.awsPlanLabel01 {
	display: flex;
  justify-content: center;
  align-items: center;
	background-color: #00487e;
	width: 122px;
	height: 60px;
	color: #ffffff;
	font-size: 39px;
	line-height: 1.0em;
	position: absolute;
	top: -16px;
	left: 50%;
	margin-left: -61px;
}
.awsPlanLabel01 span {
	font-size: 14px;
	margin-right: 4px;
}
.awsPlanLabel01::after {
	content: "";
	width: 5px;
	height: 16px;
	background-color: #000000;
	position: absolute;
	top: 0px;
	right: -5px;
}

.awsH407 {
	text-align: center;
	position: relative;
	color: #ffffff;
	font-size: 22px;
	line-height: 1.6em;
	padding-bottom: 16px;
	margin-bottom: 15px;
	letter-spacing:0.08em;
}
.awsH407::after {
	content: "";
	width: 40px;
	height: 2px;
	background-color: #ffffff;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -20px;
}
.awsText18_16 {
	font-size: 16px;
	line-height: 1.6em;
}

.awsPlanBtnWrap01 {
	margin-top: 22px;
}
.awsPlanBtn01 {
	display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
	color: #3e85ff;
	font-size: 14px;
	line-height: 1.4em;
	font-weight: 500;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 100px;
	width: 172px;
	height: 54px;
	margin: auto;
	position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.awsPlanBtn01::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #3E85FF;
  border-right: solid 2px #3E85FF;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  right: 22px;
  margin-top: -4px;
}

.awsPlanUl01 li {
	background-color: #f4f4f4;
	display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
	margin-top: 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	padding:0;
	min-height:3.5em;
}
.awsFlexBox05.th .awsPlanUl01 li {
	background-color: #d1d1d1;
	padding-left:10px;
	padding-right:10px;
}
.awsPlanUl01 li p {
	font-size: 14px;
	line-height: 1.4em;
}

a.awsFlexBox05:hover .awsPlanBox01 {
	background-color: #4d8eff;
}
a.awsFlexBox05:hover .awsPlanBtn01 {
	color: #ffffff;
	background-color: #3e85ff;
}
a.awsFlexBox05:hover .awsPlanBtn01::after {
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
}
a.awsFlexBox05:hover .awsPlanUl01 li {
	background-color: #d1d1d1;
}

.awsPlanContBox01 {
	padding: 45px 0px;
	width: 1000px;
	margin: auto;
}
.awsBlock03 .gaiyou {
	padding: 40px 0px;
}

.awsPlanH4Wrap01 {
	display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
	padding-bottom: 40px;
	margin-bottom: 50px;
	border-bottom: 3px solid #00487e;
}
.awsPlanLabel02 {
	display: flex;
  justify-content: center;
  align-items: center;
	background-color: #00487e;
	width: 122px;
	height: 60px;
	color: #ffffff;
	font-size: 39px;
	line-height: 1.0em;
	margin-right: 22px;
}
.awsPlanLabel02 span {
	font-size: 14px;
	margin-right: 4px;
}
.awsH408 {
	color: #00487e;
	font-size: 33px;
	line-height: 1.6em;
	font-weight: bold;
	letter-spacing:0.08em;
}
.awsPlanText01 {
	font-size: 20px;
	line-height: 1.8em;
	font-weight: bold;
	margin-bottom: 25px;
}
.awsPlanTb01 {
	display: block;
	width: 100%;
	overflow:hidden;
}
.awsPlanTb01 .cell01 {
	text-align: left;
}
.awsPlanTb01 .cell02 {
	width: 535px;
	padding-left: 45px;
	padding-bottom: 20px;
	float:right;
}
.awsPlanImg01 {
	margin-top: 52px;
	padding:0 50px;
	text-align:center;
}
.awsBox02 .awsPlanImg01 {
	text-align:center;
	padding:40px;
	background:#fff;
}

/*----------------------*/

.awsBlock04 {
	background-color: #f6f7f7;
	padding: 95px 0px 70px 0px;
}
.awsBlock04 .awsText15_20 {
	margin: 0 0 40px 0;
}

.awsCaseFlex01 {
	display: flex;
  justify-content: space-between;
	margin-bottom: 30px;
}
.awsCaceBox {
	position: relative;
	max-width: 580px;
	width: 48%;
	padding: 25px;
	border-radius: 20px;
	background-color: #ffffff;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);
}
.awsCaceBox.box02 {
background: rgb(45, 82, 161);
background: -moz-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -webkit-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -o-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -ms-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: linear-gradient(90deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	color: #ffffff;
}
.awsCaceBox.box02::before {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 12px 0 12px 25px;
border-color: transparent transparent transparent #082158;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: -6%;
}

.awsCaceBox dt {
	text-align: center;
	font-size: 24px;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
}
.awsCaceBox dt p {
	font-size: 24px;
	line-height: 1.5em;
}
.awsCaceBox dd {
	font-size: 16px;
	line-height: 1.75em;
}

/*--------------------*/

.awsFlexBox06 {
	display: block;
	position: relative;
	max-width: 275px;
	width: 22.9%;
	margin-right: 2.8%;
	margin-top: 25px;
	padding: 0px 0px 0px 0px;
/*-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.awsFlexBox06:link {	color: #000000;	text-decoration: none;}
a.awsFlexBox06:visited {	color: #000000;	text-decoration: none;}
a.awsFlexBox06:hover {
	color:#000000;
	text-decoration: none;
	/*background-color: #DCDCDC;*/
	/*transform: translateY(-5px) !important;*/
}
a.awsFlexBox06:active {	color:#000000;	text-decoration: none;}

.awsFlexBox06:last-child {
	margin-right: 0px;
}

.awsPriceBox01 {
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #3e85ff;
	border-radius: 10px;
	padding: 30px 15px 26px 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.awsH409 {
	font-size: 19px;
	line-height: 1.6em;
	font-weight: bold;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 25px;
	position: relative;
}
.awsH409::after {
	content: "";
	width: 56px;
	height: 1px;
	background-color: #3e85ff;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -28px;
}
.awsPriceText01 {
	font-size: 19px;
	line-height: 1.6em;
	font-weight: bold;
}
.awsPriceText01 span {
	font-size: 28px;
	color: #3e85ff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.awsPriceText02 {
	font-size: 15px;
	line-height: 1.8em;
	font-weight: bold;
	margin-top: 20px;
}

a.awsFlexBox06:hover .awsPriceBox01 {
	background-color: #3e85ff;
	color: #ffffff;
}
a.awsFlexBox06:hover .awsH409::after {
	background-color: #ffffff;
}
a.awsFlexBox06:hover .awsPriceText01 span {
	color: #ffffff;
}
a.awsFlexBox06:hover .awsPriceText02 {
	color: #3e85ff;
}

/*--------------------*/

.awsBg02 {
	position: relative;
}
.awsBg02::before {
	content: "";
	width: 100%;
	height: 580px;
	background-color: #eef4ff;
	position: absolute;
	top: 0px;
	right: 50%;
	margin-right: -458px;
}
.awsFlowBox01 {
	background-color: #ffffff;
-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	 border-radius: 20px;
	padding: 70px 70px 70px 70px;
}
.awsFlowFlex01 {
	display: flex;
  justify-content: space-between;
	position: relative;
	margin-bottom: 48px;
}
.awsFlowFlex01::after {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 14px 17.5px 0 17.5px;
border-color: #082158 transparent transparent transparent;
	position: absolute;
	bottom: -32px;
	left: 120px;
}
.awsFlowFlex01:last-child {
	margin-bottom: 0px;
}
.awsFlowFlex01:last-child::after {
	display: none;
}

.awsFlowBoxIn02 {
	box-sizing: content-box;
	padding-left: 30px;
	width: 740px;
}

.awsFlowBoxIn01 {
background: rgb(45, 82, 161);
background: -moz-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -webkit-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -o-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -ms-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: linear-gradient(90deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	color: #ffffff;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 13px 15px 13px 15px;
	width: 280px;
	display: flex;
  align-items: center;
  justify-content: center;
	text-align: center;
}
.awsFlowBoxIn01 .p01 {
	font-size: 30px;
	line-height: 1.2em;
	font-weight: 500;
}
.awsFlowBoxIn01 .p01 span {
	font-size: 20px;
	vertical-align: middle;
}
.awsFlowBoxIn01 .p02 {
	font-size: 22px;
	line-height: 1.45em;
	font-weight: bold;
}

/*-----------------------*/

.awsNaviBlock01 {
background: rgb(45, 82, 161);
background: -moz-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -webkit-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -o-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: -ms-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
background: linear-gradient(90deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	padding: 45px 0px 45px 0px;
}


.mgnblock {
	padding:110px 0 0;
}

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

	.awsMainBtnWrap01.billing {
		margin-top: 18px;
	}
	.awsMainvisualWrap02 {
		background-color: #e9f4ff;
		text-align: center;
		/*display: flex;
		justify-content: center;
		align-items: center;
		height: 400px;*/
		padding: 45px 0px 45px 0px;
		min-height:auto;
	}
	.awsMainvisualWrap02 .awsMainTb01 {
		display: block;
		margin: 0px auto;
	}
	.awsMainvisualWrap02 .awsMainTb01 .cell01 {
		display: block;
		text-align: center;
		margin-bottom: 16px;
	}
	.awsMainvisualWrap02 .awsMainTb01 .cell02 {
		display: block;
		text-align: center;
		margin-bottom: 16px;
	}
	
	.awsMainvisualWrap02 .cell02 {
	text-align:center;
	display: block;
	margin-bottom: 20px;
}
	.awsMainvisualWrap02 .cell02 .flex {
	display: inline-block;
    padding: 10px 25px;
}
	
.awsMainvisualWrap02 .cell02 span {
    font-size: 24px;
    line-height: 1.4em;
	text-align:left;
}

.awsMainvisualWrap02 .cell02 .flex figure {
	margin:10px 0 0;
	padding:10px 0 0;
	border-left:none;
	border-top:#707070 1px solid;
	text-align:center;
}
.serviceMain .awsMainH201 {
    font-size: 20px;
    line-height: 1.6em;
    letter-spacing: 0.05em;
}


.awsBillImg01 img {
	max-width:100%;
}

	.awsMainvisualWrap02 .awsMainBtnWrap01 {
		text-align: center;
	}
	.awsMainvisualWrap02 .awsMainBtnWrap01 .contactBtn {
		margin: auto auto auto auto;;
	}

	#pnkz.awsBred01 {
		background-color: #ffffff;
	}

	/*-----------------------*/

	.awsAncFlex02 {
		display: flex;
		flex-wrap: wrap;
	}

	.awsAncBtn01.awsbillAncBtn01 {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-size: 16px;
		line-height: 1.4em;
		font-weight: bold;
		background-color: #ffffff;
		border-radius: 10px;
		max-width: 800px;
		width: 100%;
		height: 68px;
		margin: 0px 0px 12px 0px;
		margin-bottom: 15px;
		padding: 5px;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	.awsAncBtn01.awsbillAncBtn01:nth-child(4n) {
		margin-right: 0px;
	}

	/*-----------------------*/

	.awsBlock03 {
		padding: 40px 0px 40px 0px;;
	}

	.awsText15_20 {
		font-size: 15px;
		line-height: 2.0em;
	}
	.awsBox01 {
		text-align: center;
	}
	.awsBillImg01 {
		margin-top: 40px;
	}

	/*----------------------*/

	.awsPointBlock02 {
		position: relative;
		padding: 40px 0px 40px 0px;
	}
	.awsPointBlock02::before {
		content: "";
		width: 120vw;
		height: 100%;
	background: rgb(45, 82, 161);
	background: -moz-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -webkit-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -o-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -ms-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: linear-gradient(90deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
		position: absolute;
		top: 0px;
		left: -10vw;
	}

	.awsBox02 {
		position: relative;
		color: #ffffff !important;
		margin-bottom: 45px;
	}
	.awsBillPoint .awsFlexBox02 {
		padding-top: 28px;
	margin-right:0;
	}

.awsBillPoint .awsFlexBox02:nth-child(n+4) {
	margin-top: 60px;
}


	.awsBillPoint .awsPointNum01 {
		position: relative;
		top: 0px;
		left: 0px;
		margin-bottom: 28px;
	}
	.awsH405 {
		font-size: 24px;
		line-height: 1.5em;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
	}

	/*--------------------*/

	.awsBg01 {
		position: relative;
	}
	.awsBg01::before {
		content: "";
		width: 100%;
		height: 100%;
		background-color: #f6f7f7;
		position: absolute;
		top: 0px;
		left: 0px;
		margin-left: 0px;
	}

	.awsMt30 {
		margin-top: 30px;
	}
	.awsFlex04 {
		display: flex;
		flex-wrap: wrap;
	}
	.awsFlex04 .awsFlexBox01 {
		padding-bottom: 35px;
		max-width: 800px;
		width: 100%;
		margin-right: 0px;
		margin-top: 20px;
	}
	.awsFlex04 .awsFlexBox01:nth-child(3n) {
		margin-right: 0px;
	}

	.awsFlex04 a.awsFlexBox01::after {
		display: none;
	}

	.awsH406 {
		text-align: center;
		position: relative;
		color: #3e85ff;
		font-size: 22px;
		line-height: 1.6em;
		padding-bottom: 16px;
		margin-bottom: 15px;
	}
	.awsH406::after {
		content: "";
		width: 40px;
		height: 2px;
		background-color: #3e85ff;
		position: absolute;
		bottom: 0px;
		left: 50%;
		margin-left: -20px;
	}

	/*--------------------*/

	.awsPlanFlexWrap01 {
		margin-top: 60px;
	}

	.awsFlex05 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
		padding-top: 16px;
	}
.awsFlex05 a {
	margin-right:0;
}
	.awsFlexBox05 {
		display: block;
		position: relative;
		max-width: 800px;
		width: calc(100% - 155px);
		padding: 0px 0px 0px 0px;
		margin-top: 40px;
	/*-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);*/
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.awsFlexBox05:link {	color: #000000;	text-decoration: none;}
	a.awsFlexBox05:visited {	color: #000000;	text-decoration: none;}
	a.awsFlexBox05:hover {
		color:#000000;
		text-decoration: none;
		/*background-color: #DCDCDC;*/
		/*transform: translateY(-5px) !important;*/
	}
	a.awsFlexBox05:active {	color:#000000;	text-decoration: none;}

	.awsPlanBox01 {
		background-color: #7eadff;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		box-sizing: border-box;
		height: auto;
		padding: 25px 15px;
		position: relative;
		color: #ffffff;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}

.awsFlexBox05.th {
	width: 150px;
	float:left;
	display: inline-block;
}
.awsFlexBox05.th.main {
	margin-right:0;
}
.awsFlexBox05.th.sub {
	display:inline-block;
}

	.awsPlanLabel01 {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #00487e;
		width: 122px;
		height: 60px;
		color: #ffffff;
		font-size: 39px;
		line-height: 1.0em;
		position: absolute;
		top: -16px;
		left: 50%;
		margin-left: -61px;
	}
	.awsPlanLabel01 span {
		font-size: 14px;
		margin-right: 4px;
	}
	.awsPlanLabel01::after {
		content: "";
		width: 5px;
		height: 16px;
		background-color: #000000;
		position: absolute;
		top: 0px;
		right: -5px;
	}

	.awsH407 {
		text-align: center;
		position: relative;
		color: #ffffff;
		font-size: 22px;
		line-height: 1.6em;
		padding-bottom: 16px;
		margin-bottom: 15px;
	}
	.awsH407::after {
		content: "";
		width: 40px;
		height: 2px;
		background-color: #ffffff;
		position: absolute;
		bottom: 0px;
		left: 50%;
		margin-left: -20px;
	}
	.awsText18_16 {
		font-size: 16px;
		line-height: 1.6em;
	}

	.awsPlanBtnWrap01 {
		margin-top: 22px;
	}
	.awsPlanBtn01 {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #3e85ff;
		font-size: 14px;
		line-height: 1.4em;
		font-weight: 500;
		background-color: #ffffff;
		border: 1px solid #ffffff;
		border-radius: 100px;
		width: 172px;
		height: 54px;
		margin: auto;
		position: relative;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	.awsPlanBtn01::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #3E85FF;
		border-right: solid 2px #3E85FF;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		top: 50%;
		right: 22px;
		margin-top: -4px;
	}

	.awsPlanUl01 li {
		background-color: #f4f4f4;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-size: 15px;
		line-height: 1.6em;
		margin-top: 4px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	.awsPlanUl01 li p {
		font-size: 14px;
	}
	
	a.awsFlexBox05:hover .awsPlanBox01 {
		background-color: #4d8eff;
	}
	a.awsFlexBox05:hover .awsPlanBtn01 {
		color: #ffffff;
		background-color: #3e85ff;
	}
	a.awsFlexBox05:hover .awsPlanBtn01::after {
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
	}
	a.awsFlexBox05:hover .awsPlanUl01 li {
		background-color: #d1d1d1;
	}

	.awsPlanContBox01 {
		padding: 25px 0px 25px 0px;
		width: auto;
		margin: auto;
	}

	.awsPlanH4Wrap01 {
		display: block;
		text-align: center;
		padding-bottom: 20px;
		margin-bottom: 40px;
		border-bottom: 3px solid #00487e;
	}
	.awsPlanLabel02 {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #00487e;
		width: 122px;
		height: 50px;
		color: #ffffff;
		font-size: 30px;
		line-height: 1.0em;
		margin: 0px auto 15px auto;
	}
	.awsPlanLabel02 span {
		font-size: 14px;
		margin-right: 4px;
	}
	.awsH408 {
		color: #00487e;
		font-size: 26px;
		line-height: 1.6em;
		font-weight: bold;
	}
	.awsPlanText01 {
		font-size: 18px;
		line-height: 1.8em;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.awsPlanTb01 {
		display: flex;
		flex-direction: column;
		width: auto;
	}
	.awsPlanTb01 .cell01 {
		display: block;
		text-align: left;
		vertical-align: top;
		box-sizing: border-box;
		width: auto;
		padding-right: 0px;
		margin-bottom: 20px;
		order: 0;
	}


.awsPlanTb01 .cell02 {
	width: auto;
	padding-left: 0;
	padding-bottom: 20px;
	float:none;
		order: 1;
}

	.awsPlanImg01 {
		margin-top: 20px;
		padding:0;
	}
.awsBox02 .awsPlanImg01 {
	padding:20px;
}

	/*----------------------*/

	.awsBlock04 {
		background-color: #f6f7f7;
		padding: 40px 0px 40px 0px;
	}

	.awsCaseFlex01 {
		display: block;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	.awsCaceBox {
		position: relative;
		max-width:800px;
		width: auto;
		padding: 20px;
		border-radius: 20px;
		background-color: #ffffff;
		-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
		-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
		box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	}
	.awsCaceBox.box02 {
	background: rgb(45, 82, 161);
	background: -moz-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -webkit-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -o-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -ms-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: linear-gradient(90deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
		color: #ffffff;
		margin-top: 30px;
	}
	.awsCaceBox.box02::before {
		content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 14px 10px 0 10px;
border-color: #082158 transparent transparent transparent;
		position: absolute;
		top: -20px;
		margin-top: 0px;
		left: 50%;
		margin-left: -10px;
	}

	.awsCaceBox dt {
		text-align: center;
		font-size: 18px;
		line-height: 1.5em;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.awsCaceBox dd {
		font-size: 14px;
		line-height: 1.75em;
	}

	/*--------------------*/

	.awsFlexBox06:first-child {
		margin-top: 0px;
	}
	.awsFlexBox06 {
		display: block;
		position: relative;
		max-width: 800px;
		width: 100%;
		margin-right: 0px;
		margin-top: 30px;
		padding: 0px 0px 0px 0px;
	/*-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);*/
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.awsFlexBox06:link {	color: #000000;	text-decoration: none;}
	a.awsFlexBox06:visited {	color: #000000;	text-decoration: none;}
	a.awsFlexBox06:hover {
		color:#000000;
		text-decoration: none;
		/*background-color: #DCDCDC;*/
		/*transform: translateY(-5px) !important;*/
	}
	a.awsFlexBox06:active {	color:#000000;	text-decoration: none;}

	.awsPriceBox01 {
		text-align: center;
		background-color: #ffffff;
		border: 1px solid #3e85ff;
		border-radius: 10px;
		padding: 30px 15px 26px 15px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	.awsH409 {
		font-size: 19px;
		line-height: 1.6em;
		font-weight: bold;
		text-align: center;
		padding-bottom: 15px;
		margin-bottom: 25px;
		position: relative;
	}
	.awsH409::after {
		content: "";
		width: 56px;
		height: 1px;
		background-color: #3e85ff;
		position: absolute;
		bottom: 0px;
		left: 50%;
		margin-left: -28px;
	}
	.awsPriceText01 {
		font-size: 19px;
		line-height: 1.6em;
		font-weight: bold;
	}
	.awsPriceText01 span {
		font-size: 28px;
		color: #3e85ff;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	.awsPriceText02 {
		font-size: 15px;
		line-height: 1.8em;
		font-weight: bold;
		margin-top: 10px;
	}

	a.awsFlexBox06:hover .awsPriceBox01 {
		background-color: #3e85ff;
		color: #ffffff;
	}
	a.awsFlexBox06:hover .awsH409::after {
		background-color: #ffffff;
	}
	a.awsFlexBox06:hover .awsPriceText01 span {
		color: #ffffff;
	}
	a.awsFlexBox06:hover .awsPriceText02 {
		color: #3e85ff;
	}

	/*--------------------*/

	.awsBg02 {
		position: relative;
	}
	.awsBg02::before {
		content: "";
		width: 100%;
		height: 100%;
		background-color: #eef4ff;
		position: absolute;
		top: 0px;
		right: 0px;
		margin-right: 0px;
	}
	.awsFlowBox01 {
		background-color: #ffffff;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.15);
		 border-radius: 20px;
		padding: 20px 20px 20px 20px;
	}
	.awsFlowFlex01 {
		display: block;
		justify-content: space-between;
		position: relative;
		margin-bottom: 48px;
	}
	.awsFlowFlex01::after {
		content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 17.5px 0 17.5px;
	border-color: #082158 transparent transparent transparent;
		position: absolute;
		bottom: -32px;
		left: 50%;
		margin-left: -17px;
	}
	.awsFlowFlex01:last-child {
		margin-bottom: 0px;
	}
	.awsFlowFlex01:last-child::after {
		display: none;
	}

	.awsFlowBoxIn02 {
		box-sizing: content-box;
		padding-left: 0px;
		width: auto;
	}

	.awsFlowBoxIn01 {
	background: rgb(45, 82, 161);
	background: -moz-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -webkit-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -o-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -ms-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: linear-gradient(90deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
		color: #ffffff;
		border-radius: 20px;
		box-sizing: border-box;
		padding: 13px 15px 13px 15px;
		width: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		margin-bottom: 10px;
	}
	.awsFlowBoxIn01 .p01 {
		font-size: 30px;
		line-height: 1.2em;
		font-weight: 500;
		vertical-align: middle;
	}
	.awsFlowBoxIn01 .p01 span {
		font-size: 15px;
		vertical-align: middle;
	}
	.awsFlowBoxIn01 .p02 {
		font-size: 20px;
		line-height: 1.45em;
		font-weight: bold;
	}

	/*-----------------------*/

	.awsNaviBlock01 {
	background: rgb(45, 82, 161);
	background: -moz-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -webkit-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -o-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: -ms-linear-gradient(0deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
	background: linear-gradient(90deg, rgb(45, 82, 161) 0%, rgb(90, 132, 255) 100%);
		padding: 45px 0px 45px 0px;
	}


.mgnblock {
	padding:50px 0 0;
}

}


/* -------------------------------------------------------------------- 
 メガナビプルダウン
-------------------------------------------------------------------- */

.mNaviFlex01 {
	display: flex !important;
}
.mNaviBox01 {
	display: flex !important;
  align-items: center !important;
  justify-content: center !important;
	text-align: center !important;
	background-color: #ffffff !important;
	border-radius: 6px !important;
	width: 23% !important;
	margin-right: 2.6% !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a.mNaviBox01:hover {
	text-decoration: none !important;
	background-color: #e3e3e3 !important;
}

.mNaviBox01 .mImg01 {
	margin-bottom: 18px !important;
}
.mNaviBox01 .mImg01 img {
	width: 104px !important;
	height: auto !important;
}
.mNaviBox01 .mText01 {
	color: #3e85ff !important;
	font-size: 18px !important;
	line-height: 1.3em !important;
	font-weight: bold !important;
}
.mNaviBox01 .mText02 {
	font-size: 18px !important;
	line-height: 1.2em !important;
	font-weight: bold !important;
	margin-bottom:7px;
}

.mCont01 {
	position: relative !important;
}
.mCont01::before {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 8px;
border-color: transparent transparent transparent #ffffff;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	left: -20px;
}
.mNaviFlex01 .mCont01::before {
	display:none;
}
.mContBox01 {
	text-align: left !important;
	width: 23% !important;
	margin-right: 2.6% !important;
}
.mContBox01:last-child {
	margin-right: 0px !important;
}

#menu .menu ul li{
	text-align: center;
	vertical-align:bottom;
}

.mContNavi01 {}
.mContNavi01 li {
	margin-top: 13px !important;
	display: block !important;
}

.mContNavi01 li.mNaviHgt {
	min-height: 50px !important;
}
.mContNavi01 li.mNaviHgt a {
	padding-top:0 !important;
}


	
.mContNavi01 li p {
	letter-spacing: -0.05em;
}

.mContNavi01 li:first-child {
	margin-top: 0px !important;
}
.mContNavi01 li p {
	text-align: left !important;
	line-height:1.0em;
}
.mContNavi01 li p:first-child  {
	text-align: left !important;
}

.mNaviBtn01.mNaviBtn0102 {
	font-size: 20px !important;
}
.mNaviBtn01 {
	position: relative !important;
	display: flex !important;
  justify-content: center;
  align-items: center;
	text-align:center;
	font-size: 14px !important;
	line-height: 1.4em !important;
	font-weight: bold !important;
	background-color: #ffffff !important;
	border-radius: 6px !important;
	width: 100% !important;
	height: 42px !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

a.mNaviBtn01:link {	color: #3e85ff !important;	text-decoration: none;}
a.mNaviBtn01:visited {	color: #3e85ff !important;	text-decoration: none;}
a.mNaviBtn01:hover {
	color:#3e85ff !important;
	text-decoration: none;
	background-color: #e3e3e3 !important;
}
a.mNaviBtn01:active {	color:#3e85ff !important;	text-decoration: none;}

a.mNaviBtn01.nolink:hover {
    background-color: #ffffff !important;
}

.mNaviLink01 {
	text-align: left !important;
	display: inline-block !important;
	padding: 5px 0px 5px 15px !important;
	position: relative !important;
	font-size: 14px !important;
	line-height: 1.3em !important;
	font-weight: 500 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.mNaviLink01::before {
	content: "";
	width: 8px;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	left: 0px;
	top: 14px;
}
a.mNaviLink01:link {	color: #ffffff !important;	text-decoration: none;}
a.mNaviLink01:visited {	color: #ffffff !important;	text-decoration: none;}
a.mNaviLink01:hover {	color:#fb4861 !important;	text-decoration: none;
}
a.mNaviLink01:active {	color:#ffffff !important;	text-decoration: none;}

.mContNavi01 li p:first-child .mNaviLink01 {
	padding-top:0 !important;
}
.mContNavi01 li.mNaviHgt .mNaviLink01::before {
	top: 10px;
}
.mContNavi01 li p:first-child .mNaviLink01::before {
	top: 10px;
}
.mNaviLink02 {
	text-align: left !important;
	display: inline-block !important;
	padding: 2px 0px 8px 25px !important;
	font-size: 13px !important;
	line-height: 1.0em !important;
	font-weight: normal !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	text-indent: -0.75em;
}
a.mNaviLink02:link {	color: #ffffff !important;	text-decoration: none;}
a.mNaviLink02:visited {	color: #ffffff !important;	text-decoration: none;}
a.mNaviLink02:hover {	color:#fb4861 !important;	text-decoration: none;
}
a.mNaviLink02:active {	color:#ffffff !important;	text-decoration: none;}



.mNaviLink02.nolink:hover {
	color: #ffffff !important;
}


.megamenu.megamenuNew {
	background-color: #6783e7 !important;
}

.cloud_header_wrap #menu .megamenu.megamenuNew {
	opacity:1.0 !important;
}

.mNaviBox02 {
	padding-bottom: 15px;
}
a:hover .mNaviBox03 {
	padding-bottom: 15px;
}






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

	.mNaviFlex01 {
		display: block !important;
	}
	.mNaviBox01 {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		background-color: #ffffff !important;
		border-radius: 6px !important;
		width: 100% !important;
		margin-right: 0px !important;
		margin-bottom: 50px;
		padding: 30px 15px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.mNaviBox01:hover {
		text-decoration: none !important;
		background-color: #e3e3e3 !important;
	}

	.mNaviBox01 .mImg01 {
		margin-bottom: 18px !important;
	}
	.mNaviBox01 .mImg01 img {
		width: 104px !important;
		height: auto !important;
	}
	.mNaviBox01 .mText01 {
		color: #3e85ff !important;
		font-size: 18px !important;
		line-height: 1.3em !important;
		font-weight: bold !important;
	}
	.mNaviBox01 .mText02 {
		font-size: 18px !important;
		line-height: 1.3em !important;
		font-weight: bold !important;
	}

	.mCont01 {
		position: relative !important;
	}
	.mCont01::before {
		content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 14px 10px 0 10px;
border-color: #ffffff transparent transparent transparent;
		position: absolute;
		top: -31px;
		margin-top: 0px;
		left: 50%;
		margin-left: -10px;
	}
	.mContBox01 {
		text-align: left !important;
		width: 100% !important;
		margin-right: 0px !important;
		margin-bottom: 20px;
	}
	.mContBox01:last-child {
		margin-right: 0px !important;
	}

	#menu .menu ul li{
		text-align: left;
	}

	.mContNavi01 {}
	.mContNavi01 li {
		margin-top: 13px !important;
		min-height: 20px !important;
		display: block !important;
	}
	.mContNavi01 li:first-child {
		margin-top: 0px !important;
	}
	.mContNavi01 li p {
		text-align: left !important;
	}

	.mNaviBtn01.mNaviBtn0102 {
		font-size: 20px !important;
	}
	.mNaviBtn01 {
		position: relative !important;
		display: flex !important;
		justify-content: center;
		align-items: center;
		font-size: 14px !important;
		line-height: 1.4em !important;
		font-weight: bold !important;
		background-color: #ffffff !important;
		border-radius: 6px !important;
		width: 100% !important;
		height: 45px !important;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}

	a.mNaviBtn01:link {	color: #3e85ff !important;	text-decoration: none;}
	a.mNaviBtn01:visited {	color: #3e85ff !important;	text-decoration: none;}
	a.mNaviBtn01:hover {
		color:#3e85ff !important;
		text-decoration: none;
		background-color: #e3e3e3 !important;
	}
	a.mNaviBtn01:active {	color:#3e85ff !important;	text-decoration: none;}

	.mNaviLink01 {
		text-align: left !important;
		display: inline-block !important;
		padding: 0px 0px 0px 15px !important;
		position: relative !important;
		font-size: 14px !important;
		line-height: 1.0em !important;
		font-weight: 500 !important;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	.mNaviLink01::before {
		content: "";
		width: 8px;
		height: 1px;
		background-color: #ffffff;
		position: absolute;
		left: 0px;
		top: 50%;
	}
	a.mNaviLink01:link {	color: #ffffff !important;	text-decoration: none;}
	a.mNaviLink01:visited {	color: #ffffff !important;	text-decoration: none;}
	a.mNaviLink01:hover {	color:#fb4861 !important;	text-decoration: none;
	}
	a.mNaviLink01:active {	color:#ffffff !important;	text-decoration: none;}

	.mNaviLink02 {
		text-align: left !important;
		display: inline-block !important;
		padding: 0px 0px 0px 15px !important;
		font-size: 13px !important;
		line-height: 1.0em !important;
		font-weight: 500 !important;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	a.mNaviLink02:link {	color: #ffffff !important;	text-decoration: none;}
	a.mNaviLink02:visited {	color: #ffffff !important;	text-decoration: none;}
	a.mNaviLink02:hover {	color:#fb4861 !important;	text-decoration: none;
	}
	a.mNaviLink02:active {	color:#ffffff !important;	text-decoration: none;}

	.megamenu.megamenuNew {
		background-color: #6783e7 !important;
	}

	.mNaviBox02 {
		padding-bottom: 35px;
	}
	.mNaviBox03 {
		padding-bottom: 25px;
		border-bottom: 1px dotted #ffffff;
		margin-bottom: 25px;
	}




}


.entry293 #supportAnc04,
.entry293 #supportAnc05,
.entry298 #env05,
.entry299 #mig05,
.entry306 #manageAnc06{
	margin-top:100px;
}



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

.entry293 #supportAnc04,
.entry293 #supportAnc05,
.entry298 #env05,
.entry299 #mig05,
.entry306 #manageAnc06{
	margin-top:50px;
}

}

