/* title_left_border */
.title_left_border .title {
    position: relative;
    display: inline-block;
	padding-left: 45px;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 30px;
    line-height: 36px;
}
.title_left_border .title:before {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 30px;
    height: 4px;
	background: #002D76;
    left: 0;
}

/* title_left_border */
.title_border_bottom {
    position: relative;
    display: block;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px;
	text-align: center;
	line-height: 27px;
}
.title_border_bottom:before {
    content: '';
    position: absolute;
    bottom: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
	background: #002D76;
    left: 0;
}
.title_border_bottom.blue:before {
    background: linear-gradient(to right, #2d52a1, #3e85ff);
}

#pnkz {
	background-color: #efefef;
}
#pnkz {
	margin: 0 auto;
	padding: 10px 0 0;
}
#pnkz ul {
	text-align: left;
	margin: 0;
	padding: 0;
}
#pnkz ul li {
	display: inline-block;
	padding: 0 20px 0 0;
	line-height: 1.6em;
}
#pnkz ul li a {
	text-decoration: underline;
	position: relative;
	display: inline-block;
    color: #000000;
}
#pnkz ul li a:hover {
	text-decoration: none;
}
#pnkz ul li span {
	position: relative;
	display: inline-block;
}
#pnkz ul li a:after,
#pnkz ul li span:after {
	content: ">";
	position: absolute;
	right: -15px;
	top: 0;
}
.container {
	padding: 60px 0px;
}


/******************** BLOG ********************/
#mainvisual.blog {
	background: url("../images/page/mainvisual_blog01.png") no-repeat center top / cover;
	height:390px;
}
#mainvisual.blog {
	height:390px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
#mainvisual.blog.detail {
	background: url("../images/page/mainvisual_blog02.png") no-repeat center top / cover;
	height:253px;
}
#mainvisual.blog .text_wrap {
	position: relative;
	z-index: 4;
}
#mainvisual.blog .eng {
	font-size: 70px;
	color: #082158;
	font-weight: 700;
	line-height: 74px;
	margin-bottom: 25px;
	font-family: 'Montserrat', sans-serif;
}
#mainvisual.blog .eng a {
	color: #222;
	text-decoration:none;
}
#mainvisual.blog .eng a:hover {
	color: #222;
	text-decoration:underline;
}
#mainvisual.blog .text {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 15px;
}
#mainvisual.blog .top_title {
	font-size: 33px;
	font-weight: 700;
	line-height: 48px;
	color: #222;
}


#page_blog {
	background:#eee;
	padding-top: 30px;
	position: relative;
}
#page_blog section {
	position: relative;
}
#page_blog .bg_nami {
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	background: linear-gradient(to right,#eee 50%, #fff 50%);
}
#page_blog .bg_nami .img {
	position: relative;
}


/* content01 */
#page_blog .topics_area {
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
	display: table;
	width: 100%;
	margin-bottom: 70px;
}
#page_blog .topics_area .left_title {
	display: table-cell;
	vertical-align: middle;
	font-weight: 700;
	font-size: 18px;
	width: 110px;
	text-align: center;
}
#page_blog .topics_area ul {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	display: table-cell;
	vertical-align: middle;
}
#page_blog .topics_area ul li {
	list-style: none;
}
#page_blog .topics_area ul li:not(:last-child) {
	margin-bottom: 10px;
}
#page_blog .topics_area ul li a {
	display: block;
	color: #000;
	font-size: 14px;
	line-height: 25px;
}
#page_blog .topics_area ul li .data {
	float: left;
	width: 90px;
}
#page_blog .topics_area ul li .title {
	margin-left: 90px;
	-webkit-transition-property:color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
#page_blog .topics_area ul li:hover .title {
    color: #fb4861;
}

.top .topContBtnWrap01 {
    padding: 0px;
}
#page_blog .topContBtnWrap01 {
    padding: 0px;
}


/* content01 */
#page_blog #content01 {
	padding-top: 80px;
}

/* .blog_left */
#page_blog #content01 .blog_left {
	width: 70%;
	float: left;
	margin-bottom: 50px;
}

#page_blog #content01 .blog_area {
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-bottom: 20px;
}
#page_blog #content01 .blog_area li {
	list-style: none;
	width: 49%;
	display: inline-block;
	text-align: left;
	margin-right: 2%;
	margin-bottom: 2%;
}
#page_blog #content01 .blog_area li a {
	display: block;
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
	color: #000;
}
#page_blog #content01 .blog_area li:nth-child(2n) {
	margin-right: 0;
}

#page_blog #content01 .blog_area li .img {
	height: 160px;
	text-align: center;
	background: url("../images/page/blog/blog_img01.png") no-repeat center;
	background-size: cover;
	margin-bottom: 20px;
}
#page_blog #content01 .blog_area li:nth-child(even) .img {
	background: url("../images/page/blog/blog_img02.png") no-repeat center;
	background-size: cover;
}
#page_blog #content01 .blog_area li .title {
	font-size: 18px;
	font-weight: 700;
	line-height: 33px;
	margin-bottom: 15px;
	-webkit-transition-property:color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
#page_blog #content01 .blog_area li .tag {
	font-size: 12px;
	border: solid 1px #000;
	border-radius: 100px;
    padding: 3px 13px;
}
#page_blog #content01 .blog_area li .data {
	font-size: 14px;
	margin-left: 15px;
}

#page_blog #content01 .blog_area li:hover .title {
    color: #002D76;
}

/* knowhow_area */
#page_blog #content01 .knowhow_area {
	margin: 0;
	padding: 0;
	font-size: 0;
}
#page_blog #content01 .knowhow_area li {
    display: inline-block;
    width: 32.5%;
    margin-right: 1.2%;
	position: relative;
	vertical-align: top;
}
#page_blog #content01 .knowhow_area li a {
	display: block;
	padding: 20px;
	padding-bottom: 65px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    vertical-align: top;
	position: relative;
}
#page_blog #content01 .knowhow_area li a:after {
	content:"";
	background:url("../images/page/blog/arrow_red.png") no-repeat;
	background-size: cover;
	position:absolute;
	width:12px;
	height:21px;
	left:50%;
	margin-left:-6px;
	bottom: 25px;
   pointer-events: none;
}
#page_blog #content01 .knowhow_area li.blue a:after {
	background:url("../images/page/blog/arrow_blue.png") no-repeat;
	background-size: cover;
}
#page_blog #content01 .knowhow_area li a {
	color: #000;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
#page_blog #content01 .knowhow_area li a:hover {
	background-color: #F2F2F2;
}
#page_blog #content01 .knowhow_area li:nth-child(3n) {
	margin-right: 0;
}
#page_blog #content01 .knowhow_area li .img {
	margin: 15px 0;
	opacity: 1;
	text-align:center;
}
#page_blog #content01 .knowhow_area li .title {
	color: #fb4861;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	line-height: 21px;
	margin-bottom: 15px;
}
#page_blog #content01 .knowhow_area li.blue .title {
    color: #3e85ff;
	line-height: 1.3;
}
#page_blog #content01 .knowhow_area li .text {
	font-size: 16px;
	line-height: 28px;
	-webkit-transition-property:color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
#page_blog #content01 .knowhow_area li:hover .text {
	color: #fb4861;
}
#page_blog #content01 .knowhow_area li.blue:hover .text {
	color: #3e85ff;
}

#page_blog #content01 .blog_left .bottom_btn .contactBtn {
    width: 314px;
	margin-top: 60px;
}


/* .blog_right */
#page_blog #content01 .blog_right {
	float: right;
	width: 26%;
	padding-top: 66px;
	margin-bottom: 70px;
}

#page_blog #content01 .ranking_area {
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
}
#page_blog #content01 .ranking_area ul {
	margin: 0;
	padding: 0;
}
#page_blog #content01 .ranking_area li {
	list-style: none;
}
#page_blog #content01 .ranking_area.download ,
#page_blog #content01 .ranking_area.popular,
#page_blog #content01 .ranking_area.category {
	margin-bottom: 20px;
}

/* 資料ダウンロードランキング */
#page_blog #content01 .ranking_area.download li:not(:last-child) {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom:1px solid #ccc;
}
#page_blog #content01 .ranking_area.download .box {
	margin-bottom: 15px;
}
#page_blog #content01 .ranking_area.download .box .img {
	float: left;
	height: auto;
	width: 70px;
	margin-right: 10px;
	border:1px solid #ccc;
-moz-box-shadow: -1px 0px 15px -5px rgba(0, 0, 0, 0.69);
-webkit-box-shadow: -1px 0px 15px -5px rgba(0, 0, 0, 0.69);
-ms-box-shadow: -1px 0px 15px -5px rgba(0, 0, 0, 0.69);
box-shadow: -1px 0px 15px -5px rgba(0, 0, 0, 0.69);

}
#page_blog #content01 .ranking_area.download .box .text {
	font-size: 14px;
	line-height: 25px;
	color: #000;
	padding-left:80px;
	-webkit-transition-property:color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
#page_blog #content01 .ranking_area.download .box:hover .text {
    color: #002D76;
}

#page_blog #content01 .ranking_area.download .contactBtn {
	width: 176px;
	max-width: 100%;
	font-size: 14px;
	line-height: 20px;
    padding: 8px 2px 8px 27px;
	height: 36px;
	color: #fff;
	-webkit-transition-property:background;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
#page_blog #content01 .ranking_area.download .contactBtn:before {
    content: "";
    background: url(../images/top/download_icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    margin-top: -7px;
    left: 18px;
	z-index: 2;
}
#page_blog #content01 .ranking_area.download li:hover .contactBtn:before {
    background: url(../images/top/download_icon_yellow.png) no-repeat;
    background-size: cover;
}

#page_blog #content01 .ranking_area.download li:hover .contactBtn {
    padding: 6px 0px 6px 25px;
	background: #fff;
	border: solid 2px #FAAC1A;
	color: #FAAC1A;
}

/* 人気の記事ランキング */
#page_blog #content01 .ranking_area.popular li:not(:last-child) {
	margin-bottom: 30px;
}
#page_blog #content01 .ranking_area.popular li a {
	color: #000;
}
#page_blog #content01 .ranking_area.popular li .img {
	background: url("../images/page/blog/blog_img01.png") no-repeat center;
	background-size: cover;
	height: 110px;
	margin-bottom: 10px;
}
#page_blog #content01 .ranking_area.popular li .text {
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 10px;
	-webkit-transition-property:color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
#page_blog #content01 .ranking_area.popular li:hover a .text {
	color: #002D76;
}
#page_blog #content01 .ranking_area.popular li .tag {
	font-size: 12px;
	border: solid 1px #000;
	border-radius: 100px;
    padding: 3px 13px;
}
#page_blog #content01 .ranking_area.popular li .data {
	font-size: 14px;
	margin-left: 15px;
}

/* カテゴリー */
#page_blog #content01 .ranking_area.category li:not(:last-child) {
	margin-bottom: 10px;
}
#page_blog #content01 .ranking_area.category .contactBtn {
	max-width: 100%;
}
#page_blog #content01 .ranking_area.category .contactBtn:after {
    content: "";
    background: url(../images/common/arrow_red.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: 8px;
    height: 11px;
    top: 50%;
    margin-top: -5.5px;
    right: 15px;
    z-index: 2;
}
#page_blog #content01 .ranking_area.category .contactBtn:hover:after {
    background: url(../images/common/arrow_white.png) no-repeat;
    background-size: cover;
}
#page_blog #content01 .ranking_area.category .contactBtn a {
	font-size: 16px;
    padding: 14px 2px;
	    color: #002D76;
}
#page_blog #content01 .ranking_area.category .contactBtn:hover a {
    padding: 14px 0px;
	color:#FFF;
}

/*pager*/
.pager {
	clear: both;
	text-align:center;
	margin-bottom: 100px;
	font-size: 14px;
}
.previouspostslink img , .nextpostslink img {
	max-width: 7px;
	height: auto;
}
.previouspostslink {
	background: url("../images/top/pager_prev.png") no-repeat center;
	background-size: auto 30% !important;
	margin-right: 15px !important;
}
.previouspostslink:hover {
	background: url("../images/top/pager_prev_white.png") no-repeat center;
}
.nextpostslink {
	background: url("../images/top/pager_next.png") no-repeat center;
	background-size: auto 30% !important;
	margin-left: 15px !important;
}
.nextpostslink:hover {
	background: url("../images/top/pager_next_white.png") no-repeat center;
}
.pager a, .pager span {
	color: #000;
	background-color: #fff;
	border: 1px solid #b0b0b0;
	padding: 2px 10px;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
}
.pager a:hover,
.pager .current{
	color: #FFF;
	background-color: #b0b0b0;
}


/*********************** blog詳細 **************************/
/*  */

#mainvisual.blog.detail .main_bg img {
	max-width: 1000px;
	width: 45vw;
}

#mainvisual.blog.detail .top_title {
	font-size: 24px;
    line-height: 28px;
	margin-bottom: 20px;
}

#mainvisual.blog.detail .eng {
	font-size: 45px;
    line-height: 43px;
    margin-bottom: 15px;
}

#mainvisual.blog.detail .text {
	font-size: 32px;
	line-height: 50px;
	margin-bottom: 0px;
	color:#222;
}
#page_blog.detail #content01 .blog_right {
	padding-top: 0;
}
#page_blog.detail .text_wrap {
	
}

#page_blog.detail #foot_contact {
    background-color: rgba(0,0,0,0);
    padding: 60px 0px;
}
#page_blog.detail #content01 .knowhow_area li {
    display: inline-block;
    width: 49%;
    margin-right: 2%;
}
#page_blog.detail #content01 .knowhow_area li:nth-child(2n) {
	margin-right: 0;
}

#page_blog.detail #foot_download .col3area {
	margin: 0px 50px;
}
#page_blog.detail #foot_download .col3area .box {
    width: 49%;
    margin-right:0;
}
#page_blog.detail #foot_download .col3area .box:nth-child(2) {
	margin-left: 0;
}
#page_blog.detail #foot_download .col3area .box:nth-child(3) {
	margin-left: 0;
}
#page_blog.detail #foot_download .col3area .box:nth-child(2n) {
	margin-left: 2%;
}
#page_blog.detail .topContBtnWrap01.top_arrow .contactBtn {
	width: 315px;
}
#page_blog.detail #content01 .blog_right {
	margin-bottom: 220px;
}

/*detail_wrap*/
#page_blog.detail .detail_wrap h3.h3det {
	font-size: 16px;
    line-height: 28px;
    letter-spacing: 2px;
	font-weight: normal;
}
#page_blog.detail .detail_wrap h3.h3det {
	font-size: 16px;
    line-height: 28px;
    letter-spacing: 2px;
	font-weight: normal;
}
#page_blog.detail .detail_wrap p {
	margin-bottom: 0;
}
#page_blog.detail .detail_wrap .box {
	padding-bottom: 50px;
	border-bottom: solid 1px #c8c8c8;
	margin-bottom: 50px;
}
#page_blog.detail .detail_wrap .white_wrap {
	border-radius: 10px;
	background-color: #fff;
	padding: 40px 50px;
	margin-top: 60px;
}
#page_blog.detail .detail_wrap ul.number {
	margin: 0;
	padding: 0;
}
#page_blog.detail .detail_wrap ul.number li {
	list-style: none;
	position: relative;
	padding-left: 20px;
	line-height: 24px;
}
#page_blog.detail .detail_wrap ul.number li:not(:last-child) {
	margin-bottom: 7px;
}
#page_blog.detail .detail_wrap ul.number li:before {
	position: absolute;
	content: "①";
	color: #002D76;
	left: 0;
}
#page_blog.detail .detail_wrap ul.number li:nth-child(2):before {content: "②";}
#page_blog.detail .detail_wrap ul.number li:nth-child(3):before {content: "③";}
#page_blog.detail .detail_wrap ul.number li:nth-child(4):before {content: "④";}
#page_blog.detail .detail_wrap ul.number li:nth-child(5):before {content: "⑤";}
#page_blog.detail .detail_wrap ul.number li:nth-child(6):before {content: "⑥";}
#page_blog.detail .detail_wrap ul.number li:nth-child(7):before {content: "⑦";}
#page_blog.detail .detail_wrap ul.number li:nth-child(8):before {content: "⑧";}

#page_blog.detail .detail_wrap .img {
	margin-top: 60px;
}
#page_blog.detail .detail_wrap .title:not(:first-child) {
	margin-top: 70px;
}
#page_blog.detail .detail_wrap .title {
  position: relative;
	margin-bottom: 50px;
    font-size: 24px;
    line-height: 36px;
}
#page_blog.detail .detail_wrap .title:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -25px;/*線の上下位置*/
  display: inline-block;
  width: 50px;/*線の長さ*/
  height: 2px;/*線の太さ*/
    background:#002D76;
}
#page_blog.detail .detail_wrap .kanren_link {
	margin-top: 45px;
}
#page_blog.detail .detail_wrap .kanren_link .tag {
    background: #002D76;
	color: #fff;
	font-size: 14px;
    padding: 5px 28px;
	border-radius: 100px;
	vertical-align: middle;
}
#page_blog.detail .detail_wrap .kanren_link a {
	color: #002D76;
	font-size: 16px;
	margin-left: 10px;
}

#page_blog.detail .detail_wrap .img_text {
	margin-top: 60px;
}
#page_blog.detail .detail_wrap .img_text .left_img {
	width: 250px;
	float: left;
}
#page_blog.detail .detail_wrap .img_text .right_text {
	margin-left: 270px;
}
#page_blog.detail .detail_wrap .img_text .right_text .title {
	color: #002D76;
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 10px;
}
#page_blog.detail .detail_wrap .img_text .right_text .title:before {
	content: none;
}
#page_blog.detail .detail_wrap .topContBtnWrap01.download {
	margin-top: 40px;
}
#page_blog.detail .detail_wrap .topContBtnWrap01.download a span {
	position: relative;
	padding-left: 30px;
}
#page_blog.detail .detail_wrap .topContBtnWrap01.download a span:before {
	content: "";
	background: url("../images/common/cont_btn_ar02_on.png");
	background-size: cover !important;
	position:absolute;
	width:16px;
	height:15.5px;
	top:50%;
	left: 0px;
	margin-top:-4px;
}
#page_blog.detail .detail_wrap .topContBtnWrap01.download .contactBtn:hover a span:before {
	background: url("../images/common/cont_btn_ar02.png");
}
#page_blog.detail .detail_wrap .kanren_link a:hover {
	text-decoration: underline;
}
/* 関連してよく読まれているページ */
#page_blog.detail #content01 .blog_left .title_center .title {
	font-size: 35px;
	color: #000;
}
#page_blog.detail #content01 .blog_left  #foot_download .title_center .title {
    color: #fff;
}

.kanrenpage_wrap .white_wrap {
	background-color: #fff;
	border-radius: 15px;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    padding: 40px 50px;
	margin-bottom: 60px;
}
.kanrenpage_wrap .white_wrap ul {
	margin: 0;
	padding: 0;
}
.kanrenpage_wrap .white_wrap ul li {
	list-style: none;
	position: relative;
	padding-left: 25px;
    line-height: 24px;
}
.kanrenpage_wrap .white_wrap ul li a {
    color: #000000;
}
.kanrenpage_wrap .white_wrap ul li a:hover {
	text-decoration: underline;
}
.kanrenpage_wrap .white_wrap ul li:before {
	content: "";
	background:url("../images/page/blog/detail_arrow.png") no-repeat;
	background-size: cover;
	position:absolute;
	width:20px;
	height:20px;
	top:50%;
	margin-top:-10px;
	left: 0;
}
.kanrenpage_wrap .white_wrap ul li:not(:last-child) {
    margin-bottom: 12px;
}

.author_wrap {
    padding: 40px 50px;
	background-color: #e2e2e2;
	border-radius: 10px;
	margin-bottom: 60px;
}
.author_wrap .img {
	display: table-cell;
	width: 130px;
	vertical-align: middle;
	padding-right: 30px;
}
.author_wrap .text {
	display: table-cell;
}
.author_wrap .title1 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}
.author_wrap .title2 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}
.author_wrap .text p {margin-bottom: 0;}
.author_wrap .text p a {
	color: #fb4861;
}

#page_blog.detail #foot_download {
	margin-bottom: 130px;
}


/*********************** 共通 **************************/

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

.detailMainT01 {
	font-size: 17px;
	line-height: 1.0em;
	font-weight: bold;
	letter-spacing: 0.05em;
	border: 1px solid #ffffff;
	color: #ffffff;
	width: auto;
	padding: 9px 15px;
	text-align: center;
	margin-bottom: 0;
}
.casestudyMainvisualWrap01 .detailMainT01,
.cs .detailMainT01 {
	border: 1px solid #222;
	color: #222;
}
.detailH301Wrap {
	padding-bottom: 2px;
	margin-bottom: 31px;
}
.detailH301 {
	padding-bottom: 32px;
	text-align: center;
}
.detailH301 .span01 {
	display: inline-block;
	font-size: 48px;
	line-height: 1.0em;
	font-weight: bold;
	background-image: url("/solution_sites/cloud/img/top_h3_icon01.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 62px auto;
	padding: 25px 0px 25px 98px;
}

.detailH301 .span01.h302 {
	background-image: none;
	padding: 25px 0px 25px 0px;
}
.detailAncNavi01 {
	display: table;
	margin: 0px auto;
}
.detailAncNavi01 li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 7px 3px;
}
.topicsNavi .detailAncNavi01 {
	display: block;
	margin: 0px auto;
	width: 530px;
}
.topicsNavi .detailAncNavi01 li {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 7px 1px;
}
.detailAncNavi01.faq {
	width: 800px;
}
.detailAncNavi01.faq li {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 7px 3px;
}
.serviceCont01 {
	padding: 96px 0px 0px 0px;
}
.serviceCont01:last-child {
	padding-bottom: 96px;
}
.h401Span01 {
	text-align: center;
    display: block;
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 500;
	letter-spacing:0.08em;
}
.detailH401 {
	font-size: 40px;
	line-height: 1.3em;
	font-weight: 500;
	letter-spacing:0.08em;
	margin-bottom: 34px;
	text-align: center;
}
.detailBox01 {
	background-image: url("../images/common/service_line_top_blue.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 6px;
	background-color: #ffffff;
	padding: 50px 96px;
}
.detailBox01.box02 {
	text-align: left;
}
.serviceCont01 .ddDetailP01.multi {
padding-top:50px;
}
.detailH501 {
	font-size: 23px;
	line-height: 1.3em;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-bottom: 30px;
}
.serviceBox01 {
	border-bottom: 1px solid #e6e6e6;
	padding: 35px 0px 60px 0px;
	margin-bottom: 15px;
}
.serviceBox01:last-child {
	border-bottom: none;
	margin-bottom: 0px;
}
.detailTextBase01 {
	margin-bottom: 0;
}
.detailTextBase01.lead {
margin-bottom:60px;
}
.detailTextBase01 p {
margin-bottom:25px;
}
.detailTb01 {
	display: table;
	width: 100%;
}
.detailTb01 .detailCell01 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 50%;
}
.detailTb01 .detailCell02 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 50%;
}

.contGr01 {
	background: #002D76;
}

.page_anchor .contactBtn04.blue a {
    border: 2px solid #3e85ff;
    color: #3e85ff;
}
.page_anchor .contactBtn04.blue .effect {
    background-color: #3e85ff;
}
.page_anchor .contactBtn04.blue:hover a {
    color: #fff;
}
.page_anchor .contactBtn04.blue a::before {
    background-image: url(../images/common/arrow_bottom_blue.png);
}


/* お問い合わせ */
.ContParts {
	padding: 50px 0px;
    background: #6783e7;
}
.ContParts .topContH301 .span01 {
	color: #fff;
	font-size: 28px;
	padding: 0;
	margin: 0;
	background-image: none;
}
.ContParts .topContBtnWrap01 {
	padding: 0;
}
.ContParts .topContH301 {
	padding-bottom: 30px;
}
.ContParts .contactBtn04 {
    width: 480px;
	padding: 0;
}
.ContParts .contactBtn04 a span {
	position: relative;
	margin-right: 0;
}
.ContParts .contactBtn04 a span::before {
    content: '';
    background-image: url("../images/common/contact_icon_mail_red.png");
    border: 0px;
    position: absolute;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px auto;
	left: -30px;
	right: auto;
    width: 20px;
    height: 17px;
	margin-top: -8.5px;
}
.ContParts .contactBtn04 a:hover span::before {
    background-image: url("../images/common/contact_icon_mail.png");
}
.ContParts .contactBtn04 a::before {
	background: none;
}

/* お問い合わせ */
.DownloadParts {
    background: linear-gradient(90deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
}
.DownloadParts .contactBtn07 {
    background: #fff;
}
.DownloadParts .contactBtn07 .text03 {
	margin-bottom: 0;
	font-size: 15px;
	color: #000;
	line-height: 20px;
	font-weight: 500;
}
.DownloadParts .topContactBtnIn01 .topCell .text01 {
    background: #082158;
	margin-bottom: 5px;
}
.DownloadParts .topContactBtnIn01 .topCell .text02 {
	color: #000 !important;
}
.DownloadParts .contactBtn07 .text02 .font_red {
	margin-right: 0;
	color: #fb4861;
}
.DownloadParts .contactBtn07:hover .text02 .font_red {
    color: #000 !important;
}
.DownloadParts .topContactBtnIn01 .topCell {
	background: none;
}
.DownloadParts .topContactBtnIn01 .topCell.topCell05 {
    background-image: url(../images/common/cont_btn_img04.png);
}


.DownloadParts.pagetop {
	background: rgba(0,0,0,0);
	padding: 0;
}
.DownloadParts.pagetop .topContactBlock02 {
	height: auto;
	padding: 0;
}
.DownloadParts.pagetop .contactBtn07 {
	border: solid 1px #e3e3e3;
}


/* -------------------------------------------------------------------- 
 DTSのReSMサービスが選ばれる理由（強み）
-------------------------------------------------------------------- */

#sb-site.aboutresm {
	background: #efefef;
}



#mainvisual.page_defa {
	padding: 0;
  display: table;
  width: 100%;
	background: #efefef;
}
#mainvisual.page_defa .tag {
    line-height: 26px;
}
#mainvisual.page_defa .tag span{
	font-size: 20px;
	border: solid 1px #fff;
	font-weight: 700;
	padding: 2px 10px;
	color: #fff;
}
#mainvisual.page_defa .inner {
	height: 390px;
	background-position: right -230px top !important;
	background-position: center top !important;
}
#mainvisual.page_defa .inner section {
	height: 390px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}


#mainvisual.page_defa .top_title .subtitle {
	font-size: 21px;
	line-height: 1.7em;
	margin: 14px 0 6px;
}
#mainvisual.page_defa .top_title {
	font-size: 32px;
	letter-spacing:0.08em;
}

#mainvisual.about_resm .inner {
	background: url("../images/page/about/top_bg.png") no-repeat top center;
}
#page_about_resm {
	background-color: #efefef;
}

