@charset "UTF-8";


#wrapper {
    width: 900px;
    margin: 0 auto;
}

#wrapper a {
  text-decoration: none;
}



h1#title {
    margin-bottom: 20px;
    background: rgba(0, 0, 0, 0) url("../images/bg_h1.png") no-repeat scroll 0 center;
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    height: 55px;
    line-height: 1.3em;
    padding-left: 20px;
    vertical-align: middle;
	text-align: left;
}

.sub {
    font-size: 0.6em;
}

/* font-size small */
.sub_2 {
    font-size: 0.8em;
}

/* キービジュアル サブメニュー */
#key_img {
    display:block;
    width: 900px;
    /* height: 330px; */
}

#sub_menu {
    display:block;
	overflow: hidden;
	height: 330px;
    width: 900px;
	background-image: url(../doujyo/images/main_image.png);
	background-repeat:no-repeat;
    background-size: 100%;
    /*margin-top: 20px;*/
    position: relative;
}

#sub_menu ul.sub_menu_ul {
    width: 340px;
    overflow: hidden;
    position: absolute;
    top: 260px;
    left: /* 552 */722px;
}

#sub_menu ul.sub_menu_ul li {
    float: left;
    line-height: 38px;
    text-align: center;
    font-size: 13px;
    margin-bottom: 32px;
}

#sub_menu ul.sub_menu_ul li a:link, #sub_menu ul.sub_menu_ul li a:visited {
    display: block;
    border: 1px solid #fff;
    background-color: rgba(57, 57, 57, 0.1);
    width: 165px;
    height: 38px;
    color: #fff;
    text-decoration: none;
}

#sub_menu ul.sub_menu_ul li a:hover, #sub_menu ul.sub_menu_ul li a:active {
    display: block;
    border: 1px solid #fbb03b;
    color: #fff !important;
    text-decoration: none !important;
}

#sub_menu ul.sub_menu_ul li.m_r_1:first-child {
    margin-right: 10px;
}

#sub_menu ul.sub_menu_ul:after {
    clear: left;
}

#sub_menu_sp {
    display: none;
}

.text_em {
    font-size: 1.2em;
    /* font-weight: bold; */
    text-align: center;
    margin: 40px 0 20px;
}

.text_em01 {
    font-size: 18px;
    /* font-weight: bold; */
    text-align: center;
    margin: 40px 0 20px;
    color: #448aca
}

.text_em02 {
    font-size: 1.2em;
    /* font-weight: bold; */
	text-align:left;
    margin: 40px 0 20px;
}

.text_01 /* パソコン/タブレット/スマホのセキュリティ管理ソリューション<p> */ {
    text-indent: 1em;
    line-height: 1.7em !important;
}


/*その他*/
.kome {
	display:block;
	padding-left: 1em;
    text-indent: -1em;
}
.ta_C{
    text-align: center;
}

.ta_r{
    text-align: right;
}

.ta_l{
    text-align: left;
}

.p_left1 {
    padding-left: 25px;
}

.t09 {
    font-size: 0.9em !important;
}

.line_h13 {
    line-height: 1.3em !important;
}

.img_center {
    display: block;
    margin: 1em auto;
}



.tokucho {
	background: rgba(0, 0, 0, 0) url("../ekakusin/common/image/img_check.png") no-repeat scroll 0 ;
	background-position: top left;
    padding-left: 25px;
    padding-top: 2px;
	line-height: 1.3em;
}

h3.tokucho {
	background: rgba(0, 0, 0, 0) url("../pickup/common/image/img_check.png") no-repeat scroll 0 ;
	color: #333;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.3em;
    border: none;
}

h3.tokucho_saigaip {
   background: rgba(0, 0, 0, 0) url("../pickup/common/image/img_check.png") no-repeat scroll 0 ;
	background-position: top left;
	color: #333;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 0.3em;
    padding-left: 25px;
    padding-top: 2px;
	line-height: 1.3em;
    border: none;
}

h3.plan_1 {
    padding:2px;	
	clear: both;
	border:none;
	border-left: 8px solid #1A71BF;
}

h3.plan_1 span {
    border-left: none;
    padding: 0;
}

#chk ul.tokucho02 li {
	background: rgba(0, 0, 0, 0) url("../ekakusin/common/image/img_list_ck.png") no-repeat scroll 0 !important ;
	background-position: top left;
    padding-left: 25px;
    padding-top: 2px;
	line-height: 1.5em;
	margin-left:0.5em;
}

