@charset "utf-8";
/* common */

#sp_grobal_menu, #menu_header_button, #index_slider, #index_case_slider, #sp_bottom_menu {
	display: none;
}

@media screen and (max-width:640px) {
    #h_navi2, #h_navi, #left_box > ul, #left_menu, #waf_bnr_area, #left_box #seminar_banner_area, #footerSitemap, #footerHomeLink, #SQLi_contact, .p_word div h5{
        display: none;
    }
#index_slider, #sp_bottom_menu, #index_case_slider {
	display: initial;
}
img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
　
}
html, body, div, h1, h2, h3, h4, h5, p, img, dl, dt, dd, ul, ol, li {
	font-size: 12px;
}
table, tr, th, td {
	border-collapse: collapse;
}
a:link, a:visited {
	text-decoration: none;
	color: inherit;
}
body {
	left: 0;
	overflow-x: hidden;
}
.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}
.txt_sub {
	font-size: 9px;
}
.txt10{
font-size: 10px;
}

#sp_grobal_menu {
	display: none;
}
#sp_grobal_menu.open {
	display: initial;
}
#sp_grobal_menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 10;
}
#sp_grobal_menu ul {
	width: 100%;
	/*height: 100%;*/
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#sp_grobal_menu li {
	list-style: none;
	/*padding: 3.125% 3.125% 0;*/
	padding: 0 3.125%;
	margin: 0;
}
#sp_grobal_menu li.sp_gm_midashi {
	padding-top: 6%;
	padding-bottom: 3%;
}
#sp_grobal_menu .gm_link_right a {
	display: block;
	padding: 4% 0;
	color: #444;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
}
#sp_grobal_menu .gm_link_down {
	display: block;
	padding: 4% 0;
	color: #444;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	background-image: url(/common/sp_link_arrowB_down.png);
	background-size: 11px 6px;
	-webkit-background-size: 11px 6px;
	background-repeat: no-repeat;
	background-position:right 15px center;
	border-top: 1px solid #dcdcdc;
}
#sp_grobal_menu .gm_link_down.active {
	background-image: url(/common/sp_link_arrowB_up.png)t;
	background-size: 11px 6px;
	-webkit-background-size: 11px 6px;
	background-repeat: no-repeat;
	background-position:right 15px center;
}
#sp_grobal_menu .gm_link_down + ul .gm_link_right a {
	display: block;
	padding: 3.125% 0;
	color: #444;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	background-size: 6px 11px;
	-webkit-background-size: 6px 11px;
}
#sp_grobal_menu .gm_link_down + ul .gm_link_right:last-child a {
	margin-bottom: 3.125%;
}
#sp_grobal_menu .gm_list_title a {
	font-size: 11px;
}
#sp_grobal_menu .sp_cat_home.gm_link_right a {
	border-top: 1px solid #dcdcdc;
}
#sp_grobal_menu li.sp_cat_more {
	margin-bottom: 6%;
}
#sp_grobal_menu li.sp_cat_more:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #ddd;
	margin: 0 0 3.125%;
}
#sp_grobal_menu ul li td a {
	display: block;
}
#sp_grobal_menu li.sp_cat_step {
	padding: 2% 2.8125% 0;
}
#sp_grobal_menu li.step03_function {
	padding: 0 2.8125%;
}
#sp_grobal_menu li.sp_cat_step.gm_step00 {
	padding-top: 6%;
	margin-bottom: 4%;
}
#sp_grobal_menu li.gm_link_pc{
    background-image: url(/common/sp_link_pc.png);
    background-size: 12px 10px;
    -webkit-background-size: 12px 10px;
	background-repeat: no-repeat;
	background-position:right 17% center;
}