.serviceMainvisualWrap.aboutMainvisualWrap01 {
	background-image: url("/solution_sites/cloud/2019/03/18/about_resm_mainvisual01.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	height: 517px;
}
.detailMainT01.aboutT01 {
	width: auto;
	padding: 9px 14px;
}
.aboutTit01 {
	font-size: 23px;
	line-height: 1.2em;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-bottom: 27px;
	text-align: center;
}
.aboutTit01 .aboutTit01Span01 {
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
	line-height: 1.0em;
	font-weight: bold;
	margin-left: 2px;
}
.aboutBox01 {
	text-align: left;
	margin: 25px 0px 20px 0px;
}
.aboutImg01 {
    width: 42.5%;
	margin-top: 10px;
}
.aboutBoxIn01 {
    width: 53.5%;
}
.aboutLeft01 {
	float: left;
}
.aboutRight01 {
	float: right;
}
.aboutBox02 {
	overflow: hidden;
	margin-bottom: 60px;
}
.flexwrap {
	display:flex;
	margin-bottom:20px;
}
.certification {
	display:table;
	width:50%;
}
.certification02 {
	width:48%;
	padding-left:2%;
}
.certification > div {
	display:table-cell;
	vertical-align:top;
}
.certification div.img {
	width:160px;
}
.certification div.text {
	font-size: 10px;
	line-height:1.4em;
	padding-left:10px;
}
.ind {
	display:inline-block;
	padding-left:1em;
}
.ind02 {
	display:inline-block;
	width:6.5em;
	white-space:nowrap;
}
.aboutLeft01.logo img {
 width:100%;
 height:auto;
}
.aboutContTb01 {
	display: table;
	width: 100%;
	height: 86px;
}
.aboutContCell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
	padding: 15px 0px;
}
.aboutContCell01 p {
	font-size: 17px;
	line-height: 1.7em;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-bottom: 0;
}
.aboutMb01 {
	margin-bottom: 18px;
}
.aboutBox01.aboutBox01Mb {
	margin-bottom: 55px;
}
.aboutMb01 .bold a {
text-decoration:underline;
    color: #000000;
    font-weight: bold;
}
.aboutMb01 .bold a:hover {
text-decoration:none;
}
@media screen and (max-width:799px) {
.serviceMainvisualWrap.aboutMainvisualWrap01 {
	background-image: url("/solution_sites/cloud/2019/03/18/about_resm_mainvisual01.png");
	background-repeat: no-repeat;
	background-position: 56% bottom;
	background-size: cover;
	height: 370px;
}
.detailMainT01.aboutT01 {
	width: auto;
	padding: 9px 14px;
}
.aboutTit01 {
	font-size: 18px;
	line-height: 1.2em;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-bottom: 27px;
}
.aboutTit01 .aboutTit01Span01 {
	font-family: 'Montserrat', sans-serif;
	font-size: 33px;
	line-height: 1.0em;
	font-weight: bold;
	margin-left: 2px;
}
.aboutBox01 {
	text-align: left;
	margin: 10px 0px 20px 0px;
}
.aboutImg01 {
	width: auto;
	margin-top: 0px;
	margin-bottom: 10px;
}
.aboutBoxIn01 {
	width: auto;
}
.aboutLeft01 {
	float: none;
}
.aboutRight01 {
	float: none;
}
.aboutBox02 {
	overflow: hidden;
	margin-bottom: 0px;
}
.aboutBox02 ul {
	width: auto;
}
.aboutBox02 li {
	box-sizing: border-box;
	width: auto;
	padding: 3px;
	margin-right: 0px;
	float: none;
	margin-bottom: 10px;
}
.aboutContTb01 {
	display: table;
	width: 100%;
	height: auto;
}
.aboutContCell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
	padding: 8px 0px;
}
.aboutContCell01 p {
	font-size: 14px;
	line-height: 1.7em;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.aboutMb01 {
	margin-bottom: 18px;
}
.aboutBox01.aboutBox01Mb {
	margin-bottom: 5px;
}

.flexwrap {
	display:block;
	margin-bottom:20px;
}
.certification {
	display:table;
	width:auto;
	margin-bottom:20px;
}
.certification02 {
	width:auto;
	padding-left:0;
}
}

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


.topContServiceWrap {
	background: #fff;
    padding: 80px 0px 70px 0px;
}
.topContServiceWrap .contactBtn04 {
    width: 318px;
}

.topContCaseWrap {
    padding: 80px 0px 70px 0px;
}

.topContPriceWrap {
	background-color: #fff;
    padding: 80px 0px 70px 0px;
}


.topContPriceWrap .col4area .box {
	background-color: #efefef;
	border-radius: 7px;
    width: 22.6%;
    margin-right: 3.2%;
	text-align: center;
	position: relative;
	margin-top: 10px;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
.topContPriceWrap .col4area .box:hover {
	background-color: #DBDBDB;
}
.topContPriceWrap .col4area .box:before {
	content:"";
	background:url("../images/top/price_icon02.png") no-repeat;
	background-size: cover;
	position:absolute;
	width:76px;
	height:76px;
	left:50%;
	margin-left:-38px;
	top: -38px;
   pointer-events: none;
}
.topContPriceWrap .col4area .box.blue:before {
	background:url("../images/top/price_icon01.png") no-repeat;
	background-size: cover;
}
.topContPriceWrap .col4area .box .title {
	font-size: 14px;
	font-weight: normal;
	padding: 60px 5px 30px 5px;
	border-bottom: solid 2px #fff;
	color: #000;
	line-height: 27px;
	-webkit-transition-property:color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;

}
.topContPriceWrap .col4area .box .title span {
	font-size: 19px;
	font-weight: 700;
	color: #fb4861;
}
.topContPriceWrap .col4area .box.blue .title span {
	color: #3e85ff;
}
.topContPriceWrap .col4area .box .btn {
	font-size: 16px;
  display: table;
  width: 100%;
}
.topContPriceWrap .col4area .box .btn .inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
	color: #000;
	position: relative;
	-webkit-transition-property:color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
.topContPriceWrap .col4area .box.blue a:hover .title ,
.topContPriceWrap .col4area .box.blue a:hover .btn .inner {
	color: #3e85ff;
}
.topContPriceWrap .col4area .box .btn .inner:after {
	content:"";
	background:url("../images/common/arrow_blue.png") no-repeat;
	background-size: cover;
	position:absolute;
	width:8px;
	height:12px;
	top:50%;
	margin-top:-6px;
	right: 15px;
}
.topContPriceWrap .col4area .box .text {
	padding: 20px;
	font-size: 18px;
  display: table;
  width: 100%;
}
.topContPriceWrap .col4area .box .text span {
	font-size: 25px;
	color: #fb4861;
	font-weight: 700;
}
.topContPriceWrap .col4area .box .text .inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
	color: #000;
	-webkit-transition-property:color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
.topContPriceWrap .col4area .box:nth-child(4n) {
	margin-right: 0;
}
.topContPriceWrap .col4area .box a:hover .title ,
.topContPriceWrap .col4area .box a:hover .text .inner {
	color: #fb4861;
}


.topContServiceWrap .top_3menu .topContBtnWrap01 {
    padding: 0px;
}

.topContH301 {
	padding-bottom: 45px;
}
.topContH301 {
	text-align: center;
}
.topContH301 .span01 {
	display: block;
	font-size: 50px;
	line-height: 1.0em;
	font-weight: 500;
	letter-spacing: 0.05em;
	padding-bottom: 25px;
	margin-bottom: 25px;
	background-image: url("../images/common/cont_h3_line01.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 43px auto;
}
.topContH301 .span02 {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 1.0em;
	font-weight: 600;
	letter-spacing: 0.1em;
}
.topCaseBlock01 {
	overflow: hidden;
}
.topCaseBlock01 ul {
	padding: 0;
	font-size: 0;
	text-align:center;
}
.topCaseBlock01 li {
	width: 32.8%;
	margin-right: 0.8%;
	display: inline-block;
	background-color: #ffffff;
	vertical-align: top;
}
.topCaseBlock01 li:last-child {
	margin-right: 0;
}
.topCaseBlock01 li .boxIn {
	box-sizing: border-box;
	height: 305px;
	padding: 55px 30px 0px 30px;
}
.topCaseBlock01 .topImg01 {
	text-align: center;
	margin: 0px auto 40px auto;
}
.topCaseBlock01 .topImg01 img {
	width: auto;
	height: 93px;
}
.topCaseBlock01 .topDl01 {
	text-align: left;
}
.topCaseBlock01 .topDl01 dt {
	font-size: 18px;
	line-height: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
    color: #000000;
}
.topCaseBlock01 .topDl01 dd {
	font-size: 15px;
	line-height: 1.8em;
	margin-left: 0;
    color: #000000;
}

.topContBtnWrap01 {
	/*width: 218px;
	margin: auto;*/
	padding: 60px 0px 0px 0px;
}

/* ボタン 共通 */
.opa01 {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.btn_effect {
	display: block;
	text-decoration: none;
	transition: .3s;
	font-weight: normal;
	position: relative;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	overflow: hidden;
}
.btn_effect a {
	display: block;
	/*padding: 15px 0px;
	font-size:16px;
	color: #FFF;*/
	text-decoration: none;
	transition: color .5s ease;
	z-index: 2;
	position: relative;
}
/*.btn_effect a span {
	margin-right: 20px;
}*/
.btn_effect:hover .effect {
	left: 0 !important;
}

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

.contactBtn04 {
	background-color: #ffffff;
	display: block;
	width: 218px;
	margin: auto;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;/* -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;*/
}
.contactBtn04 a {
	display: block;
	text-align: center;
	vertical-align: middle;
	color: #002D76;
	font-size: 19px;
	line-height: 1.5em;
	font-weight: bold;
	letter-spacing: 0em;
	border: 2px solid #002D76;
	padding: 20px 0px 20px 0px;
	position: relative;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
}
.contactBtn04 a:link {
	color: #002D76;
	text-decoration: none;
}
.contactBtn04 a:visited {
	color: #002D76;
	text-decoration: none;
}
.contactBtn04 a:hover {
	color: #ffffff;
	text-decoration: none;
}
.contactBtn04 a:active {
	color: #fb4861;
	text-decoration: none;
}
.contactBtn04 a::before {
	content: '';
	background-image: url("../images/common/service_btn_ar01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px auto;
	width: 20px;
	height: 8px;
	border: 0px;
	position: absolute;
	top: 50%;
	/*left: 0;*/
	right: 26px;
	margin-top: -4px;
}
.contactBtn04 a:hover::before {
	background-image: url("../images/common/service_btn_ar01_on.png");
}
.contactBtn04.btn_effect .effect {
	height: 110px;
	width: 100%;
	left: -100%;
	background-color: #002D76;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
}
.contactBtn04 .span01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-size: 12px;
	line-height: 1.0em;
	font-weight: 500;
	letter-spacing: 0.1em;
	padding: 11px 10px 11px 0px;
	position: relative;
}
.contactBtn04 .span01::before {
	content: '';
	width: 14px;
	height: 6px;
	border: 0px;
	position: absolute;
	top: 50%;
	/*left: 0;*/
	right: 15px;
	margin-top: -2px;
}
/*---------------------------*/



.topContContactWrap02 {
	background-image: url("../images/common/cont_bg01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 255px;
}
.topContactBlock02 {
	display: table;
	height: 255px;
	width: 100%;
}
.topContactBlock02 .topCell03 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding-right: 6px;
	width: 50%;
}
.topContactBlock02 .topCell03:last-child {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	padding-right: 0;
	padding-left: 6px;
	width: 50%;
}
.topContactBlock02 .topCell04 {
}

.topContactBtnIn01 {
	display: table;
	height: 148px;
}
.topContactBtnIn01 .topCell {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding-left: 145px;
	padding-right: 70px;
	background-image: url("../images/page/download/download_cover-09.gif");
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 100px auto;
	position:relative;
}
.topContactBtnIn01 .topCell .img_cover {
	position:absolute;
	width:68px;
	height:auto;
	left:46px;
	top:26px;
	border:1px solid #ccc;
	-moz-box-shadow: -1px 0px 15px -5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: -1px 0px 15px -5px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: -1px 0px 15px -5px rgba(0, 0, 0, 0.5);
	box-shadow: -1px 0px 15px -5px rgba(0, 0, 0, 0.5);
}
.topContactBtnIn01 .topCell.topCell05 {
	background-image: url("../2023/02/20/fic_cover01.png");
	background-position: 25px center;
	background-size: 100px auto;
}
.topContactBtnIn01 .topCell .text01 {
	display: table;
	height: 28px;
	margin-bottom: 14px;
	background-color: #FAAC1A;
}
.topContactBtnIn01 .topCell .text01 span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-size: 11px;
	line-height: 16px;
	padding: 0px 24px;
}
.topContactBtnIn01 .topCell .text02 {
	color: #002D76;
	font-size: 19px;
	line-height: 1.7em;
	font-weight: bold;
	margin-bottom: 0;
	letter-spacing: 0;
}
a:hover .topContactBtnIn01 .topCell .text01 span {
	color: #FAAC1A;
	background-color: #ffffff;
}
a:hover .topContactBtnIn01 .topCell .text02 {
	color: #ffffff;
}

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

.contactBtn07 {
	background-image: url("../images/common/cont_btn_bg01.png");
	background-repeat: repeat;
	background-position: left top;
	/*background-color: #ffffff;*/
	display: block;
	width: 100%;
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	-o-border-radius: 80px;
	-ms-border-radius: 80px;
	border-radius: 80px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.contactBtn07 a {
	display: block;
	text-align: left;
	vertical-align: middle;
	color: #fb4861;
	font-size: 19px;
	line-height: 1.5em;
	font-weight: bold;
	letter-spacing: 0em;
	border: 2px solid #ffffff;
	padding: 0px 0px 0px 0px;
	position: relative;
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	-o-border-radius: 80px;
	-ms-border-radius: 80px;
	border-radius: 80px;
}
.contactBtn07 a:link {
	color: #fb4861;
	text-decoration: none;
}
.contactBtn07 a:visited {
	color: #fb4861;
	text-decoration: none;
}
.contactBtn07 a:hover {
	color: #ffffff;
	text-decoration: none;
}
.contactBtn07 a:active {
	color: #fb4861;
	text-decoration: none;
}
.contactBtn07 a::before {
	content: '';
	background-image: url("../images/common/cont_btn_ar02.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px auto;
	width: 24px;
	height: 23px;
	border: 0px;
	position: absolute;
	top: 50%;
	/*left: 0;*/
	right: 40px;
	margin-top: -12px;
}
.contactBtn07 a:hover::before {
	background-image: url("../images/common/cont_btn_ar02_on.png");
}
.contactBtn07.btn_effect .effect {
	height: 200px;
	width: 100%;
	left: -100%;
	background-color: #FAAC1A;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
}
.contactBtn07 .span01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-size: 12px;
	line-height: 1.0em;
	font-weight: 500;
	letter-spacing: 0.1em;
	padding: 11px 10px 11px 0px;
	position: relative;
}
.contactBtn07 .span01::before {
	content: '';
	width: 14px;
	height: 6px;
	border: 0px;
	position: absolute;
	top: 50%;
	/*left: 0;*/
	right: 15px;
	margin-top: -2px;
}
/*---------------------------*/


/* -------------------------------------------------------------------- 
 サービス一覧
-------------------------------------------------------------------- */
#page_service {
    background-color: #efefef;
}
#page_service .serviceCont01 {
    padding-bottom: 0;
}

.serviceCont01.service_area a.titlink {
    display:block;
    position:relative;
    padding:0 100px;
}
.serviceCont01.service_area a.titlink h2,
.serviceCont01.service_area a.titlink span {
    color: #333333;
    text-decoration:none;
}
.serviceCont01.service_area a.titlink:visited {
    color: #3e85ff;
}
.serviceCont01.service_area a.titlink:hover h2,
.serviceCont01.service_area a.titlink:hover span {
    color: #3e85ff;
}

.serviceCont01.service_area a.titlink:after {
    content: "";
    background: url(../images/page/service/arrow_blue.png) no-repeat;
    background-size: cover !important;
    position: absolute;
    width: 34px;
    height: 34px;
    top: 50%;
    margin-top: -17px;
    right: 50px;
}


#mainvisual.service .inner {
	background: url("../images/page/mainvisual_service01.png") no-repeat top center;
}
.serviceCont01.service_area .detailBox01 {
	border-radius: 20px;
	padding: 50px 50px 0px 50px;
}

.serviceCont01.service_area .detailBox01.blue {
    background-image: url("../images/common/service_line_top_blue.png");
}
.serviceCont01.service_area .detailBox01:not(:last-child) {
	margin-bottom: 35px;
}

.serviceCont01.service_area .service1wrap {
	padding-bottom: 50px;
}
.serviceCont01.service_area .service1wrap .service1 {
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
	position: relative;
	padding-right: 50px;
}
.serviceCont01.service_area .service1wrap:hover .service1 {
	opacity: 0.7;
}
.serviceCont01.service_area .service1wrap .service1:after {
	content:"";
	background:url("../images/page/service/arrow_red.png") no-repeat;
	background-size: cover !important;
	position:absolute;
	width:34px;
	height:34px;
	top:50%;
	margin-top:-17px;
	right: 0px;
}
.serviceCont01.service_area .blue .service1wrap .service1:after {
	background:url("../images/page/service/arrow_blue.png") no-repeat;
}
.serviceCont01.service_area .service1 .left {
	float: left;
	display: table;
	width: 360px;
}
.serviceCont01.service_area .service1 .left .logo {
	display: table-cell;
	vertical-align: top;
	width: 140px;
	padding: 0 20px 0 0;
	text-align:center;
}
.serviceCont01.service_area .service1 .left .logo img {
	max-width: 100px;
}
.serviceCont01.service_area .service1 .left .text {
	display: table-cell;
	vertical-align: top;
	color: #fb4861;
    font-size: 26px;
    line-height: 33px;
	font-weight: 700;
}
.serviceCont01.service_area .blue .service1 .left .text {
	color: #3e85ff;
	letter-spacing:0.08em;
	padding-right:20px;
}
.serviceCont01.service_area .service1 .right {
	margin-left: 370px;
}
.serviceCont01.service_area .service1 .right .detailH501 {
	color: #000000;
}
.serviceCont01.service_area .service1 .right .detailTextBase01 {
	color: #000000;
}
.serviceCont01.service_area .service1wrap .btn_text {
    background: linear-gradient(90deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
	width: 280px;
	margin: 0 auto;
	border-radius: 100px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	height: 60px;
  display: table;
	-webkit-transition-property:background;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
.serviceCont01.service_area .blue .service1wrap .btn_text {
	background: linear-gradient(to right, #2d52a1, #3e85ff);
}
.serviceCont01.service_area .service1wrap .btn_text .inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
	font-weight:700;
}
.serviceCont01.service_area .service1wrap:hover .btn_text {
	background: #fff;
	color: #d42b4d;
	text-decoration: none;
	border: 2px solid #d42b4d;
}
.serviceCont01.service_area .blue .service1wrap:hover .btn_text {
	border: solid 2px #2d52a1;
	color: #2d52a1;
}
.serviceCont01.service_area .service2wrap {
	width: 100%;
	padding-bottom: 30px;
}

.serviceCont01.service_area .service2wrap .box {
	margin-bottom: 20px;
}
.serviceCont01.service_area .service2wrap .box a {
	display: block;
	border-top: solid 1px #fb4861;
	border-bottom: solid 1px #fb4861;
    padding: 30px 40px 30px 10px;
	position: relative;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}


.serviceCont01.service_area .col2area.service2wrap .box a.awsBtn01 .awsText16_175 {
	font-weight:normal;
}



.serviceCont01.service_area .service2wrap .box .sub a {
    padding: 15px 50px 15px 25px;
}
.serviceCont01.service_area .blue .service2wrap .box a {
	border-top: solid 1px #4164e0;
	border-bottom: solid 1px #4164e0;
}
.serviceCont01.service_area .blue .service2wrap .box a.bdrless {
	border-bottom: none;
}
.serviceCont01.service_area .blue .service2wrap .box .sub a {
	border: none;
}
.serviceCont01.service_area .blue .service2wrap .box a.nolink:hover {
	opacity:1.0;
}
.serviceCont01.service_area .service2wrap .box a .text1 {
	font-size: 20px;
	color: #fb4861;
}
.serviceCont01.service_area .blue .service2wrap .box a .text1 {
	font-size: 20px;
	color: #3e85ff;
	letter-spacing:0.08em;
}
.serviceCont01.service_area .service2wrap .box a .text2 {
	color: #000;
	font-size: 16px;
	margin-top: 10px;
}
.serviceCont01.service_area .service2wrap .box a .text2 span {
	font-size: 14px;
	font-weight:normal;
}
.serviceCont01.service_area .service2wrap .box a:after {
	content:"";
	background:url("../images/page/service/arrow_red.png") no-repeat;
	background-size: cover !important;
	position:absolute;
	width:26px;
	height:26px;
	top:50%;
	margin-top:-13px;
	right: 10px;
}
.serviceCont01.service_area .blue .service2wrap .box a:after {
	content:"";
	background:url("../images/page/service/arrow_blue.png") no-repeat;
}
.serviceCont01.service_area .blue .service2wrap .box .sub a:after {
	top:50%;
	margin-top:-13px;
	right: 16px;
    bottom: auto;
    left: auto;
    margin-left: 0;	
}
.serviceCont01.service_area .service2wrap .box a:hover {
	opacity: 0.7;
}
.serviceCont01.service_area .blue .service2wrap .box a.nolink:after {
	display:none;
}


/* -------------------------------------------------------------------- 
 リモート運用監視・保守サービス#page_remote_monitoring
-------------------------------------------------------------------- */
#page_remote_monitoring {
    background-color: #efefef;
}
#mainvisual.remote_monitoring .inner {
	background: url("../images/page/mainvisual_service02.png") no-repeat top center;
}
.cloudblue #mainvisual.remote_monitoring .inner {
	background: url("../images/page/mainvisual_service_cloud01.png") no-repeat top center;
}
#page_remote_monitoring .topContServiceWrap {
    background-color: #efefef;
}
#page_remote_monitoring #foot_contact {
    background-color: #fff;
}
#mainvisual .text_wrap{
	text-align:left;
}

/* 3つの特長 */
.serviceCont01.tokutyou .tokutyou_tag {
	width: 100px;
	height: 100px;
	float: left;
  display: table;
    background: linear-gradient(90deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
	border-radius: 200px;
}
.serviceCont01.tokutyou .tokutyou_tag .inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
	font-size: 14px;
	color: #fff;
}
.serviceCont01.tokutyou .tokutyou_tag .inner span {
	font-size: 30px;
}
.serviceCont01.tokutyou .tokutyou_text {
	margin-left: 130px;
}
.serviceCont01.tokutyou .tokutyou_text p {
	margin-bottom: 0;
}


.freewrap .tokutyou_tag {
	width: 100px;
	height: 100px;
	float: left;
  display: table;
    background: #002D76;
	border-radius: 200px;
}
.freewrap .tokutyou_tag .inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
	font-size: 14px;
	color: #fff;
}
.freewrap .tokutyou_tag .inner span {
	font-size: 30px;
}
.freewrap .tokutyou_text {
	margin-left: 130px;
}
/*---------------------------*/
#page_remote_monitoring .detailBox01.task {
	text-align: center;
}

.detailBox01.box02 {
	text-align: left;
}
.serviceCont01 .ddDetailP01.multi {
padding-top:50px;
}
.serviceUl01 {
    display: inline-block;
    text-align: left;
	padding-left: 0;
}
.serviceUl01 li {
    font-size: 20px;
	list-style: none;
    line-height: 1.4em;
    font-weight: 500;
    letter-spacing: 0.05em;
    background-image: url("../images/page/service/cont_icon_check01.png");
    background-repeat: no-repeat;
    background-position: left 0px;
    background-size: 24px auto;
    padding-left: 34px;
    margin-bottom: 15px;
}

.noanc .ancwrap {
	padding-top: 0;
}
#wp66 .page_anchor {
	padding: 70px 0 0;;
}
.page_anchor .container {
	padding: 0;
}
.page_anchor .detailAncNavi01 {
	padding: 0;
}
.page_anchor .contactBtn04,
.casestudyNavi01 .contactBtn04 {
	width: auto;
}
.page_anchor .contactBtn04 a,
.casestudyNavi01 .contactBtn04 a {
	padding: 9px 43px;
	font-size: 14px;
	margin:0;
}
.page_anchor .contactBtn04 a::before {
    background-image: url(../images/common/arrow_bottom_red.png);
	background-size: cover;
    width: 8px;
    height: 5px;
    margin-top: -2.5px;
}
.page_anchor .contactBtn04 a:hover::before {
    background-image: url(../images/common/arrow_bottom_white.png);
}
.casestudyNavi01 .contactBtn04 a::before {
    background-image: url(../images/common/arrow_right_red.png);
	background-size: cover;
    width: 5px;
    height: 8px;
    margin-top: -3.5px;
}
.casestudyNavi01 .contactBtn04 a:hover::before {
    background-image: url(../images/common/arrow_right_white.png);
}

.main_lead {
	margin-top: 80px;
}

/*--------------課題別ケーススタディ-------------*/

.casestudy_bg {
	background: url("../images/page/service/casestudy_bg.png") no-repeat top center;
}

.serviceBlock01 {
	padding: 46px 0px 30px 0px;
}
.serviceTb01 {
	display: table;
	width: 100%;
}
.serviceTb01.serviceTb02 {
	margin-bottom: 20px;
}
.serviceTb01 .cell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
    width: 47.5%;
}
.serviceTb01 .cell02 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.serviceTb01 .cell02 img {
	width: 36px;
	height: auto;
}
.serviceTb01 .text01 {
	font-size: 27px;
	line-height: 1.0em;
	font-weight: bold;
	margin-bottom: 0;
}
.casestudy_bg .serviceTb01 .text01 {
	color:#333;
}
.serviceTb01 .line01 {
	padding: 10px 0px;
}
.serviceTb01 .line01 img {
	width: 5px;
	height: auto;
}
.serviceBb01 {
	display: table;
	width: 100%;
	height: 80px;
}
.serviceBb01 p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-size: 19px;
	line-height: 1.4em;
	font-weight: bold;
	background: rgb(120, 120, 120);
	background: -moz-linear-gradient(0deg, rgb(120, 120, 120) 0%, rgb(172, 172, 172) 100%);
	background: -webkit-linear-gradient(0deg, rgb(120, 120, 120) 0%, rgb(172, 172, 172) 100%);
	background: -o-linear-gradient(0deg, rgb(120, 120, 120) 0%, rgb(172, 172, 172) 100%);
	background: -ms-linear-gradient(0deg, rgb(120, 120, 120) 0%, rgb(172, 172, 172) 100%);
	background: linear-gradient(90deg, rgb(120, 120, 120) 0%, rgb(172, 172, 172) 100%);
	border: 1px solid #ffffff;
	-moz-border-radius: 44px;
	-webkit-border-radius: 44px;
	-o-border-radius: 44px;
	-ms-border-radius: 44px;
	border-radius: 44px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
    padding: 0px 20px;
}
a .serviceBb01 p:hover {
	opacity: 0.7;
}
.serviceBb01.serviceBb02 p {
	background: rgb(205, 9, 48);
	background: -moz-linear-gradient(0deg, rgb(205, 9, 48) 0%, rgb(255, 133, 65) 100%);
	background: -webkit-linear-gradient(0deg, rgb(205, 9, 48) 0%, rgb(255, 133, 65) 100%);
	background: -o-linear-gradient(0deg, rgb(205, 9, 48) 0%, rgb(255, 133, 65) 100%);
	background: -ms-linear-gradient(0deg, rgb(205, 9, 48) 0%, rgb(255, 133, 65) 100%);
	background: linear-gradient(90deg, rgb(205, 9, 48) 0%, rgb(255, 133, 65) 100%);
}



.topPriceBlock01 {
	overflow: hidden;
}
.topPriceBlock01 ul {
	padding: 0;
}
.topPriceBox01 {
	padding: 10px;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
.topPriceBox01:hover {
	opacity: 0.7;
}
.topPriceBox01 .boxIn {
	display: table;
	width: 100%;
	height: 136px;
}
.topPriceBox01 .boxIn .boxCell {
	background-color: #ffffff;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 19px;
	line-height: 1.0em;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #000;
}
.topContPriceWrap p {
	margin-bottom: 0;
}
.topPriceBlock01 li .boxText01 {
    text-align: left;
    font-size: 14px;
    line-height: 1.8em;
    font-weight: bold;
    margin-top: 19px;
    letter-spacing: -0.05em;
}
.topPriceBox01 .boxIn .boxCell span {
	color: #002D76;
	font-size: 38px;
	line-height: 1.2em;
}
.topPriceBlock02 {
text-align:left;
padding-top:40px;
}

/* よくある質問 */
.serviceFaqWrap {
	padding: 72px 0px;
	background-color: #fff;
}
.priceTemp .serviceFaqWrap {
	background-color: #efefef;
}
.serviceFaqCont {
	margin: auto;
	padding: 0;
	margin: 0;
}
.serviceFaqCont li {
	padding-bottom: 10px;
	text-align: left;
	list-style: none;
}
.serviceFaqCont .acWrap {
	background-color: #eeeeee;
	padding: 0px 30px 0px 70px;
}
.serviceFaqCont .acWrap:hover {
	cursor: pointer;
}
.serviceFaqCont .acWrap .ac p {
	background-image: url("../images/page/service/service_faq_q.png");
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 29px auto;
	font-size: 21px;
	line-height: 1.3em;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 4px 0px 4px 44px;
	margin-bottom: 0;
}
.serviceFaqCont .acWrap .acCont p {
	background-image: url("../images/page/service/service_faq_a.png");
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 29px auto;
	font-size: 21px;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	padding: 4px 0px 4px 44px;
	margin-bottom: 0;
}
.serviceFaqCont .acWrap .ac {
	padding: 14px 0px;
	cursor: pointer;
}
.serviceFaqCont .acWrap .acCont {
	padding: 14px 0px;
}
.serviceFaqCont .acWrap .acContWrap {
	display: none;
}
/* 導入フロー */
.ContFrowWrap {
    background-color: #efefef;
    padding: 80px 0px 70px 0px;
}
.priceTemp .ContFrowWrap {
    background-color: #fff;
}
.casestudyBlock02 .casestudyBlock02In {
	background-color: #fff;
    padding: 30px 96px;
}
.casestudyTable01 {
	margin: auto;
}
.casestudyTable01 th {
	text-align: center;
	vertical-align: middle;
	padding: 0;
}
.casestudyTable01 td {
	text-align: left;
	vertical-align: middle;
	padding-left: 48px;
	font-size: 14px;
	line-height: 2.0em;
}
.casestudyTable01 td p {
	margin-bottom: 0;
}
.casestudyTable01 tr:not(:last-child):nth-child(even) td {
	background: url("../images/page/service/border_gray.png") repeat-x center;
}

.casestudyTable01 tr:last-child {
	display:none;
}
.casestudyTable01 th .p01 {
	display: table;
	width: 182px;
	height: 40px;
	margin: 8px 0px 10px 0px;
}
.casestudyTable01 th .p01 span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #ffffff;
	font-size: 17px;
	line-height: 1.0em;
	font-weight: bold;
	letter-spacing: 0.05em;
	border-radius: 100px;
    background: #002D76;
}