ul.def {
	list-style-type: disc !important;
}

#curriculum .case_01 h4 {
    margin: 10px 0 0px 0;
    padding: 5px 5px 5px 2em;
	text-align:left !important;
	text-indent:-1em;

}

#curriculum .case_01 dl{
    border-bottom: 1px solid /* #ccc*/#fff;
    margin-top: 0;
    margin-bottom: 5px;
}

#curriculum .case_01 dl dt{
    display: block;
    width: 100%;
    border-top: 1px solid #fff;
    margin: 0px;
    padding: 5px 0 5px 1em;

}

#curriculum .case_01 dl dd{
    display: block;
    margin: 0px 0 0 0em;
    padding: 5px 0px 5px 1em;
    border-top: 1px solid #fff;    
    background-color: #f5fbfb;
}



.case_01 > h4 {
	background-color:#2E9DA3; 
	color:#FFFFFF;
	text-align:left;
}

.case_01 dl dt {
    background-color: #cae8e9;
}

/* div装飾
------------------------------------------------------ */
    div.kakomi_1{
         border: 1px solid #ddd;
         padding:10px 10px;
         background:#f5f5f5/* eee */;
         border-radius: 3px;
         color:#000;
         margin: 10px auto 2em;
         width: 98%;
         height: auto;
        line-height: 165%;
    }

    div.kakomi_2{
         border: 1px solid #ddd;
         padding:10px 10px;
         background:#F9F9F9/*#f5f5f5*//* eee */;
         /*border-radius: 3px;*/
         color:#000;
         margin: 10px auto 2em;
         width: 98%;
         height: auto;
        /*line-height: 165%;*/
    }


/* ---------------------------------------------------
↑ div装飾*/


/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
    width: 100%;
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 1.5;
}

/*テーブル内の左側*/
.ta1 th {
	width:  auto;
    border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 1.5;
	padding: 10px;
	text-align: center;
	background-color: #e2e2e3 /*背景色*/
}


/*テーブル内の右側*/
.ta1 td {
	padding: 10px;
    border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 1.5;
}

/* 災害ポータル料金表 */

.saigaip .ta1 th {
    background-color: #f7f8f8;
    padding: 5px;
    color: #595757;
}

.saigaip .ta1 td {
    padding: 5px;
}

/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;
	color: #FFF;	/*文字色*/
	background-color: #333;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#333));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#4b4b4b, #333);	/*同上*/
	background-image: linear-gradient(#4b4b4b, #333);			/*同上*/
}
/*テーブルのキャプション設定*/
.ta1 caption {
	padding: 10px;
	border-top: 1px solid #CCC;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #CCC;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #CCC;	/*左側の線の幅、線種、色*/
	text-align: left;
	background-color: #e9ddae;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#efe6c5, #e9ddae);	/*同上*/
	background-image: linear-gradient(#efe6c5, #e9ddae);			/*同上*/
	font-weight: bold;	/*文字を太字にする設定*/
}




/*テーブル2
---------------------------------------------------------------------------*/
.ta2 {
    width: 100%;
	border: 1px solid #C8D3D9;	/*テーブルの枠線の幅、線種、色*/
	line-height: 1.5;
}

/*テーブル内の左側*/
.ta2 th {
	width:  auto;
    border: 1px solid #C8D3D9 ;	/*テーブルの枠線の幅、線種、色*/
	line-height: 1.5;
	padding: 5px;
	text-align: center;
	background-color:#ECEFEF /*背景色*/
}


/*テーブル内の右側*/
.ta2 td {
	padding: 5px;
    border: 1px solid #C8D3D9;	/*テーブルの枠線の幅、線種、色*/
	line-height: 1.5;
}






/* 災害ポータル料金表 */

.saigaip .ta1 th {
    background-color: #f7f8f8;
    padding: 5px;
    color: #595757;
}

.saigaip .ta1 td {
    padding: 5px;
}






/* Office365 テーブル上書き */
table.ta_p1 {
    margin: 10px 0;
}

table.ta_p1 td, table.ta_p1 th {
    padding: 4px 10px !important;
}

table.ta_p1 td:nth-child(even){
    padding: 4px 10px 4px 20px !important;
    text-align: right !important;
}

table.ta_p1 tr:hover {
    background-color: #E7F4FF;
}

/*その他 ここまで*/



/*キービジュアル下 2日間宿泊研修へのリンク */
.option_1 a {
    display: block;
    padding: 6px 10px;
    width: 200px;
    border: 1px solid #00aec2;
    background-color: #f5fdfe;
    text-align: center;
    text-decoration: none;
    font-size: 1em;
    border-radius: 5px;
    margin-left: 700px;
}

.option_1 a:hover {
    text-decoration: none!important;
    color: #fff !important;
    background-color: #00aec2;
}

/* h2 */
h2 {
	display:block;
	height:50px;
	width:100%;
	font-size: 1.4em;
	font-weight:bold;
	color:#333;
	background:none;
    padding: 0 0 0 15px;
    margin: 30px 0 10px;
	border-left:none;
    border-right:none;
	clear:both;
    position: relative;
    line-height: 50px;
}

h2::before,
h2::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
h2::before {
	top: 0;
	border-top: 2px solid #448aca;
	border-bottom: 1px solid #448aca;
}
h2::after {
	bottom: 0;
	border-top: 1px solid #448aca;
	border-bottom: 2px solid #448aca;
}

h2#topmidashi {
	display:block;
	height: auto;
	width:100%;
	font-size: 1.4em;
	font-weight:bold;
	color:#333;
	background:none;
    padding: 0.5em 0 0.5em 0px;
    margin: 10px 0 10px;
	border-left:none;
    border-right:none;
	clear:both;
    position: relative;
    line-height:1.3em;
	text-align:center;
}


