/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */

/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */

/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */

*,
::before,
::after {
	background-repeat: no-repeat; /* 1 */
	box-sizing: inherit; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */

::before,
::after {
	text-decoration: inherit; /* 1 */
	vertical-align: inherit; /* 2 */
}

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */

html {
	box-sizing: border-box; /* 1 */
	cursor: default; /* 2 */
	-ms-text-size-adjust: 100%; /* 3 */
	-webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: .67em 0;
}

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
	display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
	list-style: none;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
	font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
	font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
	background-color: #ffff00;
	color: #000000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */

::-moz-selection {
	background-color: #b3d4fc; /* 1 */
	color: #000000; /* 1 */
	text-shadow: none;
}

::selection {
	background-color: #b3d4fc; /* 1 */
	color: #000000; /* 1 */
	text-shadow: none;
}

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */

/*
 * Change the alignment on media elements in all browers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
	border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

svg {
	fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */

/**
 * Collapse border spacing
 */

table {
	border-collapse: collapse;
}

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */

/**
 * Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	margin: 0;
}

/**
 * Inherit styling in all browsers (opinionated).
 */

button,
input,
select,
textarea {
	background-color: transparent;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */

textarea {
	overflow: auto; /* 1 */
	resize: vertical; /* 2 */
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
	display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
	display: none;
}

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */

/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
	-ms-touch-action: manipulation; /* 1 */
	touch-action: manipulation;
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
	display: none;
}

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */

/**
 * Change the cursor on busy elements (opinionated).
 */

[aria-busy="true"] {
	cursor: progress;
}

/*
 * Change the cursor on control elements (opinionated).
 */

[aria-controls] {
	cursor: pointer;
}

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */

[aria-hidden="false"][hidden]:not(:focus) {
	clip: rect(0, 0, 0, 0);
	display: inherit;
	position: absolute;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */

[aria-disabled] {
	cursor: default;
}

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

/* yahoo検索用ここから */

.search_bg{
    width: 100%;
    max-width: 960px;
    text-align: right;
    margin: 0 auto;
    position: relative;
}
#srchBox
{
height: 60px;
 background-color: #32373c!important;
right: 0px !important;
padding: 5px 20px 10px 20px!important;
 display: none;
 z-index: 999;
 position: absolute;
}
#srchBox *
{
margin:0;
padding:0;
font-size: 0.76rem;
}

#srchBox #srch #srchForm
{
white-space:nowrap;
}
#srchBox #srchInput
{
width:220px;
height: 24px;
margin-right:3px;
vertical-align: bottom;
 background-color: #cecece;
 border: none;
padding-left: 5px;
}
#srchBox #srchBtn
{
width:40px;
height: 24px;
 background-color: #2683c4!important;
 border: none;
 color: #fff;
 margin-left: -40px;
 border-radius: 0px;
}

#srchBox ul
{
margin-top:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
color: #fff;
}

#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}

#srchBox #srchLogo
{
margin:-4px 10px 0px 0px;
text-align:right;
}
#srchBox #srchLogo a
{
color:#a3a3a3;
text-decoration:none;
font-size:85%;
}

#srchForm,#srchToggle{
  display: inline-block;
  margin-left: 6px;
}
#srchToggle{
color: #fff;
}
#srchBox img{
    display: none;
}
.search-trigger{
    color: #999!important;
}
.search-on{
    color: #1ca8c6!important;
}

/* yahoo検索用ここまで */

html {
font-size: 90%;
}

body {
	color: #32373c;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese",'Hiragino Sans','ヒラギノ角ゴシック','Meiryo', 'メイリオ', sans-serif;
	background-color: #fff;	font-feature-settings : "palt";

}
a, a:link, a:visited {
	text-decoration: none;
	color: #184d7f;
}
a:hover {
	color: #0093bd;
	opacity: 0.5;
	transition: 0.5s;
}

li {
	list-style: none;
}
ul {
	margin: 0;
	padding: 0;
}
article {
	width: 100%;
}

section {
	clear: both;
}
i {
	margin-right: 5px;
}
*{
	font-feature-settings : "pkna";
}
h4 {
	font-size: 16px;
	font-size: 1.14rem;
	margin: 20px 0 5px 0;
	padding: 0;
	clear: both;
}
h5 {
	font-size: 14px;
	font-size: 1rem;
	margin: 0 0 10px 0;
	padding: 0;
}
th {
	background: #388fb4;
	background: linear-gradient(to right bottom, #388fb4 10%, #11507f 100%);
	color: #fff;
	padding: 10px;
}
tr:nth-child(odd) {
	background: #eee;
}
hr {
	height: 1px;
	border: none;
	border-top: 1px #ccc solid;
	margin: 20px 0;
}
iframe {
	width: 100%;
	max-width: 920px;
	height: 200px;
	margin: 0 auto 20px auto;
	border: 3px #e6e7df solid;
	padding-top: 0;
}
.img_border{
    border: 1px #ccc solid;
}
.agreement {
	font-size: 12px;
	font-size: 0.87rem;
	color: #3E3E3E;
}
.agree_txt {
	margin: 0 0 20px 10px;
}
.price tr td:first-of-type {
	text-align: center;
}
.price tr td:nth-child(2) {
	text-align: right;
}
.container {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.ta_right {
	text-align: right;
}
.fc01 {
	color: #fda300;
}
.fc02 {
	color: #007ecd;
}
.fc03 {
	color: #ffdd40;
}
.fc04 {
	color: #318ade;
}
.fc05 {
	color: #ffc55c;
}
.fc06 {
	color: #e11633;
}
.fc_w {
	color: #fff!important;
}
.fc_g {
	color: #575757;
}
.fc_w:hover, .fc_w:visited, .fc_w:link {
	color: #fff;
}
.fc_gs {
	color: #5bb851;
}
.fc_cloud {
	color: #46adc3;
}
.fc_zion {
	color: #318ade;
}
.fc_txt{
	color: #2d2e30;
}
.bgc_gs {
	background-color: #5bb851;
}
.bgc_cloud {
	background-color: #46adc3;
}
.bgc_zion {
	background-color: #318ade;
}

.bgc_cloud_btn{
	background: #ff9600;
}
.flo_right {
	float: right;
}
.flo_left {
	float: left;
}

.notice{
    color: #e11633;
    border:3px solid #f65858;
padding: 5px 10px;
    display: inline-block;
}

.w50{
    width: 50%;
}

.font_path{
     font-family: 'Pathway Gothic One', sans-serif;
    font-size: 14px;
	font-size: 1rem;
    letter-spacing: 1px;
}
.dp_ib{
display: inline-block;

}
.center {
	text-align: center;
}
.ind {
	text-indent: -1em;
	margin-left: 1em;
}
.cmdline{
	background: #141313;
	color: #fff;
	padding: 10px;
	display: inline-block;
}
.container .center img {
	width: 95%;
	height: auto;
	max-width: 960px;
	max-height: auto;
}
.fs_12 {
	font-size: 12px;
	font-size: 0.87rem;
	font-weight: normal;
	line-height: 120%!important;
	padding-top: 10px;
}
.mt10 {
	margin-top: 10px;
}
.mtm10 {
	margin-top: -10px;
}
.mtm20 {
	margin-top: -20px;
}
.mt20 {
	margin-top: 20px;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mr50 {
	margin-right: 50px;
}
.pb5{
	padding-bottom: 5px;
}
.pa5{
	padding: 5px;
}
.pa20{
	padding: 20px;
}
.txt_c{
    text-align: center!important;
}

.txt_l{
    text-align: left!important;
}
.txt_r{
    text-align: right!important;
}

.fa-angle-right{
    color: #505252;
}
.p_btn{
	padding: 10px 20px!important;
    margin: 2px 0 5px;
}
.br_wrap{
	word-break: break-all;
}

.img_bd{
	border: 2px solid #e6e7df;
}
.hatena-bookmark-button {
	margin-top: 5px;
	padding-top: 5px;
	border: none!important;
}

.hatena-bookmark-button img {
	border: none!important;
}
.fs_s {
	font-size: 80%!important;
}
.fs_l {
	font-size: 120%!important;
}
.fw_b {
	font-weight: bold;
}
.border_b {
	border-bottom: 1px solid #d7e2e4;
}

.fle {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	flex-flow: row wrap;
}
.fle1 {
	display: -webkit-flex;
	display: flex;
    flex-flow: row wrap;
}
.fle2 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-flow: row wrap;
}

.fle_end {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.fle_ver {
	-webkit-align-items: center;
	align-items: center;
}
.note {
	font-size: 11px;
	font-size: 0.78rem;
}
.note p {
	line-height: 120%;
	padding-left: 1em;
	padding-bottom: 0;
	margin-bottom: 0;
	text-indent: -1em;
}
.txt_box {
	display: inline-block;
	padding: 20px;
	margin: 0px 20px;
	border: #e6e7df 4px solid;
	background-color: #edeee6;
}

.txt_box2 {
	display: inline-block;
	padding: 20px;
	margin: 0px 20px;
	border: #cce9eb 4px solid;
background: #e4f4f5;
	word-break: break-all;
	margin-bottom: 10px;
}
/*header*/

.h_nav1 {
	background-color: #32373c;
	color: #fff;
	font-size: 11px;
	font-size: 0.78rem;
	padding-bottom: 2px;
}
.h_nav_fle {
	display: flex;
	flex-flow: row;
    align-items: center;
    line-height: 120%;
}
.h_nav_fle li {
	margin-right: 3px;
    padding: 3px 0;
}
.h_nav_fle li:first-child {
	margin-right: auto;
}
.h_nav_fle li a:hover, .h_nav_fle li a:visited, .h_nav_fle li a:link {
	color: #ffffff;
}
 .h_nav_fle li:nth-child(4) {
		border-right:#5f5f5f 1px solid;
     border-left:#5f5f5f 1px solid;
     padding: 0 5px;
	}
.h_nav_fle .fa-caret-right{
    color: #1ca8c6;
}

.h_nav1 i {
	margin: 0 3px 0px 8px;
}
.h_nav2_tit {
	width: 100%;
	font-size: 10px;
	font-size: 0.71rem;
	height: 16px;
	text-align: center;
	margin-bottom: 3px;
	padding: 2px 0 1px 0;
    font-weight: bold;
/*border-bottom: 1px solid #464a4d;*/
}
nav ul li a:visited, nav ul li a:link {
	color: #32373c;
}
nav ul li a:hover {
	color: #04a9c9;
}

#sec_page p {
	margin-top: 3px;
	line-height: 160%;
}
/* footer */

#bottom_info {
	width: 100%;
	height: 70px;
	padding: 10px;
	position: fixed;
	bottom: 0;
	background: rgba(22, 64, 122, 0.9);
	color: #fff;
	z-index: 30;
}

#bottom_info ul {
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

#bottom_info img {
	margin-top: -30px;
	margin-right: 10px;
}