/* 導入事例 */

#top.top #content04 {
	background: #fff;
	margin-top:80px;
}
#top.top #content04 .title_center .title {
    color: #333333;
    -webkit-text-fill-color: #333333;
}
#top.top #content04 .lead_center {
    color: #333333;
}
.col3area.subcont .box:nth-child(3n) {
    margin-right: 1.2%;
}
.col3area.subcont .box:nth-child(4n) {
    margin-right: 0;
}
.col3area.subcont .topContBtnWrap01 {
    margin-top: 60px;
}

.col3area .img.cslist {
	text-align:center;
}
.col3area .img.cslist img {
	max-height:105px:
}


/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/



/******************/
/* for Tablet    */
/* 769px-1024px    */
/******************/
@media only screen and (max-width: 1024px) {
	
	/******************** BLOG ********************/
	#mainvisual.blog .main_bg img {
		width: 550px;
		margin-top: -15px;
	}
	
	/* 記事一覧 */
	#page_blog #content01 .blog_left ,
	#page_blog #content01 .blog_right {
		float: none;
		width: 100%;
	}
	#page_blog #content01 .blog_right {
		max-width: 400px;
		padding-top: 0;
		margin: 0 auto;
    	margin-bottom: 70px;
	}
	
	
	/*---------------------------*/
	
	.topContContactWrap02 {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: auto;
	}
	.topContactBlock02 {
		display: block;
		height: auto;
		padding: 30px 0px;
	}
	.topContactBlock02 .topCell03 {
		display: block;
		text-align: left;
		vertical-align: middle;
		padding-right: 0px;
		width: auto;
		margin-bottom: 15px;
	}
	.topContactBlock02 .topCell03:last-child {
		display: block;
		text-align: right;
		vertical-align: middle;
		padding-left: 0px;
		width: auto;
	}
	.topContactBtnIn01 {
		display: table;
		height: 97px;
	}
	.topContactBtnIn01 .topCell {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
    		padding-left: 100px;
		background-repeat: no-repeat;
		background-size: 75px auto;
		padding-right: 30px;
    background-position: 15px center;
	}

.topContactBtnIn01 .topCell .img_cover {
	width:30px;
	height:auto;
	left:18px;
	top:24px;
}


	.topContactBtnIn01 .topCell.topCell05 {
		background-position: 15px center;
		background-size: 75px auto;
	}
	.topContactBtnIn01 .topCell .text01 {
		display: table;
		height: 26px;
		margin-bottom: 6px;
	}
	.topContactBtnIn01 .topCell .text01 span {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		color: #ffffff;
		font-size: 11px;
		line-height: 16px;
    padding: 0px 10px;
	}
	.topContactBtnIn01 .topCell .text02 {
		color: #002D76;
		font-size: 12px;
		line-height: 1.4em;
		font-weight: bold;
	}
	.contactBtn07 a::before {
		background-size: cover;
		width: 15px;
		height: 14px;
		right: 18px;
		margin-top: -7px;
	}
	.DownloadParts .contactBtn07 .text03 {
		font-size: 12px;
	}
	a:hover .topContactBtnIn01 .topCell .text01 span {
		color: #FAAC1A;
		background-color: #ffffff;
	}
	a:hover .topContactBtnIn01 .topCell .text02 {
		color: #ffffff;
	}
	
	.topContPriceWrap .col4area .box {
		width: 49%;
		margin-right: 2%;
		margin-top: 50px;
	}
	.topContPriceWrap .col4area .box:nth-child(2n) {
		margin-right: 0;
	}
	
	.topCaseBlock01 li .boxIn {
		height: auto;
		padding: 55px 30px 30px 30px;
	}
	
	/* -------------------------------------------------------------------- 
	 サービス一覧
	-------------------------------------------------------------------- */
	#page_service .detailAncNavi01 li {
		width: 50%;
		display: inline-block;
	}
	
	/* -------------------------------------------------------------------- 
	 サービス詳細
	-------------------------------------------------------------------- */
	#page_remote_monitoring .page_anchor .detailAncNavi01 {
		padding: 0;
		display: block;
	}
	#page_remote_monitoring .page_anchor .detailAncNavi01 li {
		display: inline-block;
	}
	
	
}



/******************/
/* for SP-TB      */
/* -768px    */
/* only Header    */
/******************/
@media only screen and (max-width: 768px) {
	
	.title_left_border .title:before {
		width: 23px;
	}
	.title_left_border .title {
		padding-left: 35px;
		font-size: 20px;
		line-height: 26px;
    	margin-bottom: 20px;
	}

	/******************** BLOG ********************/
	
	#mainvisual.blog .main_bg img {
		width: 450px;
		margin-top: -15px;
	}
	#mainvisual.blog {
	}
	
	#mainvisual.blog .main_img {
		position: absolute;
		z-index: 2;
    	width: 150px;
		top: -151px;
		right: 50%;
		margin-right: -75px;
	}
	
	#mainvisual.blog .eng {
		font-size: 45px;
		line-height: 50px;
    	margin-bottom: 10px;
	}
	#mainvisual.blog .text {
		font-size: 16px;
		margin-bottom: 10px;
	}
	
	#page_blog {
		background-size: 100%;
	}
	/* トピック */
	#page_blog .topics_area {
		width: 100%;
	}
	#mainvisual.blog .top_title {
		font-size: 22px;
		line-height: 37px;
	}
	#page_blog .topics_area .left_title {
		display: block;
		width: 100%;
	}
	#page_blog .topics_area ul {
		display: block;
		width: 100%;
		padding-left: 0;
	}
	#page_blog .topics_area ul li:not(:last-child) {
		margin-bottom: 10px;
	}
	#page_blog .topics_area ul li .data {
		float: none;
		width: 100%;
	}
	#page_blog .topics_area ul li .title {
		margin-left: 0;
		font-size: 13px;
		line-height: 21px;
	}
	#page_blog #content01 .blog_left .bottom_btn .contactBtn {
		width: 100%;
		margin-top: 30px;
	}
	#page_blog #content01 .blog_left .bottom_btn .contactBtn a {
    	font-size: 16px;
	}
	#page_blog.detail .detail_wrap .white_wrap ,
	.kanrenpage_wrap .white_wrap {
		padding: 20px;
	}
	#page_blog.detail #content01 .blog_left .title_center .title {
    	font-size: 22px;
	}
	#page_blog.detail #foot_download .col3area .box {
		width: 100%;
		margin-right: 2%;
	}
	#page_blog.detail #foot_download .col3area .box:nth-child(2n) {
		margin-left: 0;
	}
	#page_blog.detail #foot_download .col3area {
		margin: 0px 20px;
	}
	#page_blog.detail #content01 .knowhow_area li {
    	width: 100%;
	}
	
	
	
	/* 記事一覧 */
	#page_blog #content01 .blog_left ,
	#page_blog #content01 .blog_right ,
	#page_blog #content01 .blog_area li ,
	#page_blog #content01 .knowhow_area li {
		float: none;
		width: 100%;
	}
	#page_blog #content01 {
		padding-top: 50px;
	}
	#page_blog #content01 .blog_area {
		margin-bottom: 20px;
	}
	#page_blog #content01 .knowhow_area li:not(:last-child) {
		margin-bottom: 10px;
	}
	#page_blog #content01 .blog_right {
		padding-top: 0;
	}
	
	#page_blog #content01 .blog_area li .title {
		font-size: 15px;
		line-height: 24px;
	}
	#page_blog #content01 .knowhow_area li .text {
		font-size: 13px;
		line-height: 21px;
	}
	
	/*pager*/
	.pager {
		margin-bottom: 60px;
	}
	
	.container {
		padding: 30px 0px;
	}
	
	/******************** BLOG詳細 ********************/
	#mainvisual.blog.detail {
	}
	
	#mainvisual.blog.detail .main_bg img {
		width: 350px;
		margin-top: -15px;
	}
	
	#mainvisual.blog.detail .top_title {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	#mainvisual.blog.detail .text {
		font-size: 22px;
		line-height: 39px;
	}

	
	#page_blog.detail #content01 .blog_right {
		margin-bottom: 70px;
	}
	#page_blog.detail .detail_wrap .box {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	#page_blog.detail .detail_wrap .title {
		margin-bottom: 30px;
		font-size: 20px;
	}
	#page_blog.detail .detail_wrap .title:before {
    	bottom: -15px;
	}
	#page_blog.detail .detail_wrap .img_text .left_img {
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
	#page_blog.detail .detail_wrap .img_text .right_text {
		margin-left: 0px;
	}
	#page_blog.detail .detail_wrap .kanren_link a {
		display: block;
		margin-left: 0;
		margin-top: 10px;
	}
	#page_blog.detail .detail_wrap .kanren_link {
		margin-top: 30px;
	}
	#page_blog.detail .detail_wrap .img ,
	#page_blog.detail .detail_wrap .title:not(:first-child) ,
	#page_blog.detail .detail_wrap .white_wrap ,
	#page_blog.detail .detail_wrap .topContBtnWrap01.download {
		margin-top: 30px;
	}
	.kanrenpage_wrap .white_wrap {
		margin-bottom: 30px;
	}
	.author_wrap {
    	padding: 20px;
		margin-bottom: 30px;
	}
	.author_wrap .img {
		display: block;
		width: 100%;
		padding-right: 0;
		margin-bottom: 10px;
		text-align: center;
	}
	#page_blog.detail #foot_download {
		margin-bottom: 30px;
	}
	#page_blog.detail .topContBtnWrap01.top_arrow .contactBtn {
		width: 100%;
	}
	#page_blog.detail #foot_contact {
		padding: 30px 0px;
	}
	
	
	/*---------------------------*/
	#mainvisual.page_defa .inner {
		background-position: right -360px top !important;
	}
	#mainvisual.page_defa .tag span {
    	font-size: 16px;
    text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
	}
	#mainvisual.page_defa .top_title {
		font-size: 22px;
		line-height: 1.54em;
    text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
	}
	
	/*---------------------------*/
	.serviceCont01.service_area a.titlink {
    padding:0 60px;
}

.serviceCont01.service_area a.titlink:after {
    right: 20px;
}
	.topContServiceWrap ,
	.topContCaseWrap ,
	.topContPriceWrap {
		padding: 40px 0px;
	}
	.topContServiceWrap .topContBtnWrap01 {
		padding: 30px 0px 0px 0px;
	}
	
	.serviceCont01 {
		padding: 40px 0px 0px 0px;
	}
	.detailH401 {
		font-size: 18px;
		line-height: 1.3em;
		font-weight: 500;
		letter-spacing: 0.05em;
		margin-bottom: 20px;
	}
	.detailBox01 {
		background-color: #ffffff;
		padding: 20px 15px;
	}
	.aboutBox02 {
		overflow: hidden;
		margin-bottom: 0px;
	}
	
	.topContH301 {
		padding-bottom: 20px;
	}
	.topContH301 .span01 {
		display: block;
		font-size: 24px;
		line-height: 1.2em;
		font-weight: 500;
		letter-spacing: 0.05em;
		padding-bottom: 15px;
		margin-bottom: 15px;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 30px auto;
	}
	.topContH301 .span02 {
		display: block;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		line-height: 1.0em;
		font-weight: 600;
		letter-spacing: 0.1em;
	}
	
	.topCaseBlock01 ul {
		width: auto;
	}
	.topCaseBlock01 li {
		width: auto;
		margin-right: 0px;
		float: none;
		background-color: #ffffff;
		margin-bottom: 15px;
		display: block;
	}
	.topCaseBlock01 li .boxIn {
		box-sizing: border-box;
		height: auto;
		padding: 40px 15px 40px 15px;
	}
	.topCaseBlock01 .topImg01 {
		margin: 0px auto 30px auto;
		;
	}
	.topCaseBlock01 .topImg01 img {
		width: auto;
		height: 70px;
	}
	.topCaseBlock01 .topDl01 {
		text-align: center;
	}
	.topCaseBlock01 .topDl01 dt {
		font-size: 18px;
		line-height: 1.2em;
		font-weight: bold;
	}
	.topCaseBlock01 .topDl01 dd {
		font-size: 14px;
		line-height: 2.0em;
	}
	.topContBtnWrap01 {
		padding: 10px 0px 0px 0px;
	}
	.btn_effect {
		display: inline-block;
		width: 100%;
		text-decoration: none;
		transition: .3s;
		font-weight: normal;
		position: relative;
		text-align: center;
		cursor: pointer;
		box-sizing: border-box;
		overflow: hidden;
	}
	.contactBtn04 a {
		font-size: 16px;
		line-height: 1.5em;
    	padding: 15px 0px 15px 0px;
	}
	.topContServiceWrap .contactBtn04 {
		width: 100%;
	}
	
	
	.topContPriceWrap .col4area {
		margin-bottom: 30px;
	}
	.topContPriceWrap .col4area .box {
		width: 100%;
    	margin-top: 36px;
	}
	.topContPriceWrap .col4area .box .title {
    	padding: 43px 5px 15px 5px;
    	line-height: 22px;
	}
	.topContPriceWrap .col4area .box .title span {
    	font-size: 17px;
	}
	.topContPriceWrap .col4area .box:before {
		width: 60px;
		height: 60px;
		margin-left: -30px;
		top: -30px;
	}
	.topContPriceWrap .col4area .box .btn a {
    	padding: 10px;
	}
	.topContPriceWrap .col4area .box .text {
    	padding: 10px;
    	font-size: 15px;
	}
	
	
	/* お問い合わせ */
	.ContParts .topContH301 .span01 {
		font-size: 22px;
	}
	.ContParts .contactBtn04 {
		width: 100%;
	}
	
	/* -------------------------------------------------------------------- 
	 リモート運用監視・保守サービス#page_remote_monitoring
	-------------------------------------------------------------------- */
	#mainvisual.page_defa .top_title .subtitle {
		margin: 12px 0 0;
		font-size: 19px;
}
	.serviceUl01 {
		display: inline-block;
		text-align: left;
	}
	.serviceUl01 li {
		font-size: 15px;
		line-height: 1.4em;
		font-weight: 500;
		letter-spacing: 0.05em;
		background-repeat: no-repeat;
		background-position: left 0px;
		background-size: 19px auto;
		padding-left: 28px;
		margin-bottom: 10px;
	}
	.page_anchor .detailAncNavi01 {
		width: 100%;
	}
	.page_anchor .detailAncNavi01 li {
		width: 100%;
		display: block;
	}
	.page_anchor .contactBtn04 {
		width: 100%;
		display: block;
	}
	.page_anchor .contactBtn04 a {
    	padding: 9px 20px;
	}
	
	/* 3つの特長 */
	.serviceCont01.tokutyou .tokutyou_tag {
		width: 70px;
		height: 70px;
		float: none;
		text-align: center;
		margin: 0 auto 10px auto;
	}
	.serviceCont01.tokutyou .tokutyou_tag .inner {
		line-height: 22px;
	}
	.serviceCont01.tokutyou .tokutyou_tag .inner span {
		font-size: 25px;
	}
	.serviceCont01.tokutyou .tokutyou_text {
		margin-left: 0px;
	}
	
	.freewrap .tokutyou_tag {
		width: 70px;
		height: 70px;
		float: none;
		text-align: center;
		margin: 0 auto 10px auto;
	}
	.freewrap .tokutyou_tag .inner {
		line-height: 22px;
	}
	.freewrap .tokutyou_tag .inner span {
		font-size: 25px;
	}
	.freewrap .tokutyou_text {
		margin-left: 0px;
	}
	
	.serviceBlock01 {
		padding: 20px 10px 2px 10px;
	}
	.serviceTb01 {
		display: table;
		width: 100%;
	}
	.serviceTb01 .cell01 {
		width: 44%;
	}
	.serviceTb01 .cell02 img {
		width: 24px;
	}
	.serviceTb01 .text01 {
		font-size: 17px;
		line-height: 1.0em;
		font-weight: bold;
	}
	.serviceTb01 .line01 {
		padding: 10px 0px;
	}
	.serviceTb01 .line01 img {
		width: 4px;
		height: auto;
	}
	.serviceBb01 {
		display: table;
		width: 100%;
		height: 70px;
	}
	.serviceBb01 p {
		font-size: 12px;
		line-height: 1.4em;
		-moz-border-radius: 44px;
		-webkit-border-radius: 44px;
		-o-border-radius: 44px;
		-ms-border-radius: 44px;
		border-radius: 6px;
	}
	.serviceBb01.serviceBb02 p {
		background: rgb(212, 43, 77);
		background: -moz-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
		background: -webkit-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
		background: -o-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
		background: -ms-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
		background: linear-gradient(90deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
	}
	/* 価格 */
	.topPriceBlock01 > ul > li {
		width: 100%;
		margin-right: 0px;
		float: none;
		margin-bottom: 0px;
	}
	.topPriceBox01 {
		padding: 6px;
	}
	.topPriceBox01 .boxIn {
		display: table;
		width: 100%;
		height: auto;
	}
	.topPriceBlock01 li .boxText01 {
		text-align: center;
		margin: 5px 0px 10px 0px;
	}
	.topPriceBox01 .boxIn .boxCell {
		display: table-cell;
		font-size: 16px;
		line-height: 1.0em;
		padding: 20px 15px;
	}
	.topPriceBox01 .boxIn .boxCell span {
		font-size: 28px;
	}
	.topPriceBox01 .boxIn .boxCell span .pcBr {
		display: none;
	}
	
	/* よくある質問 */
	.serviceFaqWrap {
		padding: 30px 0px;
		background-color: #fff;
	}
	.serviceFaqCont .acWrap {
		padding: 0px 15px 0px 15px;
	}
	.serviceFaqCont .acWrap .ac p {
		background-position: left 3px;
		background-size: 22px auto;
		font-size: 14px;
		line-height: 1.3em;
		letter-spacing: 0.05em;
		padding: 4px 0px 4px 28px;
	}
	.serviceFaqCont .acWrap .acCont p {
		background-position: left 3px;
		background-size: 22px auto;
		font-size: 14px;
		line-height: 1.3em;
		letter-spacing: 0.05em;
		padding: 4px 0px 4px 28px;
	}
	.serviceFaqCont .acWrap .ac {
		padding: 10px 0px;
	}
	.serviceFaqCont .acWrap .acCont {
		padding: 10px 0px;
	}
	.serviceFaqCont .acWrap .acContWrap {
		display: none;
	}
	
	/* 導入フロー */
	.ContFrowWrap {
		padding: 40px 0px;
	}
	.casestudyBlock02 .casestudyBlock02In {
		padding: 20px;
	}
	.casestudyTable01 td {
		padding-left: 10px;
		line-height: 2.0em;
	}
	.casestudyTable01 td p {
	font-size: 13px;
	}
	.casestudyTable01 th .p01 {
		width: 100px;
		height: 28px;
	}
	.casestudyTable01 th .p01 span {
		color: #ffffff;
		font-size: 13px;
		line-height: 1.0em;
		letter-spacing: 0.05em;
	}
	
	/* -------------------------------------------------------------------- 
	 サービス一覧
	-------------------------------------------------------------------- */
	
	#page_service .detailAncNavi01 li {
		width: 100%;
	}
	.serviceCont01.service_area .detailBox01 {
		padding: 30px 20px 0px 20px;
	}
	.serviceCont01.service_area .service1 .left {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.serviceCont01.service_area .service1 .left .logo {
		width: 100px;
		padding: 0 20px 0 0;
	}
	.serviceCont01.service_area .service1 .left .text {
		font-size: 22px;
		padding-right: 0;
	}
	.serviceCont01.service_area .service1 .right {
		margin-left: 0px;
	}
	.serviceCont01.service_area .service1wrap {
		padding-bottom: 30px;
	}
	.serviceCont01.service_area .service2wrap {
    	padding-bottom: 10px;
	}
	.serviceCont01.service_area .service1wrap .btn_text {
    	width: 100%;
	}
	
.casestudyNavi01 .contactBtn04 {
    width: 100%;
}
.casestudyNavi01 .contactBtn04 a {
    width: 100%;
	display:block;
}

#top.top #content04 {
	margin-top:40px;
}
}



/* -------------------------------------------------------------------- 
	 資料ダウンロード
-------------------------------------------------------------------- */

.download #mainvisual.page_defa,
.download #pnkz,
.download #sb-site.webpage {
    background: #fff;
}
#mainvisual.download .inner {
    background: url(../images/page/mainvisual_download01.png) no-repeat top center / cover;
}
div#page_download div.container {
 padding-bottom:0;
}
div#page_download div.col3area2.clearfix {
 border-bottom: 1px solid #c8c8c8;
 padding:0 0 60px;
 margin:0 0 60px;
 overflow:hidden;
}
div#page_download div.col3area2.clearfix div.box {
}
.col3area2 .box {
 width: 31%;
 margin-right: 3.5%;
 float:left;
	vertical-align: top;
}
.col3area2 .box:nth-child(3n) {
	margin-right: 0;
}
div#page_download div.col3area2.clearfix div.box a {
 display:block;
 color:#000;
}
div#page_download div.col3area2.clearfix div.box a:hover .title,
div#page_download div.col3area2.clearfix div.box a:hover img,
div#page_download div.col3area2.clearfix div.box a:hover .text{
 opacity:0.7;
}

div#page_download .tag {
 padding: 0 0 15px;
}
div#page_download .tag span {
	background-color: #efefef;
	border-radius: 100px;
	font-size: 13px;
	line-height: 28px;
	color: #000;
 padding: 7px 10px 7px 34px;
	position: relative;
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
div#page_download a:hover .tag span {
 background-color:#CECECE;
}
div#page_download .tag span:before {
	background-size: cover !important;
	content: "";
	position:absolute;
	width:23px;
	height:17px;
	top:50%;
	margin-top:-8.5px;
    left: 10px;
}
div#page_download .tag.cloud span:before {
	background:url("../images/top/task_icon_cloud.png") no-repeat;
}
div#page_download .tag.system span:before {
	background:url("../images/top/task_icon_system.png") no-repeat;
}
div#page_download .tag.human span:before {
	background:url("../images/top/task_icon_human.png") no-repeat;
}

div#page_download div.col3area2.clearfix div.box a h2.title {
 font-size:20px;
 color:#000;
 font-weight:bold;
 line-height: 1.6em;
 margin: 0 0 15px;
 transition:0.3s;
}
div#page_download div.col3area2.clearfix div.box a div.img {
 border:1px solid #c8c8c8;
 border-radius:14px;
 overflow:hidden;
 padding: 15px;
 margin: 0 0 15px;
 display:table;
 width:100%;
}
div#page_download div.col3area2.clearfix div.box a div.img span {
 display:table-cell;
 vertical-align:middle;
 text-align:center;
 height:300px;
}
div#page_download div.col3area2.clearfix div.box a div.img img {
 transition:0.3s;
 max-height:300px;
}
div#page_download div.col3area2.clearfix div.box a div.text {
 transition:0.3s;
}
div#page_download .col3area2 .box .contactBtn {
 width: 218px;
	max-width: 100%;
	position: relative;
 padding: 22px 12px 22px 42px;
	color: #fff;
	height: 68px;
 font-size: 14px;
	font-weight: 600;
}

div#page_download .col3area2 .box .topContBtnWrap01 {
 padding: 60px 0px 0px;
}
div#page_download .col3area2 .box a:hover .contactBtn {
 padding: 20px 10px 20px 40px;
	background: #fff;
	border: solid 2px #FAAC1A;
	color: #FAAC1A;
	-webkit-transition-property:background;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
div#page_download .col3area2 .box .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;
}
div#page_download .col3area2 .box a: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: 30px;
	z-index: 99;
 pointer-events: none;
}



@media only screen and (max-width: 768px) {
 
 
div#page_download div.col3area2.clearfix {
 border-bottom: none;
 padding:0;
 margin:0;
}
.col3area2 .box {
 width: 100%;
 margin-right: 0;
 margin-bottom: 30px;
 padding-bottom: 30px;
 float:none;
 border-bottom: 1px solid #c8c8c8;
}
.col3area2 .box:last-child {
 border-bottom: none;
}
div#page_download div.col3area2.clearfix div.box a div.img span {
 text-align:center;
 height:200px;
}
div#page_download div.col3area2.clearfix div.box a div.img img {
 max-height:200px;
}
div#page_download .col3area2 .box .topContBtnWrap01 {
 text-align:center;
}

 
 
 
}




/* -------------------------------------------------------------------- 
	 クラウド導入・運用支援サービス 2020/12/09
-------------------------------------------------------------------- */

/* メインビジュアル */
#sb-site.cloud_top {
	background: url("../images/cloud_top/mainvisual02.png") no-repeat top center,url("../images/cloud_top/mainvisual01.png") no-repeat top center  ;
	background-size: auto, auto;
	background-color:#efefef;
}
#sb-site.cloud_top .pc_none {
	display: none !important;
}
#sb-site.cloud_top .sp_none {
	display: block !important;
}
/* テキストカラー*/
/* 青 */
#sb-site.cloud_top .txt_bl {
	color: #3E85FF;
}
/* 背景 */
/* 青グラデーション */
#sb-site.cloud_top .gdbg_bl {
    color: #fff;
    background: linear-gradient(to right, #2d52a1, #3e85ff);
}
#sb-site.cloud_top .gdbg_bl .title_block .title_center .title {
    color: #fff;
}

#sb-site.cloud_top li {
    list-style: none;
}
#sb-site.cloud_top .page_bg {
    background: #efefef;
}
#sb-site.cloud_top .bg_wh {
    background: #fff;
}

#sb-site.cloud_top #mainvisual{
	padding: 50px 0px 100px 0;
}
#sb-site.cloud_top #mainvisual .mv_subtitle {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    border: #000 solid 1px;
    display: inline-block;
    padding: 5px 15px;
    margin: 0 0 15px;
    line-height: normal;
    
}
#sb-site.cloud_top #mainvisual .mv_title {
    color: #333;
    font-size: 38px;
    line-height: 61px;
	letter-spacing:0.08em;
}
#sb-site.cloud_top .mv_title span {
	font-size: 39px;
}
#sb-site.cloud_top .mv_3menu.subcont {
	padding:80px 0;
	margin-bottom: 0;
}
#sb-site.cloud_top .mv_3menu .box a {
	display: block;
	background-color: #fff;
	border-radius: 20px;
    padding: 20px 20px 30px 20px;
	box-sizing: border-box;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
	-webkit-transition-property:background-color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
  cursor: pointer;
}
#sb-site.cloud_top .mv_3menu .box:hover a {
	box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
#sb-site.cloud_top .mv_3menu .box a:hover {
	background-color: #F2F2F2;
}
#sb-site.cloud_top .mv_3menu .box .img {
	max-width: 220px;
	height: auto;
	margin: 0 auto 10px auto;
}
#sb-site.cloud_top .mv_3menu .box .title {
	color: #fb4861;
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	margin-bottom: 15px;
	letter-spacing:0.08em;
}
#sb-site.cloud_top .mv_3menu .box .text {
	font-size: 16px;
	line-height: 28px;
	color: #333;
	-webkit-transition-property:color;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
#sb-site.cloud_top .mv_3menu .box:hover .text {
    color: #fb4861;
}
#sb-site.cloud_top .mv_3menu.col3area .box .btn_defa {
	width: 160px;
}
#sb-site.cloud_top .mv_3menu.col3area .box .btn_defa a {
	font-size: 14px;
    padding: 1px 0;
	position: relative;
}
#sb-site.cloud_top .mv_3menu.col3area .box .btn_defa a:after {
	content:"";
	background:url("../images/common/arrow_white.png") no-repeat;
	background-size: cover;
	position:absolute;
	width:5px;
	height:7px;
	top:50%;
	margin-top:-3.5px;
	right: 15px;
}