/* h3 */
h3 {
	display: block;
	height:auto;
	width: 100%;
	font-size: 1.1em;
    font-weight: bold;
	line-height:1;
	padding:2px;	
	clear: both;
    margin-top: 20px;
	margin-bottom: 0.5em;
	border:solid 1px #999;
	box-sizing:border-box;
    /* background-color: #fff; */
}

h3 span {
	border-left:5px solid #005db5;
	margin:2px;
	padding:0.4em 0.5em;
	display:block;
    font-size: 1.1em;
} 

#one_day, #two_days, .points  {
    margin-bottom: 5em;
}


/* 青チェックマーク（小）　
------------------------------------------------------------------------- */

#one_day ul, #check_listArea02 ul, 
ul.points  {
    margin-left: 0.5em;
}

#one_day ul li, ul.blue_list1 li, #check_listArea02 ul li,
ul.points li {
    background: url(../images/icon_featuresmall.gif) no-repeat;
    background-position: 0 3px;
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 0 0 0 1.4em;
    margin-bottom: 0.5em;
}

ul.blue_list1 li {
    margin-top: 5px;
}


ul.tokucyo li {
    background: url(../images/icon_featuresmall.gif) no-repeat;
    background-position: 0 3px;
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 0  0 0 1.4em;
    margin-bottom: 0.5em;
	margin-left:0.5em;
}

dl.program dt {
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    color: #36c!important;
    margin-left: 0.5em;
}

dl.program dd {
    display: block;
    border-left: 5px solid #ddd;
    background-color: #eee;
    margin: 0 0 20px 0.5em;
    padding: 5px 10px;
    font-size: 0.9em;
	color: #000!important;
}

h4 {
    font-weight: bold;
    font-size: 1.1em;
    /* display: block;
    height: 1.5em; */
}

.bold {
    font-weight: bold;
    font-size: 1.2em!important;
	color:/*#36c*/#666; 
    /* display: block;
    height: 1.5em; */
}


.bold_b  {
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    color: #36c!important;
    margin-left: 0.5em;
}

/* 《1日研修プログラム》研修カリキュラム概要 */
#curriculum h4 {
    display: block;
    margin: 10px 0 0 0;
    padding: 5px 0;
    text-align: center;
}

#curriculum dl{
    border-bottom: 1px solid /* #ccc*/#fff;
    margin-top: 0;
    margin-bottom: 5px;
}

#curriculum dl dt{
    width: 19em;
    border-top: 1px solid #fff;
    margin: 0;
    padding: 5px 0 5px 1em;
    float: left;
    clear: left;
}

#curriculum dl dd{
    margin: 0 0 0 19em;
    padding: 5px 0 5px 20px;
    border-top: 1px solid #fff;    
    background-color: #f5fbfb;
}

#program_1 > h4, #program_1 dl dt {
    background-color: #cae8e9;
}

#program_2 > h4, #program_2 dl dt {
    background-color: #c6cee8;
}

#program_3 > h4, #program_3 dl dt {
    background-color: #a5a6cc;
}