#bottom_info li:first-child {
	font-size: 16px;
	font-size: 1.14rem;
	font-weight: bold;
}

#bottom_info li:not(:first-child) {
	border-radius: 5px;
	padding: 5px;
	text-align: center;
	color: #fff;
	box-shadow: 2px 2px 0px rgb(26, 64, 112);
}
#bottom_info a:hover, #bottom_info a:visited, #bottom_info a:link {
	color: #fff;
}
#bottom_info .bottom_close {
	font-size: 16px;
	font-size: 1.14rem;
	float: right;
	cursor: pointer;
}
#sec_page footer {
	margin-top: 60px;
	position: relative;
}
footer .f_01, footer .f_02, footer aside {
	padding: 20px 0;
}
.f_01_nav {
	display: flex;
	flex-flow: row wrap;
}
.f_01_nav li {
	margin: 3px;
}
footer .f_01 .top_btn {
	width: 400px;
	font-size: 20px;
	font-size: 1.4rem;
	font-weight: normal;
	margin: 0;
}
footer .f_01 .fa-facebook {
	color: #4d74b7;
	background: -webkit-linear-gradient(#4d74b7, #3b5998);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
footer .f_01 .fa-twitter-square{
	color: #4d74b7;
	background: -webkit-linear-gradient(#00c5f3, #00acee);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
footer .f_01 .fa-google-plus-square {
	color: #4d74b7;
	background: -webkit-linear-gradient(#e6604a, #db4a39);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
footer .f_01 .fa-rss-square, .fa-rss-square {
	color: #4d74b7;
	background: -webkit-linear-gradient(#ffcb4e, #ffb53c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
footer .f_02 {
	text-align: center;
	font-size: 13px;
	font-size: 0.92rem;
	color: #fff;
	background-color: #11507f;
}
.f_02 a, .f_02 a:hover, .f_02 a:visited, .f_02 a:link {
	color: #fff;
}
footer aside {
	color: #fff;
	background-color: #32373c;
	line-height: 140%;
}
footer aside p {
	font-size: 12px;
	font-size: 0.8rem;
	font-weight: bold;
	color: #20baff;
	line-height: 120%!important;
	height: 20px;
	margin-bottom: 10px;
}
footer aside li {
	font-size: 11px;
	font-size: 0.78rem;
	color: #fff;
	margin-right: 2px;
}
footer aside a:hover, footer aside a:visited, footer aside a:link {
	color: #fff;
}
.copy {
	text-align: center;
	font-size: 10px;
	font-size: 0.62rem;
}
.copy a:visited, .copy a:hover {
	color: #333;
}

.top_btn, .btn, .top_btn:visited, .btn:visited {
	background-image: linear-gradient(to bottom, #32373b, #0f1114);
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 5px;
}

.top_btn_demo, .top_btn_demo:link, .top_btn_demo:visited {
	width:98%;
	height: 50px;
	border-radius: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border: solid 4px #fff;
	background: linear-gradient(0deg, #fd811f, #fdb935);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    margin: 8px auto 5px auto;
    padding: 10px;
    font-size: 1.5rem;
}

.top_btn_01, .top_btn_01:link, .top_btn_01:visited {
	width: 80%;
	height: 60px;
	border-radius: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border: solid 4px #fff;
	background: linear-gradient(0deg, #6dc03c, #98de3a);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.top_btn_00 a, .top_btn_00:hover a,.top_btn_01 a, .top_btn_01:hover a {
	color: #fff;
}
.top_btn_demo:hover {
	background: #fdb935;
}
.top_btn_01:hover {
	background: #98de3a;
}
.top_btn_demo i,.top_btn_01 i{
	animation: shake2 3s linear infinite;
}

.btn_orange{
  /*オレンジ*/background: linear-gradient(0deg, #fd811f, #fdb935);
}
.btn_orange:hover {
  /*オレンジ*/background: #fdb935;
}


@keyframes shake2 {
	0% {
		transform: translateX(0)
	}
	5% {
		transform: translateX(0)
	}
	10% {
		transform: translateX(0)
	}
	20% {
		transform: translateX(-3px)
	}
	25% {
		transform: translateX(0)
	}
	30% {
		transform: translateX(-3px)
	}
	50% {
		transform: translateX(0)
	}
	100% {
		transform: translateX(0)
	}
}

@keyframes shake {
	0% {
		transform: translateY(0)
	}
	5% {
		transform: translateY(0)
	}
	10% {
		transform: translateY(0)
	}
	20% {
		transform: translateY(-3px)
	}
	25% {
		transform: translateY(0)
	}
	30% {
		transform: translateY(-3px)
	}
	50% {
		transform: translateY(0)
	}
	100% {
		transform: translateY(0)
	}
}


.btn_s, .btn_s:visited {
	text-align: center;
	color: #fff!important;
	border-radius: 3px;
	padding: 0px;
	font-size: 10px;
	font-size: 0.71rem;
	background-image: linear-gradient(to bottom, #32373b, #0f1114);
}

.top_btn:hover, .btn:hover, .btn_s:hover {
	color: #fff;
	background: #32373b;
	opacity: 1 !important;
}
.btn {
	font-weight: normal;
	display: inline-block;
	padding: 5px 20px;
}
.top_btn i, .btn i {
	margin-right: 5px;
}

/* トップページ */

h1 {
	font-size: 10px;
	font-size: 0.71rem;
	font-weight: normal;
	line-height: 120%;
}
.main_bg {
    background-image:url("../images/main_1907.png"),url("../images/main1907_bg.jpg");
    background-position:top 120px right,top center;
    background-repeat:no-repeat;
    background-size:640px,cover;
	/*background: #59a9e5;
	background: linear-gradient(to right bottom, #59a9e5 30%, #a5f3fc 100%);*/
    padding-bottom: 50px;
}

.main {
	height: 500px;
	padding-top: 60px;
}

.main_free_top{
  width: 55%;
}

.main_free_top_dl{
float: right;
 margin-top: 30px;
}

.main h2{
 color: #fff;
font-size: 2.7rem!important;
 text-shadow: 0px 0px 5px #666;
 margin: 80px 0px 0px 0px;
 line-height: 100%;
}

.main_free_bnr{
  margin-top:10px;
  width: 70%;
  max-width: 640px;
  height: auto;
}

.main .main_free_top p{
font-size: 1.6rem!important;
line-height: 140%;
font-weight: bold;
padding-bottom: 10px;
text-shadow: 0px 0px 5px #fff;
 letter-spacing: -1px;
}


@-webkit-keyframes sdb {
	0% {
		-webkit-transform: scale(3, 1) translate(0, 0);
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(3, 1) translate(0, 10px);
		opacity: 0.2;
	}
}
@keyframes sdb {
	0% {
		transform: scale(3, 1) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: scale(3, 1) translate(0, 10px);
		opacity: 0.2;
	}
}
#toppage h3,#gs_point h3,#top_cloud h3 {
	text-align: center;
}

#gs_point,#top_cloud{
	background: #e1e2d9;
}

#gs_kinou {
	color: #fff;
	background: #00a7dd;
	background: linear-gradient(to right bottom, #00a7dd 20%, #007ecd 100%);
}
#gs_inquiry{
    background: #e1e2d9;
}


#gs_type .container {
	border: 8px #007ecd solid;
	background-color: #fff;
    margin-top: -70px;
/*基本-90でメイン画像のheightによって数値変更。margin-top: -90px;*/
	z-index: 10;
	position: relative;
}
#gs_choicegs_choice .box, #gs_price .box {
	width: 33%;
	max-width: 300px;
	padding: 0 0 10px 0;
	margin-bottom: 5px;
	text-align: center;
}
#gs_choice .box img {
	width: 100%;
	max-width: 300px;
	height: auto;
}
.gs_bg, a .bgc_gs:hover {
	background: #62c557;
	background: linear-gradient(to right bottom, #62c557 30%, #93e283 100%);
}
.cloud_bg, a .bgc_cloud:hover {
	background: #46adc3;
	background: linear-gradient(to right bottom, #46adc3 30%, #69d6e1 100%);
}
.zion_bg, a .bgc_zion:hover {
	background: #318ade;
	background: linear-gradient(to right bottom, #318ade 30%, #4ac5ef 100%);
}
#gs_choice .box p {
	text-align: left;
	line-height: 100%;
	margin-left: 10px;
}
#gs_choice .box i {
	margin-right: 5px;
	color: #fff;
}
#gs_type .container{
    background-image: url("../images/gs_type_bg.jpg");
    background-repeat: no-repeat;
background-position: right bottom;
}
#gs_type .about_gs {
padding: 0 10px 0 0;
}
#gs_type h3 {
font-size: 1.73rem!important;
    margin-bottom: 20px!important;
}

#gs_type .about_gs_btn {
	width: 16%;
	background-color: #007ecd;
	text-align: center;
	color: #fff;
	padding: 10px 0;
	border-radius: 5px;
    margin: 10px;
}
#gs_type .about_gs_btn i {
	margin-right: 5px;
	color: #88bad7;
}
.about_gs_btn a:visited, .about_gs_btn a {
	color: #fff!important;
}
#gs_type .about_gs p {
	width: 80%;

    line-height: 140%;
}
#gs_news {
	background-image: url(../images/gs_news_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#gs_jirei {
	color: #fff;
	background-image: url(../images/gs_jirei_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #0477c8;
}
#gs_jirei .box {
	padding: 5px 10px;
	text-align: center;
}
#gs_price, footer .f_01, .agreement {
	background-image: url(../images/gs_price_bg.jpg);
	background-repeat: repeat;
}
#gs_price ul {
	background-color: #ffffff;
	margin: 0 5px;
	padding: 5px 0;
	font-size: 18px;
	font-size: 1.28rem;
	height: 240px;
}
#gs_price .box li {
	color: #32373c;
	padding: 5px 10px;
	border-bottom: #a0a0a0 1px dotted;
	line-height: 100%;
}
#gs_price .box li:last-child {
	border-bottom: none;
}
#gs_price h4 {
	font-size: 20px;
	font-size: 1.4rem;
	margin: 10px 0;
	color: #ffffff;
}
#gs_price .box h5 {
	font-size: 18px;
	font-size: 1.28rem;
	margin: 10px 0;

}
#gs_price li p {
	font-family: 'Pathway Gothic One', sans-serif;
	font-weight: bold;
	font-size: 30px;
	font-size: 2.1rem;
	margin: 10px 0;
	letter-spacing: 2px;
}
#gs_price li .p2 {
	font-size: 50px;
	font-size: 3.57rem;
	color: #fda300;
	padding: 0 0 20px 0;
	margin-left: -20px;
	letter-spacing: 1px;
}
#gs_price li .p3 {
	display: inline-block;
}
#gs_price li .user {
	display: inline-block;
	height: 20px;
	width: 60px;
	background-color: #32373c;
	color: #fff;
	font-size: 10px;
	font-size: 0.71rem;
	padding: 0px 8px 5px 8px;
	margin: 10px 10px;
}