#sb-site.cloud_top .mv_3menu.col3area img:hover {
	opacity: 1;
}

#sb-site.cloud_top .mv_3menu.col3area .box .contactBtn {
	width: 170px;
	padding: 0;
	font-size: 14px;
	position: relative;
	padding: 6px;
	height: 37px;
	color: #fff;
	-webkit-transition-property:background;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
#sb-site.cloud_top .mv_3menu.col3area .box .contactBtn:after {
	content:"";
	background:url("../images/common/arrow_white.png") no-repeat;
	background-size: cover;
	position:absolute;
	width:5px;
	height:7px;
	top:50%;
	margin-top:-3.5px;
	right: 15px;
	z-index: 2;
}
#sb-site.cloud_top .mv_3menu.col3area .box a:hover .contactBtn:after {
	background:url("../images/common/arrow_red.png") no-repeat;
	background-size: cover;
	right: 13px;
}

#sb-site.cloud_top .mv_3menu.col3area .box a:hover .contactBtn {
	color: #fb4861;
    padding: 4px;
	border: solid 2px #fb4861;
	background: #F2F2F2;
}

/* blue */
#sb-site.cloud_top .mv_3menu .box.blue .title {
	color: #3e85ff;
	letter-spacing:0.08em;
}
#sb-site.cloud_top .mv_3menu.col3area .box.blue .contactBtn {
    background: linear-gradient(to right, #2d52a1, #3e85ff);
}
#sb-site.cloud_top .mv_3menu.col3area .box.blue a:hover .contactBtn:after {
	background:url("../images/common/arrow_blue.png") no-repeat;
	background-size: cover;
	right: 12px;
}

#sb-site.cloud_top .mv_3menu.col3area .box.blue a:hover .contactBtn {
	color: #3e85ff;
	border: solid 2px #3e85ff;
}
#sb-site.cloud_top .mv_3menu .box.blue:hover .text {
    color: #3e85ff;
}

/* #sb-site.cloud_top .service */

#sb-site.cloud_top .service .col3area {
	margin-bottom: 60px;
}
#sb-site.cloud_top .service .col3area .box a {
	display: block;
	background-color: #efefef;
	border-radius: 20px;
	padding: 30px;
	-webkit-transition-property:background;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
}
#sb-site.cloud_top .service .col3area .box a:hover {
	background-color: #DCDCDC;
}
#sb-site.cloud_top .service .col3area .box .img {
	max-width: 220px;
	height: auto;
	margin: 0 auto 10px auto;
}
#sb-site.cloud_top .service .col3area .box img:hover {
	opacity: 1;
}
#sb-site.cloud_top .service .col3area .box .text {
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	line-height: 33px;
	letter-spacing: 1px;
	color: #333;
}
#sb-site.cloud_top .service .col3area .box .text span {
	font-size: 21px;
	color: #fb4861;
}
#sb-site.cloud_top .title_block {
	padding-top: 85px;
	padding-bottom: 40px;
}
#sb-site.cloud_top .title_block .title_center {
        margin-bottom: 0;
}
#sb-site.cloud_top .title_block .title_center .title {
    font-weight: 700;
    font-size: 35px;
    line-height: 64px;
    color: #333;
}
#sb-site.cloud_top .title_block .lead_center {
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    margin:20px 0 0;
}
.border_blue {
    background-image: url("../images/cloud_top/service_line_top_blue.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 6px;
    padding:0 0 80px;
}
.border_blue.inner_line {
	background-size: 100% 1px;
	padding: 0 0 80px;
	margin:0 auto;
}
/** flex **/
#sb-site.cloud_top .flex {
    display: flex;
    display: -webkit-flex;
    margin: 0;
	padding: 0;
}
#sb-site.cloud_top .flex li{
    padding: 15px 10px;
    margin: 0 4px 0 0;
}
#sb-site.cloud_top .flex li:last-child{
    margin-right: 0;
}
/** col **/
#sb-site.cloud_top ul.col2_area {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
}
#sb-site.cloud_top ul.col2_area > li {
    width: calc(50% - 20px);
    margin: 0 0px ;
    padding: 0 35px 60px;
    list-style: none;
}
#sb-site.cloud_top ul.col2_area > li .ttl_area {
	display: flex;
    align-items: center;
    margin: 0 0 30px;
}
#sb-site.cloud_top ul.col2_area > li .ttl_area .num {
	color:#fff;
	font-size: 30px;
	font-weight: bold;
    text-align: center;
    display: inline-block;
    width: 85px;
    height: 85px;
    background: linear-gradient(to right, #2d52a1, #3e85ff);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	line-height: 50px;
	margin: 0 20px 0 0;
}
#sb-site.cloud_top ul.col2_area > li .ttl_area .num span{
    font-size: 14px;
    display: block;
    margin: 0 0 -20px;
}
#sb-site.cloud_top ul.col2_area > li .ttl_area .hd01{
    font-size: 23px;
    line-height: 35px;
    font-weight: bold;
    color: #333;
    flex:1;
}
#sb-site.cloud_top ul.col2_area > li .ttl_area {
	font-size: 16px;
    line-height: 28px;
    letter-spacing: 2px;
	margin: 0 0 40px;
}
/*tsuyomi*/
#sb-site.cloud_top ul.col2_area.tsuyomi > li {
    padding: 0 35px 80px;
}
#sb-site.cloud_top ul.col2_area.tsuyomi > li .ttl_area {
    margin: 0 0 ;
}
#sb-site.cloud_top ul.col2_area > li .txt_area {
    margin: 0 0 40px;
}
#sb-site.cloud_top ul.col2_area > li .img {
	text-align: center;
}
#sb-site.cloud_top ul.col2_area.layout01 {
	text-align: left;
	color:#333;
}
#sb-site.cloud_top ul.col2_area.layout01 .title_area{
	text-align: center;
	color:#3E85FF;
	border-left: solid 1px #2d52a1;
    border-right: solid 1px #3e85ff;
    margin: 0 0 25px;
     font-size: 18px;
}
#sb-site.cloud_top ul.col2_area.layout01 .title_area h5:before,
#sb-site.cloud_top ul.col2_area.layout01 .title_area h5:after{
  content: '';
  display: block;
  height: 1px;
  background:linear-gradient(to right, #2d52a1, #3e85ff);
}
#sb-site.cloud_top ul.col2_area.layout01 .title_area h5 span{
    padding: 20px 0;
    display: block;
}
#sb-site.cloud_top ul.col2_area.layout01 .txt_area {
	text-align: left;
	margin: 0 0 30px;
	font-size: 16px;
	line-height: 28px;
	color:#333;
}
#sb-site.cloud_top ul.col2_area.layout01 .link{
	text-align: left;
	display: inline-block;
	color:#3E85FF;
	position: relative;
	padding:0 0 0 50px;
}
#sb-site.cloud_top ul.col2_area.layout01 .link:before {
    content: "";
    background: url(../images/cloud_top/arrow.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    margin-top:-18px;
    left: 0;
    z-index: 2;
    width: 37px;
    height: 37px;
    display: inline-block;
}
#sb-site.cloud_top ul.col2_area.layout01 .link:hover {
	color: #333;
}

/*2カラム 導入事例部分*/
#sb-site.cloud_top ul.col2_area.example > li{
	margin:0 0  ;
    padding: 40px 35px ;
    position: relative;
	background: #fff;
}
#sb-site.cloud_top ul.col2_area.example > li:nth-last-child(n+3){
    margin:0 0 40px ; 
}
#sb-site.cloud_top ul.col2_area.example > li a{
	color:#333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#sb-site.cloud_top ul.col2_area.example > li a:hover{
	color:#3E85FF;
}

#sb-site.cloud_top ul.col2_area.example > li dl.box{
    padding: 0 0 ;
    margin: 0 0 ;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box > dt{
    display: flex;
    display: -webkit-flex;
	justify-content:space-between;
    position: relative;
    padding: 0 0 20px;
    margin: 0 0 20px;
	align-items: center;
	min-height: 124px;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dt:after {
    content: "";
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 3px;
    display: inline-block;
	background: linear-gradient(to right, #2d52a1, #3e85ff);
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dt .ttl{
	font-size: 22px;
    font-weight: bold;
    width:370px;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dt .logo{
	text-align: right;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dt .logo img{
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dd{
    margin: 0;
    text-align: center;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dd .hd08{
    margin: 0 0 20px;
	font-size:18px;
	text-align: left;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dd p{
    margin: 0 0 40px;
	font-size: 16px;
	line-height: 28px;
	text-align: left;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dd > ul.flow {
    margin: 10px auto 40px;
	padding: 0;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dd > ul.flow li{
	font-size: 16px;
	line-height: 28px;
	text-align: center;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dd > ul.flow li .flow_ttl{
    width:100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dd > ul.flow li dl{
    display: flex;
    display: -webkit-flex;
    margin: 0;
    align-items: center;
    padding: 20px 0 20px;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dd > ul.flow li dl dt{
	color: #fff;
    background: linear-gradient(to right, #2d52a1, #3e85ff);
    display: table;
    width: 123px;
    height: 58px;
    position: relative;
	padding: 0;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dd > ul.flow li dl dt:after {
    content: "";
    background: url(../images/cloud_top/triangle_b.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -41px;
    right: 0;
    left: 0;
    z-index: 2;
    width: 21px;
    height: 26px;
    display: block;
    margin: 0 auto;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dd > ul.flow li dl:last-child dt:after {
    content:none;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dd > ul.flow li dl dd{
    width: calc(100% - 123px);
    margin: 0 0 0 25px;
    padding: 0 ;
	text-align: left;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dd > ul.flow li dl dd p{
	letter-spacing: 0px;
    padding: 0;
    margin: 0;
    line-height: 22px;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dd .link{
	text-align: center;
    margin: 0;
	font-size: 16px;
	line-height: 28px;
	display: inline-block;
    color: #3E85FF;
    position: relative;
    padding: 0 0 0 50px;
}

#sb-site.cloud_top ul.col2_area.example > li dl.box dd .link:before {
    content: "";
    background: url(../images/cloud_top/arrow.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 0;
    z-index: 2;
    width: 39px;
    height: 39px;
    display: inline-block;
}
/*col3_area*/
#sb-site.cloud_top ul.col3_area {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 65px;



}
#sb-site.cloud_top ul.col3_area li {
    width: 33.333333%;
    margin: 0 0 0;
    padding: 0 19px;
overflow-wrap: break-word;
word-wrap: break-word;
}
#sb-site.cloud_top ul.col3_area li .title_area{
	text-align: left;
    position: relative;
	margin: 0 0 35px;
	min-height: 52px;
}
#sb-site.cloud_top ul.col3_area li .title_area:after{
    content: "";
    position: absolute;
    bottom: 0;
    margin:0 0 -20px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 3px;
    display: inline-block;
	background: rgb(212, 43, 77);
    background: -moz-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
    background: -webkit-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
    background: -o-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
    background: -ms-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
    background: linear-gradient(90deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
}
#sb-site.cloud_top ul.col3_area li .title_area .hd06{
	font-size: 17px;
}
#sb-site.cloud_top ul.col3_area li .txt_area{
	text-align: left;
overflow-wrap: break-word;
word-wrap: break-word;
}
/** linebox **/
#sb-site.cloud_top .linebox_area{
	padding: 0 0 80px;
}
#sb-site.cloud_top .linebox_area .box{
    box-sizing: border-box;
    margin: 0 auto;
    padding: 6px;
	background: rgb(212, 43, 77);
    background: -moz-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
    background: -webkit-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
    background: -o-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
    background: -ms-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
    background: linear-gradient(90deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
}
#sb-site.cloud_top .linebox_area a{
	color: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#sb-site.cloud_top .linebox_area a:hover{
	color: #fb4861;
}
#sb-site.cloud_top .linebox_area .box_inner{
    background-color: #ffffff;
    padding: 45px 0px;
    width: 100%;

}
#sb-site.cloud_top .linebox_area .box_inner .hd05{
    position: relative;
	text-align: center;
    margin: 0 0 40px;
    font-size: 30px;
    color:#FB3639;
}
#sb-site.cloud_top .linebox_area .box_inner .hd05:after {
    content: "";
    position: relative;
    bottom: 0;
    margin:15px auto 0;
    left: 0;
    z-index: 2;
    width: 40px;
    height: 3px;
    display:block;
    background: rgb(212, 43, 77);
    background: -moz-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
    background: -webkit-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
    background: -o-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
    background: -ms-linear-gradient(0deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
    background: linear-gradient(90deg, rgb(212, 43, 77) 0%, rgb(255, 96, 77) 100%);
}

#sb-site.cloud_top .linebox_area .box_inner ul.col3_area{
	padding: 0 34px;
}

/** step_flow **/
#sb-site.cloud_top .step_flow {
	display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 50px;
}
#sb-site.cloud_top .step_flow li {
    width: 25%;
    margin: 0 0 30px;
    padding: 0 10px;
}
#sb-site.cloud_top .step_flow li .txt {
	word-break: break-all;
}
#sb-site.cloud_top .step_flow li dl dt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(to right, #2d52a1, #3e85ff);
	color: #fff;
	padding: 5px 0 5px 10px;
	position: relative;
	margin: 0 0 20px;
}
#sb-site.cloud_top .step_flow li dl dt:after {
	content:" ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #3e85ff;
    position: absolute;
    right: -20px;
    top:0;
}
#sb-site.cloud_top .step_flow li dl dt .step {
    font-size: 14px;
    font-weight: bold;
}
#sb-site.cloud_top .step_flow li dl dt .step span{
	font-size: 22px;
    position: relative;
    top: 2px;
    left: 5px;
}
#sb-site.cloud_top .step_flow li dl dt .date {
    font-size: 14px;
}
#sb-site.cloud_top .step_flow li dl dd{
	margin: 0;
}
#sb-site.cloud_top .step_flow li dl dd .hd07{
	color: #3E85FF;
	margin: 0 0 10px;
	font-size: 22px;
}
#sb-site.cloud_top .kaiketu_block{
    padding: 0 0 80px;
}
#sb-site.cloud_top dl.kaiketu{
	display: flex;
    display: -webkit-flex;
    padding: 0 0 10px;
}
#sb-site.cloud_top dl.kaiketu dt{
	color:#fff;
    background: linear-gradient(to right, #2d52a1, #3e85ff);
    display: table;
    width: 125px;
    height: 125px;
}
#sb-site.cloud_top dl.kaiketu dt .step{
	text-align: center;
    font-size: 14px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}
#sb-site.cloud_top dl.kaiketu dt .step span{
    display: block;
	font-size: 22px;
}
#sb-site.cloud_top dl.kaiketu dd {
    background: #fff;
    width: calc(100% - 125px);
	margin: 0 0 0 10px;
    padding:0 30px;
}
#sb-site.cloud_top dl.kaiketu dd .box{
    display: table;
	text-align: center;
    font-size: 14px;
    font-weight: bold;
	height: 100%;
}
#sb-site.cloud_top dl.kaiketu dd .box div{
    display: table-cell;
    vertical-align: middle;
	width: 30%;
	font-size: 16px;
	line-height: 28px;
    font-weight: bold;
    text-align: left;
    padding:0 10px;
}
#sb-site.cloud_top dl.kaiketu dd .box .txt01{
    position: relative;
	padding: 0;
	height: 100%;
}
#sb-site.cloud_top dl.kaiketu dd .box .txt_arrow{
    background: url(../images/cloud_top/triangle_r.png) no-repeat;
    background-size: contain;
    background-position: center;
    width: 21px;
    height: 26px;
    display: block;
    margin:auto;
    width: 10%;
	height: 100%;
}
#sb-site.cloud_top dl.kaiketu dd .box .txt02{
	color:#3E85FF;
	padding: 0 20px 0 0;
}
#sb-site.cloud_top dl.kaiketu dd .box .txt03 {
	padding: 0;
}
#sb-site.cloud_top dl.kaiketu dd .box .txt03 p,
#sb-site.cloud_top dl.kaiketu dd .box .txt03 a{
	color:#3E85FF;
    background: #EAF2FF;
    max-width: 275px;
    width: 100%;
    height: 80px;
    margin:3px auto 0;
    text-align: center;
	position: relative;
	display: table;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	box-shadow: 3px 3px 0 0px #3e85ff;
}
#sb-site.cloud_top dl.kaiketu dd .box .txt03 p:hover,
#sb-site.cloud_top dl.kaiketu dd .box .txt03 a:hover{
	box-shadow: 1px 1px 0 0px #3e85ff;
}
#sb-site.cloud_top dl.kaiketu dd .box .txt03 p span,
#sb-site.cloud_top dl.kaiketu dd .box .txt03 a span{
	position: relative;
    display: table-cell;
    vertical-align: middle;
}

#sb-site.cloud_top dl.kaiketu dd .box .txt03.box_col2 p{
	color:#3E85FF;
    background: #3E85FF;
    width: 275px;
    height: 36px;
    margin:0 0 8px;
}
#sb-site.cloud_top dl.kaiketu dd .box .txt03.box_col2 p:last-child{
    margin:0 0 ;
}
/*一覧ボタン青色*/
#sb-site.cloud_top .contactBtn04.btn_blue a {
	color: #3E85FF;
	border: 2px solid #3E85FF;
}
#sb-site.cloud_top .contactBtn04.btn_blue a:link {
	color: #3E85FF;
}
#sb-site.cloud_top .contactBtn04.btn_blue a:visited {
	color: #3E85FF;
}
#sb-site.cloud_top .contactBtn04.btn_blue a:active {
	color: #3E85FF;
}
#sb-site.cloud_top .contactBtn04.btn_blue a::before {
	background-image: url("../images/cloud_top/service_btn_ar01.png");
}
#sb-site.cloud_top .contactBtn04.btn_blue a:hover {
	color: #ffffff;
}
#sb-site.cloud_top .contactBtn04.btn_blue a:hover:before {
	color: #fff;
	background-image: url("../images/cloud_top/service_btn_ar01_on.png");
}
#sb-site.cloud_top .contactBtn04.btn_effect.btn_blue .effect {
	background-color: #3E85FF;
}


/** service **/
#sb-site.cloud_top .service{
	margin:0 0 80px;
}
#sb-site.cloud_top .service .text_area {
    text-align: left;
    margin: 0 0 50px;
    position: relative;
}

/*2カラム サービス部分*/
#sb-site.cloud_top ul.col2_area.service_block {
    padding:0;
}
#sb-site.cloud_top ul.col2_area.service_block > li {
    width: 50%;
    margin: 0 ;
    padding: 0 20px 60px;
    list-style: none;
}
#sb-site.cloud_top ul.col2_area.service_block li a{
    display: block;
	background: linear-gradient(to right, #2d52a1, #3e85ff);
    border-radius: 20px;
	padding: 10px 0 0 0;
    box-sizing: border-box;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    cursor: pointer;
    color:#333;
    overflow: hidden;
	height: 100%;
}
#sb-site.cloud_top ul.col2_area.service_block li a:hover .box {
	background-color: #F2F2F2;
}

#sb-site.cloud_top ul.col2_area.service_block .box{
    background-color: #fff;
    padding: 30px 50px 105px 50px;
    height: inherit;
	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;
}
#sb-site.cloud_top ul.col2_area.service_block .title_area .hd04{
	font-size: 18px;
	text-align: center;
	color: #3E85FF;
    margin: 0 0 20px;
}
#sb-site.cloud_top ul.col2_area.service_block .title_area .hd04{
	font-size: 18px;
	text-align: center;
	color: #3E85FF;
    margin: 0 0 20px;
}
#sb-site.cloud_top ul.col2_area.service_block .title_area .hd04:after {
    content: "";
    position: relative;
    bottom: 0;
    margin: 15px auto 0;
    left: 0;
    z-index: 2;
    width: 30px;
    height: 1px;
    display: block;
	background: #3E85FF;
}
#sb-site.cloud_top ul.col2_area.service_block .title_area .hd04 span {
    font-size: 22px;
	letter-spacing:0.08em;
}
#sb-site.cloud_top ul.col2_area.service_block .title_area .hd04 span.ico{
	display: block;
	margin: 0 0 20px;
}
#sb-site.cloud_top ul.col2_area.service_block.aws .title_area .hd04 span.ico img{
	height:63px;
	width:auto;
}
#sb-site.cloud_top ul.col2_area.service_block .txt_area{
    margin: 0 0 ;
}
#sb-site.cloud_top ul.col2_area.service_block .txt_area p{
    padding: 0;
    margin: 0;
	letter-spacing: 1px;
}
#sb-site.cloud_top ul.col2_area.service_block .list{
    padding: 10px;
    margin: 10px 0;
    background:#EAF2FF;
    font-size:14px;
}
#sb-site.cloud_top ul.col2_area.service_block .list span{
    display:block;
	font-weight:bold;
}
#sb-site.cloud_top ul.col2_area.service_block .link {
	text-align: center;
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: 40px;
}
#sb-site.cloud_top ul.col2_area.service_block .text_area{
    text-align: center;
	position: relative;
}
#sb-site.cloud_top .service .text_area .hd03 {
    color: #3E85FF;
    margin:0 0 25px;
	font-size: 32px;
	line-height: 46px;
	text-align: left;
	letter-spacing:0.08em;
}
#sb-site.cloud_top .service .text_area .sub_ttl {
    text-align: left;
	font-size: 22px;
	font-weight:bold;
	line-height:1.7em;
    color: #333;
    margin:0 0 30px;
	letter-spacing:0.08em;
}
#sb-site.cloud_top .service .text_area p {
    padding: 0;
    margin: 0;
}
#sb-site.cloud_top .service .text_area dl{
    display: flex;
    display: -webkit-flex;
}
#sb-site.cloud_top .service .text_area dl dt{
	width: 230px;
	margin: 30px 0 0;
	padding:0 20px 0 0;
}
#sb-site.cloud_top .service .text_area dl dd{
	width: calc(100% - 230px);
}

#sb-site.cloud_top .case_study {
    color: #fff;
    background: linear-gradient(to right, #2d52a1, #3e85ff);
}
#sb-site.cloud_top .case_study .title_block .title_center .title {
    color: #fff;
}
#sb-site.cloud_top .case_study .sec01{
    padding: 0 0 80px;
}

#sb-site.cloud_top .user_block .flex{
	padding-bottom: 80px;
}
#sb-site.cloud_top .user_block .flex li{
	padding: 0;
    background:#fff;
    width:33.3333%;
}
#sb-site.cloud_top .user_block .flex li a{
	padding: 30px 10px 25px 10px;
	display: block;
    height: 100%;
}
#sb-site.cloud_top .user_block .flex li a .hd02{
	color: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#sb-site.cloud_top .user_block .flex li a:hover .hd02{
	color: #3E85FF;
}
#sb-site.cloud_top .user_block .title_block {
    padding-top: 75px;
    padding-bottom: 40px;
}
#sb-site.cloud_top .user_block .flex li .title_area{
	color: #333;
    text-align: center;
}
#sb-site.cloud_top .user_block .flex li .img{
    text-align: center;
    margin: 0 auto 10px auto;
}
#sb-site.cloud_top .user_block .flex li .img img{
    width: auto;
}

