/*main img*/
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead {
    font-weight: 600;
    line-height: 1.5em;
}
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {
    font-size: 17px;
}
.search-form > form {
    height: 60px;
    top:0px;
}
.search-form button img{ position: relative;
top: 0px;
width: 85%;}

h1, h2, h3, h4, h5, h6 {
    color: #004098;
}
.blog-details-area h2{
border-bottom: 1px solid #004098;
padding-bottom: 20px;
}

h2.bg_orange,h2.bg_orange_y,
.bg_orange h2{
border-bottom: none;
}
.product-text h1,.product-text h2,.product-text h3,.product-text h4,.product-text h5,.product-text h6 {
    color: #fff;
}
.search-form button {
    background: none;
    /*border-left: solid 1px #ccc;*/
}
#search-form > button:hover {
    background:none;
}

.search-form input{
    width:84%;
}

.mainmenu ul#nav li .megamenu {
    background: #004098 none repeat scroll 0 0;
}
ul.sub-menu {
    background: #004098 none repeat scroll 0 0;
}
ul.sub-menu:after, .mainmenu ul#nav li .megamenu:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #004098;
    border-style: solid;
    border-width: 8px;
    top: -16px;
    content: "";
    left: 20px;
    position: absolute;
    opacity: .95
}
ul.sub-menu:after, .mainmenu ul#nav li:nth-child(2) .megamenu:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #004098;
    border-style: solid;
    border-width: 8px;
    top: -16px;
    content: "";
	left: 210px;/*20px;*/
    position: absolute;
    opacity: .95
}
ul.sub-menu:after, .mainmenu ul#nav li:nth-child(5) .megamenu:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #004098;
    border-style: solid;
    border-width: 8px;
    top: -16px;
    content: "";
	left: 15px;/*20px;*/
    position: absolute;
    opacity: .95
}

ul.sub-menu.last {left: -80px;}
ul.sub-menu.last:after{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #004098;
    border-style: solid;
    border-width: 8px;
    top: -16px;
    content: "";
	left: 95px;/*20px;*/
    position: absolute;
    opacity: .95
}

ul.sub-menu.forth{left: -60px;}
ul.sub-menu.forth:after{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #004098;
    border-style: solid;
    border-width: 8px;
    top: -16px;
    content: "";
	left: 75px;/*20px;*/
    position: absolute;
    opacity: .95
}

ul.sub-menu.third{left: -60px;}
ul.sub-menu.third:after{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #004098;
    border-style: solid;
    border-width: 8px;
    top: -16px;
    content: "";
	left: 75px;/*20px;*/
    position: absolute;
    opacity: .95
}

#scrollUp{
border-radius: 20px;
background:#ccc;
}
#scrollUp i{
padding-top: 5px;vertical-align:unset;
}
#scrollUp:hover {
    background:#ccc;
    color:#fff
}

.news-form button:hover {
    background-color: #fff;color: #004098;border: solid 1px #666;
}


.product-text{
transform: none;
bottom: 0px;
height: 88px;
padding-top: 10px;
}
.product-text:hover{
text-decoration-line: underline;
text-decoration-color : #fff;
}

.search-form input {
    color: #000;
    font-size: 16px;
}

.logo {
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
}
@media screen and (max-width: 767px) {
	.logo {text-align: center;}

	.logo a img{
		width: 70%;
		margin: 0px auto;
	}
	
	.search-form > form {
    height: 60px;
    top:10px;
	}
	.header-main-area .logo {
  	padding: 0px 0;
	}
}

.mainmenu ul#nav li .megamenu{
width: 721px;
    left: -200px;
}
.mega-title::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100%;
}
.mainmenu ul#nav li .megamenu span > a:hover {
    color: #004098 !important;
    background: #fff;
    padding-left:10px;
    border-radius: 5px;
}

.footer-right ul#footer-menu li a {
    display: block;
    color: #303030;
    border-right: 1px solid #ccc;
    margin-right: 12px;
    padding-right: 12px;
}
    
.single-product::before{
    display: none;
}
.product-left-banner a::before{
    display: none;
}
.product-text {
position: relative;
}

.product-text > h4 {
    margin-top: 5px;
    line-height: 1.5em;
    font-size:18px;
}
.product-text {
	width: 120%;/*110*/
	left: -33px;/*-11 >  -22px;*/
}
.product-text.one {
	width: 120%;
	left: -102px;/*-11*/
}
@media screen and (max-width: 767px) {
	.product-text {width: 114%; left: -22px;}/*104*/
	.product-text.one {width: 114%; left: -22px;}
}

.blog-text h3{    line-height: 1.5em;}

/*for list*/
.blog-text.mb40 {height: 200px;}
.blog-text.mb40 p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.listsrt{
position: absolute;
top: 0;
transform: rotate(180deg) scale(0);
}
#srt-status{border-radius: 0;}