#gs_price li .zion_s {
	display: table-cell;
	vertical-align: middle;
	width: 49%;
	background-color: #62c557;
	color: #fff;
	padding: 5px;
	font-size: 13px;
	font-size: 0.92rem;
	line-height: 150%;
}

#gs_inquiry img {
	margin-bottom: 10px;

}
#sec_page .h2_bg {
	background-color: #e6e7df;
	background-image: url(../images/h2_bg.png);
	background-position: 90%;
	background-repeat: no-repeat;
	height: 190px;
	padding: 0;
margin-top: -24px;
}
#sec_page .h2_bg h2 {
	padding-top: 100px;
	padding-left: 20px;
	font-size: 30px;
	font-size: 2.1rem;
}
#sec_page .h2_bg h2 p {
	font-size: 12px;
	font-size: 0.87rem;
	line-height: 100%;
	font-weight: normal;
	margin-top: 10px;
}
.sec_read {
	background-image: url(../images/read_bg.jpg);
	background-repeat: repeat;
	color: #fff;
	padding: 30px 0;
	text-align: center;
	font-size: 24px;
	font-size: 1.71rem;
	line-height: 140%;
	letter-spacing: 0.5px;
}
#sec_page h3 {
	position: relative;
	margin: 10px 0 20px 0;
	padding: 0em 0 0em 0.8em;
	font-size: 20px;
	font-size: 1.42rem;
	clear: both;
}
#sec_page h3:before {
	content: "";
	position: absolute;
	background: #fda300;
	top: 50%;
	left: 0;
	margin-top: -15px;
	height: 30px;
	width: 6px;
	border-radius: 4px;
}
#sec_page .h3_bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}

#gs_point h3:before,#top_cloud h3:before {
    display: none;
}

/*導入事例*/

#jirei {
	background-color: #eeeeee;
}
#jirei .jirei_box {
	padding-bottom: 30px;
	display: -webkit-flex;
	display: flex;
}
#jirei .jirei_info {
	width: 280px;
	margin-right: 40px;
}
#jirei .jirei_info img {
	width: 100%;
	height: auto;
}
#jirei .jirei_info ul {
	width: 280px;
	margin-top: 20px;
	font-size: 12px;
	font-size: 0.87rem;
}
#jirei .jirei_info li {
	margin-bottom: 5px;
}
#jirei .jirei_info li:nth-child(odd) {
	text-align: center;
	width: 80px;
	background-color: #32373c;
	color: #ffffff;
}
#jirei .jirei_info li:nth-child(even) {
	width: 200px;
	padding-left: 10px;
}
#jirei .jirei_txt {
	font-size: 12px;
	font-size: 0.87rem;
}
#jirei .jirei_title {
	font-size: 20px;
	font-size: 1.4rem;
	color: #11507f;
	font-weight: bold;
	margin: 0;
	padding: 0;
     line-height: 110%;
}
#jirei .jirei_title span {
	color: #9f9f9f;
	font-size: 12px;
	font-size: 0.87rem;
	font-weight: normal;
     line-height: 100%!important;

}
#jirei .jirei_title a:link, #jirei .jirei_title a:visited {
	color: #9f9f9f;
}
#sec_page .img_box img {
	width: 45%;
	height: auto;
	margin-left: 10px;
	float: left;
	text-align: center;
	border: 1px #ccc solid;
}
.case_box li {
	width: 290px;
	text-align: center;
	margin-bottom: 20px;
    background-color: #eeeeee;
}

.case_box li > a {
    display: block;
height: 190px;
    background-color: #fff;
}
.zion_border li, .free_border li, .cloud_border li {
	border: 5px #e6e7df solid;
	/*
	border: 1px #62c557 solid;
	border: 1px #46adc3 solid;
	border: 1px #318ade solid;
	*/
}
.case_box .li_none {
	width: 290px;
	text-align: center;
	margin-bottom: 20px;
    background-color: #fff;
    border: none;
}
.case_box li img {
	width: 60%;
	margin: 10px auto;
	height: auto;
}

.case_box li .case_txt {
	padding: 10px;
}


.case_box li .case_tit {
	text-align: center;
	font-size: 16px;
	font-size: 1.12rem;
	font-weight: bold;
	color: #104b76;
    letter-spacing: -0.5px;
}
.case_box li p {
	text-align: left;
    line-height: 140%;
}

.fujio_brand {
	text-align: center;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: baseline;
	padding: 10px 5px 0 0;
	border: 3px #deddd3 solid;
}
.fujio_brand li {
	flex-basis: 30%;
	margin-bottom: 10px;
}
.fujio_brand img {
	display: block;
	margin: 0 auto;
}
/*導入事例ここまで*/

/*オファー*/