@media only screen and (max-width: 1140px){
	#sb-site.cloud_top ul.col2_area.tsuyomi {
	    padding: 0 30px;
	}
	#sb-site.cloud_top ul.col2_area.tsuyomi > li {
	    padding: 0 0 80px;
	}
	#sb-site.cloud_top ul.col2_area.service_block {
	    padding: 0;
	}
}
@media only screen and (max-width: 950px){
	#sb-site.cloud_top .case_study ul.col2_area {
	    padding: 0 ;
	}
	#sb-site.cloud_top .service .text_area {
	    margin: 0 50px 50px;
	}
	.border_blue.inner_line {
	    padding: 0 0 80px;
	    width: calc(100% - 100px);
	}
	#sb-site.cloud_top .linebox_area .box_inner ul.col3_area {
	    padding: 0 10px;
	}
	#sb-site.cloud_top ul.col3_area li {
	    padding: 0 10px;
	}
	#sb-site.cloud_top ul.col3_area li .title_area {
	    min-height: 68px;
	}
	#sb-site.cloud_top .linebox_area .box {
	    width: calc(100% - 100px);
	}
	#sb-site.cloud_top ul.tsuyomi.col2_area {
	    display: block;
		padding: 0 50px 50px 30px;
	}
	#sb-site.cloud_top ul.tsuyomi.col2_area > li {
	    width: 100%;
	    margin: 0 0px ;
	    padding: 0 0 50px;
	}
	#sb-site.cloud_top ul.col2_area.example > li{
		margin: 0 0 30px;
	}
	#sb-site.cloud_top .step_flow {
	    display: block;
	    padding: 0 0 20px;
	}
	#sb-site.cloud_top .step_flow li {
	    width: 100%;
	    margin: 0 0 30px;
	    padding: 0 ;
	}
	#sb-site.cloud_top .step_flow li:last-child {
	    content:none;
		margin: 0;
	}
	#sb-site.cloud_top .step_flow li dl dt {
	        padding: 5px 10px 5px 10px;
	}
	#sb-site.cloud_top .step_flow li dl dt:after {
	    content:none;
	}
	#sb-site.cloud_top .step_flow li dl dd:after {
	    content: " ";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 20px 0 20px;
		border-color: #3e85ff transparent transparent transparent;
	    position: absolute;
	    right: 0;
	    left: 0;
	    margin: 0 auto;
	}
	#sb-site.cloud_top .step_flow li:last-child dl dd:after {
	    content:none;
	}
	#sb-site.cloud_top .step_flow li .txt {
	    padding: 0 0 10px;
	}
	#sb-site.cloud_top dl.kaiketu {
	    display: block;
	}
	#sb-site.cloud_top dl.kaiketu dt {
	    width: 100%;
		height: initial;
	}
	#sb-site.cloud_top dl.kaiketu dt .step span {
		display: inline-block;
	    position: relative;
	    top: 1px;
	}
	#sb-site.cloud_top dl.kaiketu dd {
	    width: 100%;
	    margin: 5px 0 0;
	}
	#sb-site.cloud_top dl.kaiketu dd .box {
	    height: initial;
	    margin: 0 auto;
	    padding: 30px 0;
	}
	#sb-site.cloud_top dl.kaiketu dd .box div {
	    display: block;
	    width: 100%;
	}
	#sb-site.cloud_top dl.kaiketu dd .box .txt01 {
	    padding-right: 0;
	    margin: 0 0 20px;
	}
	#sb-site.cloud_top dl.kaiketu dd .box .txt_arrow{
	    background: url(../images/cloud_top/triangle_b.png) no-repeat;
	    width: 26px;
	    height: 21px;
	    margin: 0 auto 20px;
	}
	#sb-site.cloud_top dl.kaiketu dd .box .txt02 {
	    margin: 0 0 30px;
	}
	#sb-site.cloud_top dl.kaiketu dd .box .txt03 p,
	#sb-site.cloud_top dl.kaiketu dd .box .txt03 a {
	    width: 100%;
		line-height: 23px;
	}
	#sb-site.cloud_top dl.kaiketu dd .box .txt03.box_col2 p {
	    width: 100%;
	}

}
@media only screen and (max-width: 768px){
	#sb-site.cloud_top .pc_none {
		display: block !important;
	}
	#sb-site.cloud_top .sp_none {
		display: none !important;
	}
	#sb-site.cloud_top ul.col2_area.service_block {
		display: block;
	}
	#sb-site.cloud_top ul.col2_area.service_block > li {
	    width:100%;
	    margin: 0 auto;
	    padding: 0 0 30px;
	}
	#sb-site.cloud_top ul.col2_area.service_block .box {
	    padding: 30px 20px 30px 20px;
	}
	#sb-site.cloud_top ul.col2_area.service_block .link {
	    position: relative;
	    margin: 30px auto 0;
	    bottom: 0;
	}
	#sb-site.cloud_top dl.kaiketu {
	    padding: 0 0 10px;
	}
	#sb-site.cloud_top dl.kaiketu dd .box {
	    padding:0;
	}
	#sb-site.cloud_top dl.kaiketu dt .step span {
	    font-size: 18px;
	    padding: 0 0 0 10px;
	    top: 1px;
	}
	#sb-site.cloud_top dl.kaiketu dd {
	    margin: 5px 0 0;
	    padding:15px 20px 20px;
	}
	#sb-site.cloud_top dl.kaiketu dd .box {
	    font-size: 16px;
	    text-align: center;
	}
	#sb-site.cloud_top dl.kaiketu dd .box div {
	    font-size: 16px;
		line-height: 28px;
	    padding: 0 10px;
		text-align: center;
	}
	#sb-site.cloud_top dl.kaiketu dd .box .txt01 {
	    padding-right: 0;
	    margin: 0 0 20px;
	}
	#sb-site.cloud_top dl.kaiketu dd .box .txt_arrow {
		margin: 0 auto 20px;
	}
	#sb-site.cloud_top dl.kaiketu dd .box .txt01:after {
	    background: url(../images/cloud_top/triangle_b.png) no-repeat;
	    bottom:-24px;
		top: initial;
	    right: 0;
	    left: 0;
	    width: 26px;
	    height: 21px;
	    margin: 0 auto;
	}
	#sb-site.cloud_top dl.kaiketu dd .box .txt03 p,
	#sb-site.cloud_top dl.kaiketu dd .box .txt03 a {
	    height: 40px;
	    font-size: 14px;
		line-height: 23px;
	}
	#sb-site.cloud_top dl.kaiketu dd .box .txt03.box_col2 p {
	    height: 40px;
	    margin: 0 0 8px;
	}


	#sb-site.cloud_top {
	    background: url(../images/cloud_top/mainvisual_sp.png) no-repeat top center;
	    background-size:contain;
	    background-color: #efefef;
	}
	#sb-site.cloud_top #mainvisual{
	    padding: 50px 0px 50px 0;
	}
	#sb-site.cloud_top #mainvisual .mv_title {
	    font-size: 22px;
	    line-height: 37px;
	    letter-spacing: -1px;
	}
	#sb-site.cloud_top #mainvisual .mv_title span {
	    font-size: 22px;
	}
	#sb-site.cloud_top .mv_3menu {

	}
	#sb-site.cloud_top .mv_3menu .box .title {
	    font-size: 18px;
	    line-height: 24px;
	    margin-bottom: 10px;
	}
	#sb-site.cloud_top .mv_3menu .box .text {
	    font-size: 16px;
	    line-height: 26px;
	    margin-bottom: 15px;
	}
	#sb-site.cloud_top .mv_3menu .box .img {
	    max-width: 160px;
	}
	#sb-site.cloud_top ul.col2_area > li .ttl_area {
	    letter-spacing: 2px;
	    margin: 0 0 10px;
	}
	#sb-site.cloud_top ul.col2_area > li .ttl_area .hd01 {
	    font-size: 18px;
	    line-height: 27px;
	}
	#sb-site.cloud_top ul.col2_area > li .ttl_area .num {
	    font-size: 25px;
	    width: 72px;
	    height: 72px;
	    line-height: 40px;
	    margin: 0 15px 0 0;
	}
	#sb-site.cloud_top ul.col2_area > li .ttl_area .num span {
	    font-size: 12px;
	    margin: 0 0 -20px;
	}
	#sb-site.cloud_top ul.col2_area > li .txt_area {
	    font-size: 16px;
	    margin: 0 0 20px;
	}
	#sb-site.cloud_top .title_block {
	    padding-top: 60px;
	    padding-bottom: 40px;
	}
	#sb-site.cloud_top .title_block .title_center .title {
	    font-size: 18px;
	        line-height: 1.3em;
	}
	#sb-site.cloud_top .title_block .lead_center {
		font-size: 16px;
	    text-align: left;
	    margin-bottom: 30px;
	    margin: 20px 0 0;
	}
	#sb-site.cloud_top .title_block {
	    padding-top: 40px;
	    padding-bottom: 30px;
	}
	.border_blue {
	    padding: 0 0 30px;
	}
	.border_blue.inner_line {
	    padding: 0 0 40px;
	    width: calc(100% - 30px);
	}
	#sb-site.cloud_top .service {
	    margin: 0 0 40px;
	}
	#sb-site.cloud_top .service .text_area {
	    margin: 0 0 30px;
	}
	#sb-site.cloud_top .service .text_area .sub_ttl {
	    padding: 0;
	    font-size: 16px;
	    margin: 0 0 10px;
	}
	#sb-site.cloud_top .service .text_area .sub_ttl.logo:after {
	    margin-top: -28px;
	    right: -70px;
	    width: 70px;
	    height: 53px;
	}
	#sb-site.cloud_top .service .text_area dl dd {
	    width: calc(100% - 50px);
	}
	#sb-site.cloud_top .service .text_area .hd03 {
	    margin: 0 0 10px;
	    font-size: 18px;
	}
	#sb-site.cloud_top .service .text_area p {
		font-size: 16px;
		line-height: 28px;
	}
	#sb-site.cloud_top ul.col2_area.layout01 .title_area {
	    margin: 0 0 10px;
		font-size: 16px;
		line-height: 28px;
	}
	#sb-site.cloud_top ul.col2_area.layout01 .title_area h5 span {
	    padding: 10px 0;
	    display: block;
	}
	#sb-site.cloud_top ul.col2_area.layout01 .txt_area {
		font-size: 16px;
		line-height: 28px;
		margin: 0 0 10px;
	}
	#sb-site.cloud_top ul.col2_area.layout01 .link {
	    padding: 0 0 0 35px;
	}
	#sb-site.cloud_top ul.col2_area.layout01 .link:before {
	    margin-top: -14px;
	    width: 27px;
	    height: 27px;
	}
	#sb-site.cloud_top .linebox_area .box {
	    padding: 3px;
	    width: 100%;
	}
	#sb-site.cloud_top .linebox_area .box_inner {
	    padding: 20px 0px;
	}
	#sb-site.cloud_top .linebox_area .box_inner .hd05 {
	    margin: 0 0 25px;
	    font-size: 20px;
	}
	#sb-site.cloud_top .linebox_area .box_inner .hd05:after {
	    margin: 5px auto 0;
	    width: 40px;
	    height: 2px;
	}
	#sb-site.cloud_top .linebox_area .box_inner ul.col3_area {
	    display: block;
		padding: 0 20px;
	}
	#sb-site.cloud_top ul.col3_area li {
	    width: 100%;
	    margin: 0 0 0;
	    padding: 0 ;
	}
	#sb-site.cloud_top ul.col3_area li .title_area .hd06 {
	    font-size: 16px;
	}
	#sb-site.cloud_top ul.col3_area li .title_area {
	    margin: 0 0 20px;
	    min-height: initial;
	}
	#sb-site.cloud_top ul.col3_area li .title_area:after {
	    margin: 0 0 -10px;
	    height: 2px;
	}
	#sb-site.cloud_top ul.col3_area li .txt_area {
	    font-size: 16px;
	    line-height: 28px;
		margin: 0 0 20px;
	}
	#sb-site.cloud_top ul.col3_area li:last-child .txt_area {
		margin: 0 0 ;
	}
	#sb-site.cloud_top .linebox_area {
	    padding: 0 0 40px;
	}
	#sb-site.cloud_top .case_study .sec01 {
	    padding: 0 0 40px;
	}
	#sb-site.cloud_top ul.col2_area.example {
	    display: block;
	    padding: 0;
	}
	#sb-site.cloud_top ul.col2_area.example > li {
	    margin: 0;
	    padding: 30px 30px;
	    margin: 0 0 15px;
	    width: 100%;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box  {
	    padding: 0;
	    margin: 0;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dt {
		min-height: inherit;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dt .ttl {
	    font-size: 18px;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dt .logo {
		width: 30%;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dd > .hd08 {
	    margin: 0 0 10px;
	    font-size: 16px;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dd p {
	    margin: 0 0 20px;
	    font-size: 16px;
		line-height: 28px;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dd ul.flow {
	    margin: 0 0 ;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dd ul.flow li dl dt {
	    width: 120px;
	    height: 50px;
	    font-size: 16px;
		line-height: 28px;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dd > ul.flow li dl dd {
	    width: calc(100% - 100px);
	    margin: 0 0 0 10px;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dd > ul.flow li dl dd p{
	    font-size: 16px;
		line-height: 28px;
	    margin: 0;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dd > ul.flow li dl dt:after {
	    bottom: -33px;
	    z-index: 2;
	    width: 15px;
	    height: 18px;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dd .link {
	    font-size: 14px;
	    padding: 0 0 0 40px;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dd .link:before {
	    margin-top: -16px;
	    width: 30px;
	    height: 30px;
	}
	#sb-site.cloud_top .kaiketu_block {
	    padding: 0 0 20px;
	}
	#sb-site.cloud_top .user_block .flex {
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
		padding-bottom:30px;
	}
	#sb-site.cloud_top .user_block .flex li{
	    width: calc(50% - 2px);
	}
	#sb-site.cloud_top .user_block .flex li:nth-child(even){
	    margin-right: 0 ;
	}
	#sb-site.cloud_top .user_block .flex li:nth-last-child(n+3){
	    margin-bottom: 4px ;
	}
	#sb-site.cloud_top .step_flow li dl dd .hd07 {
	    font-size: 16px;
	}
#sb-site.cloud_top .user_block .flex li a .hd02 {
    font-size: 16px;
    font-weight: bold;
    line-height: 27px;
}
#sb-site.cloud_top .service .text_area .hd03 {
    font-size: 18px;
}
#sb-site.cloud_top ul.col2_area.example > li dl.box dd .hd08 {
    line-height: 27px;
}

}
@media only screen and (max-width: 375px){
	#sb-site.cloud_top #mainvisual .mv_subtitle {
	    font-size: 14px;
	    padding: 5px 10px;
	    margin: 0;
	}
	#sb-site.cloud_top #mainvisual .mv_title span {
	    font-size: 18px;
	}
	#sb-site.cloud_top .title_block .title_center .title {
	    font-size: 18px;
	    line-height: 27px;
	}
	#sb-site.cloud_top ul.col2_area > li .ttl_area h4 {
	    font-size: 14px;
	    line-height: 22px;
	}
	#sb-site.cloud_top .service .sec02 .text_area h4 {
	    margin: 0 0 10px;
	    font-size: 16px;
	}
	#sb-site.cloud_top .linebox_area .box_inner h4 {
	    margin: 0 0 25px;
	    font-size: 18px;
	}
	#sb-site.cloud_top ul.col3_area li .title_area h5 {
	    font-size: 14px;
	}
	#sb-site.cloud_top .step_flow {
	    padding: 0 10px 20px;
	}
	#sb-site.cloud_top .step_flow li dl dd h4 {
	    font-size: 18px;
	}
	#sb-site.cloud_top ul.tsuyomi.col2_area {
	    display: block;
	    padding: 0 20px 10px 20px;
	}
	#sb-site.cloud_top ul.col2_area > li .ttl_area .num {
	    font-size: 14px;
	    width: 51px;
	    height: 51px;
	    line-height: 36px;
	    margin: 0 10px 0 0;
	}
	#sb-site.cloud_top ul.col2_area > li .ttl_area .num span {
	    font-size: 10px;
	    margin: 0 0 -20px;
	}
	#sb-site.cloud_top .user_block .flex li .title_area h4{
	    font-size: 12px;
	    line-height: 18px;
	}
	#sb-site.cloud_top .user_block .flex li a {
	    padding: 10px ;
	}
	#sb-site.cloud_top .service .text_area {
	    margin: 0 20px 20px;
	}
	#sb-site.cloud_top .service .text_area dl {
	    display: block;
	}
	#sb-site.cloud_top .service .text_area dl dt {
	    width: 100px;
	    margin: 0 auto 0;
	}
	#sb-site.cloud_top .service .text_area dl dd {
	    width: 100%;
	    margin: 0;
	    padding: 0;
	    text-align: center;
	}
	#sb-site.cloud_top .service .sec02 .text_area h4 {
	    text-align: center;
	}
	#sb-site.cloud_top .service .text_area p {
	    text-align: left;
	}
	#sb-site.cloud_top ul.col2_area.service_block {
	    padding: 0;
	}
	#sb-site.cloud_top ul.col2_area.service_block .title_area h5 {
	    font-size: 18px;
	}
	#sb-site.cloud_top ul.col2_area.service_block .link {
	    margin: 10px auto 0;
	}
	#sb-site.cloud_top ul.col2_area.service_block > li {
	    padding: 0 15px 20px;
	}
	#sb-site.cloud_top .linebox_area .box {
	    width: calc(100% - 30px);
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dd ul.flow li dl dt {
	    width: 85px;
	    height: 50px;
	    font-size: 12px;
	    line-height: 18px;
	}
	#sb-site.cloud_top ul.col2_area.example > li {
	    margin: 0;
	    padding: 20px 20px;
	    margin: 0 0 10px;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dd > ul.flow li dl dd p {
	    font-size: 14px;
	    line-height: 20px;
	}
	#sb-site.cloud_top ul.col2_area.example > li dl.box dd p {
	    margin: 0;
	}
	#sb-site.cloud_top .title_block {
	    padding-top: 30px;
	    padding-bottom: 10px;
	}
}
















/* -------------------------------------------------------------------- 
	 クラウドセキュリティ 2021/2/17
-------------------------------------------------------------------- */
/* メインビジュアル */
#sb-site.cloud {
 background: url("../images/cloud/mainvisual02.png") no-repeat top center / 1400px auto, url("../images/cloud/mainvisual01.png") no-repeat top center / 3600px auto;
 background-color: #FFF;
}
#sb-site.cloud .pc_none {
 display: none !important;
}
#sb-site.cloud .sp_none {
 display: block !important;
}
/* テキストカラー*/
/* 青 */
#sb-site.cloud .txt_bl {
 color: #3E85FF;
}
/* 背景 */
/* 青グラデーション */
#sb-site.cloud .gdbg_bl {
 color: #fff;
 background: linear-gradient(to right, #2d52a1, #3e85ff);
}
#sb-site.cloud .gdbg_bl .title_block .title_center .title {
 color: #fff;
}
#sb-site.cloud li {
 list-style: none;
}
#sb-site.cloud .page_bg {
 background: #efefef;
}
#sb-site.cloud .bg_wh {
 background: #fff;
}
#sb-site.cloud #mainvisual {
 padding: 50px 0px 140px 0;
}
#sb-site.cloud #mainvisual .mv_subtitle {
 color: #FFF;
 font-size: 18px;
 font-weight: 700;
 display: inline-block;
 padding: 5px 20px;
 margin: 0 0 15px;
 letter-spacing: 2px;
 background: #2d53a2;
 background: -moz-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
 background: -webkit-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
 background: linear-gradient(to right, #2d53a2 0%, #3e84fe 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d53a2', endColorstr='#3e84fe', GradientType=1);
}
#sb-site.cloud #mainvisual .mv_title {
 color: #333;
 font-size: 38px;
 line-height: 61px;
 letter-spacing: 0;
}
#sb-site.cloud .mv_title span {
 font-size: 39px;
}
#sb-site.cloud .mv_3menu.subcont {
 padding: 80px 0;
 margin-bottom: 0;
}
#sb-site.cloud .mv_3menu .box a {
 display: block;
 background-color: #fff;
 border-radius: 20px;
 padding: 20px 20px 30px 20px;
 box-sizing: border-box;
 box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
 -webkit-transition-property: background-color;
 -webkit-transition-duration: 0.2s;
 -webkit-transition-timing-function: linear;
 cursor: pointer;
 text-align: center;
}
#sb-site.cloud .mv_3menu .box:hover a {
 box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
 -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
}
#sb-site.cloud .mv_3menu .box a:hover {
 background-color: #F2F2F2;
}
#sb-site.cloud .mv_3menu .box .img {
 max-width: auto;
 height: 123px;
 margin: 0 auto 10px auto;
 text-align: center;
}
#sb-site.cloud .mv_3menu .box .title {
 color: #fb4861;
 font-weight: 700;
 font-size: 24px;
 text-align: center;
 line-height: 1.2em;
 margin-bottom: 15px;
 padding-top: 15px;
 letter-spacing: 2px;
}
#sb-site.cloud .mv_3menu .box .title.fukusu {
 padding-top: 0;
}
#sb-site.cloud .mv_3menu .box .title span {
 font-size: 11px;
 letter-spacing: 0;
}
#sb-site.cloud .mv_3menu .box .text {
 font-size: 16px;
 line-height: 28px;
 color: #333;
 text-align: center;
 letter-spacing: 2px;
 -webkit-transition-property: color;
 -webkit-transition-duration: 0.2s;
 -webkit-transition-timing-function: linear;
}
#sb-site.cloud .mv_3menu .box:hover .text {
 color: #fb4861;
}
#sb-site.cloud .mv_3menu.col3area {
 margin-bottom: 80px;
}
#sb-site.cloud .mv_3menu.col3area .box .btn_defa {
 width: 160px;
}
#sb-site.cloud .mv_3menu.col3area .box .btn_defa a {
 font-size: 14px;
 padding: 1px 0;
 position: relative;
}
#sb-site.cloud .mv_3menu.col3area .box .btn_defa a:after {
 content: "";
 background: url("../images/common/arrow_white.png") no-repeat;
 background-size: cover;
 position: absolute;
 width: 5px;
 height: 7px;
 top: 50%;
 margin-top: -3.5px;
 right: 15px;
}
#sb-site.cloud .mv_3menu.col3area img:hover {
 opacity: 1;
}
#sb-site.cloud .mv_3menu.col3area .box .contactBtn {
 width: 170px;
 padding: 0;
 font-size: 14px;
 position: relative;
 padding: 6px;
 height: 37px;
 color: #fff;
 -webkit-transition-property: background;
 -webkit-transition-duration: 0.2s;
 -webkit-transition-timing-function: linear;
}
#sb-site.cloud .mv_3menu.col3area .box .contactBtn:after {
 content: "";
 background: url("../images/common/arrow_white.png") no-repeat;
 background-size: cover;
 position: absolute;
 width: 5px;
 height: 7px;
 top: 50%;
 margin-top: -3.5px;
 right: 15px;
 z-index: 2;
}
#sb-site.cloud .mv_3menu.col3area .box a:hover .contactBtn:after {
 background: url("../images/common/arrow_red.png") no-repeat;
 background-size: cover;
 right: 13px;
}
#sb-site.cloud .mv_3menu.col3area .box a:hover .contactBtn {
 color: #fb4861;
 padding: 4px;
 border: solid 2px #fb4861;
 background: #F2F2F2;
}
/* blue */
#sb-site.cloud .mv_3menu .box.blue .title {
 color: #3e85ff;
}
#sb-site.cloud .mv_3menu.col3area .box.blue .contactBtn {
 background: linear-gradient(to right, #2d52a1, #3e85ff);
}
#sb-site.cloud .mv_3menu.col3area .box.blue a:hover .contactBtn:after {
 background: url("../images/common/arrow_blue.png") no-repeat;
 background-size: cover;
 right: 12px;
}
#sb-site.cloud .mv_3menu.col3area .box.blue a:hover .contactBtn {
 color: #3e85ff;
 border: solid 2px #3e85ff;
}
#sb-site.cloud .mv_3menu .box.blue:hover .text {
 color: #3e85ff;
}
/*============================
#cont01
============================*/
div#cont01 {
 background: #ededed;
 padding-bottom: 80px;
}
div#cont01 div.upper {
 background: #74a7ff;
 text-align: center;
 padding: 80px 0 220px;
}
div#cont01 div.upper section {
 position: relative;
}
div#cont01 div.upper section > img {
 position: absolute;
 width: 140px;
 top: 80px;
 left: -80px;
}
div#cont01 div.upper section h3.title {
 font-size: 35px;
 color: #FFF;
 margin-bottom: 50px;
 letter-spacing: 2px;
}
div#cont01 div.upper section div.uprwrap {
 display: flex;
 justify-content: space-between;
}
div#cont01 div.upper section div.upr01 {
 width: 370px;
 height: 370px;
 border: 2px dashed #468aff;
 border-radius: 185px;
 background: rgba(255, 255, 255, 0.85);
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 -moz-box-shadow: 6px 6px 14px 3px rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: 6px 6px 14px 3px rgba(0, 0, 0, 0.2);
 -ms-box-shadow: 6px 6px 14px 3px rgba(0, 0, 0, 0.2);
 box-shadow: 6px 6px 14px 3px rgba(0, 0, 0, 0.2);
}
div#cont01 div.upper section div.upr01 div.num {
 color: #3e85ff;
 font-size: 50px;
 font-weight: 500;
 margin-bottom: 30px;
}
div#cont01 div.upper section div.upr01 p {
 font-size: 23px;
 font-weight: 700;
 line-height: 1.8em;
}
div#cont01 div.upper section div.upr01 p span {
 color: #3e85ff;
}
div#cont01 div.bottom {}
div#cont01 div.bottom section {
 background: #FFF;
 border-radius: 10px;
 margin-top: -140px;
 padding: 75px;
 text-align: center;
 position: relative;
 box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
 -webkit-box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
 -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
}
div#cont01 div.bottom section:before {
 content: "";
 position: absolute;
 top: -26px;
 left: 50%;
 margin-left: -72.5px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 70px 72.5px 0 72.5px;
 border-color: #ff793b transparent transparent transparent;
}
div#cont01 div.bottom section div.ifdts {
 width: 150px;
 height: 150px;
 font-size: 23px;
 color: #FFF;
 line-height: 1.8em;
 font-weight: 700;
 letter-spacing: 4px;
 border-radius: 90px;
 margin: 0 auto 50px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 background: #2d53a2;
 background: -moz-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
 background: -webkit-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
 background: linear-gradient(to right, #2d53a2 0%, #3e84fe 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d53a2', endColorstr='#3e84fe', GradientType=1);
}
div#cont01 div.bottom section div.ifdts span {
 font-size: 35px;
}
div#cont01 div.bottom section h3.title {
 font-size: 35px;
 line-height: 1.8em;
 margin-bottom: 50px;
}
div#cont01 div.bottom section h3.title span {
 color: #3e85ff;
}
div#cont01 div.bottom section p {
 font-size: 14px;
 line-height: 1.8em;
 margin-bottom: 50px;
}
div#cont01 div.bottom section div.strength {
 padding-top: 4px;
 border-radius: 4px;
 background: #2d53a2;
 text-align: left;
 margin-bottom: 70px;
 background: -moz-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
 background: -webkit-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
 background: linear-gradient(to right, #2d53a2 0%, #3e84fe 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d53a2', endColorstr='#3e84fe', GradientType=1);
}
div#cont01 div.bottom section div.strength .inner {
 background: #FFF;
 padding-top: 50px;
 display: flex;
 justify-content: space-between;
}
div#cont01 div.bottom section div.strength dl {
 width: 48%;
}
div#cont01 div.bottom section div.strength dl dt {
 display: table;
 width: 100%;
 min-height: 90px;
}
div#cont01 div.bottom section div.strength dl dt p.str01 {
 display: table-cell;
 text-align: left;
 width: 75px;
 padding-left: 10px;
 vertical-align: middle;
 color: #FFF;
 font-size: 12px;
 font-weight: 700;
 background: url(../images/cloud/cont01_btm01.png) no-repeat center center / contain;
}
div#cont01 div.bottom section div.strength dl dt p.str01 span {
 font-size: 22px;
}
div#cont01 div.bottom section div.strength dl dt p.str02 {
 display: table-cell;
 text-align: left;
 font-size: 20px;
 font-weight: 700;
 line-height: 1.8em;
 padding-left: 20px;
 vertical-align: middle;
}
div#cont01 div.bottom section div.strength dl dd {
 font-size: 14px;
 line-height: 1.8em;
 text-align: center;
}
div#cont01 div.bottom section div.strength dl dd img {
 height: 313px;
 width: auto;
}
div#cont01 div.bottom section div.strength dl dd img.auth {
 height: auto;
 width: auto;
}
div#cont01 div.bottom section div.strength dl dd p.text {
 margin: 30px 0 0;
 text-align: left;
}
div#cont01 div.bottom section div.strength dl dd p.note10 {
 text-align: left;
 font-size:10px;
 letter-spacing: 0;
 margin-top: 20px;
 margin-bottom: 0;
}
div#cont01 div.bottom section div.strength dl dd > ul {
 padding-left: 1em;
 margin-bottom: 15px;
 text-align: left;
}
div#cont01 div.bottom section div.strength dl dd ul li {
 text-indent: -1em;
}
div#cont01 div.bottom section div.strength dl dd ul li ul {
 padding-left: 2em;
}
div#cont01 div.bottom section div.strength dl dd ul li ul li {}
div#cont01 div.bottom section div.strength img {}
div#cont01 div.bottom section h4.title {
 display: inline-block;
 font-size: 28px;
 font-weight: 500;
 border-bottom: 1px solid #3e85ff;
 padding-bottom: 10px;
 margin-bottom: 50px;
}
div#cont01 div.bottom section div.strlink.col3area.clearfix {}
div#cont01 div.bottom section div.strlink.col3area.clearfix div.box {}
div#cont01 div.bottom section div.strlink.col3area.clearfix div.box a {
 display: block;
 background: linear-gradient(to right, #2d52a1, #3e85ff);
 border-radius: 20px;
 padding: 10px 0 0 0;
 box-sizing: border-box;
 -moz-box-shadow: 0px 5px 20px 3px rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: 0px 5px 20px 3px rgba(0, 0, 0, 0.2);
 -ms-box-shadow: 0px 5px 20px 3px rgba(0, 0, 0, 0.2);
 box-shadow: 0px 5px 20px 3px rgba(0, 0, 0, 0.2);
 cursor: pointer;
 color: #333;
 height: 100%;
 overflow: hidden;
}
div#cont01 div.bottom section div.strlink.col3area.clearfix div.box a .inner {
 padding: 30px 25px 60px;
 height: inherit;
 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;
 background: #fff url(../images/cloud/cont01_btm03.png) no-repeat center bottom 20px / 30px 30px;
}
div#cont01 div.bottom section div.strlink.col3area.clearfix div.box a:hover .inner {
 background: #f2f2f2 url(../images/cloud/cont01_btm03.png) no-repeat center bottom 20px / 30px 30px;
}
div#cont01 div.bottom section div.strlink.col3area.clearfix div.box a h5.title.fukusu {
 color: #3e85ff;
 text-align: center;
 font-size: 22px;
 font-weight: 700;
 letter-spacing: 2px;
}
div#cont01 div.bottom section div.strlink.col3area.clearfix div.box a h5.title.fukusu span {
 font-size: 12px;
 font-weight: normal;
 letter-spacing: 0;
}
div#cont01 div.bottom section div.strlink.col3area.clearfix div.box a p.text {
 text-align: left;
 padding: 0;
 margin-bottom: 20px;
}
div#cont01 div.bottom section div.strlink.col3area.clearfix div.box a span.recommend {
 display: inline-block;
 font-size: 14px;
 border: 1px solid #3e85ff;
 color: #3e85ff;
 padding: 0 12px;
 border-radius: 20px;
 margin-bottom: 20px;
}
/*============================
#cont02
============================*/
div#cont02 {
 background: #FFF;
 padding-top: 114px;
 padding-bottom: 80px;
}
div#cont02.awsptn,
div#cont02.c1ws {
 padding-top: 0;
 padding-bottom: 0;
}
div#cont02.aws_security {
 padding-bottom: 0;
}
div#cont02 div.h3tit01 {
 height: 220px;
 width: 100%;
 margin: -50px 0 100px;
 padding-top: 50px;
}
div#cont02 div.h3tit01 div.logo {
 position: relative;
 width: 1200px;
 margin: 0 auto;
}
div#cont02 div.h3tit01 div.logo .inner {
 position: absolute;
 left: 0;
 top: -34px;
 width: 308px;
 height: 220px;
 z-index: 9;
 padding: 50px;
 background: #FFF;
 text-align: center;
 border-radius: 10px;
 -moz-box-shadow: 6px 6px 14px 3px rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: 6px 6px 14px 3px rgba(0, 0, 0, 0.2);
 -ms-box-shadow: 6px 6px 14px 3px rgba(0, 0, 0, 0.2);
 box-shadow: 6px 6px 14px 3px rgba(0, 0, 0, 0.2);
}
div#cont02 div.h3tit01 div.innerwrap {
 overflow: hidden;
 position: relative;
 width: 100%;
 height: 220px;
}
div#cont02 div.h3tit01 div.innerBox {
 border-radius: 10px;
 position: absolute;
 left: 50%;
 top: 0;
 width: 100%;
 max-width: 100%;
 height: 220px;
 margin-left: -520px;
 z-index: 8;
 padding-left: 290px;
 color: #FFF;
 display: flex;
 align-items: center;
 background: -moz-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
 background: -webkit-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
 background: linear-gradient(to right, #2d53a2 0%, #3e84fe 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d53a2', endColorstr='#3e84fe', GradientType=1);
}
div#cont02 div.h3tit01 div.innerBox div.logo img {
 width: 100%;
 height: auto;
}
div#cont02 div.h3tit01 div.innerBox h3 {
 font-size: 32px;
 font-weight: 700;
 letter-spacing: 2px;
}
div#cont02 div.h3tit01 div.innerBox h3 span {
 font-size: 16px;
 font-weight: 100;
 display: inline-block;
 padding-left: 30px;
 letter-spacing: 0;
}
div#cont02 div.h3tit01 div.innerBox p {
 font-size: 23px;
 font-weight: 500;
 margin-top: 15px;
 line-height: 1.6em;
}
div#cont02 section.tm {
 padding-bottom: 130px;
}
div#cont02.c1ws section.tm {
 width: 1000px;
 padding-bottom: 0;
}
div#cont02.awsptn section.tm {
 padding-bottom: 0;
 width: 1000px;
}
div#cont02 section p.leadtext {
 font-size: 16px;
 line-height: 1.8em;
 margin-bottom: 80px;
}
div#cont02 section.tm div.cntbox.ft01 {}
div#cont02 section.tm div.cntbox h4 {
 display: flex;
 align-items: center;
 font-size: 26px;
 margin: 0 0 30px;
 letter-spacing: 1px;
}
div#cont02 section.tm div.cntbox h4 > span {
 border-radius: 20px;
 color: #FFF;
 padding: 10px 25px;
 margin: 0 15px 0 0;
 font-size: 14px;
 background: -moz-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
 background: -webkit-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
 background: linear-gradient(to right, #2d53a2 0%, #3e84fe 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d53a2', endColorstr='#3e84fe', GradientType=1);
}
div#cont02 section.tm div.cntbox h4 span span {
 font-size: 26px;
 display: block;
 text-align: center;
}
div#cont02 section.tm div.cntbox p.cntboxtext {
 font-size: 14px;
 line-height: 1.8em;
 margin: 0 0 50px;
}
div#cont02 section.tm div.cntbox.ft01 div.img {
 margin: 0 0 50px;
}
div#cont02 section.tm div.cntbox.ft01 div.img img {}
div#cont02 section.tm div.cntbox.ft02 {}
div#cont02 section.tm div.cntbox.ft02 div.col2 {
 display: flex;
 justify-content: space-between;
 margin: 0 0 80px;
}
div#cont02 section.tm div.cntbox.ft02 div.col2 div.box {
 width: 575px;
 position: relative;
}