#wrapper {
	position: relative;
	width: auto;
	margin: 0;
	border: none;
	/*padding-top: 22%;*/
	padding-top: 19.375%;
	background: none;
}
#ttl, #header {
	padding: 0;
	border: none;
	margin-bottom: 4%;
	position: fixed;
	z-index: 20;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.4);
	left: 0;
	top: 0;
	width: 100%;
}
#ttl:after, #header:after {
	content: "";
	display: block;
	clear: both;
}
#ttl h1, #header #logo {
	position: fixed;
	left: 0;
	top: 0;
	width: 80.625%;
	background-image: none;
	background-color: #fff;
	/*background-repeat: no-repeat;*/
	padding: 0;
	margin-bottom: 0;
	height: auto;
}
body.fixed #ttl #menu_header_button, body.fixed #header #menu_header_button {
	background: #fff;
}
#left_box #menu_header_button, #header #menu_header_button {
	position: fixed;
	right: 0;
	top: 0;
	display: initial;
	width: 19.375%;
	padding: 0;
}
#wrapper:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 20px;
	margin-bottom: -20px;
	background: #555;
	z-index: 0;
}
#bg {
	padding: 0;
	background: none;
}
#left_box, #right_box, #right_box .left, #right_box .right {
	float: none;
	width: auto;
}
#right_box .section {
	padding-bottom: 10%;
}
#right_box .left, #right_box .right {
	padding: 0 3.125%;
}
#right_box .bottom {
	padding: 0 3.125% 4%;
}
#right_box .w210, #right_box .w380 {
	width: auto;
}
.seminar_main_img {
	padding: 0 3.125%;
}
.aside_menu {
	margin: 0;
	/*padding: 0 3.125% 9%;*/
	padding: 0 0 9%;
}
.aside_menu h6{
    margin: 0 3.125% 8%;
	}
.btn_aside {
	padding: 0 3.125%;
}
.btn_aside a {
	width: 100%;
	display: table;
	margin: auto;
	box-sizing: border-box;
	font-size: 12px;
}
.btn_aside a .btn_category {
	display: table-cell;
	width: 50px;
	font-size: 10px;
	padding: 1em 0 1em 1.125%;
}
.btn_l {
	font-size: 10px;
}
.btn_l a .btn_category {
	min-width: 40px;
	padding: 1.2em 0 1.2em 1.125%;
	font-size: 10px;
	margin-right: 3.125%;
}
.btn_l a .btn_category:after {
	margin-top: -1.5em;
}
.btn_l.btn_waf a .btn_category:after,
.btn_l.btn_next a .btn_category:after{
    height: 3.15em;
    margin-top: -1.6em;
    right: -1.5em;
    width: 3.15em;
	margin-top: -1.5em;
}
.btn_submit {
	display: block;
	width: auto;
	margin: 0 auto;
}
.btn_submit a {
	font-size: 10px;
	display: block;
	height: auto;
	padding: 3.125% 0;
}
.btn_waf a, .btn_scutum a, .btn_ondemand a {
	/*padding: 3.125%;*/
    /*text-align: center;*/
	width: 100%;
	box-sizing: border-box;
	/*display: block;*/
	margin: auto;
}
.btn_submit a {
	width: 100%;
	color: #fff;
}

h6 {
	padding: 3.125%;
}
h6 span {
	border: none;
	padding: 0;
}
.btn_next {
	padding: 0 3.125%;
}
.btn_next a .btn_category {
	min-width: 40px;
	padding: 1.2em 0 1.2em 1.125%;
}
.btn_service .btn_category:after, .btn_primer .btn_category:after, .btn_waf .btn_category:after {
	content: none;
	/*height: 2.65em;
	margin-top: -1.3em;
	right: -1.2em;
	width: 2.65em;*/
}
.btn_next .btn_category,
.btn_service .btn_category,
.btn_primer .btn_category,
.btn_waf .btn_category,
.btn_scutum .btn_category,
.btn_ondemand .btn_category {
background: none;
}
.btn_next a{
background-image: url(../common/sp_btn_bg_next.png);
background-size: auto 100%;
-webkit-background-size: auto 100%;
background-repeat: no-repeat;
}
.btn_service a{
background-image: url(../common/sp_btn_bg_service.png);
background-size: auto 100%;
-webkit-background-size: auto 100%;
background-repeat: no-repeat;
}
.btn_primer a{
background-image: url(../common/sp_btn_bg_article.png);
background-size: auto 100%;
-webkit-background-size: auto 100%;
background-repeat: no-repeat;
}
.btn_waf a{
background-image: url(../common/sp_btn_bg_waf.png);
background-size: auto 100%;
-webkit-background-size: auto 100%;
background-repeat: no-repeat;
}
.btn_scutum a{
background-image: url(../common/sp_btn_bg_scutum.png);
background-size: auto 100%;
-webkit-background-size: auto 100%;
background-repeat: no-repeat;
}
.btn_ondemand a{
background-image: url(../common/sp_btn_bg_ondemand.png);
background-size: auto 100%;
-webkit-background-size: auto 100%;
background-repeat: no-repeat;
}