.offer_box ul {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.offer_box li {
	width: 48%;
	border: #11507f 1px solid;
	margin-bottom: 20px;
}
.offer_box li:nth-child(even) {
	margin-left: 2%;
}
.offer_box li:last-child {
	border: none;
}
.offer_box .bnr {
	background-color: #fff;
	padding: 0px;
}
.offer_box .bnr img {
	width: 100%;
	height: auto;
}
.offer_box li h6 {
	height: 70px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-size: 1.14rem;
	padding: 15px;
	margin: 0;
	background: #11507f;
	background: linear-gradient(left top, #216994 30%, #11507f 100%);
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.offer_box li .inner_box {
	background-color: #fff;
	padding: 10px 5px;
}
.offer_box div a {
	width: 90%;
	height: 35px;
	display: block;
	margin: 5px 10px 10px 10px;
	border-radius: 3px;
	text-align: center;
	padding-top: 5px;
	font-size: 14px;
}
.offer_box div a i {
	margin-right: 5px;
}
.offer_box .offer_btn {
	background-color: #2e93b8;
	color: #fff;
	box-shadow: 0px -3px 0px 0px #1b749e inset;
}
.offer_box .offer_btn2:hover, .offer_box .offer_btn2:visited {
	color: #32373c;
}
.offer_box .offer_btn i {
	color: #fff;
}
.offer_box .offer_btn2 {
	color: #32373c;
	background-color: #f7c04a;
	box-shadow: 0px -3px 0px 0px #f3a82f inset;
}
.offer_box .inner_box {
	display: -webkit-flex;
	display: flex;
}
.offer_box .inner_box .item {
	margin: 0 10px;
}
.offer_box .inner_box img {
	width: 87px;
	height: auto;
}
/*オファーここまで*/

/*製品情報*/

/*NEW*/
.products_new{
	font-family: 'Pathway Gothic One', sans-serif;
    color: #fff;
	margin-left: 5px;
    border-radius: 3px;
	background-color: #00c6ff;
	text-align:center;
	padding: 2px 5px;
    -webkit-animation:flash 1.0s ease-in-out infinite alternate;
    -moz-animation:flash 1.0s ease-in-out infinite alternate;
    animation:flash 1.0s ease-in-out infinite alternate;

}
@-webkit-keyframes flash{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@-moz-keyframes flash{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@keyframes flash{
    0% {opacity:0.2;}
    100% {opacity:1;}
}

.products_gs_btn {
	margin-bottom: 20px;
}
.products_gs_btn a {
	width: 30%;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	padding: 20px 10px;
	word-wrap: break-word;
	display: block;
}
.products_gs_btn img {
	width: 100%;
	max-width: 206px;
	height: auto;
}
.products_gs_reason div {
	width: 32%;
	padding: 20px 20px 10px 20px;
	margin-bottom: 10px;
	text-align: center;
	border: #e6e7df 5px solid;
}
.products_gs_reason div img {
	width: 100%;
	max-width: 240px;
	height: auto;
	margin-bottom: 10px;
}
.products_gs_reason div p {
	text-align: left;
}
.products_table {
	width: 100%;
	border: 1px #ccc solid;
	font-size: 12px;
	font-size: 0.87rem;
}
.products_table td, .products_table th {
	border: 1px #ccc solid;
	padding: 10px;
}

.products_table td {
	width: 27%;
}
.products_table td:nth-child(4n-3) {
	background: #e8eff4;
	font-weight: bold;
	text-align: center;
	width: 19%;
}
.products_table tr:nth-child(odd) td:first-of-type {
	background: #dde7ec;
}
.products_table th a, .products_table th a:visited {
	color: #fff;
}
.td01 {
	text-align: center;
}
.td02{
	background: #e4f4f5;
}


.tec_table td,.tec_table th{
		border: 1px #999 solid;
	padding: 10px;
	word-break: break-all

}
.tec_table th{
	background: #b9dcdc;
	color: #3c3939;
}

.products_work {
	margin-bottom: 20px;
}
.products_work li {
	width: 25%;
	padding: 5px;
	font-size: 12px;
	font-size: 0.87rem;
	border-bottom: #e6e7df 5px solid;
	border-right: #e6e7df 5px solid;
}
.products_work li:nth-child(1), .products_work li:nth-child(2), .products_work li:nth-child(3), .products_work li:nth-child(4) {
	border-top: #e6e7df 5px solid;
}
.products_work li:nth-child(4n-3) {
	border-left: #e6e7df 5px solid;
}
.products_work li div:nth-child(1) {
	width: 40%;
}
.products_work li div:nth-child(2) {
	width: 60%;
}
.products_work li img {
	width: 80%;
	height: auto;
}
.products_work li p {
	line-height: 160%;
	font-size: 11px;
	font-size: 0.78rem;
}
.work_contents {
	width: 100%;
	max-width: 768px;
	background-color: #fff;
	padding: 10px;
	margin: auto;
	border: #e6e7df 5px solid;
	font-size: 12px;
	font-size: 0.87rem;
}

.work_title {
	width: 95%;
}
.work_img {
	width: 100%;
	margin-bottom: 10px;
}
.work_img figure {
	width: 100%;
    max-width: 900px;
}
.work_img figure img {
	width: 100%;
    max-width: 614px;
	height: auto;
	margin-bottom: 3px;
	border: 3px #e6e7df solid;
    padding: 4px;
}

figure figcaption {
	font-weight: bold;
}
.work_contents_tit {
	width: 100%;
	padding: 5px 10px;
	border-bottom: 3px #d7e2e4 solid;
	margin-bottom: 20px;
}
.work_contents_tit li:first-child {
	margin-right: auto;
	font-size: 20px;
	font-size: 1.4rem;
	font-weight: bold;
}
.work_contents_tit li:first-child img {
	width: 30px;
	height: auto;
	margin-right: 8px;
}
.work_contents_tit span {
	font-size: 10px;
	font-size: 0.71rem;
	color: #fff;
	padding: 2px 5px;
	margin-right: 2px;
}
.products_work .archive {
	text-align: center;
	width: 100%;
	background-color: #e6e7df;
	padding: 5px;
	font-weight: bold;
}
.products_work a.archive, .products_work .archive a:hover, .products_work .archive a:visited {
	color: #32373c;
}
.products_op {
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #d7e2e4;
}
.products_op li:first-child img {
	width: 180px;
	height: auto;
	margin-right: 20px;
}
.gs_op_box {
	background-color: #e6e7df;
	margin-bottom: 20px;
	padding-bottom: 10px;
	overflow: hidden;
	border-radius: 10px;
}
.gs_op_box .tit {
	background-color: #0f4d7c;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
}
.gs_op_box img {
	margin: 10px 40px 10px 20px;
	float: left;
}
.gs_op_box p {
	font-weight: bold;
	margin: 10px;
	padding-left: 1em;
}
.gs_op_box i {
	color: #0f4d7c;
}
.table_col li {
	width: 48%;
	margin: 0px 0 20px 0;
}
.table_col li table {
	width: 100%;
	margin-bottom: 10px;
}
.table_col table caption {
	text-align: left;
	margin: 0;
	padding: 0;
}
.table_col table td, .table_col table th {
	border: 1px #ccc solid;
	font-size: 12px;
	font-size: 0.87rem;
}
.table_col th {
	background: #0f4d7c;
	font-weight: normal;
	text-align: center;
	padding: 5px 10px;
}
.table_col table td {
	padding: 5px 20px;
}
/*製品情報ここまで*/

div.store_icon {
	border: 2px #e6e7df solid;
	border-radius: 5px;
	padding: 10px;
	margin: 0 10px 10px 0;
}
.store_icon img {
	width: 120px;
	height: auto;
}
.cloud_box {
	width: 100%;
}
.cloud_box li {
	width: 32%;
	text-align: center;
	padding: 0;
	border: #46adc3 5px solid;
}
.cloud_box h4 {
	font-size: 24px;
	font-size: 1.71rem;
	padding: 12px;
	margin-bottom: 15px;
	margin-top: 0!important;
	color: #fff;
	background-color: #46adc3;
}
.cloud_box h5 {
	font-size: 20px;
	font-size: 1.4rem;
	padding: 0;
	margin: 10px 0;
}
.cloud_box h6 {
	font-size: 24px;
	font-size: 1.71rem;
	padding: 10px 0;
	margin: 10px 0;
	font-weight: normal;
	background-color: #ffba35;
}
.cloud_box .txt {
	font-size: 14px;
	font-size: 1rem;
	text-align: left;
	color: #2d2e30;
	margin: 10px;
}
.zion_box {
	width: 100%;
}
.zion_box li {
	width: 19%;
	text-align: center;
	padding: 0;
	border: #318ade 5px solid;
}
.zion_box h4 {
	width: 100%;
	color: #fff;
	font-size: 13px;
	font-size: 0.92rem;
	background-color: #318ade;
	padding: 10px 0;
	line-height: 120%;
}
.zion_box li p {
	text-align: left;
	font-size: 12px;
	font-size: 0.87rem;
	line-height: 140%!important;
	margin: 10px;
}
.zion_box li p i {
	color: #318ade;
}
.zion_box li .ind{
	text-indent: -1em;
	margin-left: 1.5em;
}
.zab {
	margin: 20px;
}
.price_box {
	width: 100%;
	margin-bottom: 20px;
	padding: 0;
}
#gs {
	border: 6px solid #62c557;
}
#gs li:nth-child(1) {
	border-right: 6px solid #62c557;
}
#bycloud, .bycloud_price_box {
	border: 6px solid #46adc3;
}
#bycloud li:nth-child(1), .bycloud_price_box li:nth-child(1) {
	border-right: 6px solid #46adc3;
	width: 200px;
}
#zion {
	border: 6px solid #318ade;
}
#zion li:nth-child(1) {
	border-right: 6px solid #318ade;
}
.price_box li {
	padding: 20px 15px 20px 0px;
}
.price_box li:nth-child(1) {
	font-size: 18px;
	font-size: 1.28rem;
	text-align: center;
	padding-left: 15px
}
.price_box li:nth-child(1) span {
	background-color: #fff;
	font-size: 12px;
	font-size: 0.87rem;
	font-weight: bold;
	padding: 5px;
}
.price_box li:nth-child(2) {
	margin: 20px;
	border-right: dashed 1px #ccc;
	text-align: center;
}
.price_box li:nth-child(2) .btn_s {
	padding: 5px;
}
.price_box li:nth-child(3) {
	flex: 2;
}
.price_box li:nth-child(3) p {
	font-size: 12px;
	font-size: 0.87rem;
	text-indent: -1em;
	margin-left: 1.5em;
	margin-bottom: 0;
}
.price_box .gs_name {
	color: #fff;
	font-weight: bold;
	margin: 40px auto 10px auto;
}
.price_box .gs_price {
	font-size: 50px;
	font-size: 3.57rem;
	font-weight: bold;
	padding: 20px 0 0 0;
	margin-bottom: 20px;
	font-family: 'Pathway Gothic One', sans-serif;
}

.bycloud_1907{
    border:2px solid #46adc3;
    background-color: #fff;
    margin: 20px auto;
    padding: 0;
}
.bycloud_1907 h5{
  background-color: #46adc3;
    padding: 10px;
    text-align: center;
    color:#fff;
    font-size: 1.45rem;
}
.bycloud_1907 ul{
    margin:20px 10px;
    display: flex;
}