div#cont02.awsptn section.tm div.cntbox.ft02 div.col2 div.box {
 width: 475px;
}

div#cont02 section.tm div.cntbox.ft02 div.col2 div.box.yob p {
 position: absolute;
 left: 0;
 top: -15px;
 display: table;
 border-radius: 24px;
 padding: 4px;
 background: -moz-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
 background: -webkit-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
 background: linear-gradient(to right, #2d53a2 0%, #3e84fe 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d53a2', endColorstr='#3e84fe', GradientType=1);
 -moz-box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
 -ms-box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
 box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
}
div#cont02 section.tm div.cntbox.ft02 div.col2 div.box.yob p span {
 background: #FFF;
 display: table-cell;
 border-radius: 20px;
 color: #3e85ff;
 font-size: 30px;
 width: 110px;
 height: 110px;
 font-weight: 500;
 text-align: center;
 vertical-align: middle;
}
div#cont02 section.tm div.cntbox.ft02 div.col2 div.box.hak p {
 position: absolute;
 left: 0;
 top: -15px;
 display: table;
 border-radius: 24px;
 padding: 4px;
 background: -moz-linear-gradient(left, #c8d3e7 0%, #3f86ff 100%);
 background: -webkit-linear-gradient(left, #c8d3e7 0%, #3f86ff 100%);
 background: linear-gradient(to right, #c8d3e7 0%, #3f86ff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8d3e7', endColorstr='#3f86ff', GradientType=1);
 -moz-box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
 -ms-box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
 box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
}
div#cont02 section.tm div.cntbox.ft02 div.col2 div.box.hak p span {
 display: table-cell;
 border-radius: 20px;
 color: #FFF;
 font-size: 30px;
 width: 110px;
 height: 110px;
 font-weight: 500;
 text-align: center;
 vertical-align: middle;
 background: -moz-linear-gradient(left, #2e54a5 0%, #3d83fb 100%);
 background: -webkit-linear-gradient(left, #2e54a5 0%, #3d83fb 100%);
 background: linear-gradient(to right, #2e54a5 0%, #3d83fb 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e54a5', endColorstr='#3d83fb', GradientType=1);
}
div#cont02 section.tm div.cntbox.ft02 div.col2 div.box dl {
 width: 535px;
 margin: 0 0 0 40px;
}
div#cont02.awsptn  section.tm div.cntbox.ft02 div.col2 div.box dl {
 width: 435px;
}
div#cont02 section.tm div.cntbox.ft02 div.col2 div.box dl dt {
 background: #f9f9f9;
 padding: 10px 10px 10px 110px;
}
div#cont02 section.tm div.cntbox.ft02 div.col2 div.box dl dd {
 background: #3e85ff;
 color: #FFF;
 padding: 10px 10px 10px 110px;
}
div#cont02 section div.cntbox p.subtit01 {
 font-size: 20px;
 font-weight: 700;
 margin: 0 0 10px;
}
div#cont02 section div.cntbox p.subtit01 span {
 color: #3e85ff;
}
div#cont02 section.tm div.cntbox.ft02 ul.function01 {
 margin: 0 0 80px;
}
div#cont02.awsptn section.tm div.cntbox.ft02 ul.function01 {
 margin: 0;
}
div#cont02 section.tm div.cntbox.ft02 ul.function01 li {
 border-bottom: 3px solid #FFF;
}
div#cont02 section.tm div.cntbox.ft02 ul.function01 li dl {
 display: table;
 width: 100%;
}
div#cont02 section.tm div.cntbox.ft02 ul.function01 li dl dt {
 display: table-cell;
 background: #e2edff;
 width: 516px;
 vertical-align: middle;
 color: #004894;
 font-size: 18px;
 font-weight: 700;
 border-right: 3px solid #FFF;
}
div#cont02 section.tm div.cntbox.ft02 ul.function01 li dl dt span {
 background: #7aabff;
 display: inline-block;
 width: 132px;
 text-align: center;
 padding: 10px;
 vertical-align: middle;
 margin: 0 20px 0 0;
 border-right: 3px solid #FFF;
}
div#cont02 section.tm div.cntbox.ft02 ul.function01 li dl dt span img {
 width: auto;
 height: 45px;
}
div#cont02 section.tm div.cntbox.ft02 ul.function01 li dl dd {
 background: #ededed;
 display: table-cell;
 vertical-align: middle;
 font-size: 18px;
 padding: 0 0 0 20px;
}
div#cont02 section.tm div.cntbox.ft03 {}
div#cont02 section.tm div.cntbox.ft03 div.img {}
div#cont02 section.tm div.cntbox.ft03 div.img img {}
div#cont02 section.tm div.cntbox.ft03 .cap01 {
 font-size: 16px;
 margin: 10px 0 80px;
}
div#cont02 section.tm div.cntbox.ft04 {}
div#cont02 section.tm div.cntbox.ft04 h4 {}
div#cont02 section.tm div.cntbox.ft04 h4 span {}
div#cont02 section.tm div.cntbox.ft04 h4 span span {}
div#cont02 section.tm div.cntbox.ft04 p.cntboxtext {}
div#cont02 section.tm div.cntbox.ft04 div.img {}
div#cont02 section.tm div.cntbox.ft04 div.img img {}
div#cont02 section.tm div.cntbox.ft04 .cap02 {
 font-size: 17px;
 margin: 10px 0 80px;
 color: #fb3639;
 font-weight: 700;
 text-align: right;
}



div#cont02 section.tm div.cntbox.ft04 table {
 width: 100%;
}
div#cont02 section.tm div.cntbox.ft04 table tbody {}
div#cont02 section.tm div.cntbox.ft04 table tbody tr {
 border-bottom: 3px solid #FFF;
}
div#cont02 section.tm div.cntbox.ft04 table tbody tr th {
 background: #3e85ff;
 color: #FFF;
 text-align: center;
 font-size: 20px;
 font-weight: 700;
 border-right: 3px solid #FFF;
 padding: 16px;
}
div#cont02 section.tm div.cntbox.ft04 table tbody tr th:nth-child(n + 2) {
 width: 200px;
}
div#cont02 section.tm div.cntbox.ft04 table tbody tr th:last-child {
 border-right: none;
}
div#cont02 section.tm div.cntbox.ft04 table tbody tr td.hd {
 background: #ededed;
}
div#cont02 section.tm div.cntbox.ft04 table tbody tr td.hd span {
 color: #004894;
 font-weight: 700;
 font-size: 16px;
}
div#cont02 section.tm div.cntbox.ft04 table tbody tr td {
 background: #d8e7ff;
 border-right: 3px solid #FFF;
 padding: 10px 16px;
 font-size: 16px;
 text-align: center;
}
div#cont02 section.tm div.cntbox.ft04 table tbody tr td:last-child {
 border-right: none;
}
div#cont02 section.tm div.cntbox.ft04 table tbody tr:nth-child(2) td:nth-child(1) {
 width: 70px;
}
div#cont02 section.tm div.cntbox.ft04 table tbody tr:nth-child(2) td:nth-child(2) {}
div#cont02 section.tm div.cntbox.ft04 table tbody tr td span {
 color: #3e85ff;
 font-weight: 700;
 font-size: 24px;
}
div#cont02 section.tm div.cntbox.ft04 table tbody tr td p {
 margin-bottom: 10px;
 letter-spacing: 0;
}
div#cont02 section.tm div.cntbox.ft04 ul.notes {
 margin: 10px 0 100px;
}

div#cont02.c1ws section.tm div.cntbox.ft04 ul.notes {
 margin: 10px 0 0;
}

div#cont02 section.tm div.cntbox.ft04 ul.notes li {
 font-size: 12px;
 line-height: 1.7em;
 display: table;
}
div#cont02 section.tm div.cntbox.ft04 ul.notes li span {
 display: table-cell;
}
div#cont02 section.tm div.cntbox.ft04 ul.notes li span:first-child {
 padding-right: 1em;
}
div#cont02 section .border01 {
 height: 3px;
 line-height: 3px;
 background: -moz-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
 background: -webkit-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
 background: linear-gradient(to right, #2d53a2 0%, #3e84fe 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d53a2', endColorstr='#3e84fe', GradientType=1);
}
div#cont02 section.aws {
 padding-bottom: 130px;
}
div#cont02.aws_security section.aws {
 padding-bottom: 0;
}
div#cont02 section.aws img {
 max-width: 48px;
 width: auto;
}
div#cont02 section.aws div.cntbox.ft01 div.head {
 text-align: center;
 background: #ececec;
 padding: 15px;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 10px;
}
div#cont02 section.aws div.cntbox.ft01 div.head dl {
 margin-right: 40px;
}
div#cont02 section.aws div.cntbox.ft01 div.head dl dd {
 font-weight: 700;
 font-size: 16px;
 line-height: 1.6em;
 padding-top: 6px;
}
div#cont02 section.aws div.cntbox.ft01 div.head h3 {
 font-weight: 700;
 font-size: 16px;
 line-height: 1.6em;
}
div#cont02 section.aws div.cntbox.ft01 div.services {
 position: relative;
 padding-bottom: 50px;
 margin-bottom: 80px;
}
div#cont02 section.aws div.cntbox.ft01 div.services .trigger {
 position: absolute;
 bottom: 8px;
 left: 316px;
 width: 788px;
 max-width: 788px;
 height: auto;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 {
 display: flex;
 justify-content: space-between;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox {
 text-align: center;
 border: 2px solid #3e85ff;
 width: 200px;
 padding: 10px;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox h4 {
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 10px;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.inbox {
 background: #ececec;
 margin-bottom: 10px;
 padding: 10px;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.inbox.btw {
 margin-bottom: 0;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.inbox div.imgtit {
 font-weight: 700;
 font-size: 15px;
 line-height: 1.4em;
 margin-bottom: 10px;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.inbox div.imgtit img {
 margin-bottom: 6px;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.inbox p {
 font-size: 12px;
 line-height: 1.6em;
 text-align: left;
 letter-spacing: 0;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.inbox ul {
 margin-top: 10px;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.inbox ul li {
 font-size: 12px;
 line-height: 1.6em;
 text-align: left;
 padding-left: 1.2em;
 text-indent: -1.2em;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.arrow {
 font-size: 12px;
 padding-left: 24px;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.arrow img {
 height: 30px;
 width: auto;
 margin-right: 5px;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box04 {
 width: 335px;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box04 div.inbox02 {
 background: #e8f1ff;
 padding: 10px;
 overflow: hidden;
 margin-bottom: 10px;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box04 div.inbox02 p.tit {
 font-size: 15px;
 line-height: 1.8em;
 font-weight: 500;
 margin-bottom: 10px;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box04 div.inbox02 div.inbox {
 background: #e8f1ff;
 width: 142px;
 float: left;
 margin-bottom: 0;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box04 div.inbox02 div.inbox div.imgtit {
 margin-bottom: 0;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box04 div.col2 {
 display: flex;
 justify-content: space-between;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box04 div.col2 div.inbox {
 width: 150px;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box05 div.textbox p {
 font-size: 12px;
 line-height: 1.6em;
 margin-bottom: 90px;
}
div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.arrow02 img {
 height: 30px;
 width: auto;
}
div#cont02 section.aws div.cntbox.ft01 p.subtit01 {}
div#cont02 section.aws div.cntbox.ft01 p.subtit01 span {}
div#cont02 section.aws div.cntbox.ft01 table.tbl01 {
 margin-bottom: 60px;
}
div#cont02 section div.cntbox.ft01 table.tbl01 {
 width: 100%;
}
div#cont02 section div.cntbox.ft01 table.tbl01 tbody {}
div#cont02 section div.cntbox.ft01 table.tbl01 tbody tr {
 border-bottom: 3px solid #FFF;
}
div#cont02 section div.cntbox.ft01 table.tbl01 tbody tr th {
 background: #3e85ff;
 color: #FFF;
 text-align: center;
 font-size: 20px;
 font-weight: 700;
 border-right: 3px solid #FFF;
 padding: 16px;
 width: 50%;
}
div#cont02 section div.cntbox.ft01 table.tbl01 tbody tr th:last-child {
 border-right: none;
}
div#cont02 section div.cntbox.ft01 table.tbl01 tbody tr td {
 background: #d8e7ff;
 border-right: 3px solid #FFF;
 padding: 20px 16px;
 font-size: 16px;
 text-align: center;
}
div#cont02 section div.cntbox.ft01 table.tbl01 tbody tr td:last-child {
 border-right: none;
}
div#cont02 section div.cntbox.ft01 table.tbl01 tbody tr td:first-child {
 background: #ededed;
 color: #004894;
 font-weight: 700;
 font-size: 16px;
}
div#cont02 section div.cntbox.ft01 table.tbl01 tbody tr td span {
 color: #3e85ff;
 font-weight: 700;
 font-size: 24px;
}
div#cont02 section.sec {}
div#cont02 section.sec p.leadtext {}
div#cont02 section.sec div.cntbox.ft01 {}
div#cont02 section.sec div.cntbox.ft01 div.img {
 text-align: center;
 margin-bottom: 100px;
}
div#cont02 section.sec div.cntbox.ft01 div.img img {
 max-width: 823px;
}
div#cont02 section.sec div.cntbox.ft01 p.subtit01 {}
div#cont02 section.sec div.cntbox.ft01 p.subtit01 span {}
div#cont02 section.sec div.cntbox.ft01 table {}
div#cont02 section.sec div.cntbox.ft01 table tbody {}
div#cont02 section.sec div.cntbox.ft01 table tbody tr {}
div#cont02 section.sec div.cntbox.ft01 table tbody tr th {}
div#cont02 section.sec div.cntbox.ft01 table tbody tr td {}
div#cont02 section.sec div.cntbox.ft01 table tbody tr td span {}
#sb-site.cloud #foot_contact {
 background: #FFF;
}
.scroll_icon {
 display: none;
}
/********** 画面右下固定 **********/
.bottom02_bnr {
 position: fixed;
 bottom: 0;
 right: 0;
 z-index: 999;
 width: 210px;
}
.bottom02_bnr .pconly .box {
 position: relative;
}
.bottom02_bnr .pconly .box a {
 display: block;
 position: relative;
 background: #ca2b4d;
 background: -moz-linear-gradient(left, #ca2b4d 0%, #ff604d 100%);
 background: -webkit-linear-gradient(left, #ca2b4d 0%, #ff604d 100%);
 background: linear-gradient(to right, #ca2b4d 0%, #ff604d 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca2b4d', endColorstr='#ff604d', GradientType=1);
}
.bottom02_bnr .box:not(:last-child) {
 margin-bottom: 7px;
}
.bottom02_bnr .box .closeBtn {
 position: absolute;
 right: 10px;
 top: 10px;
 height: 15px;
 z-index: 2;
}
.bottom02_bnr .box .closeBtn img {
 vertical-align: top;
}
.bottom02_bnr .box .closeBtn img:hover {
 cursor: pointer;
}
.bottom02_bnr .topContBtnWrap01 {
 padding: 0;
}
.bottom02_bnr .pconly .topContBtnWrap01 .contactBtn {
 color: #fff;
 font-size: 13px;
 line-height: 1.5em;
 border-radius: 0;
}
.bottom02_bnr .left_text {
 padding: 30px 5px 3px 60px;
 text-align: left;
 font-size: 13px;
}
.bottom02_bnr .left_text .text1 {
 font-size: 14px;
 color: #FFF;
 line-height: 20px;
 font-weight: 700;
 margin: 0px 10px;
 line-height: 1.8em;
}
.bottom02_bnr .left_text .text1 span {
 font-size: 17px;
}
.bottom02_bnr .dltext {
 font-size: 13px;
 text-align: center;
 color: #FFF;
 padding: 12px;
}
.bottom02_bnr a:hover .dltext {
 color: #fb4861;
 background: #fff;
 padding: 10px 6px;
 border: 2px solid #fb4861;
}
.bottom02_bnr .dltext span {
 display: inline-block;
 padding-left: 25px;
 background: url("../images/cloud/icon_download.png") no-repeat left center / 15px auto;
 transition: 0.3s;
}
.bottom02_bnr a:hover .dltext span {
 display: inline-block;
 padding-left: 25px;
 background: url("../images/cloud/icon_download_on.png") no-repeat left center / 15px auto;
}
.bottom02_bnr .right_img {
 display: table-cell;
 width: 48%;
 vertical-align: top;
 position: absolute;
 left: -30px;
 top: -30px;
}
.bottom02_bnr .right_img img {
 opacity: 1;
 width: 100px;
 height: auto;
}
.bottom02_bnr .img_text .left_text .text2 {
 font-size: 16px;
 line-height: 30px;
 font-weight: 700;
 text-align: center;
 color: #000;
}
.bottom02_bnr .topContBtnWrap01 span {
 position: relative;
 padding-left: 25px;
}
.bottom02_bnr .topContBtnWrap01.download span:before {
 content: "";
 background: url("../images/common/cont_btn_ar02_on.png") no-repeat;
 background-size: cover !important;
 position: absolute;
 width: 16px;
 height: 15px;
 top: 50%;
 margin-top: -7.5px;
 left: 0;
}
.bottom02_bnr .pconly .topContBtnWrap01 {
 height: 50px;
 display: table;
 width: 100%;
}
.bottom02_bnr .pconly .topContBtnWrap01 .contactBtn {
 display: table-cell;
 text-align: center;
 vertical-align: middle;
}
.bottom02_bnr .pconly .box:hover .topContBtnWrap01.download .contactBtn span:before {
 background: url("../images/common/cont_btn_ar02.png") no-repeat;
}
.bottom02_bnr .pconly .box:hover .topContBtnWrap01 {
 border: 2px solid #fb4861;
}
.bottom02_bnr .pconly .box:hover .topContBtnWrap01 .contactBtn {
 color: #fb4861;
 background: #fff;
}
.bottom02_bnr .topContBtnWrap01.contact .contactBtn span:before {
 content: "";
 background: url("../images/common/contact_icon_mail.png") no-repeat;
 background-size: cover !important;
 position: absolute;
 width: 16px;
 height: 15px;
 top: 50%;
 margin-top: -7.5px;
 left: 0;
}
.bottom02_bnr .pconly .box:hover .topContBtnWrap01.contact .contactBtn span:before {
 background: url("../images/common/contact_icon_mail_red.png") no-repeat;
}
div.exlist {
 display: flex;
 justify-content: space-between;
}
div.exlist dl {
 background: #eaeaea;
}
div.exlist dl dt {
 padding: 0 0 15px;
 background: #FFF;
}
div.exlist dl dt img {
 width: auto;
 height: 50px;
}
div.exlist dl dd {
 padding: 25px 20px;
}
div.exlist dl.tlist {
 width: 425px;
}
div.exlist dl.tlist dd ul li {
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 10px;
 line-height: 1.4em;
}
div.exlist dl.alist {
 width: 735px;
}
div.exlist dl.alist dd {
 padding: 25px 20px 10px;
}
div.exlist dl.alist dd ul {
 overflow: hidden;
}
div.exlist dl.alist dd ul li {
 text-align: center;
 font-size: 14px;
 line-height: 1.4em;
 font-weight: 700;
 float: left;
 width: 102px;
 margin: 0 15px 15px 0;
 ;
}
div.exlist dl.alist dd ul li:nth-child(6n) {
 margin-right: 0;
}
div.exlist dl.alist dd ul li img {
 width: auto;
 height: 48px;
 margin: 0 auto 10px;
}
.notes02 {
 font-size: 14px;
 padding: 10px 0 0 1em;
 text-indent: -1em;
 line-height: 1.4em;
}
@media only screen and (max-width: 1140px) {
 #sb-site.cloud ul.col2_area.tsuyomi {
  padding: 0 30px;
 }
 #sb-site.cloud ul.col2_area.tsuyomi > li {
  padding: 0 0 80px;
 }
 #sb-site.cloud ul.col2_area.service_block {
  padding: 0 30px;
 }
 div#cont02 div.h3tit01 div.innerBox {
  position: absolute;
  left: 5%;
  top: 0;
  width: 90%;
  max-width: 100%;
  height: 220px;
  margin-left: 0;
  padding-left: 300px;
  padding-right: 20px;
 }
 div#cont02 section.tm div.cntbox.ft02 ul.function01 {
  margin: 0;
  width: 1200px;
 }
 div#cont02 section.tm div.cntbox.ft04 table {
  width: 1200px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 {
  display: flex;
  justify-content: space-between;
  width: 1200px;
 }
 div#cont02 section div.cntbox.ft01 table.tbl01 {
  width: 100%;
  margin-bottom: 0;
 }
 .scroll_icon {
  display: block;
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 0 60px;
 }
 div.exlist {
  display: block;
 }
 div.exlist dl dt {
  padding: 0 0 15px;
  background: #FFF;
 }
 div.exlist dl dt img {
  width: auto;
  height: 40px;
 }
 div.exlist dl dd {
  padding: 25px 20px 15px;
 }
 div.exlist dl.tlist {
  width: auto;
  margin-bottom: 30px;
 }
 div.exlist dl.tlist dd ul li {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.4em;
 }
 div.exlist dl.alist {
  width: auto;
 }
 div.exlist dl.alist dd {
  padding: 25px 5px 10px 20px;
 }
 div.exlist dl.alist dd ul {
  overflow: hidden;
 }
 div.exlist dl.alist dd ul li {
  text-align: center;
  font-size: 14px;
  line-height: 1.4em;
  font-weight: 700;
  float: left;
  width: 102px;
  margin: 0 15px 15px 0;
 }
 div.exlist dl.alist dd ul li:nth-child(6n) {
  margin: 0 15px 15px 0;
 }
 div.exlist dl.alist dd ul li img {
  width: auto;
  height: 40px;
  margin: 0 auto 10px;
 }
 .notes02 {
  font-size: 14px;
  padding: 10px 0 0 1em;
  text-indent: -1em;
 }
}
@media only screen and (max-width: 950px) {
 #sb-site.cloud .case_study ul.col2_area {
  padding: 0;
 }
 #sb-site.cloud .service .text_area {
  margin: 0 50px 50px;
 }
 .border_blue.inner_line {
  padding: 0 0 30px;
  width:100%;
 }
 .border_blue.inner_line.pd {
  padding: 0 0 80px;
 }
 #sb-site.cloud .linebox_area .box_inner ul.col3_area {
  padding: 0 10px;
 }
 #sb-site.cloud ul.col3_area li {
  padding: 0 10px;
 }
 #sb-site.cloud ul.col3_area li .title_area {
  min-height: 68px;
 }
 #sb-site.cloud .linebox_area .box {
  width: calc(100% - 100px);
 }
 #sb-site.cloud ul.tsuyomi.col2_area {
  display: block;
  padding: 0 50px 50px 30px;
 }
 #sb-site.cloud ul.tsuyomi.col2_area > li {
  width: 100%;
  margin: 0 0px;
  padding: 0 0 50px;
 }
 #sb-site.cloud ul.col2_area.example > li {
  margin: 0 0 30px;
 }
 #sb-site.cloud .step_flow {
  display: block;
  padding: 0 20px 20px;
 }
 #sb-site.cloud .step_flow li {
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
 }
 #sb-site.cloud .step_flow li:last-child {
  content: none;
  margin: 0;
 }
 #sb-site.cloud .step_flow li dl dt {
  padding: 5px 10px 5px 10px;
 }
 #sb-site.cloud .step_flow li dl dt:after {
  content: none;
 }
 #sb-site.cloud .step_flow li dl dd:after {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #3e85ff transparent transparent transparent;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
 }
 #sb-site.cloud .step_flow li:last-child dl dd:after {
  content: none;
 }
 #sb-site.cloud .step_flow li .txt {
  padding: 0 0 10px;
 }
 #sb-site.cloud dl.kaiketu {
  display: block;
 }
 #sb-site.cloud dl.kaiketu dt {
  width: 100%;
  height: initial;
 }
 #sb-site.cloud dl.kaiketu dt .step span {
  display: inline-block;
  position: relative;
  top: 1px;
 }
 #sb-site.cloud dl.kaiketu dd {
  width: 100%;
  margin: 5px 0 0;
 }
 #sb-site.cloud dl.kaiketu dd .box {
  height: initial;
  margin: 0 auto;
  padding: 30px 0;
 }
 #sb-site.cloud dl.kaiketu dd .box div {
  display: block;
  width: 100%;
 }
 #sb-site.cloud dl.kaiketu dd .box .txt01 {
  padding-right: 0;
  margin: 0 0 20px;
 }
 #sb-site.cloud dl.kaiketu dd .box .txt_arrow {
  background: url(../images/cloud_top/triangle_b.png) no-repeat;
  width: 26px;
  height: 21px;
  margin: 0 auto 20px;
 }
 #sb-site.cloud dl.kaiketu dd .box .txt02 {
  margin: 0 0 30px;
 }
 #sb-site.cloud dl.kaiketu dd .box .txt03 p, #sb-site.cloud dl.kaiketu dd .box .txt03 a {
  width: 100%;
  line-height: 23px;
 }
 #sb-site.cloud dl.kaiketu dd .box .txt03.box_col2 p {
  width: 100%;
 }
}
@media only screen and (max-width: 768px) {
 #sb-site.cloud .pc_none {
  display: block !important;
 }
 #sb-site.cloud .sp_none {
  display: none !important;
 }
 #sb-site.cloud ul.col2_area.service_block {
  display: block;
 }
 #sb-site.cloud ul.col2_area.service_block > li {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px 30px;
 }
 #sb-site.cloud ul.col2_area.service_block .box {
  padding: 30px 20px 30px 20px;
 }
 #sb-site.cloud ul.col2_area.service_block .link {
  position: relative;
  margin: 30px auto 0;
  bottom: 0;
 }
 #sb-site.cloud dl.kaiketu {
  padding: 0 0 10px;
 }
 #sb-site.cloud dl.kaiketu dd .box {
  padding: 0;
 }
 #sb-site.cloud dl.kaiketu dt .step span {
  font-size: 18px;
  padding: 0 0 0 10px;
  top: 1px;
 }
 #sb-site.cloud dl.kaiketu dd {
  margin: 5px 0 0;
  padding: 15px 20px 20px;
 }
 #sb-site.cloud dl.kaiketu dd .box {
  font-size: 16px;
  text-align: center;
 }
 #sb-site.cloud dl.kaiketu dd .box div {
  font-size: 16px;
  line-height: 28px;
  padding: 0 10px;
  text-align: center;
 }
 #sb-site.cloud dl.kaiketu dd .box .txt01 {
  padding-right: 0;
  margin: 0 0 20px;
 }
 #sb-site.cloud dl.kaiketu dd .box .txt_arrow {
  margin: 0 auto 20px;
 }
 #sb-site.cloud dl.kaiketu dd .box .txt01:after {
  background: url(../images/cloud_top/triangle_b.png) no-repeat;
  bottom: -24px;
  top: initial;
  right: 0;
  left: 0;
  width: 26px;
  height: 21px;
  margin: 0 auto;
 }
 #sb-site.cloud dl.kaiketu dd .box .txt03 p, #sb-site.cloud dl.kaiketu dd .box .txt03 a {
  height: 40px;
  font-size: 14px;
  line-height: 23px;
 }
 #sb-site.cloud dl.kaiketu dd .box .txt03.box_col2 p {
  height: 40px;
  margin: 0 0 8px;
 }
 #sb-site.cloud {
  background: url(../images/cloud/mainvisual_sp.png) no-repeat top center;
  background-size: contain;
  background-color: #efefef;
 }
 #sb-site.cloud #mainvisual {
  padding: 50px 0px 50px 0;
 }
 #sb-site.cloud #mainvisual .mv_title {
  font-size: 22px;
  line-height: 37px;
  letter-spacing: -1px;
 }
 #sb-site.cloud #mainvisual .mv_title span {
  font-size: 22px;
 }
 #sb-site.cloud .mv_3menu {}
 #sb-site.cloud .mv_3menu .box .title {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px;
 }
 #sb-site.cloud .mv_3menu .box .text {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 15px;
 }
 #sb-site.cloud .mv_3menu .box .img {
  margin: 0 auto;
 }
 /********** 画面右下固定 **********/
 .bottom02_bnr {
  position: fixed;
  bottom: 0;
  right: auto;
  left: 0;
  z-index: 999;
  width: 100%;
 }
 .bottom02_bnr .sponly .bg {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
  padding: 7px 15px 0 15px;
  position: relative;
 }
 .bottom02_bnr .sponly .bg:after {
  content: "";
  clear: both;
 }
 .bottom02_bnr .bg .closeBtn {
  position: absolute;
  right: 20px;
  top: 0;
  height: 15px;
  z-index: 2;
 }
 .bottom02_bnr .sponly .box {
  position: relative;
  width: 49%;
  float: left;
 }
 .bottom02_bnr .sponly .box.dl {
  margin-right: 2%;
 }
 .bottom02_bnr .sponly .box a {
  display: block;
  position: relative;
  background: #ca2b4d;
  background: -moz-linear-gradient(left, #ca2b4d 0%, #ff604d 100%);
  background: -webkit-linear-gradient(left, #ca2b4d 0%, #ff604d 100%);
  background: linear-gradient(to right, #ca2b4d 0%, #ff604d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca2b4d', endColorstr='#ff604d', GradientType=1);
 }
 .bottom02_bnr .box:not(:last-child) {
  margin-bottom: 7px;
 }
 .bottom02_bnr .box .closeBtn img {
  vertical-align: top;
 }
 .bottom02_bnr .box .closeBtn img:hover {
  cursor: pointer;
 }
 .bottom02_bnr .topContBtnWrap01 {
  padding: 0;
 }
 .bottom02_bnr .sponly .topContBtnWrap01 .contactBtn {
  color: #fff;
  font-size: 13px;
  line-height: 1.8em;
  font-weight: 700;
  border-radius: 0;
 }
 .bottom02_bnr .left_text {
  padding: 30px 5px 3px 60px;
  text-align: left;
  font-size: 13px;
 }
 .bottom02_bnr .bg .text1 {
  font-size: 14px;
  color: #fb4861;
  text-align: center;
  line-height: 20px;
  font-weight: 700;
  margin: 0 100px 0 0;
  background: url(../images/common/cta_bg1.png) no-repeat center left, url(../images/common/cta_bg2.png) no-repeat center right;
 }
 .bottom02_bnr .bg .text2 {
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  font-weight: 700;
  margin: 0 100px 0 0;
  padding-bottom: 7px;
 }
 .bottom02_bnr .left_text .text1 span {
  font-size: 17px;
 }
 .bottom02_bnr .dltext {
  font-size: 13px;
  line-height: 1.8em;
  font-weight: 700;
  text-align: center;
  color: #FFF;
  padding: 6px;
 }
 .bottom02_bnr a:hover .dltext {
  color: #fb4861;
  background: #fff;
  border: 2px solid #fb4861;
  padding: 4px 6px;
 }
 .bottom02_bnr .dltext span {
  display: inline-block;
  padding-left: 25px;
  background: url("../images/cloud/icon_download.png") no-repeat left center / 15px auto;
  transition: 0.3s;
 }
 .bottom02_bnr a:hover .dltext span {
  display: inline-block;
  padding-left: 25px;
  background: url("../images/cloud/icon_download_on.png") no-repeat left center / 15px auto;
 }
 .bottom02_bnr .right_img {
  display: block;
  width: 50px;
  vertical-align: top;
  position: absolute;
  left: auto;
  top: -20px;
  right: 50px;
 }
 .bottom02_bnr .right_img img {
  opacity: 1;
  width: 100%;
  height: auto;
 }
 .bottom02_bnr .img_text .left_text .text2 {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
  color: #000;
 }
 .bottom02_bnr .topContBtnWrap01 span {
  position: relative;
  padding-left: 25px;
 }
 .bottom02_bnr .topContBtnWrap01.download span:before {
  content: "";
  background: url("../images/common/cont_btn_ar02_on.png") no-repeat;
  background-size: cover !important;
  position: absolute;
  width: 16px;
  height: 15px;
  top: 50%;
  margin-top: -7.5px;
  left: 0;
 }
 .bottom02_bnr .sponly .topContBtnWrap01 {
  height: auto;
  display: block;
  width: 100%;
 }
 .bottom02_bnr .sponly .topContBtnWrap01 .contactBtn {
  display: block;
  text-align: center;
  padding: 6px;
 }
 .bottom02_bnr .sponly .box:hover .topContBtnWrap01.download .contactBtn span:before {
  background: url("../images/common/cont_btn_ar02.png") no-repeat;
 }
 .bottom02_bnr .sponly .box:hover .topContBtnWrap01 {
  border: 2px solid #fb4861;
 }
 .bottom02_bnr .sponly .box:hover .topContBtnWrap01 .contactBtn {
  color: #fb4861;
  background: #fff;
  padding: 4px 6px;
 }
 .bottom02_bnr .topContBtnWrap01.contact .contactBtn span:before {
  content: "";
  background: url("../images/common/contact_icon_mail.png") no-repeat;
  background-size: cover !important;
  position: absolute;
  width: 16px;
  height: 15px;
  top: 50%;
  margin-top: -7.5px;
  left: 0;
 }
 .bottom02_bnr .sponly .box:hover .topContBtnWrap01.contact .contactBtn span:before {
  background: url("../images/common/contact_icon_mail_red.png") no-repeat;
 }
 /*============================
#cont01
============================*/
 div#cont01 {
  background: #ededed;
  padding-bottom: 40px;
 }
 div#cont01 div.upper {
  background: #74a7ff;
  text-align: center;
  padding: 40px 0 160px;
 }
 div#cont01 div.upper section {
  position: relative;
 }
 div#cont01 div.upper section > img {
  position: absolute;
  width: 100px;
  top: 100px;
  left: auto;
  right: 84%;
 }
 div#cont01 div.upper section h3.title {
  font-size: 20px;
  line-height: 1.6em;
  margin-bottom: 40px;
  letter-spacing: 2px;
 }
 div#cont01 div.upper section div.uprwrap {
  display: block;
  text-align: center;
 }
 div#cont01 div.upper section div.upr01 {
  display: block;
  width: 300px;
  height: 370px;
  padding: 40px 10px;
  height: auto;
  margin: 0 auto 30px;
  border: 2px dashed #468aff;
  border-radius: 185px;
  background: rgba(255, 255, 255, 0.85);
  -moz-box-shadow: 6px 6px 14px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 6px 6px 14px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 6px 6px 14px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 6px 6px 14px 3px rgba(0, 0, 0, 0.2);
 }
 div#cont01 div.upper section div.upr01 div.num {
  color: #3e85ff;
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 20px;
 }
 div#cont01 div.upper section div.upr01 p {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8em;
 }
 div#cont01 div.bottom section {
  background: #FFF;
  border-radius: 10px;
  margin-top: -140px;
  padding: 40px 5%;
  text-align: center;
  position: relative;
  box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
 }
 div#cont01 div.bottom section:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -42.5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 42.5px 0 42.5px;
  border-color: #ff793b transparent transparent transparent;
 }
 div#cont01 div.bottom section div.ifdts {
  width: 120px;
  height: 120px;
  font-size: 18px;
  color: #FFF;
  line-height: 1.8em;
  font-weight: 700;
  letter-spacing: 4px;
  border-radius: 90px;
  margin: 0 auto 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #2d53a2;
  background: -moz-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
  background: -webkit-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
  background: linear-gradient(to right, #2d53a2 0%, #3e84fe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d53a2', endColorstr='#3e84fe', GradientType=1);
 }
 div#cont01 div.bottom section div.ifdts span {
  font-size: 30px;
 }
 div#cont01 div.bottom section h3.title {
  font-size: 20px;
  line-height: 1.8em;
  margin-bottom: 25px;
 }
 div#cont01 div.bottom section h3.title span {
  color: #3e85ff;
 }
 div#cont01 div.bottom section p {
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 40px;
  text-align: left;
 }
 div#cont01 div.bottom section div.strength {
  padding-top: 4px;
  border-radius: 4px;
  background: #2d53a2;
  text-align: left;
  margin-bottom: 40px;
  background: -moz-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
  background: -webkit-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
  background: linear-gradient(to right, #2d53a2 0%, #3e84fe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d53a2', endColorstr='#3e84fe', GradientType=1);
 }
 div#cont01 div.bottom section div.strength .inner {
  background: #FFF;
  padding-top: 40px;
  display: block;
 }
 div#cont01 div.bottom section div.strength dl {
  width: auto;
  margin-bottom: 25px;
 }
 div#cont01 div.bottom section div.strength dl dt {
  display: table;
  width: 100%;
  min-height: 90px;
 }
 div#cont01 div.bottom section div.strength dl dt p.str01 {
  display: table-cell;
  text-align: left;
  width: 70px;
  padding-left: 8px;
  vertical-align: middle;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  background: url(../images/cloud/cont01_btm01.png) no-repeat center center / contain;
 }
 div#cont01 div.bottom section div.strength dl dt p.str01 span {
  font-size: 22px;
 }
 div#cont01 div.bottom section div.strength dl dt p.str02 {
  display: table-cell;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6em;
  padding-left: 20px;
  vertical-align: middle;
 }
 div#cont01 div.bottom section div.strength dl dd {
  font-size: 16px;
  line-height: 1.8em;
 }
 div#cont01 div.bottom section div.strength dl dd img {
  height: auto;
  max-height: 313px;
 }
 div#cont01 div.bottom section div.strength dl dd p.text {
  margin-bottom: 0;
 }
 div#cont01 div.bottom section div.strength dl dd > ul {
  padding-left: 1em;
  margin-bottom: 15px;
 }
 div#cont01 div.bottom section div.strength dl dd ul li {
  text-indent: -1em;
 }
 div#cont01 div.bottom section div.strength dl dd ul li ul {
  padding-left: 2em;
 }
 div#cont01 div.bottom section div.strength dl dd ul li ul li {}
 div#cont01 div.bottom section div.strength img {}
 div#cont01 div.bottom section h4.title {
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  border-bottom: 1px solid #3e85ff;
  padding-bottom: 10px;
  margin-bottom: 40px;
 }
 div#cont01 div.bottom section div.strlink.col3area.clearfix div.box a {
  display: block;
  background: linear-gradient(to right, #2d52a1, #3e85ff);
  border-radius: 20px;
  padding: 10px 0 0 0;
  box-sizing: border-box;
  box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  color: #333;
  overflow: hidden;
  height: 100%;
 }
 div#cont01 div.bottom section div.strlink.col3area.clearfix div.box a .inner {
  padding: 30px 25px 60px;
  height: inherit;
  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;
  background: #fff url(../images/cloud/cont01_btm03.png) no-repeat center bottom 20px / 30px 30px;
 }
 div#cont01 div.bottom section div.strlink.col3area.clearfix div.box a:hover .inner {
  background: #f2f2f2 url(../images/cloud/cont01_btm03.png) no-repeat center bottom 20px / 30px 30px;
 }
 div#cont01 div.bottom section div.strlink.col3area.clearfix div.box a h5.title.fukusu {
  color: #3e85ff;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 15px;
 }
 div#cont01 div.bottom section div.strlink.col3area.clearfix div.box a h5.title.fukusu span {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
 }
 div#cont01 div.bottom section div.strlink.col3area.clearfix div.box a p.text {
  text-align: left;
  padding: 0;
  margin-bottom: 0;
 }
 div#cont01 div.bottom section div.strlink.col3area.clearfix div.box a span.recommend {
  display: inline-block;
  font-size: 14px;
  border: 1px solid #3e85ff;
  color: #3e85ff;
  padding: 0 12px;
  border-radius: 20px;
  margin: 20px 0 20px;
 }
 /*============================
#cont02
============================*/
 div#cont02 {
  background: #FFF;
  padding-top: 60px;
  overflow: hidden;
 }
 div#cont02.awsptn {
  overflow: visible;
 }
 div#cont02 div.h3tit01 {
  height: auto;
  width: 100%;
  margin: -30px 0 40px;
  padding-top: 30px;
 }
 div#cont02 div.h3tit01 div.logo {
  position: relative;
  width: auto;
  margin: 0 auto;
 }
 div#cont02 div.h3tit01 div.logo .inner {
  position: absolute;
  left: 5%;
  top: auto;
  bottom: -60px;
  width: 100px;
  height: auto;
  z-index: 9;
  padding: 20px 10px;
  background: #FFF;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
 }
 div#cont02 div.h3tit01 div.innerwrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
 }
 div#cont02 div.h3tit01 div.innerBox {
  border-radius: 0;
  position: static;
  left: auto;
  width: 100%;
  height: auto;
  margin-left: 0;
  padding: 20px 5%;
  color: #FFF;
  display: block;
  background: -moz-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
  background: -webkit-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
  background: linear-gradient(to right, #2d53a2 0%, #3e84fe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d53a2', endColorstr='#3e84fe', GradientType=1);
 }
 div#cont02 div.h3tit01 div.innerBox div.logo img {
  width: 100%;
  height: auto;
 }
 div#cont02 div.h3tit01 div.innerBox h3 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  padding-left: 140px;
  line-height: 1.2em;
 }
 div#cont02 div.h3tit01 div.innerBox h3 span {
  font-size: 16px;
  font-weight: 100;
  display: block;
  padding-left: 0;
  letter-spacing: 0;
 }
 div#cont02 div.h3tit01 div.innerBox p {
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
  line-height: 1.6em;
 }
 div#cont02 div#cnt02.h3tit01 div.innerBox p, div#cont02 div#cnt03.h3tit01 div.innerBox p {
  margin-top: 25px;
 }
 div#cont02 section.tm {
  padding-bottom: 100px;
 }
 div#cont02 section p.leadtext {
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 40px;
 }
 div#cont02 section.tm div.cntbox.ft01 {}
 div#cont02 section.tm div.cntbox h4 {
  display: flex;
  align-items: center;
  font-size: 20px;
  margin: 0 0 30px;
  letter-spacing: 1px;
 }
 div#cont02 section.tm div.cntbox h4 > span {
  border-radius: 14px;
  color: #FFF;
  padding: 6px 20px;
  margin: 0 10px 0 0;
  font-size: 14px;
  white-space: nowrap;
  background: -moz-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
  background: -webkit-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
  background: linear-gradient(to right, #2d53a2 0%, #3e84fe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d53a2', endColorstr='#3e84fe', GradientType=1);
 }
 div#cont02 section.tm div.cntbox h4 span span {
  font-size: 22px;
  display: block;
  text-align: center;
 }
 div#cont02 section.tm div.cntbox p.cntboxtext {
  font-size: 16px;
  line-height: 1.8em;
  margin: 0 0 50px;
 }
 div#cont02 section.tm div.cntbox.ft01 div.img {
  margin: 0 0 60px;
 }
 div#cont02 section.tm div.cntbox.ft01 div.img img {}
 div#cont02 section.tm div.cntbox.ft02 {}
 div#cont02 section.tm div.cntbox.ft02 div.col2 {
  display: block;
  margin: 0 0 60px;
 }
 div#cont02 section.tm div.cntbox.ft02 div.col2 div.box {
  width: 100%;
  position: relative;
 }

