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

/*------ プリント spサイズ ------*/
@media print {

@page {
  margin: 0mm;/* ページ上下の文字を消す */
}

header, footer {
  display: none;
}
.page-top {/* 非表示 */
  display: none;
}
#form-button img {/* 非表示 */
  display: none;
}

/* 共通要素 -----------------------------------------------------------------------------*/
html {/* 文字サイズレスポンシブ使用不可 */
  scroll-behavior: smooth;/* ゆっくりスクロール 速度変えられない */
  font-feature-settings: palt;/* 文字詰め OpenTypeのみ */
  font-size: 6.5pt;/* 印刷解像度が異なっても同じ大きさ */
  overflow-y: scroll;/* style.cssにあり */
}
/* 画像 */
img {
  width: 10%;/* 全体縮小 */
  vertical-align: top;/* 必要 画像下の余白をなくす */
}
.top-wrap {
  width: 100%;/* トップ画像だけ横幅に合わせる */
  height: 100%;
  background: #fff;
}
.top-wrap img {
  width: 100%;
}
/* 文字 種類 */
.biz-udpgothic-regular {
  font-family: "BIZ UDPGothic", sans-serif;/* グーグル モリサワフォント */
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.02em;
}
.biz-udpgothic-bold {
  font-family: "BIZ UDPGothic", sans-serif;/* グーグル モリサワフォント */
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.02em;
}
/* 文字一部 橙色 */
.text-orenge {
  color: #FF8C00;
}
/* 外枠 */
.section-wrap {
  display: block;
  position: relative;
  float: none;
  z-index: 998;/* 左の項目表示される */
  width: 100%;
  margin: -6rem 0 -12rem;/* 必要 外枠上下の空きつめる */
  border: 1px solid #66CCFF;
  background-color: #fff;
  text-align: center;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.section-wrap {
  -webkit-text-size-adjust: 100%;/* iPhone Safari文字サイズ調整 */
}
/* テキストナビゲーション */
.navi li a {
	color: #44ADE9;/* リンク文字に指定しないと変わらない */
}
.navi li:hover {
	background-color: #E0FFFF;
}
/* 画像切替 */
.hd {/* sp */
  display: none;/* sp画像表示されない */
}
.sp {/* sp */
  display: none;/* sp画像表示されない */
}
/* 文字 大きさ */
.text-size-title {/* sp */
  font-size: 2.1em;/* 2.4 */
  line-height: 1.5;/* サファリ高さ同じ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-title {/* sp */
  font-size: 2.6em;/* 3.4 */
}
.text-size-main {/* sp */
  font-size: 1.8em;/* 2 */
  line-height: 1.5;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-main {/* sp */
  font-size: 2em;/* 2.8 */
}
.text-size-sub {/* sp */
  font-size: 1.4em;/* 1.5 */
  line-height: 1.8;
  text-align: justify;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-sub {/* sp */
  font-size: 1.7em;/* 2 */
}
.text-size-cap {/* sp */
  margin: 10px;
  font-size: 1.2em;
  line-height: 1.5;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.text-size-cap {/* sp */
  font-size: 1.5em;
}

/*------ レイアウト ------*/
.navi ul {/* sp */
  display: inline-block;
  position: relative;
  z-index: 998;/* 左の項目表示される */
	list-style: none;
	width: 88%;
	margin: 0 auto 20px;/* 下の空き変える */
	color: #44ADE9;
}
.navi li {
	padding: 10px;
	border-radius: 7px;
	line-height: 1.5;/* 必要 2行になったときの文字間 */
	text-align: center;
}
.main-wrap-left {/* sp */
  z-index: 998;/* 左の項目表示される */
  padding-bottom: 15px;
  border-top: 1px solid #66CCFF;
	page-break-before: always;/* 改行 */
}
.main-wrap-inside {/* sp */
  width: 95%;/* 横幅狭める 文字の収まり具合 */
  margin: 0 auto;/* 必要 左右中央揃え */
}
.title-wrap {/* sp */
  width: 90%;
  margin: 0 auto;
  padding: 30px 0 20px;
}
.text-sub-wrap {/* sp */
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
  padding: 0 7%;
  text-align: left;
  line-height: 1.6;
}
/* サブタイトル背景 */
.title-sub-wrap-left {/* sp */
  display: flex;/* フレックス以外は左に寄る */
  justify-content: center;/* ヨコ */
  align-items: center;/* タテ */
  position: relative;/* 必要 ないと帯広がらない */
  width: 100%;/* 必要 チャート */
  padding: 5px;
  background-color: #F0FFFF;
  color: #44ADE9;
  text-align: center;
}
/* 1 2 5 */
.grid-container {/* sp */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));/* 1行最小450px */
}
.grid-icon-wrap {/* sp */
  display: inline-block;
  position: relative;
	margin: 10px 70px;/* 左右外枠との空き */
	padding: 10px;
  border: 1px solid #66CCFF;
	border-radius: 7px;
	text-align: center;
}
.grid-icon-wrap img {/* sp */
	padding-bottom: 5px;
}
/* 1 2 */
.text-on-premises {/* sp */
  padding-bottom: 5px;/* リストの下空き */
  color: #44ADE9;
  text-align: center;
}
.text-on-premises-sub {/* sp */
  width: 300px;
	margin: 0 auto;
  padding-top: 10px;
  color: #000;
	text-align: left;
}
.text-on-premises li {/* sp */
  list-style-type: disc;/* リスト点表示されない */
  margin-left: 20px;/* 必要 インデント */
  font-size: .8em;
  line-height: 1.6;
}
/* 2 3 */
.arrow-facing-downward {/* sp */
  margin: -5px auto 5px;
  width: 20px;
  height: 20px;
  border: 0;
  border-top: solid 2px #44ADE9;
  border-right: solid 2px #44ADE9;
  transform: rotate(135deg);
}
/* 3 */
.icon-wrap {/* sp */
  display: inline-block;/* 必要 中央揃え */
	margin: 10px 70px;/* 背景上の空き */
	padding: 10px 0;
  border: 1px solid #66CCFF;
	border-radius: 7px;
	text-align: center;
}
.icon-wrap-top {/* sp */
	padding: 0;
}
.icon-wrap-right-top {/* sp */
  width: 300px;
	margin: 0 auto;
  margin-bottom: 10px;
  color: #44ADE9;
	text-align: center;
}
.icon-wrap-right {/* sp */
	padding: 0 15px 5px;
  text-align: left;
}
.icon-wrap-right li {/* sp */
  list-style-type: disc;/* リスト点表示されない */
  margin-left: 20px;/* 必要 インデント */
  color: #000;
  line-height: 1.6;
}
/* 4 */
.chart {/* sp */
  margin: 0 10px;/* style.css main overflow-x:hiddenのため画像横スクロールできない */
}
.chart img {/* sp */
  width: 100% ;
  margin: 10px 0;
}
/* 5 */
.grid-item-aws-bottom {/* sp */
  padding-top: 5px;/* アイコン下の空き */
}
.grid-item-aws {/* sp */
  padding: 10px 0;/* 文字下の空き */
}

/*------ サービスメニュー ------*/
/* 外枠 */
.service-wrap {/* sp */
  width: 100% ;
  padding: 10px;
  border-top: 1px solid #66CCFF;
  border-bottom: 1px solid #66CCFF;
  color: #44ADE9;
}
/* 行 横並び */
.service-box-2 {/* sp */
  display: inline-block;
  position: relative;
  width: 90%;
}
/* 各項目 */
.estimate-box {/* sp */
  display: inline-block;/* ブロックでは中央配置できない */
  position: relative;
  margin: 10px;
  padding: 10px 30px;/* 文字背景 */
  border-radius: 15px;
  background: #F0FFFF;
  text-align: center;
}
.estimate-text {/* sp */
  width: 100%;
  margin: 0 10px 5px;
  color: #000;
  text-align: left;
  text-indent: -.5em;
  line-height: 1.5;
  vertical-align: text-top;/* 上揃え */
}

/*------ フッター ------*/
/* お問合せ先 */
.footer-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;/* 横の位置 */
  align-items: center;/* 縦の位置 */
  width: 300px;
  margin: 0 auto;/* 中央揃え */
  padding-top: 25px;/* 必要 2行になったとき社名ロゴの上空き */
  background: #fff;
  color: #000;
}
.text-dial {/* sp */
  display: inline-block;/* 左揃え設定する */
  position: relative;
  margin: 0 30px 20px;/* 2行になったとき社名ロゴの下空きなし */
  font-size: 1.35em;/* 右側フォントサイズの基準 */
  text-align: left;
}
_::-webkit-full-page-media,_:future,:root/* safari */ 
.text-dial {/* sp */
  font-size: 1.5em;/* 1.6 */
}
.telephone-number {/* sp */
  display: inline-block;
  position: relative;
  margin-top: 3px;
  font-weight: bold;
  font-size: 2.2em;/* 2.6 */
  line-height: 1.1em;/* 上からの高さ大きくなると下へ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.telephone-number {/* sp */
  font-size: 1.96em;/* 2.22 */
  line-height: 1.2em;/* 上からの高さ大きくなると下へ */
}
.reception-hours {/* sp */
  font-size: .6em;/* .7 */
  line-height: 1.1em;/* 上からの高さ大きくなると下へ */
}
_::-webkit-full-page-media,_:future,:root/* safari */
.reception-hours {/* sp */
  font-size: .59em;/* sp */
  line-height: 1.5em;/* 1.2 */
}
.select-tier-badge {/* sp */
	display: inline-block;
  position: relative;
	margin-bottom: 20px;/* 必要 2列になったとき下空き */
	vertical-align: middle;
}
.select-tier-badge img {/* sp */
  width: 50%;
}
.company-logo {/* sp */
	z-index: 1000;
  margin-bottom: 20px;/* 1列で下空き */
  text-align: center;
}
.company-logo img {/* sp */
  width: 72% !important;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.company-logo img {/* sp */
  width: 77% !important;/* 必要 サファリ縮小しない */
}
/* メールボタン案内 */
.footer-under-wrap {
  width: 100%;
  border-top: 1px solid #66CCFF;
  background: #fff;
}
.footer-under-text {/* sp */
  padding: 15px 10px;
  font-size: 1.3em;
  line-height: 1.5;
}
_::-webkit-full-page-media,_:future,:root/* safari */
.footer-under-text {/* sp */
  font-size: 1.5em;/* 1.9 */
}
}