.bycloud_1907 li:nth-child(2){
margin:0 20px;
}
.bycloud_1907 li:last-child{
margin-left:0!important;
}
.bycloud_1907 strong{
    background: linear-gradient(transparent 60%, #ffc4f3 0%);
}

.fs_s_price {
	font-size: 14px;
	font-size: 1rem;
	display: inline-block;
	color: #2d2e30;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
.price_box .gs_price {
	font-size: 50px;
	font-size: 3.57rem;
	font-weight: bold;
	padding: 20px 0 0 0;
	margin-bottom: 10px;
}
.price_box .gs_price2 {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	font-size: 0.87rem;
}
/*導入方法*/

.dl_btn li div {
	width: 400px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	font-size: 1.28rem;
	line-height: 140%;
	padding: 0px 10px;
}
.dl_btn li a, .dl_btn li a:visited, .dl_btn li a:hover, .dl_btn li a:link {
	color: #fff;
}
.dl_btn img {
	margin: 10px;
	width: 124px;
	height: auto;
}

/*フロー*/
.flow_cloud div.flow ul {
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 3px;
	display: table;
	background-color: #2b6781;
	background: linear-gradient(left, #2b6781, #46adc3);
	background: -moz-linear-gradient(left, #2b6781, #46adc3);
background: -webkit-linear-gradient(left, #2b6781, #46adc3);
}
.flow_zion div.flow ul {
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 3px;
	display: table;
	background-color: #2c4d82;
	background: linear-gradient(left, #2c4d82, #4582c0);
	background: -moz-linear-gradient(left, #2c4d82, #4582c0);
background: -webkit-linear-gradient(left, #2c4d82, #4582c0);
}
.flow_free div.flow ul {
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 3px;
	display: table;
	background-color: #298141;
	background: linear-gradient(left, #298141, #44c557);
	background: -moz-linear-gradient(left, #298141, #44c557);
background: -webkit-linear-gradient(left, #298141, #44c557);
}
div.flow ul li {
	display: table-cell;
	text-align: center;
	width: 12.5%;
	height: 90px;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	font-size: 0.87rem;
	line-height: 140%;
}
div.flow ul li:not(:last-child) {
	position: relative;
	z-index: 2;
}
div.flow ul li:not(:last-child):after, div.flow ul li:not(:last-child):before {
	content: '';
	z-index: -1;
	position: absolute;
	display: block;
	border-right: 1px #fff solid;
	width: 90px;
	height: 90px;
	right: 5px;
}
div.flow ul li:not(:last-child):after {
	top: 16px;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	transform: rotate(30deg);
}
div.flow ul li:not(:last-child):before {
	top: -16px;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
/*フローここまで*/

.free_dl {
	margin-bottom: 10px;
}
.free_dl .btn i,.fc_dl {
	color: #62c557;
}
/*導入方法ここまで*/

.tutorial_img {
	width: 50%;
	height: auto;
	margin: 10px auto 0 auto;
}
.tutorial_txt p {
	margin: 0;
}
.tutorial_link_box {
	padding: 20px;
	margin: 10px auto;
	border: #e6e7df 4px solid;
	border-radius: 10px;
}
.tutorial_link_box ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.tutorial_link_box ul li {
	padding: 5px 10px;
	border-left: #ccc 1px solid;
	margin-bottom: 5px;
}
.tutorial_link_box ul li:last-of-type {
	border-right: #ccc 1px solid;
}

.tutorial_info{
    background-color: #e35d70;
    color: #fff;
    font-weight: bold;
    padding: 12px;
    border: 3px solid #fff;
border-radius: 8px;
   width: 270px;
    box-shadow: 0 0 5px gray;
    margin-bottom: 10px;
    line-height: 140%;
}

.demo_box{
    background-color: #e2e2e2;
    padding-bottom: 20px!important;
    margin-top: 30px;
}
.demo_box{
    text-align: center;
}
.demo_box h3{
font-size: 1.66rem;
    line-height: 140%;
    width: 95%;
}
.demo_box ul{
    width: 100%;
    margin: 0 auto;

}
.demo_box li{
    width: 100%;
    margin: 5px;
}

.demo_box a,.demo_box a:hover,.demo_box a:visited,.demo_box a:link{
     color: #fff;
}

.demo_box .btn {
border-radius: 10px;
text-align: center;
padding: 12px;
font-size: 1.38rem;
 background-image: linear-gradient(to bottom, #16bedf, #0eabd4);
    display: inline-block;
 width: 90%;
}


video {
	border: #d7e2e4 1px solid;
	margin-bottom: 20px;
	width: 450px;
	height: auto;
}
.demo_btn {
	width: 180px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border-radius: 10px;
	float: right;
	margin-left: 10px;
	font-size: 12px;
	font-size: 0.87rem;
	line-height: 140%;
	background-color: #e6e7df;
}
.demo_btn img {
	width: 80px;
	height: auto;
}
.top_news_tit, .cloud_news_tit {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	overflow: hidden
}


.pickup_box {
	border: 6px solid #e6e7df;
	padding: 5px 10px 10px 10px;
	width: 99%;
	margin-top: 16px;
}
.pickup_head {
	color: #ef3825;
	font-weight: bold;
	font-family: 'Pathway Gothic One', sans-serif;
	font-size: 18px;
	display: inline-block;
	line-height: 120%;
	margin: 0 10px 0 0;
	padding: 0 10px;
	letter-spacing: 1px;
	border-top: solid 3px #ef3825;
	border-bottom: solid 3px #ef3825;
}
.pickup_box p {
	display: inline-block;
}
.top_news_tit li {
	border: 6px solid #e6e7df;
	padding: 10px;
}
.cloud_news_tit li {
	border: 6px solid #a3d6e1;
	padding: 10px;
}
.top_news_tit li p, .cloud_news_tit li p {
	line-height: 160%;
	margin: 0;
}
.top_news_tit .data, .cloud_news_tit .data, .pickup_box .data {
	font-weight: bold;
	font-family: 'Pathway Gothic One', sans-serif;
	font-size: 16px;
	font-size: 1.14rem;
	display: inline-block;
	line-height: 120%;
	margin: 0 4px;
	letter-spacing: 1px;
}
.top_news_tit .news_t, .cloud_news_tit .news_t {
	margin-top: 10px;
}

.category, .archive-topics .category, .pickup_box .category {
	font-size: 0.8em;
	text-align: center;
	width: 90px;
	padding: 0 3px;
	margin: 0 8px;
	color: #FFFFFF;
	display: inline-block;
}
/*NEWS TICKER*/

.ticker{

    background-color: #1380ca;
    color: #fff;
    padding: 0 20px ;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
    letter-spacing: 0.5px;
  /*font-size: 0.87rem;
    font-weight: bold;*/
}
.ticker ul {
    width: 100%;
    position: relative;
}
.ticker ul li {
    width: 100%;
    display: none;
}
.ticker p{
    display: inline-block;
}

.ticker .data{
    border: 1px solid #fff;
    padding: 2px 8px;
    margin-right: 12px;
}
.ticker a:hover,.ticker a:visited,.ticker a:link{
    color: #fff;
}

/*よくある質問*/

.faq_box{
	margin-bottom: 40px;
}

.faq_q:first-letter,.faq_a:first-letter{
	font-size: 30px;
	font-size: 2.1rem;
	font-weight: bold;
	margin-right: 10px;
	font-family: 'Raleway', sans-serif;
}

.faq_q{
	font-size: 20px;
	font-size: 1.4rem;
	font-weight: bold;
}

.faq_q:first-letter{
	/*color: #2c81b6;*/
	color: #5daee1;
}

.faq_a{
	padding: 20px;
	background: #ecede6;
}

.faq_a:first-letter{
color: #ec8769;
}

/*wpお知らせ関連*/

.category,.archive-topics .category{
font-size: 0.8em;
text-align: center;
width: 80px;
padding: 0 5px;
margin: 0 4px;
color: #FFFFFF;
display: inline-block;
}
.archive-topics{
width: 95%;
padding:15px 0;
margin:0 auto;
float: none;
clear:both;
 border-bottom: 1px #ccc dotted;
overflow: hidden;
}
.archive-topics p{
margin:5px!important;
}

#top_news p,.archive-topics p{
float: left;
}

.archive-topics .news_t{
float: none;
  overflow: hidden;
  text-overflow: ellipsis;
 line-height: 150%;
width: 100%;
padding-left:5px;
  }

#top_news .news_t{
  overflow: hidden;
  text-overflow: ellipsis;
 line-height: 150%;
  }

.archive-topics .category{
font-size: 0.8em;
text-align: center;
width: 100px;
padding: 0 5px;
margin: 0 10px;
color: #FFFFFF;
}

.topics_txt{
width: 100%;
max-width: 900px;
	border: 6px solid #e6e7df;
	padding: 20px;
overflow: hidden;
}

#sec_page .topics_txt .entry img{
margin: 0px 20px 20px 20px;
}

#sec_page .topics_txt .alignleft{
float:left;
margin-left: 0;
}

#sec_page .topics_txt .alignright{
float:right;
margin-right: 0;
}


.topics_txt .post{
	border-bottom: 1px solid #e6e7df;
padding-bottom: 10px;
}
.topics_txt .topics_time,.topics_txt .category{
	display: inline-block;
}

.topics_txt .entry{
	margin-top: 20px;
}

/*お知らせ*/
.info-news{
background-color: #9ac365;
}

/*bycloud*/
.info-bycloud{
background-color: #47adc4;
}

/*障害情報*/
.info-failure{
background-color: #e77d00;
}
/*メンテナンス*/
.info-maintenance{
background-color: #cf738a;
}

/*リリース*/
.info-release{
background-color: #72b1d0;
}

/*NEW*/
.wp_new{
	font-family: 'Pathway Gothic One', sans-serif;
	margin-top:4px;
	margin-right: 5px;
	background-color: #00c6ff;
	border-radius:26px;
	width: 26px;
	height: 26px;
	text-align:center;
	padding-top: 2px;
}

p.pickup{
	display: none;
}


/* byCloudLP用*/

.bycloud_gs h2,.bycloud_cloud h2,.bycloud_appeal h2,.bycloud_work h2,.bycloud_voice h2,.bycloud_flow h2{
	text-align: center!important;
	font-size: 24px;
font-size: 1.71rem;
	letter-spacing: 1px;
	line-height: 140%;
	margin-top: 10px;
}
.cloud_btn{
	padding: 20px;
	clear:both;
}

.cloud_btn .btn_01,.cloud_btn .btn_02{
		width: 80%;
	height: 70px;
	margin: 30px auto 10px auto;
	border-radius: 30px;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	padding: 10px 15px 15px 15px;
font-size: 26px;
font-size: 1.85rem;
	font-weight: bold;
	background: #fff;
}
.cloud_btn a{
display: block;
}

.cloud_btn a,.cloud_btn a:hover,.cloud_btn a:visited,.cloud_btn a:link{
	color: #32373b;
}

.cloud_btn a:hover {
	opacity: 0.5;
	transition: 0.5s;
}

.bycloud_work .cloud_btn,.bycloud_flow .cloud_btn {
	background: url( ../images/1711_bg.jpg);
}
.btn_01,.btn_02{
	border: solid 4px #fab727;
}

.btn_01 i,.btn_02 i{
color: #46adc3;
}

.bycloud_gs{
	background: #f4f4f4;
	background-image: url(../images/top_bycloud_bg01.jpg), url(../images/top_bycloud_bg02.png);
   background-position: center bottom, center bottom;
  background-repeat: no-repeat, repeat;
}

.bycloud_gs ul{
	display: flex;
	 align-items: flex-end;
	  justify-content: center;
	flex-flow: row wrap;
}
.bycloud_cloud ul{
  display: flex;
flex-flow: row wrap;
	  justify-content: center;

}
.bycloud_cloud li{
	margin-right: 10px;

}
.bycloud_cloud li:nth-child(2){
width: 400px;
}

.fc_top5{
	color: #f76144;
}
.top5 {
margin-top: 20px;
}

.top5 dt{
	width: 100%;
	background: #fff;
	padding: 10px 10px 0px 10px;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.28rem;
	margin:10px 5px ;
	height: 60px;
	display: flex;
	display: -webkit-flex;
}
.top5 dt > p{
	width: 83%;
}

.top5 dt .top5_info{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #368aa5;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-size: 13px;
	font-size: 0.92rem;
	font-weight: normal;
	padding: 15px 10px 0px 10px;
	margin-top: -6px!important;
	margin-left: 10px;
	cursor:pointer;
}

.top5 dd{
	margin: 10px;
	color: #fff;
}
.top5 dl dd a:link,.top5 dl dd a:hover,.top5 dl dd a:visited{
	color: #f7f5d7;
	font-weight: bold;
}

.top5_tit1{
	font-size: 24px;
font-size: 1.71rem;
	color: #fff;
	margin-top: 20px;
	margin-left: 20px;
}
.top5_tit2{
font-family: 'Rock Salt', cursive;
	color: #fff;
}

.top5_tit3{
font-family: 'Rock Salt', cursive;
	color: #fff;
	font-size: 50px;
	font-size: 3.57rem;
}


.top_cloud_box{
	max-width: 480px !important;
	background: rgba(255, 255, 255, 0.9);
	padding: 20px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	margin-bottom: 40px;
}

.top_cloud_box .title{
	font-size: 20px;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 15px;
	background: linear-gradient(transparent 60%, #fff799 0%);
}

.top_cloud_box .title i {
	color: #ff9000;
}
.top_cloud_box .title .point{
color: #ef5362;
font-family: 'Rock Salt', cursive;
	float: right;
	margin-left: 20px;
	transform: rotate(-10deg);
}

.cloud_box_btn{
	background: #46adc3;
	padding: 0 15px;
	color: #fff;
	border-radius: 20px;
	display: inline-block;
}

.cloud_box_btn001{
	border: 3px solid #46adc3;
	background: #fff;
	border-radius: 20px;
	padding: 10px 20px;
	font-size: 17px;
	font-size: 1.21rem;
	font-weight: bold;
	margin-bottom: 40px;
	margin-left: 10px;
}

.cloud_box_btn001 a{
	color: #32373b;
	display: block;
}

.cloud_box_btn001 i{
		color: #ff9000;
}
.bycloud_cloud{
	background: #36a6c3 url(../images/top_bycloud_cloud_bg.jpg) center top no-repeat;
	padding-bottom: 20px!important;
}

.bycloud_appeal{
	background: #fab727;
}

.bycloud_appeal li{
	display: flex;
	float: left;
	margin:0 20px 20px 20px;
	background: #46adc3;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.bycloud_appeal .num{
	background: #fff;
	text-align: center;
font-family: 'Pathway Gothic One', sans-serif;
	color: #ffae00;
	font-size: 65px;
	font-size: 4.64rem;
	padding: 30px 12px 0px 12px;
}
.bycloud_appeal .num img{
	margin-top:30px;
	margin-bottom: 25px;
}

.bycloud_appeal .appeal_txt{
	padding: 0px 15px;
}
.bycloud_appeal .appeal_txt h2{
	color: #fff;
	font-size: 18px;
	font-size: 1.28rem;
	text-align: left!important;
	margin: 15px 0;
}

.bycloud_flow ul{
	display: flex;
}

.bycloud_flow ul i{
		color: #46adc3;
	margin: 5px;
		font-size: 18px;
	font-size: 1.28rem;
	align-self:center;
}

.bycloud_flow .step{
	font-weight: bold;
	font-size: 16px;
	font-size: 1.14rem;
	text-align: center;
	margin: 8px auto;
}

.bycloud_flow li{
	padding: 5px 10px;
	border: 3px double #c6bfb9;
}

.bycloud_flow .step_num{
	font-family: 'Pathway Gothic One', sans-serif;
	color: #46adc3;
	margin-right: 8px;
	font-size: 20px;
	font-size: 1.4rem;
	letter-spacing: 1px;
}

.bycloud_work li{
	width: 23%;
	height: 42px;
border: 4px solid #46adc3;
border-radius: 20px;
	padding: 5px;
	font-weight: bold;
	margin-right: 8px;
	margin-bottom: 20px;
	float: left;
}

.bycloud_work li img{
z-index: 888;
	width: 54px;
	height: auto;
	float: left;
	margin-left: -10px;
	margin-top: -15px;
	margin-right: 6px;
}




.bycloud_voice{
	background: #46adc3;
	color: #fff;
	padding-bottom: 40px!important;
}

.bycloud_voice .voice_txt{
	font-size: 18px;
	font-size: 1.28rem;
	margin-bottom: 20px;
	overflow: hidden;
}
.bycloud_voice .voice_txt i{
font-size: 35px;
	font-size: 2.5rem;
	float: left;
}


.bycloud_491{
background-image: url("../images/bycloud491_bg.jpg");
    background-repeat: repeat;
    background-position: top center;
}

.bycloud_491 h2{
font-size: 1.94rem
}
.bycloud_491 ul {
    display: flex;
   align-items: flex-start;
}

.bycloud_491 p{
    line-height: 180%;
}

.bycloud_491 li img{
margin: 0 7px;
}

.bycloud_service{
    margin-top: -30px;
}
.bycloud_service .service_title{
    background-color: #fff57c;
    padding: 30px 0 20px 0;
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 120%;
    position:relative;
}
.service_title:after {
border:10px solid transparent;
border-top-color:#fff57c;
border-bottom-width:0;
bottom:-10px;
content:"";
display:block;
position:absolute;
width:0;
    left: 50%;
}

.bycloud_service .cloud_box_btn{
    font-weight: normal;
font-size: 1.45rem;
    padding: 0 30px;
}
.bycloud_service .cloud_box_btn a,.bycloud_service .cloud_box_btn a:hover,.bycloud_service .cloud_box_btn a:visited,.bycloud_service .cloud_box_btn a:link{
color: #fff!important;
}

.bycloud_service ul{
    display: flex;
    flex-flow: row wrap;
    margin: 20px;
}

.bycloud_service ul li{
    width: 25%;
    text-align: center;
    font-weight: bold;
    border-right:dotted 3px #333;
    padding: 10px 0;
}
.bycloud_service ul li:last-of-type{
  border-right:none;
}

.bycloud_service ul li div{
    color: #4badc1;
font-size: 1.94rem;
    line-height: 120%;
    margin-top: 10px
}
.bycloud_service ul li p{
   text-align: left;
    width: 92%;
    margin: 0 auto;
      z-index: 10;
    position: relative;
}
.bycloud_service_kinou{
    position: relative;
    margin-top: -70px;
    z-index: -1;
}

.bycloud_service_kinou img{
    width: 100%;
}

/* GSスタートガイドここから */
.start_guide .container,.start_point .container{
    border-radius:20px;
    padding: 0;
    margin-top:20px;
}

.start_guide .container{
    border: 4px solid #d4e38b;
}
.start_guide h2,.start_point h2{
    margin: 0 ;
    padding: 15px;
    border-left: none;
    font-weight: bold;
    font-size: 1.38rem;
}
.start_guide h2{
     background:url("../images/start_guide05.png"),#f0f4c3;
}
.start_guide h4{
      margin-top: 20px!important;
}
.start_guide_ul,.start_guide_ul2{
 display: flex;
}

.start_guide li:nth-child(2){
  margin-left: 30px;
}
.start_guide .maru_number,.start_point .maru_number{
height:35px;
 width:35px;
 border-radius:50%;
 line-height:35px;
 text-align:center;
color: #fff;
display: inline-block;
 margin-right: 8px;
}
.start_guide .maru_number{
 background-color: #96ca64;
}

.start_guide .box,.start_point .box{
    margin: 0px 20px 40px 20px!important;
}

.start_guide .guide_server h5{
    border-bottom: #e2e4f4 4px solid;
    font-size: 1.11rem
}
.start_guide .guide_server p{
    margin-bottom: 20px;
}

.start_guide .guide_dl{
    border: 4px solid #8cc5d8;
    border-radius: 10px;
    padding: 20px;
    margin: 30px 0;
}

.start_guide .guide_dl li:first-child{
    font-weight: bold;
    font-size: 1.25rem;
    border-right: #cacaca dotted 2px;
    padding-right: 30px;
}

.start_guide .guide_dl li:nth-child(2){
margin-top: 0!important;
}

.start_guide .guide_dl li i{
 color: #24a3be;
 margin-left: 20px;
}


/* 3つのポイント */
.start_point .container{
    border: 4px solid #f88f6b;
}
.start_point h2{
     background:url("../images/start_guide05.png"),#ffdfd4;
}
.start_point .maru_number{
 background-color: #f88f6b;
}

.mark_p{
    background: linear-gradient(transparent 50%, #ffdef1 0%);
}

.btn_box{
    background-color: #e2e2e2;
}

.btn_box h4,.demo_box h4{
font-size: 1.66rem;
    line-height: 140%;
    width: 95%;
}

.btn_box ul,.demo_box ul{
    width: 100%;
    margin: 0 auto;
}
.demo_box li{
    width: 100%;
    margin: 5px;
}
.btn_box a,.btn_box a:hover,.btn_box a:visited,.btn_box a:link,
.demo_box a,.demo_box a:hover,.demo_box a:visited,.demo_box a:link{
     color: #fff;
}

.guide_btn {
width: 48%!important;
border-radius: 10px;
text-align: center;
padding: 12px;
font-size: 1.38rem;
 background-image: linear-gradient(to bottom, #16bedf, #0eabd4);
    display: inline-block;
    margin: 5px;
    float: left;
}

/* GSスタートガイドここまで */


/* pc */

@media print, screen and (min-width: 645px) {


body {
		font-size: 14px;
		font-size: 1.0rem;
		line-height: 160%;
    }
section {
		width: 100%;
		padding: 30px 0;
	}
#sec_page article {
		padding-top: 40px;
	}
#sec_page section {
		width: 100%;
		padding: 30px 0 0 0;
	}
	.container {
		padding: 0 20px;
	}
	.mob_nav, .f_03 {
		display: none;
	}
	.nav_fix {
		width: 100%;
		position: fixed;
		z-index: 888;
	}

#toppage h2 img{
	margin: -20px auto 0 auto;
	/*margin-top: -20px;*/
	}

.top_bnr_l{
width: 100%;
	max-width: 900px;
	}
.top_bnr{
	display: none;
	/*
	width: 90%;
	max-width: 366px;
		height: auto;
	*/
}

	#sec_page h4 {
		margin-top: 30px;
	}
	nav {
		z-index: 100;
		height: 60px;
		background-color: rgba(255, 255, 255, 0.85);
		padding-top: 14px;
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
	}
	nav ul {
		display: flex;
		flex-flow: row wrap;
		-webkit-align-items: center;
		align-items: center;
	}
	nav ul li:first-child {
		margin-right: auto;
	}
	nav ul li {
		margin-left: 20px;
		font-weight: bold;
	}
nav ul li i {
		font-size: 12px!important;
		font-size: 0.87rem!important;
	}
nav ul li:last-child {
		color: #fff!important;
		border-radius: 10px;
		background: #ff8c09;
		background: linear-gradient(to right bottom, #ff8c09 30%, #faa304 100%);
		padding: 3px 10px;
	}

.fixed {
		position: fixed;
		top: 0px;
	}

.top_btn,.top_btn_00,.top_btn_01{
		font-size: 24px;
		font-size: 1.71rem;
		margin: 20px auto;
		padding: 14px;
	}

.main_bg{
     padding-top: 40px;
	}

    /*トップバナーS4つ横並び*/

.top_bnr_area ul{
    width: 100%;
    display: flex;
    margin-top: -120px;
    margin-left: -20px;
    padding-bottom: 10px;
}

.top_bnr_area li:not(:last-child) {
margin-right: 5px;
}


	/*メイン画像：全面バナー掲載の時はかくす
	.main_bg:before {
		width: 50%;
		height: 100%;
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		background: url(../images/main_img.jpg);
		background-size: cover;
	}*/
#toppage h3,#gs_point h3,#top_cloud h3 {
		font-size: 30px;
		font-size: 2.1rem;
		line-height: 120%;
		letter-spacing: -1px;
	}

 #gs_choice{
         /*青囲みの下に置く場合の位置調整*/
       margin-top: -100px;
		padding-top: 80px;
		z-index: 0;
		position: relative;
    }
	#gs_choice .container {
		padding: 0px 10px 0px 10px;
	}
	#gs_choice .box p {
		font-size: 13px;
		font-size: 0.92rem;
	}
	#top_cloud {
        /*青囲みの下に置く場合
		margin-top: -100px;
		padding-top: 70px;
		z-index: 0;
		position: relative;*/
	}
	#top_cloud ul {
		display: -webkit-flex;
		display: flex;
		padding: 20px 0;
	}
    #gs_point {

    }
	#gs_point .box {
		width: 270px;
		height: 270px;
		padding-top: 35px;
        margin-bottom: 20px;
		background-image: url(../images/gs_point_bg.png);
		background-repeat: no-repeat;
		text-align: center;
	}
	#gs_point .box img {
		padding: 20px;
	}
	#gs_point .box p {
		padding: 0;
		margin: 0;
		color: #32373c;
		font-size: 1.4rem;
		font-weight: bold;
	}
	#gs_kinou .box {
		width: 50%;
	}
	#gs_kinou img {
		width: 85%;
		height: auto;
		margin-left: 30px;
	}
	#gs_jirei .box {
		width: 24%;
	}
	#gs_jirei .box img {
		width: 100%;
		max-width: 140px;
	}
	div.flow ul li span br {
		display: none;
	}
	/* footer*/
	.f_01_nav li:last-child {
		margin-left: auto;
	}
	#sec_page h3 {
		margin: 60px 0 20px 0!important;
	}
	#sec_page h3:first-of-type {
		margin-top: 10px!important;
	}
	.bread {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		padding: 10px;
		font-size: 12px;
		font-size: 0.87rem;
	}
	.bread i {
		font-size: 14px;
		font-size: 1.0rem;
		margin-right: 5px;
	}
	.bread .fa-angle-right {
		margin: 0 5px;
	}
	.table_s td, .table_s th {
		font-size: 14px!important;
		font-size: 1rem!important;
		padding: 10px 20px!important;
	}
	.products_op .flex-1 {
		flex: 1;
	}
	.products_op .flex-2 {
		flex: 4;
	}
	.products_op .t0 h4 {
		margin-top: 0!important;
		padding-top: 0!important;
	}
	.top_news_tit li, .cloud_news_tit li {
		width: 32%;
		margin-right: 1%;
	}
	#bottom_info ul {
	max-width: 850px;
	}
	#bottom_info li:not(:first-child) {
	width: 15%;
	}