div#cont02.awsptn section.tm div.cntbox.ft02 div.col2 div.box {
    width: auto;
}
 div#cont02 section.tm div.cntbox.ft02 div.col2 div.box.yob {
  margin: 0 0 40px;
 }
 div#cont02 section.tm div.cntbox.ft02 div.col2 div.box.yob p {
  position: absolute;
  left: 0;
  top: -15px;
  display: table;
  border-radius: 18px;
  padding: 4px;
  background: -moz-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
  background: -webkit-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
  background: linear-gradient(to right, #2d53a2 0%, #3e84fe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d53a2', endColorstr='#3e84fe', GradientType=1);
  -moz-box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
 }
 div#cont02 section.tm div.cntbox.ft02 div.col2 div.box.yob p span {
  background: #FFF;
  display: table-cell;
  border-radius: 14px;
  color: #3e85ff;
  font-size: 22px;
  width: 80px;
  height: 80px;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
 }
 div#cont02 section.tm div.cntbox.ft02 div.col2 div.box.hak p {
  position: absolute;
  left: 0;
  top: -15px;
  display: table;
  border-radius: 18px;
  padding: 4px;
  background: -moz-linear-gradient(left, #c8d3e7 0%, #3f86ff 100%);
  background: -webkit-linear-gradient(left, #c8d3e7 0%, #3f86ff 100%);
  background: linear-gradient(to right, #c8d3e7 0%, #3f86ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8d3e7', endColorstr='#3f86ff', GradientType=1);
  -moz-box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.2);
 }
 div#cont02 section.tm div.cntbox.ft02 div.col2 div.box.hak p span {
  display: table-cell;
  border-radius: 14px;
  color: #FFF;
  font-size: 22px;
  width: 80px;
  height: 80px;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  background: -moz-linear-gradient(left, #2e54a5 0%, #3d83fb 100%);
  background: -webkit-linear-gradient(left, #2e54a5 0%, #3d83fb 100%);
  background: linear-gradient(to right, #2e54a5 0%, #3d83fb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e54a5', endColorstr='#3d83fb', GradientType=1);
 }
 div#cont02 section.tm div.cntbox.ft02 div.col2 div.box dl {
  width: auto;
  margin: 0 0 0 40px;
 }
div#cont02.awsptn section.tm div.cntbox.ft02 div.col2 div.box dl {
  width: auto;
  margin: 0 0 0 20px;
}
 div#cont02 section.tm div.cntbox.ft02 div.col2 div.box dl dt {
  background: #f9f9f9;
  padding: 10px 10px 10px 70px;
 }
 div#cont02 section.tm div.cntbox.ft02 div.col2 div.box dl dd {
  background: #3e85ff;
  color: #FFF;
  padding: 10px;
 }
 div#cont02 section div.cntbox p.subtit01 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 10px;
 }
 div#cont02 section div.cntbox p.subtit01 span {
  color: #3e85ff;
 }
 .scrl {
  overflow: hidden;
  overflow-x: scroll;
  margin: 0;
 }
 div#cont02 section.tm div.cntbox.ft02 ul.function01 {
  width: 800px;
 }
 div#cont02 section.tm div.cntbox.ft02 ul.function01 li {
  border-bottom: 3px solid #FFF;
 }
 div#cont02 section.tm div.cntbox.ft02 ul.function01 li dl {
  display: table;
  width: 100%;
 }
 div#cont02 section.tm div.cntbox.ft02 ul.function01 li dl dt {
  display: table-cell;
  background: #e2edff;
  width: 320px;
  vertical-align: middle;
  color: #004894;
  font-size: 14px;
  font-weight: 700;
  border-right: 3px solid #FFF;
 }
 div#cont02 section.tm div.cntbox.ft02 ul.function01 li dl dt span {
  background: #7aabff;
  display: inline-block;
  width: 70px;
  text-align: center;
  padding: 10px;
  vertical-align: middle;
  margin: 0 20px 0 0;
  border-right: 3px solid #FFF;
 }
 div#cont02 section.tm div.cntbox.ft02 ul.function01 li dl dt span img {
  width: auto;
  height: 25px;
 }
 div#cont02 section.tm div.cntbox.ft02 ul.function01 li dl dd {
  background: #ededed;
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  padding: 0 0 0 20px;
 }
 div#cont02 section.tm div.cntbox.ft03 {}
 div#cont02 section.tm div.cntbox.ft03 div.img {}
 div#cont02 section.tm div.cntbox.ft03 div.img img {}
 div#cont02 section.tm div.cntbox.ft03 .cap01 {
  font-size: 16px;
  margin: 10px 0 60px;
 }
 div#cont02 section.tm div.cntbox.ft04 {}
 div#cont02 section.tm div.cntbox.ft04 h4 {}
 div#cont02 section.tm div.cntbox.ft04 h4 span {}
 div#cont02 section.tm div.cntbox.ft04 h4 span span {}
 div#cont02 section.tm div.cntbox.ft04 p.cntboxtext {}
 div#cont02 section.tm div.cntbox.ft04 div.img {}
 div#cont02 section.tm div.cntbox.ft04 div.img img {}
 div#cont02 section.tm div.cntbox.ft04 .cap02 {
  font-size: 16px;
  margin: 10px 0 60px;
  color: #fb3639;
  font-weight: 700;
  text-align: right;
 }
 div#cont02 section.tm div.cntbox.ft04 table {
  width: 1000px;
 }
 div#cont02 section.tm div.cntbox.ft04 table tbody tr {
  border-bottom: 3px solid #FFF;
 }
 div#cont02 section.tm div.cntbox.ft04 table tbody tr th {
  background: #3e85ff;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  border-right: 3px solid #FFF;
  padding: 10px;
 }
 div#cont02 section.tm div.cntbox.ft04 table tbody tr th:nth-child(n + 2) {
  width: 180px;
 }
 div#cont02 section.tm div.cntbox.ft04 table tbody tr th:last-child {
  border-right: none;
 }
 div#cont02 section.tm div.cntbox.ft04 table tbody tr td.hd {
  background: #ededed;
 }
 div#cont02 section.tm div.cntbox.ft04 table tbody tr td.hd span {
  color: #004894;
  font-weight: 700;
  font-size: 14px;
 }
 div#cont02 section.tm div.cntbox.ft04 table tbody tr td {
  background: #d8e7ff;
  border-right: 3px solid #FFF;
  padding: 10px 16px;
  font-size: 14px;
  text-align: center;
  line-height: 1.6em;
 }
 div#cont02 section.tm div.cntbox.ft04 table tbody tr td:last-child {
  border-right: none;
 }
 div#cont02 section.tm div.cntbox.ft04 table tbody tr:nth-child(2) td:nth-child(1) {
  width: 130px;
 }
 div#cont02 section.tm div.cntbox.ft04 table tbody tr:nth-child(2) td:nth-child(2) {}
 div#cont02 section.tm div.cntbox.ft04 table tbody tr td span {
  color: #3e85ff;
  font-weight: 700;
  font-size: 16px;
 }
 div#cont02 section.tm div.cntbox.ft04 table tbody tr td p {
  margin-bottom: 10px;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 1.6em;
 }
 div#cont02 section.tm div.cntbox.ft04 ul.notes {
  margin: 10px 0 0;
  width: 1000px;
 }
 div#cont02 section.tm div.cntbox.ft04 ul.notes li {
  font-size: 14px;
  line-height: 1.7em;
  display: table;
 }
 div#cont02 section.tm div.cntbox.ft04 ul.notes li span {
  display: table-cell;
 }
 div#cont02 section.tm div.cntbox.ft04 ul.notes li span:first-child {
  padding-right: 1em;
 }
 div#cont02 section .border01 {
  height: 3px;
  line-height: 3px;
  background: -moz-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
  background: -webkit-linear-gradient(left, #2d53a2 0%, #3e84fe 100%);
  background: linear-gradient(to right, #2d53a2 0%, #3e84fe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d53a2', endColorstr='#3e84fe', GradientType=1);
 }
 div#cont02 section.aws {
  padding-bottom: 100px;
 }
 div#cont02 section.aws img {
  max-width: 48px;
  width: auto;
 }
 div#cont02 section.aws div.cntbox.ft01 div.head {
  text-align: center;
  background: #ececec;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.head dl {
  margin-right: 10px;
  width: 130px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.head dl dd {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.6em;
  padding-top: 6px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.head h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.6em;
  text-align: left;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services {
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 0;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services .trigger {
  position: absolute;
  bottom: 8px;
  left: 316px;
  width: 788px;
  max-width: 788px;
  height: auto;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox {
  text-align: center;
  border: 2px solid #3e85ff;
  width: 200px;
  padding: 10px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.inbox {
  background: #ececec;
  margin-bottom: 10px;
  padding: 10px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.inbox.btw {
  margin-bottom: 0;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.inbox div.imgtit {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.4em;
  margin-bottom: 10px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.inbox div.imgtit img {
  margin-bottom: 6px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.inbox p {
  font-size: 12px;
  line-height: 1.6em;
  text-align: left;
  letter-spacing: 0;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.inbox ul {
  margin-top: 10px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.inbox ul li {
  font-size: 12px;
  line-height: 1.6em;
  text-align: left;
  padding-left: 1.2em;
  text-indent: -1.2em;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.arrow {
  font-size: 12px;
  padding-left: 24px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.arrow img {
  height: 30px;
  width: auto;
  margin-right: 5px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box04 {
  width: 335px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box04 div.inbox02 {
  background: #e8f1ff;
  padding: 10px;
  overflow: hidden;
  margin-bottom: 10px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box04 div.inbox02 p.tit {
  font-size: 15px;
  line-height: 1.8em;
  font-weight: 500;
  margin-bottom: 10px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box04 div.inbox02 div.inbox {
  background: #e8f1ff;
  width: 142px;
  float: left;
  margin-bottom: 0;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box04 div.inbox02 div.inbox div.imgtit {
  margin-bottom: 0;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box04 div.col2 {
  display: flex;
  justify-content: space-between;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box04 div.col2 div.inbox {
  width: 150px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox.box05 div.textbox p {
  font-size: 12px;
  line-height: 1.6em;
  margin-bottom: 90px;
 }
 div#cont02 section.aws div.cntbox.ft01 div.services div.col5 div.colbox div.arrow02 img {
  height: 30px;
  width: auto;
 }
 div#cont02 section.aws div.cntbox.ft01 p.subtit01 {}
 div#cont02 section.aws div.cntbox.ft01 p.subtit01 span {}
 div#cont02 section div.cntbox.ft01 table.tbl01 {
  width: 100%;
 }
 div#cont02 section div.cntbox.ft01 table.tbl01 tbody {}
 div#cont02 section div.cntbox.ft01 table.tbl01 tbody tr {
  border-bottom: 3px solid #FFF;
 }
 div#cont02 section div.cntbox.ft01 table.tbl01 tbody tr th {
  background: #3e85ff;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  border-right: 3px solid #FFF;
  padding: 10px;
  width: 50%;
 }
 div#cont02 section div.cntbox.ft01 table.tbl01 tbody tr th:last-child {
  border-right: none;
 }
 div#cont02 section div.cntbox.ft01 table.tbl01 tbody tr td {
  background: #d8e7ff;
  border-right: 3px solid #FFF;
  padding: 20px 16px;
  font-size: 14px;
  text-align: center;
 }
 div#cont02 section div.cntbox.ft01 table.tbl01 tbody tr td:last-child {
  border-right: none;
 }
 div#cont02 section div.cntbox.ft01 table.tbl01 tbody tr td:first-child {
  background: #ededed;
  color: #004894;
  font-weight: 700;
  font-size: 14px;
 }
 div#cont02 section div.cntbox.ft01 table.tbl01 tbody tr td span {
  color: #3e85ff;
  font-weight: 700;
  font-size: 18px;
 }
 div#cont02 section.sec {}
 div#cont02 section.sec p.leadtext {}
 div#cont02 section.sec div.cntbox.ft01 {}
 div#cont02 section.sec div.cntbox.ft01 div.img {
  text-align: center;
  margin-bottom: 40px;
 }
 div#cont02 section.sec div.cntbox.ft01 div.img img {
  width: 100%;
  max-width: 823px;
 }
 div#cont02 section.sec div.cntbox.ft01 p.subtit01 {}
 div#cont02 section.sec div.cntbox.ft01 p.subtit01 span {}
 div#cont02 section.sec div.cntbox.ft01 table {}
 div#cont02 section.sec div.cntbox.ft01 table tbody {}
 div#cont02 section.sec div.cntbox.ft01 table tbody tr {}
 div#cont02 section.sec div.cntbox.ft01 table tbody tr th {}
 div#cont02 section.sec div.cntbox.ft01 table tbody tr td {}
 div#cont02 section.sec div.cntbox.ft01 table tbody tr td span {}
 #sb-site.cloud #foot_contact {
  background: #FFF;
 }
 .scroll_icon {
  display: block;
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 0 60px;
 }
 .scroll_icon img {
  margin-left: 10px;
 }
 div.exlist {
  display: block;
 }
 div.exlist dl dt {
  padding: 0 0 15px;
  background: #FFF;
 }
 div.exlist dl dt img {
  width: auto;
  height: 40px;
 }
 div.exlist dl dd {
  padding: 25px 20px 15px;
 }
 div.exlist dl.tlist {
  width: auto;
  margin-bottom: 30px;
 }
 div.exlist dl.tlist dd ul li {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.4em;
 }
 div.exlist dl.alist {
  width: auto;
 }
 div.exlist dl.alist dd {
  padding: 25px 5px 10px 20px;
 }
 div.exlist dl.alist dd ul {
  overflow: hidden;
 }
 div.exlist dl.alist dd ul li {
  text-align: center;
  font-size: 13px;
  line-height: 1.4em;
  font-weight: 700;
  float: left;
  width: 86px;
  margin: 0 15px 15px 0;
 }
 div.exlist dl.alist dd ul li:nth-child(6n) {
  margin: 0 15px 15px 0;
 }
 div.exlist dl.alist dd ul li img {
  width: auto;
  height: 40px;
  margin: 0 auto 10px;
 }
 .notes02 {
  font-size: 14px;
  padding: 10px 0 0 1em;
  text-indent: -1em;
 }
}
@media only screen and (max-width: 375px) {
 #sb-site.cloud #mainvisual .mv_subtitle {
  font-size: 14px;
  padding: 5px 10px;
  margin: 0;
 }
 #sb-site.cloud #mainvisual .mv_title span {
  font-size: 18px;
 }
 #sb-site.cloud .title_block .title_center .title {
  font-size: 18px;
  line-height: 27px;
 }
 #sb-site.cloud ul.col2_area > li .ttl_area h4 {
  font-size: 14px;
  line-height: 22px;
 }
 #sb-site.cloud .service .sec02 .text_area h4 {
  margin: 0 0 10px;
  font-size: 16px;
 }
 #sb-site.cloud .linebox_area .box_inner h4 {
  margin: 0 0 25px;
  font-size: 18px;
 }
 #sb-site.cloud ul.col3_area li .title_area h5 {
  font-size: 14px;
 }
 #sb-site.cloud .step_flow {
  padding: 0 10px 20px;
 }
 #sb-site.cloud .step_flow li dl dd h4 {
  font-size: 18px;
 }
 #sb-site.cloud ul.tsuyomi.col2_area {
  display: block;
  padding: 0 20px 10px 20px;
 }
 #sb-site.cloud ul.col2_area > li .ttl_area .num {
  font-size: 14px;
  width: 51px;
  height: 51px;
  line-height: 36px;
  margin: 0 10px 0 0;
 }
 #sb-site.cloud ul.col2_area > li .ttl_area .num span {
  font-size: 10px;
  margin: 0 0 -20px;
 }
 #sb-site.cloud .user_block .flex li .title_area h4 {
  font-size: 12px;
  line-height: 18px;
 }
 #sb-site.cloud .user_block .flex li a {
  padding: 10px;
 }
 #sb-site.cloud .service .text_area {
  margin: 0 20px 20px;
 }
 #sb-site.cloud .service .text_area dl {
  display: block;
 }
 #sb-site.cloud .service .text_area dl dt {
  width: 100px;
  margin: 0 auto 0;
 }
 #sb-site.cloud .service .text_area dl dd {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
 }
 #sb-site.cloud .service .sec02 .text_area h4 {
  text-align: center;
 }
 #sb-site.cloud .service .text_area p {
  text-align: left;
 }
 #sb-site.cloud ul.col2_area.service_block {
  padding: 0;
 }
 #sb-site.cloud ul.col2_area.service_block .title_area h5 {
  font-size: 18px;
 }
 #sb-site.cloud ul.col2_area.service_block .link {
  margin: 10px auto 0;
 }
 #sb-site.cloud ul.col2_area.service_block > li {
  padding: 0 15px 20px;
 }
 #sb-site.cloud .linebox_area .box {
  width: calc(100% - 30px);
 }
 #sb-site.cloud ul.col2_area.example > li dl.box dd ul.flow li dl dt {
  width: 85px;
  height: 50px;
  font-size: 12px;
  line-height: 18px;
 }
 #sb-site.cloud ul.col2_area.example > li {
  margin: 0;
  padding: 20px 20px;
  margin: 0 0 10px;
 }
 #sb-site.cloud ul.col2_area.example > li dl.box dd > ul.flow li dl dd p {
  font-size: 14px;
  line-height: 20px;
 }
 #sb-site.cloud ul.col2_area.example > li dl.box dd p {
  margin: 0;
 }
 #sb-site.cloud .title_block {
  padding-top: 30px;
  padding-bottom: 10px;
 }
 /********** 画面右下固定 **********/
 .bottom_bnr {
  width: 100%;
 }
 .bottom_bnr .sponly.ctt .box .clearfix {
  text-align: center;
 }
 .bottom_bnr .sponly.ctt .box .clearfix .topContBtnWrap01.contact {
  margin: 0 auto;
  float: none;
  width: 60%;
 }
 .bottom_bnr .sponly .box {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
  padding: 5px 15px 10px 15px;
  position: relative;
 }
 .bottom_bnr .box:not(:last-child) {
  margin-bottom: 0px;
 }
 .bottom_bnr .topContBtnWrap01 {
  width: 49%;
  float: left;
  vertical-align: top;
  margin-bottom: -10px;
 }
 .bottom_bnr.pt3 .topContBtnWrap01 {
  width: 100%;
  float: none;
 }
 .bottom_bnr .topContBtnWrap01:first-child {
  margin-right: 2%;
 }
 .bottom_bnr.pt3 .topContBtnWrap01:first-child {
  margin-right: 0;
 }
 .bottom_bnr .topContBtnWrap01 .contactBtn a {
  padding: 8px;
  font-size: 13px;
 }
 .bottom_bnr .topContBtnWrap01 .contactBtn:hover a {
  padding: 6px 10px;
 }
 .bottom_bnr .img_text {
  padding-right: 30px;
 }
 .bottom_bnr .img_text .right_img {
  width: 70px;
  vertical-align: middle;
 }
 .bottom_bnr .img_text .left_text {
  width: auto;
  vertical-align: middle;
 }
 .bottom_bnr .img_text .left_text br {
  display: none;
 }
 .bottom_bnr .img_text .left_text .text2 {
  font-size: 15px;
  line-height: 22px;
 }
 .bottom_bnr .img_text {
  margin-bottom: 4px;
 }
 .bottom_bnr .box .closeBtn {
  position: absolute;
  right: 20px;
  top: 10px;
 }
 .bottom_bnr .topContBtnWrap01.download .contactBtn:hover span:before {
  background: url("../images/common/cont_btn_ar02.png") no-repeat;
 }
 .bottom_bnr .topContBtnWrap01.contact .contactBtn:hover span:before {
  background: url("../images/common/contact_icon_mail_red.png") no-repeat;
 }
 .bottom_bnr.pt3 .img_text .right_img img {
  width: auto;
  height: 60px;
 }
 /********** 画面右下固定 **********/
 .bottom02_bnr {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
  width: 210px;
 }
 .bottom02_bnr .pconly .box {
  position: relative;
 }
 .bottom02_bnr .pconly .box a {
  display: block;
  position: relative;
  background: #ca2b4d;
  background: -moz-linear-gradient(left, #ca2b4d 0%, #ff604d 100%);
  background: -webkit-linear-gradient(left, #ca2b4d 0%, #ff604d 100%);
  background: linear-gradient(to right, #ca2b4d 0%, #ff604d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca2b4d', endColorstr='#ff604d', GradientType=1);
 }
 .bottom02_bnr .box:not(:last-child) {
  margin-bottom: 7px;
 }
 .bottom02_bnr .box .closeBtn {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 15px;
  z-index: 2;
 }
 .bottom02_bnr .box .closeBtn img {
  vertical-align: top;
 }
 .bottom02_bnr .box .closeBtn img:hover {
  cursor: pointer;
 }
 .bottom02_bnr .topContBtnWrap01 {
  padding: 0;
 }
 .bottom02_bnr .pconly .topContBtnWrap01 .contactBtn {
  color: #fff;
  font-size: 13px;
  line-height: 1.5em;
  border-radius: 0;
 }
 .bottom02_bnr .left_text {
  padding: 30px 5px 3px 60px;
  text-align: left;
  font-size: 13px;
 }
 .bottom02_bnr .left_text .text1 {
  font-size: 14px;
  color: #FFF;
  line-height: 20px;
  font-weight: 700;
  margin: 0px 10px;
  line-height: 1.8em;
 }
 .bottom02_bnr .left_text .text1 span {
  font-size: 17px;
 }
 .bottom02_bnr .dltext {
  font-size: 13px;
  text-align: center;
  color: #FFF;
  padding: 12px;
 }
 .bottom02_bnr a:hover .dltext {
  color: #fb4861;
  background: #fff;
  padding: 10px 6px;
  border: 2px solid #fb4861;
 }
 .bottom02_bnr .dltext span {
  display: inline-block;
  padding-left: 25px;
  background: url("../images/cloud/icon_download.png") no-repeat left center / 15px auto;
  transition: 0.3s;
 }
 .bottom02_bnr a:hover .dltext span {
  display: inline-block;
  padding-left: 25px;
  background: url("../images/cloud/icon_download_on.png") no-repeat left center / 15px auto;
 }
 .bottom02_bnr .right_img {
  display: table-cell;
  width: 48%;
  vertical-align: top;
  position: absolute;
  left: -30px;
  top: -30px;
 }
 .bottom02_bnr .right_img img {
  opacity: 1;
  width: 100px;
  height: auto;
 }
 .bottom02_bnr .img_text .left_text .text2 {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
  color: #000;
 }
 .bottom02_bnr .topContBtnWrap01 span {
  position: relative;
  padding-left: 25px;
 }
 .bottom02_bnr .topContBtnWrap01.download span:before {
  content: "";
  background: url("../images/common/cont_btn_ar02_on.png") no-repeat;
  background-size: cover !important;
  position: absolute;
  width: 16px;
  height: 15px;
  top: 50%;
  margin-top: -7.5px;
  left: 0;
 }
 .bottom02_bnr .pconly .topContBtnWrap01 {
  height: 50px;
  display: table;
  width: 100%;
 }
 .bottom02_bnr .pconly .topContBtnWrap01 .contactBtn {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
 }
 .bottom02_bnr .pconly .box:hover .topContBtnWrap01.download .contactBtn span:before {
  background: url("../images/common/cont_btn_ar02.png") no-repeat;
 }
 .bottom02_bnr .pconly .box:hover .topContBtnWrap01 {
  border: 2px solid #fb4861;
 }
 .bottom02_bnr .pconly .box:hover .topContBtnWrap01 .contactBtn {
  color: #fb4861;
  background: #fff;
 }
 .bottom02_bnr .topContBtnWrap01.contact .contactBtn span:before {
  content: "";
  background: url("../images/common/contact_icon_mail.png") no-repeat;
  background-size: cover !important;
  position: absolute;
  width: 16px;
  height: 15px;
  top: 50%;
  margin-top: -7.5px;
  left: 0;
 }
 .bottom02_bnr .pconly .box:hover .topContBtnWrap01.contact .contactBtn span:before {
  background: url("../images/common/contact_icon_mail_red.png") no-repeat;
 }
}
.table01 {
 padding:30px 0 0;
}


.table01 table {
 width: 100%;
}
.table01 table tbody tr {
 border-bottom: 3px solid #FFF;
}
.table01 table tbody tr th {
 background: #3e85ff;
 color: #FFF;
 text-align: center;
 font-size: 20px;
 font-weight: 700;
 border-right: 3px solid #FFF;
 padding: 16px;
}
.table01 table tbody tr th:last-child {
 border-right: none;
}
.table01 table tbody tr td.hd {
 background: #ededed;
 width:250px;
}
.table01 table tbody tr td {
 background: #d8e7ff;
 border-right: 3px solid #FFF;
 padding: 10px 16px;
 font-size: 16px;
 text-align: left;
}
.table01 table tbody tr td:last-child {
 border-right: none;
}

.thumImg01 {
text-align:center;
padding:30px 0 0;
}


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

.table01 {
 padding:0;
}
.table01 table {
 width: 800px;
}

.thumImg01 {
text-align:center;
padding:0;
}
.table01 table tbody tr th {
    font-size: 18px;
}
.table01 table tbody tr td {
    font-size: 14px;
}
.table01 table tbody tr td.hd {
    width: 200px;
}






}

/********** イベント 2024.12 **********/
#page_event section {
  width: 100%;
}
#page_event .content {
  padding: 115px 0 0;
  background: #EEEEEE;
}
@media only screen and (max-width: 768px) {
  #page_event .content {
    padding: 60px 0 0;
  }
}
.eventWrap {
  width: 840px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .eventWrap {
    width: auto;
    margin: 0 auto;
  }
}
.eventWrap .topBlock {
  border-bottom: 1px solid #C8C8C8;
}
.eventWrap .topBlock .date {
  display: flex;
  justify-content: space-between;
  align-items:center;
  gap:10px;
  font-size: 19px;
  font-weight: 700;
  line-height:1.3;
  margin: 0 0 50px;
}
@media only screen and (max-width: 768px) {
  .eventWrap .topBlock .date {
    display: block;
    font-size: 24px;
    margin: 0 0 30px;
  }
}
.eventWrap .submitBtn {
  width: 240px;
}
@media only screen and (max-width: 768px) {
  .eventWrap .submitBtn {
    display: flex;
    justify-content: center;
    margin: 20px 0 0;
    width: 100%;
  }
}
.eventWrap .submitBtn a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #002D76;
  border: 1px solid #002D76;
  border-radius: 9999px;
  background: #FFF;
  width: 100%;
  height: 44px;
  position: relative;
}
.eventWrap .submitBtn a:hover {
  color: #FFF;
  background: #002D76;
}
@media only screen and (max-width: 768px) {
  .eventWrap .submitBtn a {
    display: flex;
    width: 240px;
  }
}
.eventWrap .submitBtn a::after {
  content: "";
  position: absolute;
  right: 20px;
  top: calc(50% - 3px);
  width: 6px;
  height: 6px;
  border-top: 1px solid #002D76;
  border-right: 1px solid #002D76;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.eventWrap .submitBtn a:hover::after {
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
.eventWrap .topBlock .mainImage {}
.eventWrap .topBlock .h1title {
  padding: 46px 0;
}
@media only screen and (max-width: 768px) {
  .eventWrap .topBlock .h1title {
    padding: 30px 0;
  }
}
.eventWrap .topBlock .h1title h1 {
  font-size: 42px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .eventWrap .topBlock .h1title h1 {
    font-size: 26px;
  }
}
.eventWrap .approach {
  padding: 70px 0 50px;
  border-bottom: 1px solid #C8C8C8;
}
@media only screen and (max-width: 768px) {
  .eventWrap .approach {
    padding: 40px 0;
  }
}
.eventWrap .approach h2.appTitle {
  font-size: 28px;
  font-weight: 700;
    padding: 0 0 2px;
}
.eventWrap .approach h3 {
  font-size: 16px;
  font-weight: 700;
    padding: 0 0 5px;
}
@media only screen and (max-width: 768px) {
  .eventWrap .approach h2.appTitle {
    font-size: 20px;
    padding: 0;
  }
}
.eventWrap .approach div {
  margin: 0 0 26px;
  font-size: 17px;
  line-height:1.9;
}
.eventWrap .approach div p {
  font-size: 17px;
  line-height:1.9;
}
.eventOutline {
  padding: 70px 0 50px;
  border-bottom: 1px solid #C8C8C8;
}
@media only screen and (max-width: 768px) {
  .eventOutline {
    padding: 40px 0;
  }
}
#page_event .h2title {
  padding: 0 0 20px;
  margin: 0 0 40px;
  position: relative;
}
#page_event .h2title:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 2px;
  background: #002D76;
}
#page_event .h2title h2 {
  font-size: 24px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  #page_event .h2title h2 {
    font-size: 22px;
  }
}
.eventWrap .EventTable {}
.eventWrap .EventTable table {
  width: 100%;
  border-top: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
}
.eventWrap .EventTable tr {
  border-bottom: 1px solid #EEEEEE;
}
.eventWrap .EventTable th {
  background: #BAD5F4;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  .eventWrap .EventTable th {
    font-size: 14px;
  }
}
.eventWrap .EventTable.headL th {
  width: 240px;
  border-right: 1px solid #EEEEEE;
}
@media only screen and (max-width: 768px) {
  .eventWrap .EventTable.headL th {
    width: auto;
    white-space: nowrap;
  }
}
.eventWrap .EventTable.headT th {
  border-right: 1px solid #EEEEEE;
}
.eventWrap .EventTable td {
  background: #FFF;
  font-size: 16px;
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  .eventWrap .EventTable td {
    font-size: 14px;
  }
}
.eventWrap .EventTable.headT td {
  border-right: 1px solid #EEEEEE;
}
.eventDetail {
  padding: 70px 0 50px;
  border-bottom: 1px solid #C8C8C8;
}
@media only screen and (max-width: 768px) {
  .eventDetail {
    padding: 40px 0;
  }
}
.eventDetail .notes {
  margin: 30px 0 0;
}
.eventDetail .notes a {
  color: #002D76;
  text-decoration: underline;
}
.eventDetail .notes a:hover {
  text-decoration: none;
}
.eventDetail .notes .h3title h3 {
  font-size: 16px;
  font-weight: 700;
}
.eventDetail .notes .notes1 {
  padding: 10px 0;
}
.eventDetail .notes .notes2 {
  padding: 10px 0 0;
}
.eventDetail .notes ul {
  padding: 0 0 0 25px;
}
.eventDetail .notes ul.listStyleNone {
padding:1em 0 0 1em;
}
.eventDetail .notes li {
  list-style: disc;
  margin: 6px 0 0;
}
.eventDetail .notes ul.listStyleNone li {
list-style:none;
text-indent:-1em;
}
@media only screen and (max-width: 768px) {
  .eventDetail .notes li,
  .eventDetail .notes .notes1,
  .eventDetail .notes .notes2 {
    font-size: 14px;
  }
}
.applicationForm {
  padding: 70px 0 100px;
}
@media only screen and (max-width: 768px) {
  .applicationForm {
    padding: 40px 0 50px;
  }
}
.applicationForm .mktoFieldWrap {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .applicationForm .mktoFieldWrap {
    display: block;
  }
}
.applicationForm .mktoFormRow .mktoFormCol {
  margin-bottom: 20px !important;
}
.applicationForm .mktoFieldWrap label {}
.applicationForm .mktoFormRow .mktoLabel {
  width: 240px !important;
  line-height: 1;
  font-size: 16px;
  font-weight: 700 !important;
  padding: 0 !important;
  display: flex;
  align-items: flex-start;
}
.applicationForm .mktoForm .mktoAsterix {
  font-size: 20px;
  font-weight: 500;
  float: none;
  color: #bf0000;
  padding-left: 5px;
  order: 2;
}
.applicationForm .mktoFormRow input[type="text"], .applicationForm .mktoFormRow input[type="url"], .applicationForm .mktoFormRow input[type="email"], .applicationForm .mktoFormRow input[type="number"], .applicationForm .mktoFormRow input[type="tel"], .applicationForm .mktoFormRow input[type="date"], .applicationForm .mktoFormRow select {
  box-sizing: border-box;
  display: block;
  width: 600px !important;
  height: 42px;
  padding: 10px;
  border: 1px solid #bebebe;
  border-radius: 4px;
  background: #f5f5f5;
  font-size: 16px;
  line-height: 32px;
  text-indent: 5px;
  transition: all .2s ease;
}
@media only screen and (max-width: 768px) {
  .applicationForm .mktoFormRow input[type="text"], .applicationForm .mktoFormRow input[type="url"], .applicationForm .mktoFormRow input[type="email"], .applicationForm .mktoFormRow input[type="number"], .applicationForm .mktoFormRow input[type="tel"], .applicationForm .mktoFormRow input[type="date"], .applicationForm .mktoFormRow select {
    width: 100% !important;
  }
}
.applicationForm .mktoForm .mktoOffset {
    float: none;
}
.applicationForm .mktoFormRow {
  border: none;
}
.applicationForm .mktoFormRow .mktoHtmlText {
  color: #666;
  font-size: 14px;
  line-height: 1.6em;
  width: 840px !important;
}