/* 2日間宿泊研修プログラム */
#two_days h4 {
    margin-left: 0.5em;
}



#two_days table {
    width: 100%;
    margin-bottom: 5px;
    /* margin: 0 0 2em 0.4em; */
    border: 1px solid #eee;
}

#two_days table th {
    background-color: #b9e1e7;
    padding: 5px;
    border-top: 1px solid #fff;
}

#two_days table th.bg_1 {
    background-color: #b2bade;
}

#two_days table td {
    padding: 5px;
    border-top: 1px solid #fff;
}

td.td_1 {
    background-color: #d7edf1;
}

td.td_2 {
    background-color: /*#f3fafb*/#e5f4f6;
}

td.td_3 {
    background-color: #d1d6ec;
}
td.td_4 {
    background-color: #e1e4f3;
}

#two_days h4.title_1 {
    color: #36c;
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 0.5em;
}

dl.yoko_1 {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    margin-top: 1em;
}

dl.yoko_1 dt{
    width: 5.5em;
    border-top: 1px solid #ccc;
    margin: 0;
    padding: 5px 0 5px 1em;
    float: left;
    clear: left;
    background-color: #f5fbfb;
}

dl.yoko_1 dd{
    margin: 0 0 0 5.5em;
    padding: 5px 0 5px 0;
    border-top: 1px solid #ccc;    
    background-color: #f5fbfb;
}

/*お問い合わせエリア 02
---------------------------------------------------------------------------*/
.contactArea {
	display: block;
    width: 900px;
    margin: 0 auto 50px;
}

.contactArea img.to_form {
    display: block;
    margin: 0 80px 0 290px !important;
    width: 320px;
	float: left;	
}


#sss_m a img {
	display: block;
    margin: -20px 0 15px 0px !important;
    width: 150px !important;
}



#tel_0120_02 {
    width: 320px;
    height: 62px;
    display: block;
    margin: 20px 80px 20px 290px !important;
    border: 1px solid #009fa8;
    font-size: 1.4em;
    font-weight: 500;
    text-align: center;
    line-height: 62px;
		float: left;
}


#tel_0120, .tel_0120  {
    width: 320px;
    height: 62px;
    display: block;
    margin: 20px auto;
    border: 1px solid #009fa8;
    font-size: 1.4em;
    font-weight: 500;
    text-align: center;
    line-height: 62px;
}

.contactArea img {
    display: block;
    margin: 0 auto ;
    width: 320px;
}

#tel_0120 {
    width: 320px;
    height: 62px;
    display: block;
    margin: 20px auto;
    border: 1px solid #01C0FB;
    font-size: 1.4em;
    font-weight: 500;
    text-align: center;
    line-height: 62px;
}




/* footer
-----------------------------------------*/
#footer_nav {
    width: 900px;
    display: block;
    position: relative;
    overflow:hidden;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0;
}

/*関連サービス　
-------------------------------------------------------------------------*/
#r_services {
    margin: 4em 0.5em;
    padding: 1.5em;
    background-color: #f6f5f4;
    border-radius: 10px;
    /* border: 1px solid #eee; */
}

#r_services h3{
    font-size: 1.8em;
    font-weight: 500;
    margin: 0;
    border: none;
    color: rgb(0, 77, 157);
}

#r_services dl dt,
#r_services .inc_none /* include無し */{
    font-size: 1.1em;
    /* font-weight: bold; */
    border-left: 5px solid #bfbfbf;
    margin-left: 0.5em;
    padding: 0 0 0 0.5em;
}

#r_services .inc_none {
    margin-top: 14px;
}

#r_services dl dd {
    font-size: 0.9em;
    margin-left: 1em;
    padding-left: 1em;
}



#wrapper div.link_2days a {
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    width: 340px;
    border: 1px solid #00aec2/*fbb03b*/;
    background-color: #f5fdfe;
    text-align: center;
    text-decoration: none;
    font-size: 1.3em;
    /* font-weight: bold; */
    border-radius: 6px;
}

#wrapper div.link_2days a:hover {
    text-decoration: none!important;
    color: #fff !important;
    background-color: #00aec2;
}


/* margin指定　
------------------------------------------------------------------------- */
.mb-6 {
	margin-bottom:60px !important;
}

.mb-3{
	margin-bottom:30px;
}

.mb-2{
	margin-bottom:20px;
}