.bycloud_appeal li{
	width: 420px;
}

    .bycloud_491 li:first-child{
width: 460px;
}
.bycloud_491 li:last-child{
margin-left: 30px;
}


}
/* mobile*/

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


 /* yahoo検索用ここから*/

.search_bg{
  width: 100%;
}
#srchBox
{
text-align:center;
width: 100%;
height: auto;
}
#srchBox *
{
font-size: 0.8rem;
}

#srchBox #srchInput
{
height: 30px;
}
#srchBox #srchBtn
{
width:50px;
height: 30px;
}
/* yahoo検索用ここまで*/

	#bottom_info {
		height: 50px
	}
	#bottom_info ul {
		width: 100%;
	}
	#bottom_info li {
		margin-left: 3px;
	}
	#bottom_info li:not(:first-child) {
		flex-basis: 30%;
	}
	#bottom_info li:first-child {
		font-size: 12px;
		font-size: 0.87rem;
	}
	#bottom_info img {
		display: none;
	}
	#bottom_info .bottom_close {
		display: none;
	}
body {
		font-size: 12px;
		font-size: 0.87rem;
		line-height: 160%;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Hiragino Sans','ヒラギノ角ゴシック', Meiryo, 'メイリオ', sans-serif;
	}

section {
		width: 100%;
		padding: 30px 0;
	}