.btn_aside a[onclick*="download"] .btn_text:after{
content: "（PCサイト）";
}

.btn_text {
	display: table-cell;
	vertical-align: middle;
	padding-left: 2.8em;
	padding-right: 2%;
	line-height: 1.2;
}
.btn_l .btn_category:after,
.btn_l a .btn_category:after{
content: none;
}
#btn_waf_leader_next,
#btn_ss_next,
#btn_waf_next,
#btn_saas_waf_next,
#btn_service_more_seminar
{
    margin-bottom: 12%;
}
a.l_words {
	padding: 0;
	margin-bottom: 4%;
	text-indent: 16px;
}
a.l_words {
	background-image: url(/common/sp_icon_words.png);
	background-size: 13px 13px;
	-webkit-background-size: 13px 13px;
	background-repeat: no-repeat;
background-position:0 3px;
}
a.l_out{
    background-image: url(/common/sp_icon_link.png);
	background-size: 13px 13px;
	-webkit-background-size: 13px 13px;
	background-repeat: no-repeat;
background-position:0 3px;
	font-size: 12px;
	color: #0000ee;
}
.p_word a:hover {
	color: #0000ee;
}
.p_word div, .p_word a:hover div {
	position: relative;
	top: 0;
	left: 0;
	text-indent: 0;
	padding: 3.125%;
}
.aside_menu .p_word div p, .p_word a:hover div p {
	font-size: 11px;
	padding: 0;
}
#left_box h1 {
	margin-bottom: 3.125%;
}
#left_box .page_ttl h1{
font-size: 14px;
}

#left_box .page_ttl p{
padding: 3.125%;
}
#right_box h2 {
	margin: 0 3.125% 6%;
	padding: 3.125%;
	font-size: 14px;
}
#left_box #cat01 {
	padding: 3.125%;
	margin: 3.125% 3.125% 8.5%;
}
#sp_bottom_menu ul:after {
	content: "";
	display: block;
	clear: both;
}
#sp_bottom_menu ul li {
	width: 50%;
	float: left;
}

#sp_bottom_menu ul li a {
	background: #f9f9f9;
	display: block;
	padding: 6.25% 3.125%;
	font-size: 10px;
	color: #666;
}
#sp_bottom_menu ul li.sp_bottom_pc a{
    background: url(/common/sp_link_pc.png);
    background-size: 10px 7px;
    -webkit-background-size: 10px 7px;
	background-repeat: no-repeat;
	background-color: #f9f9f9;
background-position: right 7% center;
}
#sp_bottom_menu ul li:nth-child(odd) a {
	border-right: 1px solid #fff;
}
#footer {
	margin-top: 0;
	background: #555;
	position: relative;
	z-index: 1;
	padding-bottom: 0;
}
#footerLogo {
	float: none;
}
#footer p {
	text-align: left;
}
#footerLogo a {
	display: block;
	text-align: center;
	margin: 3.125% 0;
}

#not_found_section #sitemap li{
    border: 2px solid #f6f6f7;
    margin: 0;
}
#not_found_section #sitemap li a{
    display: block;
    padding: 3.125%;
    background: url(/common/sp_link_arrowBL.png) right 3.125% center no-repeat;
    background-size: 6px auto;
}
#not_found_subText{
padding: 0 3.125%;
}
}/*media screen*/