.mb-1{
	margin-bottom:10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb_08 {
    margin-bottom: 0.8em;
}

.m_left_12 {
    margin-left: 12px;
}

.clear {
    clear: both !important;
}

.note_2 {
    font-size: 0.85em;
}

.note_3 {
    margin-left: 1em;
}
/* 
 ------------------------------------------------------------------------- */

/* セコム災害ポータルサービス */

#menuArea {
    overflow:hidden;
	margin-bottom: 1em;
    position: relative;
}

#menuArea > ul > li {
	width:48%;
	float:left;
	background-color:#EEE;
	border-radius: 5px; /* CSS3草案 */	
-webkit-border-radius: 5px; /* Safari,Google Chrome用 */	
-moz-border-radius: 5px; /* Firefox用 */
margin:0.5em;
box-sizing:border-box;
	border: 1px solid #05368D;	/*線の幅、線種、色*/
	background-image: -moz-linear-gradient(50% 0% -180deg, rgb(255,255,255) 0%, rgb(255,255,255) 17%, rgb(240,240,240) 100%);
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(255,255,255)), color-stop(0.17, rgb(255,255,255)), color-stop(1, rgb(240,240,240)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image: -webkit-linear-gradient(-180deg, rgb(255,255,255) 0%, rgb(255,255,255) 17%, rgb(240,240,240) 100%);
	/* Opera v11.10+ */
	background-image: -o-linear-gradient(-180deg, rgb(255,255,255) 0%, rgb(255,255,255) 17%, rgb(240,240,240) 100%);
	/* IE v10+ */
	background-image: -ms-linear-gradient(-180deg, rgb(255,255,255) 0%, rgb(255,255,255) 17%, rgb(240,240,240) 100%);
	background-image: linear-gradient(-180deg, rgb(255,255,255) 0%, rgb(255,255,255) 17%, rgb(240,240,240) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffdddddd,GradientType=0)";
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffdddddd, GradientType=0);
}

#menuArea ul li dl{
    display: block;
	background-repeat:no-repeat;
   background-position:1em 1em;
	padding: 0 1em 0.5em 1em;
	height: 120px !important;
}


#menuArea ul li dl dt {
	font-size:150%;
	font-weight:900;
	color:#005db5;
	font-family:Verdana, Geneva, sans-serif;
	line-height:1;
	margin-bottom:0.3em;
}
#menuArea ul li dl dd,
#menuArea2 ul li dl dd{
	line-height:1.5em !important;
	padding: 0;
}

/*#menuArea ul li dl dd a {
	background: rgba(0, 0, 0, 0) url("../../image/bg_level2.png") no-repeat scroll 0 center;
    margin-left: -10px;
    padding-left: 18px;
    padding-right: 5px;
    vertical-align: top;
}
#menuArea ul li dl dd a:hover,
#menuArea2 ul li dl dd a:hover {
    background: rgba(0, 0, 0, 0) url("../../image/bg_level2_on.png") no-repeat scroll 0 5px;
}*/


/* アンダーライン背景画像
 ------------------------------------------------------------------------- */
.under_line_1 {
    background-image: url(../iaaspaas/lx2/images/line_yellowgreen.png);/* やわらかいグリーン */
	background-repeat: repeat-x;
	background-position-y: 4px;
}


#priceArea h3 {
    border: none;
    margin-bottom: 0;
}



/* ----------  新型コロナウイルス 無料お試しバナー ---------- */
/*.bnr_sec {
    overflow: hidden;
    width: 100%;
}*/

a:hover .free_bnr, a:active .free_bnr {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}

.free_bnr {
    display: block;
    width: 700px;
    margin: 20px auto;
}

/* section */
.right_bnr {
    display: block;
    overflow: hidden;
}

.screen {
    display: block;
    float: left;
}

.r_bnr {
    display: block;
    float: right;
}

.r_bnr img {
    width: 650px;
    height: auto;
    margin-top: 200px;
}

.sp-clear {
    clear: both;
}

/* 料金表へのリンク 
-------------------------------------------------------------- */
.link_price a {
    display: block;
    width: 500px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #616161;
    font-size: 20px;
    text-align: center;
    margin: 50px auto 80px;
    /*background-color: #f8f8f8;*/
    letter-spacing: 0.4em;
}

.link_price a:hover {
    background-color: #f5f1f1;
    text-decoration: none !important;
}

.link_price a i {
    margin-left: 10px;
}

/*レスポンシブ
-------------------------------------------------------------- */
@media only screen and (max-width:767px)  {
    .r_bnr img {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 80px;
    }

}