#sec_page section {
width: 100%;
	padding: 20px 0 0 0;
	}
.top_bnr_l{
	display: none;
	}

/*.top_bnrトップバナー位置調整用ここから*/
.main {
    text-align: center;
    }
  /*
.top_bnr {
	width: 100%;
	max-width: 360px;
	height: auto;
	margin: 0 auto;
	}
    */

/*トップバナーS4つ横並び*/
.top_bnr_area ul {
width: 100%;
margin-top: -170px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;

    }

.top_bnr_area ul li{
 width:50%;
   margin-bottom: 3px;
    flex-basis: 50%;
    }

.top_bnr_area ul li img{
 width:95%;
    max-width: 235px
    }

.about_gs p {
 width: 100%!important;
    }

 #gs_type h3 br{
 display: none
    }

 #gs_type .container {
background-size: 100%;
background-position: right 30%;
    }

 #gs_type .container{
    margin-top: -40px;
    }
#gs_type .w50{
    width: 100%;
    }

/*.top_bnrトップバナー位置調整用ここまで*/

.mob_img{
width: 100%;
height: auto;
	}
.mob_img2 {
width: 50%;
height: auto;
	}
.container {
padding: 0 10px;
	}

.h_nav1 {
height: 40px;
padding: 0 0 10px 0;
	}

	#bycloud li:nth-child(1), .bycloud_price_box li:nth-child(1) {
		width: 100%;
	}
	#top_cloud ul {
		display: -webkit-flex;
		display: flex;
		padding: 10px 0;
		-webkit-justify-content: space-around;
		justify-content: space-around;
		flex-flow: row wrap;
	}
	#top_cloud ul img {
		margin-bottom: 20px;
	}
	.h_nav_fle li:nth-child(2), .h_nav_fle li:nth-child(3), .h_nav_fle li:nth-child(4) {
		display: none;
	}
	nav, aside, .bread {
		display: none;
	}
	.mob_no {
		display: none;
		border: none!important;
		padding: 0!important;
		margin: 0!important;
	}
	#sec_page footer {
		margin-top: 40px;
	}
	.f_01_nav li .top_btn {
		width: 100%;
	}
	footer .f_02 {
		font-size: 12px;
		font-size: 0.87rem;
	}
	.case_box li {
		margin-bottom: 20px;
	}
	.offer_box li h6 {
		font-size: 14px;
		font-size: 1.0rem;
	}
	h4 {
		font-size: 13px;
		font-size: 0.92rem;
		clear: both;
	}
	h5 {
		font-size: 12px;
		font-size: 0.87rem;
	}
	.table_s {
		overflow: auto;
		white-space: nowrap;
	}
	.table_s::-webkit-scrollbar {
		height: 5px;
	}
	.table_s::-webkit-scrollbar-track {
		background: #F1F1F1;
	}
	.table_s::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
	/*mob_nav*/
	.mob_nav {
		width: 100%;
		padding: 10px 5px 20px 5px;
		background-color: #fff;
	}


/* GSスタートガイドここから */
.start_guide_ul{
 display: flex;
   flex-wrap: wrap;
}
.start_guide_ul,.start_guide_ul2{
justify-content: center;
}
.start_guide_ul2 br{
    display: none
    }

.guide_btn {
    float: none;
   width: 100%!important;
}
.start_guide .guide_dl li i{
 margin-left: 10px;
}

/* GSスタートガイドここまで */



/* 画面右端オンラインデモボタン

.right_demo_btn{
    top:500px;
}
    */

	#sec_page .mob_nav {
	padding-bottom: 40px;
	}

	.mob_nav_header {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.mob_nav_header img {
		width: 229px;
		height: auto;
	}
	.mob_nav ul {
		margin-top: 20px;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		flex-flow: row wrap;
		overflow: auto;
	}
	.mob_nav li {
		text-align: center;
		width: 33%;
		float: left;
	}
	.mob_nav ul li a {
		display: block;
		padding: 20px 3px;
		color: #0da0d7;
		background: #fff;
		border: 1px solid #d9f1fb;
	}
	.mob_nav ul li a:hover {
		color: #fff!important;
		background: #0da0d7;
		opacity: 1;
	}
	.mob_nav a, .mob_nav a:visited, .mob_nav a:link {
		color: #0da0d7;
	}
	.menu-trigger, .menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 30px;
		height: 24px;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #32373c;
		border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 11px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
		transform: translateY(11px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		transform: translateY(-11px) rotate(45deg);
	}
	/*mob_navここまで*/
.fle .box {
		margin: 10px auto;
	}
	.top_btn_00,.top_btn_01,.top_btn_demo{
		width: 100%;
	}
.top_btn,.top_btn_00,.top_btn_01{
		font-size: 18px;
		font-size: 1.28rem;
		margin: 20px auto;
		padding: 14px;
	}

.top_btn_demo{
      margin: 10px auto;
    }

#toppage .main {
		width: 100%;
		height: 400px;
		margin: 0 auto;
		padding-top: 10px;
		z-index: 40;
	}

/*201907トップ用*/
.main_bg {
    background-image:url("../images/main_1907.png"),url("../images/main1907_bg.jpg");
    background-position:top 100px left 200px,top center;
    background-repeat:no-repeat;
    background-size:640px,cover;
    padding-bottom: 10px;
}
.main_free_top{
    width:100%;
}