@media only screen and (max-width: 768px) {
  .applicationForm .mktoFormRow .mktoHtmlText {
    width: 100% !important;
  }
.applicationForm .mktoFormRow .mktoLabel {
  margin:0 0 10px;
}
}
.applicationForm .mktoForm div.mktoHtmlText {
  padding: 10px;
  border: 1px solid #CCC;
  background: #FFF;
  height: 128px;
  overflow-y: auto;
}
.applicationForm .mktoButtonRow .mktoButton {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 5px !important;
  padding: 16px 100px !important;
  border: solid 1px #002D76 !important;
  border-radius: 9999px;
  background-image: none !important;
  background-color: #002D76 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: bold;
  text-decoration: none;
  transition: all .2s ease;
  cursor: pointer !important;
}
.eventListWrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.eventListWrap.pastList {
  margin: 60px auto 0;
}
.contentSub {
  border-bottom: 1px solid #707070;
}
.upcomingEvents {
  padding: 100px 0;
}
@media only screen and (max-width: 768px) {
  .upcomingEvents {
    padding: 50px 0;
  }
}
.eventList {}
.eventList .flexCol3 {
  display: flex;
  flex-wrap:wrap;
  gap: 60px 12px;
  overflow:hidden;
}
@media only screen and (max-width: 768px) {
  .eventList .flexCol3 {
    display: flex;
    flex-direction: column;
    gap: 60px 12px;
  }
}
.eventList .flexCol3 .colBlock {
  width: calc((100% - 24px) / 3);
}
@media only screen and (max-width: 768px) {
  .eventList .flexCol3 .colBlock {
    width: 100%;
  }
}
.eventList .flexCol3 .colBlock figure {
  margin: 0;
}
.eventList .flexCol3 .colBlock .body {
  padding: 34px 30px 0;
}
@media only screen and (max-width: 768px) {
  .eventList .flexCol3 .colBlock .body {
    padding: 34px 0 0;
  }
}
.eventList .flexCol3 .colBlock .body .date {
  display: flex;
  flex-wrap:wrap;
  align-items: center;
  gap: 6px 12px;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 20px;
}
.eventList .flexCol3 .colBlock .body .date .status {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 9999px;
  line-height: 1;
}
.eventList .flexCol3 .colBlock .body .date .status.open {
  background: #FAAC1A;
  color: #FFF;
}
.eventList .flexCol3 .colBlock .body .date .status.close {
  color: #828388;
  border: 1px solid #828388;
  background: #FFF;
}
.eventList .flexCol3 .colBlock .body .date .status.past {
  color: #828388;
  border: 1px solid #828388;
  background: #FFF;
}
.eventList .flexCol3 .colBlock .body .date .no-status {
  display:none;
}
.eventList .flexCol3 .colBlock .body .title {
  font-size: 18px;
  font-weight: 700;
}
.eventThanksWrap {
	width: 1200px;
	margin: 0 auto;
}
.thanksText {
  padding: 100px 0 0;
  text-align: center;
}
.thanksText p.head {
  font-size: 24px;
  line-height: 1.6;
  font-weight: 700;
	 margin: 0 0 30px;
}
.thanksText p.body {
  font-size: 16px;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  .eventThanksWrap {
	width: auto;
    padding: 0 5%;
  }
  .thanksText {
    padding: 70px 0 0;
  }
  .thanksText p.head {
    font-size: 20px;
  }
  .thanksText p.body {
			 text-align: left;
  }
}
.eventTop {
  background: #EEEEEE;
}
#mainvisual.event {
  background: url("../images/page/event/event_mainvisual.png") no-repeat center top / cover;
  height: 390px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#mainvisual.event .eng {
  font-size: 70px;
  color: #082158;
  font-weight: 700;
  line-height: 74px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 768px) {
  #mainvisual.event .eng {
    font-size: 45px;
  }
}
.eventTop .ankerBtn {
  width: 100%;
  display: flex;
  gap: 10px 20px;
  margin: 80px 0 60px;
}
@media only screen and (max-width: 768px) {
  .eventTop .ankerBtn {
    flex-wrap: wrap;
    margin: 40px 0 30px;
  }
}
.eventTop .ankerBtn a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #002D76;
  border: 1px solid #002D76;
  border-radius: 9999px;
  background: #FFF;
  width: 240px;
  height: 44px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .eventTop .ankerBtn a {
    font-size: 15px;
    width: calc(50% - 10px);
    height: 44px;
  }
}
.eventTop .ankerBtn a:hover {
  color: #FFF;
  background: #002D76;
}
.eventTop .ankerBtn a::after {
  content: "";
  position: absolute;
  right: 20px;
  top: calc(50% - 5px);
  width: 6px;
  height: 6px;
  border-top: 1px solid #002D76;
  border-right: 1px solid #002D76;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.eventTop .ankerBtn a:hover::after {
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
.eventTop .upcomingEvents {
  padding: 0 0 100px;
}
#page_event.eventTop .h2title {
  margin: 0 0 30px;
}
#page_event.eventTop .h2title h2 {
  font-size: 32px;
}
@media only screen and (max-width: 768px) {
  #page_event.eventTop .h2title h2 {
    font-size: 24px;
  }
}
.eventList .flexCol3.pastList {
  gap: 38px 32px;
  flex-wrap:wrap;
}
.eventList .flexCol3.pastList .colBlock {
  width: calc((100% - 32px) / 2);
}
@media only screen and (max-width: 960px) {
  .eventList .flexCol3.pastList .colBlock {
    width: 100%;
  }
}
.eventList .flexCol3.pastList .colBlock a {
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 480px) {
  .eventList .flexCol3.pastList .colBlock a {
    flex-direction: column;
    gap: 20px;
  }
}
.eventList .flexCol3.pastList .colBlock a figure {
  width: 200px;
}
@media only screen and (max-width: 768px) {
  .eventList .flexCol3.pastList .colBlock a figure {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 480px) {
  .eventList .flexCol3.pastList .colBlock a figure {
    width: 100%;
  }
}
.eventList .flexCol3.pastList .colBlock a .body {
  flex: 1;
  padding: 0;
}
.eventList .flexCol3.pastList .colBlock .body .date {
  font-size: 15px;
  color: #828388;
  margin: 0 0 10px;
}
.eventList .flexCol3.pastList .colBlock .body .title {
  font-size: 16px;
  line-height: 1.4;
}
.eventList .flexCol3.pastList .colBlock .body .date .status.past {
  border: 1px solid #828388;
}
.pastListLink {
  margin: 36px 0 0;
}
.pastListLink a {
  display: inline-block;
  background: #FFF;
  font-size: 11px;
  font-weight: 600;
  color: #333333;
  padding: 4px 15px 4px 30px;
  border-radius: 9999px;
  position: relative;
}
.pastListLink a:hover {
  background: #002D76;
  color: #FFF;
}
.pastListLink a::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #002D76;
  position: absolute;
  left: 11px;
  top: 14px;
}
.pastListLink a::after {
  content: "";
  width: 3px;
  height: 3px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 13px;
  top: 17px;
}
.pastListLink a:hover::before {
  background: #FFF;
}
.pastListLink a:hover::after {
  border-top: 1px solid #002D76;
  border-right: 1px solid #002D76;
}

.eventList .body .status{
  display:none;
}
.eventList .body .status.open,
.eventList .body .status.close{
  display: inline-block;
}




#wp39 #sb-site.webpage {
    background-color: #fff;
}

.eventListContent .pager {
    margin: 50px 0 0;
}