p{color:#000;}
.banner-left-text p{text-align: center;}

.s-f-widget li a, .single-footer.right .s-f-widget li {
    line-height: 1.4em;
}


.btn-primary {
    background: #FF7F00;
    border: 0px solid #FF7F00;
}
.btn-primary:hover{
    background: #FBB040;
}
.btn-primary.btn_green{
    background: #33A02C;
    border: 0px solid #33A02C;
}
.btn-primary.btn_green:hover{
    background: #4BC441;
}
.btn-primary.btn_blue{
    background: #004098;
    border: 0px solid #004098;
}
.btn-primary.btn_blue:hover{
    background: #2e63aa;
}
.btn-primary.btn_bl2{
	border: 0px solid #375cb5;
}
.btn-primary.btn_bl2:hover {
	background: #375cb5;
}
.btn-primary.btn_blue_v2{
	background: linear-gradient(#25448f, #4261ac);
}
.btn-primary.btn_blue_v2:hover {
	background: linear-gradient(#375cb5, #375cb5);
}

a.btn.btn-primary {
  background: #FF7F00;
}
a.btn.btn-primary.btn_green {
  background: #33A02C;
}
a.btn.btn-primary.btn_blue {
  background: #004098;
}
a.btn.btn-primary.btn_gold {
  background: #B8953E;
}
a.btn.btn-primary.btn_green_v2 {
 /* background: linear-gradient(#4c9700, #57a607);#4c9700;*/
    background: linear-gradient(#57a607, #4c9700);
}
.btn_green_v2 {
    background: linear-gradient(#57a607, #4c9700);
}
.btn_red{
	background: linear-gradient(#b90202, #600);
}

a.btn.btn-primary:hover {
  background: #FF952C;
}
a.btn.btn-primary.btn_green:hover {
  background: #3BC832;
}
a.btn.btn-primary.btn_blue:hover {
  background: #2e63aa;
}
a.btn.btn-primary.btn_gold:hover {
  background: #D8B64A;
}
a.btn.btn-primary.btn_green_v2:hover {
 /* background: linear-gradient(#57a607, #4c9700);#57a607;*/
   /*  background: linear-gradient(#4c9700, #57a607);*/
    background: linear-gradient(#67c409, #57a607);
}
.btn_green_v2:hover {
    background: linear-gradient(#67c409, #57a607);
}
.btn_red:hover{
	background: linear-gradient(#b90202, #b90202);
}

.title_blue {
    background: #004098;
    color:#fff;
}

.category_icon{
    background: #004098;
    border: 1px solid #004098;
    color:#fff;
    padding:3px 5px;
    font-size:13px;
    word-break: keep-all;
    display: inline-block;
    margin-bottom:10px;
}
.industry_icon{
    background: #fff;
    border: 1px solid #004098;
    color:#004098;
    padding:3px 5px;
    font-size:13px;
    word-break: keep-all;
    display: inline-block;
    margin-bottom:10px;
}
.white_icon{
    background: none;
    border: 1px solid #d0d0d0;
    color:#fff;
    padding:3px 5px;
    font-size:13px;
    word-break: keep-all;
    display: inline-block;
    margin-bottom:10px;
}


.shadow {box-shadow: 0 0px 10px 0px rgba(0, 0, 0, .5);
/*box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);*/
}


.product-area {
    padding-bottom:0px;
}

.footer-widget-area {
    padding: 20px 0;
}
.footer-widget-area {
    border-bottom:none;
}
.product-top-area {
    padding-top: 10px;
}



.mean-container a.meanmenu-reveal:hover span {
    background: #fff;/*f0e68c*/
    transform:scale(1.5,1.0);
    transition: 0.4s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
}
.meanmenu-reveal.meanclose:hover {
    color: #fff !important;
}
.meanmenu-reveal.meanclose {
    color: #fff !important;
}
.mean-container .mean-bar::before {
	content:url('./imgs/logo_s_siro.png');
	display:inline-block;
	vertical-align:middle;
    left: 10px;
    position: absolute;
    top: 12px;
}
.mean-container .mean-bar::after {
    color: #ffffff;
    content: "メニュー";
    font-size: 14px;/*18px*/
    font-weight: 700;
	left: 120px;
    position: absolute;
    top: 10px;
    display:inline-block;
}

.shadow a:hover,.shadow a p:hover,.shadow a h4:hover{
text-decoration-line: underline;
text-decoration-color : #004098;
color : #004098 !important;
}
.shadow.f_white a:hover{
text-decoration-line: none;
color : #fff !important;
}
.f_white a:hover{
text-decoration-line: none;
color : #fff !important;
}

a { color: unset; }
a:hover{ color : #004098; }
a.btn:hover{ color: #fff;}

.item a:hover{
text-decoration-line: none;
}
.megamenu a img{
background:#fff;
border-radius:5px;
padding:5px;
margin-bottom:5px;
}




.mainmenu-area.topClass {position: fixed; top: 0px;}
.mainmenu-area.topClass .mainmenu nav ul#nav li a img{width:30px;}
.mainmenu-area.topClass .mainmenu nav ul#nav li .megamenu a img{width:160px;}
/*.mainmenu-area.topClass .mainmenu nav::before{
content:url('./imgs/logo_s.png');
display:inline-block;
margin-top:10px;
vertical-align:middle;
float:left;
}*/
.logo_s.d_none{display:none;}
.logo_s.d_block{display:block;float:left;margin-top:10px;}
.mainmenu-area{position:fixed; top: 103px;z-index:99;width:100%;}
.mainmenu-area{background:#fff;}
@media screen and (max-width: 767px) {
	.mainmenu-area{position:fixed; top: 172px;z-index:99;background:unset;}
	.search-form {    margin-top: -10px;padding-bottom: 20px;}
}
@media screen and (min-width: 992px) and (max-width: 1200px)  {
	.logo_s.d_block {width:110px;margin-top:20px;}
}
/*
.b-header-text{
	max-width: 1140px;
}
.c-header-text{
	max-width: 1140px;
}
.s-header-text{
	max-width: 1140px;
}
*/

.b-header-text h1{
	max-width: 1140px;margin: 0 auto;
}
.c-header-text h1{
	max-width: 1140px;margin: 0 auto;
}
.s-header-text h1{
	max-width: 1140px;margin: 0 auto;
}

@media screen and (max-width: 1140px) {
	.b-header-text h1,
	.c-header-text h1,
	.s-header-text h1{
		max-width: 880px;margin: 0 auto;
	}
}

@media screen and (max-width: 767px) {
	.b-header-text h1,
	.c-header-text h1,
	.s-header-text h1{
		max-width: 480px;margin: 0 auto;
	}
}

@media screen and (max-width: 480px) {
	.b-header-text h1,
	.c-header-text h1,
	.s-header-text h1{
		max-width: 360px;margin: 0 auto;
	}
}



.cont-area{max-width: 1140px;margin: 0 auto;
}
/*
@media screen and (max-width: 767px) {

	.b-header-text h1,.s-header-text h1,.c-header-text h1 {
    	padding: 30px 40px;
	}

}*/

.breadcrumb {
    text-align: right;
    position: relative;
    top: 0px;
    max-width: 1140px;
    background-color: #fff;
}

/*    font: 16px/1 FontAwesome;
    padding: 0 10px;
    color: #ccc;
    content: "\f105";
}*/
.breadcrumb > li + li::before {
padding: 0 10px;
color: #ccc;
content: ">";
font-family: "Meiryo";
}
.fa-plus::before {
    content: "＋";
    font-family: "Meiryo";
    font-weight: bold;
    font-size: 18px;
}

.s-header-text {
    background: #cccccc url("imgs/blog/blog_title.jpg") repeat scroll center center / cover;
}


.s-header-text.blog_bg {
    background: #cccccc url("imgs/blog/blog_title.jpg") repeat scroll center center / cover;
}
.s-header-text.case_bg {
    background: #cccccc url("imgs/blog/blog_title.jpg") repeat scroll center center / cover;
}
.s-header-text.case_bg .text-right .white_icon{
    position: relative;
    top: 75px;
}

@media screen and (max-width: 767px) {
	.s-header-text.case_bg .text-right .white_icon{
    position: relative;
    top: 25px;
	}
}
@media screen and (min-width: 767px) {
	.b-header-text, .s-header-text, .c-header-text{
	padding-top: 30px;
	}
}

.b-header-text h1, .s-header-text h1 {
	font-size: 32px;
    color:#fff;
    text-transform: unset;
    /*display: flex;*/
}

.wb_ba{ word-break: break-all;}

.c-header-text{
    background: #cccccc url("imgs/case/case_title.png") repeat scroll center center / cover;
    padding: 105px 0 105px 66px;
}
.c-header-text h1 {
	font-size: 32px;
    color:#fff;
    text-transform: unset;
   /* display: flex;*/
}
.blog-image img {
width: 100%;
}

.left-sidebar-title {
    background-color: #004098 !important;
}
.reply-btn	{
	background: #004098;
	border-radius: 5px;
}
.reply-btn:hover {
    background: #0058d0;
}
.reply-btn.btn_orange {
	background: #FF7F00;
	border-radius: 5px;
}
.reply-btn.btn_orange :hover {
    background: #FBB040;
}
.reply-btn.btn_green {
    background: #33A02C;
    border-radius: 5px;
}
.reply-btn.btn_green:hover {
    background: #4BC441;
}
.reply-btn.btn_blue {
    background: #004098;
    border-radius: 5px;
}
.reply-btn.btn_blue:hover {
    background: #2e63aa;
}
.submit-btn input {
    background: #004098;
    border-radius: 5px;
}

.submit-btn input:hover {
    background: #0058d0;
}
.submit-btn input.btn_orange {
    background: #FF7F00;
    border-radius: 5px;
}

.submit-btn input.btn_orange:hover {
    background: #FBB040;
}

.submit-btn input.btn_green{
    background: #33A02C;
    border-radius: 5px;
}

.submit-btn input.btn_green:hover {
    background: #4BC441;
}

ul.left-sub-navbar.submenu > li > a {
    display: block;
    color: #6e6e6e;
    padding: 13.4px 16px;
    display: block;
    border-bottom: 1px dotted #ccc;
}

ul.left-sub-navbar.submenu > li:last-child > a {
    border-bottom: none;
}


.blog-mokuji {
    background: #ebebeb none repeat scroll 0 0;
    margin-bottom: 43px;
    margin-top: 36px;
    padding: 31px 40px;/*padding: 61px 87px;*/
    position: relative;
}
.blog-mokuji::before {
    background: #004098 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 7px;
}

.blog-image {
max-height: 280px;
text-align: center;
overflow: hidden;
position: relative;
}

.blog-gaiyo,.blog-gaiyo p{
    color: #004098;
	line-height: 1.8em !important;
	font-size:16px;
}

body {
    color: #000;
}

.blog-detail > li {
    padding-bottom: 17px;
    padding-left: 50px;
    position: relative;
}

.blog-detail > li::after {
    background: #004098 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 30px;
    position: absolute;
    top: 8px;
    width: 8px;
}
.blog-detail.non > li::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 30px;
    position: absolute;
    top: 8px;
    width: 8px;
}

.blog-image a::before{
	display: none;
}
.mainmenu ul#nav li ul.sub-menu > li {
    padding-right: 20px;
}
.mainmenu ul#nav li ul.sub-menu > li a:hover {
    /*color: #fff;*/
    color: #004098 !important;
    background: #fff;
    padding-left: 10px;
    border-radius: 5px;
	width: 100%;
}

.category_icon a:hover{color:#fff;}
.bg_blue, .bg_blue h2{background:#004098;color:#fff;}
.bg_orange, .bg_orange h2{background:#F04B0A;color:#fff;}
.bg_orange_y, .bg_orange_y h2{background:#ff6600;color:#fff;}
.bg_beige, .bg_beige h2{background:#a28a4c;color:#fff;}
.bg_beige_v2{background:#f5f5dc;}
.bg_white{background:#fff;}
.bg_black{background: linear-gradient(#000, #666);}
.bg_red{background-color: #c60d0c !important;}
.bg_red_v2{background: linear-gradient(#600,#b90202);}
.bg_white_beige{background-color: #f5f5dc;}
.bg_green{background-color: #4a7943;}
.bg_green_v2{background: linear-gradient(#165829,#4a7943);}
.bg_blue_v2, .bg_blue_v2 h2{background: #25448f !important;color:#fff;}
.bg_blue_v3, .bg_blue_v3 h2{background-color: #3c6bb5 !important;color:#fff;}
.bg_blue_v4, .bg_blue_v4 h2, .bg_blue_v4 h3, .bg_blue_v4 h4 {background:#022961;color:#fff;}

.container_v2 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container_v2 {
    max-width: 1140px;
}


.border_2_b{border:solid 2px #004098;}
.border_1_b{border:solid 1px #004098;}

.border_4_f{border:solid 4px #fff;}
.border_3_f{border:solid 3px #fff;}
.border_2_f{border:solid 2px #fff;}
/*────────────────────────────────────*/
/* add common */
.h480{height: 480px;}
.h580{height: 580px;}
.h15{height: 15px;}
.h60{height: 60px;}
.h30{height: 30px;}
.h20{height:20px;}
.h10{height:10px;}
.h5{height:5px;}

/*div.h30 {
    padding-top: 30px;
}
div.h20 {
    padding-top: 20px;
}
div.h10 {
    padding-top: 10px;
}*/


.pc{display:block;}
.sp{display:none;}
.pc_v2{display:block;}
.sp_v2{display:none;}
.pc_v3{display:block;}
.sp_v3{display:none;}
.pc_v4{display:block;}
.sp_v4{display:none;}
@media screen and (max-width: 997px) {
	.pc_v4{display:none;}
	.sp_v4{display:block;}
}
@media screen and (max-width: 767px) {
	.pc{display:none;}
	.sp{display:block;}
}
@media screen and (max-width: 967px) {
	.pc_v2{display:none;}
	.sp_v2{display:block;}
}
@media screen and (max-width: 1208px) {
	.pc_v3{display:none;}
	.sp_v3{display:block;}
}
/*────────────────────────────────────*/

/* common */
.left{float:left;}
.right{float:right;}
.clear{clear: both;}

.text_left{text-align: left !important;}
.text_right{text-align: right;}
.text_center{text-align: center;}

.text_left_sp_center{text-align: left !important;}
@media screen and (max-width: 767px) {
	.text_left_sp_center{text-align: center !important;}
}

/*alignment*/
.m_center{margin: 0 auto;}
.mw80_center{position: relative;    left: 10%;}
.mw70_center{position: relative;    left: 15%;}
.mw60_center{position: relative;    left: 20%;}
.mw50_center{position: relative;    left: 25%;}
.mw40_center{position: relative;    left: 30%;}

.va_m{vertical-align:middle !important;}
.va_n{vertical-align:unset;}

.al_top{align-items: flex-start;}
.al_mid{align-items: baseline;}
.al_end{align-items: end;}
.al_cen{align-items: center;}

/*arrangement*/
.ar2{z-index: 2;position: relative;}
.ar3{z-index: 3;position: relative;}
.ar4{z-index: 4;position: relative;}
.ar5{z-index: 5;position: relative;}



/*color*/
.f_gray{color:#666;}

.f_white{color:#fff !important;}
div.f_white p, div.f_white a, div.f_white h2, div.f_white h3, div.f_white h4, div.f_white h5, div.f_white h6, div.f_white .fa, a.f_white {color:#fff !important;}
.shadow a.f_white:hover {color:#fff !important;}
a.btn.f_white{color:#fff;}
button.btn.btn__lg.f_white{color:#fff;}
.btn.f_white:hover{text-decoration:none;}
a:hover .f_white{text-decoration:none!important;}

.f_black{color:#000;}
.f_yellow{color:#FFE614 !important;}
.f_green{color:#4a7943 !important;}
.f_green_v2{color:#009193 !important;}
.f_orange{color:#F04B0A !important;}
.f_blue{color:#1378ae !important;}
.f_blue_v2{color:#25448f !important;}
.f_dkblue{color:#1e344a !important;}
.strong_orange strong{color:#F04B0A !important;}
.f_gold{color:#876d33 !important;}
.f_dkbrown {color:#573917 !important;}
.f_beige {color:#a28a4c !important;}
.f_red {color:#C50F0C !important;}

a img:hover {filter: brightness(110%);}

.d_block{display: block;}


/*radius*/
.rad5{border-radius: 5px;}
.rad10{border-radius: 10px;}
.rad15{border-radius: 15px;}
.rad20{border-radius: 20px;}
.rad30{border-radius: 30px;}
.rad40{border-radius: 40px;}
.rad50{border-radius: 50px;}
.rad80{border-radius: 80px;}
.rad90{border-radius: 90px;}
.rad100{border-radius: 100px;}
.rad120{border-radius: 120px;}
.rad150{border-radius: 150px;}
.rad180{border-radius: 180px;}

/*text size */
.f84{font-size:84px !important;}
.f74{font-size:74px !important;}
.f64{font-size:64px !important;}
.f60{font-size:60px !important;}
.f58{font-size:58px !important;}
.f56{font-size:56px !important;}
.f54{font-size:54px !important;}
.f52{font-size:52px !important;}
.f50{font-size:50px !important;}
.f48{font-size:48px !important;}
.f46{font-size:46px !important;}
.f44{font-size:44px !important;}
.f42{font-size:42px !important;}
.f40{font-size:40px !important;}
.f38{font-size:38px !important;}
.f36{font-size:36px !important;}
.f34{font-size:34px !important;line-height: 1.2em;}
.f32{font-size:32px !important;}
.f30{font-size:30px !important;}
.f28{font-size:28px !important;}
.f26{font-size:26px !important;}
.f25{font-size:25px !important;}
.f24{font-size:24px !important;}
.f21{font-size:21px !important;}
.f20{font-size:20px !important;}
.f19{font-size:19px !important;}
.f18{font-size:18px !important;}
.f17{font-size:17px !important;}
.f16{font-size:16px !important;}
.f15{font-size:15px !important;}
.f14{font-size:14px !important;}
.f13_5{font-size:13.5px !important;}
.f13{font-size:13px !important;}
.f12{font-size:12px !important;}
.f11{font-size:11px !important;}
.f10{font-size:10px !important;}

.ls0{letter-spacing: 0px !important;}

.fw_b{font-weight:bold !important;}
.fw_n{font-weight:normal;}
.fw_500{font-weight:500;}

/*line-height*/
.lh4{line-height: 4.0em !important;}
.lh3{line-height: 3.0em !important;}
.lh2_4{line-height: 2.4em !important;}
.lh2_2{line-height: 2.2em !important;}
.lh2{line-height: 2.0em !important;}
.lh1_8{line-height: 1.8em !important;}
.lh1_6{line-height: 1.6em !important;}
.lh1_5{line-height: 1.5em !important;}
.lh1_4{line-height: 1.4em !important;}
.lh1_2{line-height: 1.2em !important;}
.lh1{line-height: 1.0em !important;}
.lh0_8{line-height: 0.8em !important;}
.lh0_6{line-height: 0.6em !important;}

/*max-width*/
.mw100{max-width: 100%;}
.mw90{max-width: 90%;}
.mw86{max-width: 86%;}
.mw85{max-width: 85%;}
.mw80{max-width: 80%;}
.mw75{max-width: 75%;}
.mw70{max-width: 70%;}
.mw65{max-width: 65%;}
.mw60{max-width: 60%;}
.mw50{max-width: 50%;}
.mw40{max-width: 40%;}
.mw35{max-width: 35%;}
.mw33{max-width: 33%;}
.mw31{max-width: 31%;}
.mw30{max-width: 30%;}
.mw20{max-width: 20%;}
.mw15{max-width: 15%;}
.mw10{max-width: 10%;}

.w420p{width: 420px;}
.w400p{width: 400px;}
.w380p{width: 380px;}
.w350p{width: 350px;}
.w300p{width: 300px;}
.w200p{width: 200px;}

.w680px{max-width: 680px;}
.w580px{max-width: 580px;}
.w480px{max-width: 480px;}
.w460px{max-width: 460px;}
.w440px{max-width: 440px;}
.w360px{max-width: 360px;}
.w180px{max-width: 180px;}
.w160px{max-width: 160px;}
.w150px{max-width: 150px;}
.w140px{max-width: 140px;}
.w120px{max-width: 120px;}
.w100px{max-width: 100px;}
.w80px{max-width: 80px;}


/*width*/
.w100{width: 100%;}
.w95{width: 95%;}
.w90{width: 90%;}
.w85{width: 85%;}
.w80{width: 80%;}
.w75{width: 75%;}
.w70{width: 70%;}
.w60{width: 60%;}
.w50{width: 50%;}
.w46{width: 46%;}
.w40{width: 40%;}
.w35{width: 35%;}
.w30{width: 30%;}
.w20{width: 20%;}
.w10{width: 10%;}

/*margin*/
.mb0{margin-bottom: 0px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb26{margin-bottom: 26px !important;}
.mb27{margin-bottom: 27px !important;}
.mb28{margin-bottom: 28px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb45{margin-bottom: 45px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb75{margin-bottom: 75px !important;}
.mb80{margin-bottom: 80px !important;}
.mb100{margin-bottom: 100px !important;}
.mb120{margin-bottom: 120px !important;}
.mb100_sp_mb200{margin-bottom: 100px !important;}
.pb120_sp_pb220{padding-bottom: 120px !important;}
@media screen and (max-width: 767px) {
	.mb100_sp_mb200{margin-bottom: 200px !important;}
	.pb120_sp_pb220{padding-bottom: 220px !important;}
}

/*padding base*/
.pad5{padding:5px !important;}
.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px;}
.pad50{padding:50px;}
.pad60{padding:60px;}
.pad70{padding:70px;}
.pad80{padding:80px;}
.pad0{padding:0 !important;}

/*padding*/
.pt0{padding-top: 0px !important;}
.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt30{padding-top: 30px !important;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt80{padding-top: 80px;}
.pt100{padding-top: 100px;}
.pt120{padding-top: 120px;}
.pt140{padding-top: 140px;}
.pt160{padding-top: 160px;}
.pt110_sp60{padding-top: 110px;}
.pt60_sp0{padding-top: 60px;}
.pt30_sp0{padding-top: 30px;}
.pt0_sp30{padding-top: 0px;}

@media screen and (max-width: 767px) {
.pt110_sp60{padding-top: 60px;}
.pt60_sp0{padding-top: 0px;}
.pt30_sp0{padding-top: 0px;}
.pt0_sp30{padding-top: 30px;}
}


.pb0{padding-bottom: 0px !important;}
.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb20{padding-bottom: 20px !important;}
.pb30{padding-bottom: 30px !important;}
.pb40{padding-bottom: 40px !important;}
.pb60{padding-bottom: 60px !important;}
.pb70{padding-bottom: 70px !important;}
.pb80{padding-bottom: 80px;}
.pb100{padding-bottom: 100px;}

.pl50{padding-left: 50px !important;}
.pl43{padding-left: 43px !important;}
.pl42{padding-left: 42px !important;}
.pl40{padding-left: 40px !important;}
.pl36{padding-left: 36px !important;}
.pl34{padding-left: 34px !important;}
.pl32{padding-left: 32px !important;}
.pl30{padding-left: 30px !important;}
.pl25{padding-left: 25px !important;}
.pl24{padding-left: 24px !important;}
.pl23{padding-left: 23px !important;}
.pl20{padding-left: 20px !important;}
.pl12{padding-left: 12px !important;}
.pl10{padding-left: 10px !important;}
.pl0{padding-left: 0px !important;}

.pr0{padding-right: 0px !important;}
.pr10{padding-right: 10px !important;}
.pr20{padding-right: 20px !important;}
.pr30{padding-right: 30px !important;}
.pr40{padding-right: 40px !important;}

/*margin*/
.mt-40{margin-top: -40px;}
.mt-30{margin-top: -30px;}
.mt-20{margin-top: -20px;}
.mt-10{margin-top: -10px;}

.mt0{margin-top: 0px;}
.mt5{margin-top: 5px;}
.mt7{margin-top: 7px;}
.mt8{margin-top: 8px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mt120{margin-top: 120px;}
.mt130{margin-top: 140px;}
.mt140{margin-top: 140px;}
.mt150{margin-top: 150px;}
.mt160{margin-top: 160px;}
.mt180{margin-top: 180px;}
.mt200{margin-top: 200px;}

.ml-20{margin-left: -20px !important;}
.ml-15{margin-left: -15px !important;}
.ml-10{margin-left: -10px !important;}
.ml-5{margin-left: -5px !important;}
.ml0{margin-left: 0px !important;}
.ml5{margin-left: 5px;}
.ml7{margin-left: 7px;}
.ml8{margin-left: 8px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml22{margin-left: 22px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml70{margin-left: 70px;}
.ml80{margin-left: 80px;}

.mr-20{margin-right: -20px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr60{margin-right: 60px;}

/* dsk-idc css transfer and custum */
div#main h5.no1,div#main h5.no2,div#main h5.no3,div#main h5.no4,
div#main h5.no5,div#main h5.no6,div#main h5.no7,
div#main h5.no8,div#main h5.no9,div#main h5.no10{font-weight:bold;font-size:21px;}

div#main h5.no1:before{
	content:"01." ;
	font-size:32px;
	color:#add8e6;
	font-weight:bold;
	padding-right:10px;
}
div#main h5.no2:before{
	content:"02." ;
	font-size:32px;
	color:#add8e6;
	font-weight:bold;
	padding-right:10px;
}
div#main h5.no3:before{
	content:"03." ;
	font-size:32px;
	color:#add8e6;
	font-weight:bold;
	padding-right:10px;
}
div#main h5.no4:before{
	content:"04." ;
	font-size:32px;
	color:#add8e6;
	font-weight:bold;
	padding-right:10px;
}
div#main h5.no5:before{
	content:"05." ;
	font-size:32px;
	color:#add8e6;
	font-weight:bold;
	padding-right:10px;
}
div#main h5.no6:before{
	content:"06." ;
	font-size:32px;
	color:#add8e6;
	font-weight:bold;
	padding-right:10px;
}
div#main h5.no7:before{
	content:"07." ;
	font-size:32px;
	color:#add8e6;
	font-weight:bold;
	padding-right:10px;
}
div#main h5.no8:before{
	content:"08." ;
	font-size:32px;
	color:#add8e6;
	font-weight:bold;
	padding-right:10px;
}
div#main h5.no9:before{
	content:"09." ;
	font-size:32px;
	color:#add8e6;
	font-weight:bold;
	padding-right:10px;
}
div#main h5.no10:before{
	content:"10." ;
	font-size:32px;
	color:#add8e6;
	font-weight:bold;
	padding-right:10px;
}


.tx_center {
    text-align: center;
}

div.main-line {
    width: 100%;
    margin-left: 0px;
    float: left;
    padding-bottom: 5px;
    border-bottom: 1px solid #eeeeee;
}

.tab_box{text-align:left;padding-bottom:30px;padding-left: 20px;padding-top: 30px;}
.tab_box div {
    display: inline-block;
    border-right: 1px solid #ccc;
    padding: 0px 20px;
    cursor: pointer;
    margin-bottom: 10px;
}
.tab_box div a {
    color: #004098;
}
.page_title{padding-top: 40px;}

.btn_gr2 {
    background: #004098;
    border-radius: 5px;
    max-width: 100%;
    padding:20px;
}
.btn_gr2:hover {
    background: #0058d0;
}
.btn_gr2 a{line-height: 1.5em;
letter-spacing: 2px;
color: #fff;
font-weight: bold;
}
.btn_center2 {
    text-align:center;
    margin: 0 auto 0 auto;
}

#main h3{font-size:28px;}

div#main h4.line{font-size:28px;border-bottom: 1px solid #C2C2C2;padding-bottom:20px;margin-bottom:30px;}
#main b{color:#004098;}
.line{font-size:28px;border-bottom: 1px solid #C2C2C2;padding-bottom:20px;margin-bottom:30px;}

div.main-left150 {
    width: 150px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    font-size: 11px;
    letter-spacing: 0px;
    text-align: left;
    line-height: 1.8em;
}

div#main-left260-0 {
    width: 260px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    font-size: 11px;
    letter-spacing: 0px;
    text-align: left;
}

div#main-left150-30 {
    width: 150px;
    float: left;
    margin-top: 0px;
    margin-left: 30px;
    margin-bottom: 0px;
    font-size: 11px;
    letter-spacing: 0px;
    text-align: left;
}

div.main-left500 {
    max-width: 500px;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 20px;
    font-size: 11px;
    letter-spacing: 0px;
    text-align: left;
    line-height: 1.8em;
}

div.main-text620 {
    max-width: 620px;
    float: right;
    margin-top: 20px;
    margin-left: 0px;
    margin-bottom: 20px;
    font-size: 11px;
    letter-spacing: 0px;
    text-align: left;
    line-height: 1.8em;
}

.tx_right {
    text-align: right;
}


.btn_bl2 {
    background: #004098;
    border-radius: 5px;
    max-width: 100%;
    padding:20px;
}
.btn_bl2:hover {
    background: #0058d0;
}
.btn_bl2 a{line-height: 1.5em;
letter-spacing: 2px;
color: #fff;
font-weight: bold;
}



.btn_bl {
    background: #004098;
    border-radius: 5px;
    max-width: 50%;
    padding:20px;
    text-align:center;
    margin:0 auto;
}

.min_h240{min-height: 240px;}
@media screen and (max-width: 767px) {
.min_h240{min-height: auto;}
}


@media screen and (max-width: 480px) {
.btn_bl { max-width: 100%;}
}

.btn_bl:hover {
    background: #0058d0;
}
.btn_bl a{line-height: 1.5em;
letter-spacing: 2px;
color: #fff;
font-weight: bold;
}

.mn12 {
    font-size: 12px;
    letter-spacing: -1px;
    }
.mn14 {
    font-size: 14px;
    letter-spacing: -1px;
    }
    
.mw100 td,.mw100 th{padding:10px;}
.w100 td,.w100 th{padding:10px;}

table .lv1 {
    background: #e2f3ff;
    font-weight: bold;
    padding: 9px;
border-top: solid 1px #fff;
border-left: solid 1px #fff;
text-align: left;
vertical-align: top;
line-height: 133.33%;
}

table.lv1 td {
    background: #fff;
    padding: 9px;
border-top: solid 1px #ececec;
border-bottom: solid 1px #ececec;
text-align: left;
vertical-align: top;
line-height: 133.33%;
}

table.lv1{border-right: solid 1px #ececec;}

table.lv2 td {
    background: #fff;
    padding: 9px;
border-top: solid 1px #ececec;
border-bottom: solid 1px #ececec;
border-left: solid 1px #ececec;
text-align: left;
vertical-align: top;
line-height: 133.33%;
}

table.lv2{border-right: solid 1px #ececec;}

.radgold {
    background: #876d33;
    padding: 10px 10px 20px 40px;
        padding-right: 10px;
    margin: 5px 5px 15px 5px;
    color: #fff;
    border-radius: 50px;
}
.radred {
    background: #C50F0C;
    padding: 10px 10px 20px 40px;
        padding-right: 10px;
    margin: 5px 5px 15px 5px;
    color: #fff;
    border-radius: 50px;
}
.radblue {
    background: #004098;
    padding: 10px 10px 20px 40px;
        padding-right: 10px;
    margin: 5px 5px 15px 5px;
    color: #fff;
    border-radius: 50px;
}
.radgreen {
    background: #165829;
    padding: 10px 10px 20px 40px;
        padding-right: 10px;
    margin: 5px 5px 15px 5px;
    color: #fff;
    border-radius: 50px;
}

.bg_gray_gra {
    background: linear-gradient(to right,#666,#666,#ccc) !important;
}
.bg_gold_gra {
    background: linear-gradient(to right,#876d33,#876d33,#d9c699) !important;
}
.bg_ultramarine {
    background: linear-gradient(to bottom,#05163b,#042470) !important;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.19);
    border-bottom: solid 2px #b5b5b5;
}

.ultramarineface {
    background-image: linear-gradient(#04254a, #004098);
    padding: 10px 10px 10px 40px;
        padding-bottom: 10px;
    margin: 5px 5px 15px 5px;
    color: #fff;
}

.shadow_v2 {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.19);
    border-bottom: solid 2px #b5b5b5;
}
.shadow_v3{ filter:drop-shadow(3px 3px 3px #4e4e4e);}

.t_light_x10 {
    text-shadow: 0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff;
}
.shadow8 {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.48);
}
.center {
    text-align: center;
}
.bg_gold {
    background: #b49344 !important;
}
.bg_dgold {
    background: #876d34 !important;
}



/*price  hyo_v2*/

table.hyo_v2  th, table.hyo_v2  td {
    border: none;
}

table.hyo_v2 {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  /*width: 650px;*/
  table-layout: fixed;
}

table.hyo_v2 tr {
  background-color: #f5f5dc;/*#e6f2f5*/
  padding: .35em;
  border-bottom: 2px solid #fff;
}
table.hyo_v2 th,
table.hyo_v2 td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
}
table.hyo_v2 th {
  font-size: .85em;
}
table.hyo_v2 thead tr th{
  background-color: #167F92;
  color:#fff;
}
table.hyo_v2 tbody th {
    background: #78bbc7;
    color: #fff;
}
.hyo_v2_txt{
   text-align: left;
   font-size: .85em;
}
.price_txt{
  text-align: right;
  color: #167F92;
  font-weight: bold;
}
.non_txt{
  background:#fff
}
@media screen and (max-width: 600px) {
  table.hyo_v2 {
    border: 0;
    width:100%
  }
  table.hyo_v2 th{
    background-color: #167F92;
    display: block;
    border-right: none;
  }
  table.hyo_v2 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table.hyo_v2 tr {
    display: block;
    margin-bottom: .625em;
  }
  table.hyo_v2 td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: 0.90em;/* .8em; */
    text-align: left;/*right*/
    position: relative;
    padding: .625em .625em .625em 6.25em;
    /* padding: .625em .625em .625em 4em;*/
    border-right: none;
  }
  
  table.hyo_v2 td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;	
    color: #666;/*#167F92*/
  }
  table.hyo_v2 td:last-child {
    border-bottom: 0;
  }
  table.hyo_v2 tbody th {
    color: #fff;
	}
}



table.hyo_v2  th, table.hyo_v2  td {
    border: none;
}

table.hyo_v2 {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  /*width: 650px;*/
  table-layout: fixed;
}

table.hyo_v2 tr {
  background-color: #f5f5dc;/*#e6f2f5*/
  padding: .35em;
  border-bottom: 2px solid #fff;
}
table.hyo_v2 th,
table.hyo_v2 td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
}
table.hyo_v2 th {
  font-size: .85em;
}
table.hyo_v2 thead tr th{
  background-color: #167F92;
  color:#fff;
}
table.hyo_v2 tbody th {
    background: #78bbc7;
    color: #fff;
}
.hyo_v2_txt{
   text-align: left;
   font-size: .85em;
}
.price_txt{
  text-align: right;
  color: #167F92;
  font-weight: bold;
}
.non_txt{
  background:#fff
}
@media screen and (max-width: 600px) {
  table.hyo_v2 {
    border: 0;
    width:100%
  }
  table.hyo_v2 th{
    background-color: #167F92;
    display: block;
    border-right: none;
  }
  table.hyo_v2 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table.hyo_v2 tr {
    display: block;
    margin-bottom: .625em;
  }
  table.hyo_v2 td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: 0.90em;/* .8em; */
    text-align: left;/*right*/
    position: relative;
    padding: .625em .625em .625em 6.25em;
    /* padding: .625em .625em .625em 4em;*/
    border-right: none;
  }
  
  table.hyo_v2 td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;	
    color: #666;/*#167F92*/
  }
  table.hyo_v2 td:last-child {
    border-bottom: 0;
  }
  table.hyo_v2 tbody th {
    color: #fff;
	}
}



/*企業・組織向けサイバーセキュリティ10大脅威*/
table.hyo_v3  th, table.hyo_v3  td {
    border: none;
}

table.hyo_v3 {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  /*width: 650px;*/
  table-layout: fixed;
}

table.hyo_v3 tr {
  background-color: #f5f5dc;/*#e6f2f5*/
  //padding: .35em;
  border-bottom: 2px solid #fff;
}
table.hyo_v3 th,
table.hyo_v3 td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
}
table.hyo_v3 th {
  font-size: .85em;
}
table.hyo_v3 thead tr th{
  background-color: #C50F0C;
  color:#fff;
}
table.hyo_v3 tbody th {
    background: #C50F0C;
    color: #fff;
}
.hyo_v3_txt{
   text-align: left;
   font-size: .85em;
}

@media screen and (max-width: 767px) {
  table.hyo_v3 {
    border: 0;
    width:100%
  }
  table.hyo_v3 th{
    background-color: #C50F0C;
    display: block;
    border-right: none;
  }
  table.hyo_v3 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table.hyo_v3 tr {
    display: block;
    margin-bottom: .625em;
  }
  table.hyo_v3 td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: 0.90em;/* .8em; */
    text-align: left;/*right*/
    position: relative;
     /* padding: .625em .625em .625em 6.25em;*/
    /* padding: .625em .625em .625em 4em;*/
    border-right: none;
  }
  
  table.hyo_v3 td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;	
    color: #666;/*#167F92*/
  }
  table.hyo_v3 td:last-child {
    border-bottom: 0;
    display:none;
  }
  table.hyo_v3 tbody th {
    color: #fff;
	}
  table.hyo_v3 td:first-child {
    background-color: #C50F0C;
    color: #fff;
  }
  table.hyo_v3 td:first-child::after {
    background-color: #C50F0C;
    content:"位";
  }
  table.hyo_v3 td:nth-child(3)::after {
    content:"～";
  }
}




.w680px_sp_w480px{max-width: 680px;}
.w48sp100{width: 48%;}
.w70sp60 {    width: 70%;}
@media screen and (max-width:570px) {
	.w70sp60 {    width: 60%;}
}
@media screen and (max-width:1000px) {
	.w48sp100{width: 100%;}
	.w680px_sp_w480px{max-width: 480px;}
	.w680px_sp_w480px.left.sp_none{float:none;}
	.w680px_sp_w480px.right.sp_none{float:none;}

}
@media screen and (max-width:768px) {
	.sp350p{width: 350px;}
	.sp300p{width: 300px;}
	.sp90{max-width: 90%;}
	.sp85{max-width: 85%;}
	.sp80{max-width: 80%;}
	.sp70{max-width: 70%;}
	.w50sp100{width: 100%;}
	.w70sp90{width: 90%;}
	.w47sp90{width: 90%;}
	.w25sp40{width: 40%;}
	.w35sp40{width: 40%;}
	.w65sp90{width: 90%;}
	.w60sp90{width: 90%;}
	.w65sp100{width: 100%;}
	.h458_sp_h308px{height:358px;}

	.left.sp_none{float:none;}
	.right.sp_none{float:none;}
}

/*TOP*/
.single-product:after, .blog-image a::before, .product-left-banner a:before, .product-center-top-banner a:before, .product-center-bottom-banner a:before, .product-right-banner a:before, .r-sidebar-banner a:before, .left-p-banner-image a:before {
    background-color: #0000000f;/*ora #ffb3513b   blue #519dff38*/
}
/*
.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-danger:hover, .btn-danger:active, .btn-danger:focus {
  background: #444;
}*/
/*
.btn-primary:hover{ background: #444;}
*/

.fa-angle-up::before {
	content: url(/imgs/up.png);
}

.mega-title{text-transform: unset !important;}

/*bizhikari用Design*/
.bzhkr h2{background: #ff7f00; color:#fff; box-shadow: 0px 7px 0px 0 #d9d8d9;font-size: 24px;border-bottom: 0px;text-align: center;
padding-top: 15px;padding-bottom: 15px;letter-spacing: 4px;
}
.bzhkr h2.pink{background: #f0037f; color:#fff; box-shadow: 0px 7px 0px 0 #d9d8d9;font-size: 24px;border-bottom: 0px;text-align: center;
padding-top: 15px;padding-bottom: 15px;letter-spacing: 4px;
}
.bzhkr_icon img{  width:135px;}

/*資料ダウンロード*/
#btn_ctrl {
  position: fixed !important;
  position: absolute;
  right: 10px;
  z-index: 10;
  width: 173px;
  height: 184px;
 /*  width: 100px;
  height: 141px;*/
}
#btn_ctrl.is-hidden {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 0;
  pointer-events: none;
}
#btn_ctrl.is-hidden {
  opacity: 0;
}
.btn_ctrl_close{
  width: 20px;
  padding: 0 2px;
  text-align: center;
  font-weight:normal;
  float:right;
  font-size:24px;
  color:#666;
  line-height:20px;
  border-radius:10px;
  //-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);
  //box-shadow: 0 1px 4px rgba(0,0,0,.5);
}
.btn_ctrl_close:hover{
  cursor: pointer;
  cursor: hand;
  background: #cfcfcf;
  color:#fff;
  border-radius:5px;
}
	/*停止用*/
#btn_ctrl {
/*display:none;*/
}
#btn_ctrl img{ filter:drop-shadow(3px 3px 3px #8f8d8d);}
#btn_ctrl .shadow{box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0);}

#btn_ctrl a img:hover {filter: brightness(102%);}

/*MVバナー*/
label.clicktogif {
background: url('imgs/mv_bnr_start.png') DimGrey no-repeat center center;
  display: block;
  float: left;
  background-size:cover;
  position: relative;z-index: 2;
}
label.clicktogif:hover, label.clicktogif:focus-within  {
background: url('imgs/mv_bnr_start.png') DarkSlateGrey no-repeat center center;
  display: block;
  float: left;
  background-size:cover;
  position: relative;z-index: 2;
}
 
.clicktogif img {display: block;}
.clicktogif input[type=checkbox] {
    position: absolute;
    left: -100vw;
}
.clicktogif input[type=checkbox] + img {
  opacity: 0;
}
.clicktogif input[type=checkbox]:checked + img {
  opacity: 1;
}

/*ヘッダー　無料ダウンロード、無料トライアル*/
.head_btn_content1,.head_btn_content2 {float:left;}

.caption1 {
    position:absolute;
    left:0;
    top:0;
    display:none;
    color:#fff;
    padding:10px;
    text-align:center;
    z-index:100;
    font-size:13px;
}
.caption2 {
    position:absolute;
    left:0;
    top:0;
    display:none;
    color:#fff;
    padding:10px;
    text-align:center;
    z-index:100;
    font-size:13px;
}
.link1 {
    display:inline-block;
    position:absolute;
    top:40px;
    margin:0px 0 0;
    background:#004098;
    color:#fff;
    padding:5px 10px 5px 20px ;
    width:280px;
    text-decoration:none;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    z-index:100;
    text-align:left;
}
.link2 {
    display:inline-block;
    position:absolute;
    top:40px;left:-50px;
    margin:0px 0 0;
    background:#FF7F00;
    color:#fff;
    padding:5px 10px 5px 20px ;
    width:380px;
    text-decoration:none;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    z-index:100;
    text-align:left;
}
.link1 a:hover,.link2 a:hover,.link1 a:visited,.link2 a:visited{color:#fff;}
.link1 hr,.link2 hr{margin-top: 10px;margin-bottom: 10px;}
.link1,.link2{line-height:1.4em;}

.marker{ 
    background:linear-gradient(transparent 60%, #ff6 60%);
}

/*mov*/

video.video_main {
width: 100%;
max-width: 1140px;
}


/* sp */
.mean-container .mean-nav ul li li a{
text-transform: unset;
}

.btn.btn-primary{
text-transform: unset;
}

@media (max-width: 767px) {
  .container {
    width: 100%;
  }
}
.single-product a img{width: 100%;}

/* 　無料相談　 */
div.text_center a:last-child[href$="contact_list.html"].btn.btn-primary.btn_green.f18{
width: 160px;
}
/* 　無料相談・お問い合わせ　 */
div.text_center a:first-child[href$="contact_list.html"].btn.btn-primary.btn_green.f18{
width: 339px;
}

.post_info::after {
  content: "この記事にはPRを含みます";
  display:inline-block;
  font-size: 14px;
  border:solid 1px #ccc;
  padding:5px 10px;
}
.time-count{  margin-right:30px;}


.s-header-text.m_center {
margin: 0 -20px;
}


.post_info::after {
  content: "この記事にはPRを含みます";
  display:inline-block;
  font-size: 14px;
  border:solid 1px #ccc;
  padding:5px 10px;
}

/*.time-count::after {
  content: "生成AIによる記事を含みます";
  display:inline-block;
  font-size: 14px;
  border:solid 1px #ccc;
  padding:5px 10px;
  margin-left:30px;
}
*/
.icon_ai {
  background-color: #b3b3b3;
  /*border-radius: 3px;*/
  margin: 16px 16px;
  height: 24px;
  width: 48px;
  position: absolute !important;
  left: 8px;
  top: 8px;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  color:#fff;
}

/*ブログ日付*/
.count{  display:none;}

.opa07{opacity:0.7}
.opa05{opacity:0.5}


/*BCP LP*/
.company_info dl {
  display: flex;
  flex-wrap: wrap;
}
.company_info dt {
	color:#004098;
	/*font-weight:normal;*/
  width: 15%;
  padding: 20px;
  margin: 0 0 10px 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.company_info dd {
  width: 75%;
  padding: 20px;
  margin: 0 0 10px 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media screen and (max-width:570px) {
	.company_info dt {
  	width: 35%;}
  	.company_info dd {
  	width: 65%;}
}


div#hosoku {
display:none;
}

.divlink:hover{
text-decoration:underline;
}


.pr-icon{
display: inline-block;
  font-size: 14px;
  border: solid 1px #ccc;
  padding: 5px 10px;
}
  
/*241126 for renewal*/
.header-main-area {
  border-bottom: none;
}

.img_w100 {width:100% !important;}

.mainmenu-area{position:fixed; top: 0px;z-index:99;width:100%;}

.t_min_perple{font-family:HGSMinchoE;color:#022961;line-height:1.2em;}

/*for sec*/
dl{margin-bottom: 0px;}

.clients-area {
  background-color: #fff;
}
.clients-area .clients li > a{  background-color: #fff;}
.clients-area .clients li > a img{filter:unset;}
.clients-area .clients li > a:hover img {
  filter: unset;
}
.clients-area .clients li > a:hover {
  background-color: #fff;
}


.footer-widget-area {
    border-bottom: 1px solid #CCCCCC;
    padding: 40px 0;
}
ul.s-f-widget li a:hover {
  color: #004098;
}
.s-f-widget li:last-child a {
  border-bottom: none;
  padding-bottom: 0;
}
.s-f-widget li a, .single-footer.right .s-f-widget li {
  line-height: 1.4em;

}
.s-f-widget li {
  list-style: none !important;
  text-decoration: none;

}
.s-f-widget li a, .single-footer.right .s-f-widget li {
  border-bottom: 1px solid #cfcfcf;
  color: #000;
  display: block;
  padding-bottom: 17px;
  padding-top: 17px;
  line-height: 16px;
}


p a:hover {
  text-decoration-line: underline;
}


@media (min-width: 767px) {
		.intro-section .site-brand .fp-logo {
 			margin-right: 0px;
  			margin-left: 38px;
  		}
}


/*
# Products
--------------------------------------------------------------*/
.products-area {
  background-color: #fff;
  border-bottom: 1px solid;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  padding: 30px;
}
.products-area .products {
  margin-bottom: 0;
  padding: 0;
}
.products-area .products li {
  list-style-type: none;
}
.products-area .products li > a {
  position: relative;
  display: block;
  text-align: center;
  padding: 3px 12px;
  background-color: rgba(0, 0, 0, 0.1);
  height: 60px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.products-area .products li > a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.products-area .products li > a:hover img {
  filter: grayscale(0);
}
.products-area .products li > a img {
  position: absolute;
  top: 50%;
  left: 50%;
  filter: grayscale(1);
  vertical-align: middle;
  width: auto;
  max-width: 85%;
  max-height: 40px;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


.products-area {
  background-color: #fff;
}
.products-area .products li > a{  background-color: #fff;}
.products-area .products li > a img{filter:unset;}
.products-area .products li > a:hover img {
  filter: unset;
}
.products-area .products li > a:hover {
  background-color: #fff;
}
li.contact_btn a{background:#ff8000;color:#fff!important; padding: 5px 10px;margin: 10px;margin-top: 15px !important;}
li.contact_btn a:hover{background:#fa6310;color:#fff!important; padding: 5px 10px;margin: 10px;margin-top: 15px !important;}
li.contact_btn a:focus{background:#ff8000;color:#fff!important; padding: 5px 10px;margin: 10px;margin-top: 15px !important;}
/*
li.contact_btn a{background:#ff8000;color:#fff!important; padding: 5px 10px;margin: 10px;margin-top: 15px !important;}
li.contact_btn a:hover{background:#fa6310;color:#fff!important; padding: 5px 10px;margin: 10px;margin-top: 15px !important;}
*/

/*Chrome、Edge、Opera*/
_:lang(x)::-internal-media-controls-overlay-cast-button, body {font-family: sans-serif;}

/*Firefox*/
_:lang(x)::-moz-placeholder, body {font-family: Helvetica;}