.main h2{
font-size: 2rem!important;
margin-top: 20px;
line-height: 120%;
text-align: left;
}
.main .main_free_top p{
font-size: 1.2rem!important;
line-height: 120%;
text-align: left;
}
.main_free_top_dl{
margin-top: 0px;
}
.main_free_top_btn{
	height: 40px;
	color: #fff;
	border: solid 3px #fff;
    margin: 8px auto 5px auto;
    padding: 8px;
    font-size: 1.2rem;
}
/*201910トップ用ここまで*/


#toppage h3,#gs_point h3 {
		font-size: 20px;
		font-size: 1.4rem;
		line-height: 120%;
	}
	 #gs_price .box {
		width: 100%;
	}
    #gs_choice .box{
		width: 100%;
        max-width: 300px;
	}
	#gs_type .about_gs_btn {
		width: 100%;
	}
	#gs_point .box {
		width: 60%;
		padding: 10px;
		text-align: center;
		background-color: #fff;
		border: 6px solid #ccebff;
		border-radius: 10px;
	}
	#gs_point .box img {
		padding-bottom: 10px;
	}
	#gs_point .box p {
		color: #32373c;
		font-size: 1.4rem;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}
	#gs_kinou .box {
		width: 100%;
		text-align: center;
	}
	#gs_kinou img {
		width: 75%;
		height: auto;
	}
	#gs_jirei {
		background-repeat: repeat;
	}
	#gs_jirei .box {
		width: 40%;
	}
	#gs_jirei .box img {
		width: 100%;
	}
	#sec_page .h2_bg {
		background-color: #e6e7df;
		background-image: url(../images/h2_bg.png);
		background-size: 50%;
		background-position: right bottom;
		height: 100px;
	}

	#sec_page .h2_bg h2 {
		padding-top: 10px;
		padding-left: 10px;
		font-size: 24px;
		font-size: 1.71rem;
	}
	#sec_page p {
		margin-top: 5px;
	}
	#sec_page .sec_read {
		padding: 20px 0;
		font-size: 16px;
		font-size: 1.14rem;
	}
	#sec_page h3 {
		padding: 0.2em 0 0.5em 0.6em;
		font-size: 16px;
		font-size: 1.14rem;
		margin-bottom: 0;
	}
	#sec_page .h3_bottom {
		margin-bottom: 0;
		padding: 0 0 0.2em 1.2em;
	}
	#sec_page h3:before {
		height: 22px;
		width: 6px;
		border-radius: 4px;
	}
	#jirei .jirei_box {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	#jirei .jirei_txt {
		margin-top: 20px;
	}
	.offer_box ul {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.offer_box li {
		width: 100%;
		margin-left: 0!important;
		margin: 0 auto 10px auto;
	}
	.products_gs_reason div {
		width: 90%;
		margin-bottom: 10px;
	}
	.products_gs_reason div img {
		width: 80%;
		height: auto;
	}
.products_table td, .products_table th {
		font-size: 10px;
		font-size: 0.71rem;
		padding: 5px;
	}
.products_work li {
		width: 50%;
		padding: 5px;
		border-bottom: #e6e7df 5px solid;
		border-right: #e6e7df 5px solid;
	}
.products_work li:nth-child(1), .products_work li:nth-child(2) {
		border-bottom: none;
	}
.products_work li:nth-child(2n-1) {
		border-left: #e6e7df 5px solid;
	}
.work_contents_tit {
		padding: 5px 0;
	}
.work_img figure {
		width: 100%;
        margin: 0 auto 20px auto;
  min-width: 360px;
	}
.work_img figure img {
		width: 100%;
		height: auto;
	}
figure figcaption {
		text-align: center;
		font-weight: bold;
	}
	.table_col li {
		width: 100%;
		margin: 0;
	}
	.table_col li table {
		margin-top: 0px;
	}
	.table_col table th {
		font-size: 11px;
		font-size: 0.78rem;
	}
	.cloud_box li {
		width: 90%;
		margin: 5px 0;
	}
	.cloud_box .txt {
		text-align: center;
	}
	.zion_box li {
		width: 90%;
		margin: 5px 0;
	}
	.gs_op_box img {
		float: none;
	}
	.gs_op_box p {
		clear: both;
	}
	.price_box li {
		padding: 20px 15px 20px 0px;
	}
	.price_box li:nth-child(1) {
		font-size: 18px;
		font-size: 1.28rem;
		text-align: center;
		padding-top: 0;
		width: 100%;
		border-right: none;
	}
	.price_box li:nth-child(1) span {
		padding: 5px 10px;
	}
	.price_box li:nth-child(2) {
		border-right: none;
		width: 100%;
		border-bottom: dashed #ccc 1px;
		padding-top: 0;
	}
	.price_box li:nth-child(3) {
		padding: 0 10px 10px 10px;
	}
	.price_box li:nth-child(3) p {
		font-size: 11px;
		font-size: 0.78rem;
		text-indent: -1em;
		margin-left: 1.5em;
		margin-bottom: 0;
	}
	#gs li:nth-child(1), #bycloud li:nth-child(1), #zion li:nth-child(1) {
		border-right: none;
	}
	.price_box .gs_name {
		margin: 20px auto 10px auto;
	}
	.price_box .gs_price {
		padding: 10px 0 0 0;
		margin-bottom: 10px;
	}
	.price_box .gs_price2 {
		font-size: 14px;
		font-size: 1rem;
	}
	.dl_btn li div {
		width: 320px;
		margin: 10px;
		padding: 10px 15px;
		font-size: 14px;
		font-size: 1rem;
	}
	div.flow ul li {
		font-size: 10px;
		font-size: 0.71rem;
		padding-left: 5px;
	}
	.free_dl .btn {
		font-size: 10px;
		font-size: 0.71rem;
	}
	.f_03 {
		background-color: #ccc;
		text-align: right;
	}
	.f_03 a {
		font-size: 10px;
		font-size: 0.71rem;
		margin-right: 10px;
	}
	.txt_box {
		display: block;
		width: 100%;
		margin: 10px auto;
		word-break: break-all;
	}
	.fle2 .tutorial_txt {
		margin: 10px auto;
	}
    .demo_box li{
    width: 90%;
    margin: 5px;
    float: none;
}

	video, object, embed {
		width: 100%;
		padding: 0;
	}
	.top_news_tit, .cloud_news_tit {
		flex-flow: row wrap;
	}
	.top_news_tit li, .cloud_news_tit li {
		width: 100%;
		margin-bottom: 10px;
	}
	#gs_news {
		background: none;
	}
	.pickup_box {
		width: 100%;
	}

.ticker {
    padding: 0;
}
.ticker p{
    padding: 0;
}

.ticker .data{
    padding: 1px 3px;
    margin-right: 5px;
    }
 .ticker li{
     /*text-overflow: ellipsis;*/
     white-space: nowrap;
     overflow: hidden;
     margin-left:20px;
     font-size: 0.83rem
    }
    .wp_new{
        font-size: 1rem;

    }

.faq_q{
	font-size: 16px;
	font-size: 1.14rem;
	font-weight: bold;
}

/* cloudLP用*/
.cloud_btn .btn_01,.cloud_btn .btn_02{
	width: 90%;
	height: 60px!important;
	margin: 30px auto 10px auto;
	border-radius: 30px;
	font-size: 14px;
	font-size: 1rem;
	padding: 15px;
	}
    .bycloud_491{
        background-position: bottom;
    }
.bycloud_491 h2,.service_title{
font-size: 1.45rem!important
    }
  .bycloud_491 ul{
display: block;
    }
.bycloud_491 li:last-child{
    width: 100%;
    margin-bottom: 30px;
  flex-wrap: nowrap;
    }

.bycloud_491 li img{
width: 90%;
    }

.bycloud_work li{
	width: 47%;
}

.bycloud_appeal li{
	width: 100%;
	margin: 20px auto;
	float: none;
	}

.bycloud_flow ul{
	flex-flow: row wrap;

}
	.bycloud_flow ul li{
		width: 100%;
		text-align: center;
}
.bycloud_flow ul i{
	transform: rotate(90deg);
	margin: 10px auto;
}

.bycloud_gs{
	background-image: url(../images/top_bycloud_bg02.png);
   background-position:  center bottom;
  background-repeat: repeat;
}
	.bycloud_gs br{
		display: none;
}


.bycloud_service ul{
    margin: 20px;
}

.bycloud_service ul li{
    width: 100%;
    border-right:none;
    border-bottom:dotted 3px #333;
    padding-top: 20px;
}

.bycloud_service ul li:last-of-type{
    border-bottom:none;
}

.bycloud_service_kinou{
    margin-top: -10px;
}

.bycloud_1907 ul{
        flex-flow: row wrap;
 justify-content: center;
}
.bycloud_1907 li{
margin: 20px 0!important ;
}
.bycloud_1907 li:nth-child(2),.bycloud_1907 li:nth-child(3){
text-align: center;
}
.bycloud_1907 img{
        margin: 0 auto;
    width: 262px!important;
    }

}
/* nav関連調整*/

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

	.h_nav_fle li:nth-child(1) {
	width: 33%;
	}
	nav ul {
	display: -webkit-flex;
	display: flex;
	}
	nav ul li {
	font-size: 12px;
	font-size: 0.87rem;
	}
	nav ul li img {
	width: 200px;
	height: auto;
	}
.main_free_top{
        width: 70%;
    }


/* cloudLP用*/
.bycloud_work li{
	width: 47%;
}
.bycloud_appeal li{
	width: 100%;
	margin: 20px auto;
	float: none;
	}

}
/* TOPスクロール*/

#pageTop {
	position: fixed;
	bottom: 80px;
	right: 10px;
	z-index: 999;
}
#pageTop a {
	display: block;
	border-radius: 30px;
	width: 50px;
	height: 50px;
	background-color: #04a8c8;
	color: #fff;
	text-align: center;
	font-family: 'Pathway Gothic One', sans-serif;
	font-size: 18px;
	font-size: 1.28rem;
	line-height: 100%;
	padding-top: 5px;
}
#pageTop i {
	margin: 0;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}



@media (min-width: 1200px) {
    .main_bg {
    background-image:url("../images/main_1907.png"),url("../images/main1907_bg.jpg");
    background-position:top 120px right 25%,top center;
}

}

@media (min-width: 644px) and (max-width: 959px) {
/*トップバナーS4つ横並び*/
.top_bnr_area {
margin-left: 20px;
    }
.top_bnr_area ul li img{
 width:100%;
    }

}