@charset "UTF-8";

html body { background-color:#fefefe; }
.av_grn { color: #015e4b !important; }
.nonborder { border:none;outline:none; }

body#seihin_index div#g-main,body#seihin_index div#g-contents { width:100% !important; }
body div#g-contents { width:1000px; overflow: hidden;  }

.kinou #g-contents { margin-top: 90px;  }

body div#g-main { margin:0 !important; width:760px !important; }

div#fotter { width:100% !important; }
div#fotter table#kw-txt { width:940px !important; margin:30px auto 10px auto !important; }
.fotter_banner { margin:15px auto !important; }

div.dd ul li { margin-bottom:0 !important; }
.tit02 { color: #015e4b !important; font-weight:normal !important;line-height:1.1em !important; }
.left-p { padding-left:1em; }

ul.global_s_menu li { font-size:13px !important;  }

p.top_news { margin-top:-1.7em !important; text-align:right; font-size:0.8em; }
.pro_subtxt,.security-subtit { font-size:22px; line-height:1.5em; font-weight:normal;margin:22px 0 30px 0; color:#000 ;text-align:center; font-weight:bold;}
.security-subtit { margin:22px 0 50px 0 !important;; }

hr.top_b { border:none !important; margin:0 !important; padding:0 !important; visibility:visible !important; height:1px; background-color:#aaa; color:#aaa; }

/** 20181122_prerenewal  **/
#av_header { width: 940px; margin: 0 auto; }
#av_header h1{ margin: 0; }
#av_header img.av { margin: 15px 50px 0 0 !important;float: none; float: left; }
#av_header #top-box { width:630px; height:80px; margin:13px 0 0 0; float: left; text-align: right; font-size: 12px; }
#av_header #top-box #sns-box { float:left; margin:25px 0 0 10px; }
#top_search { float:left; margin-top:25px; }
body div#g-main { float: right !important; }
#navi { text-align: left !important; }
.kiji_cv-box { width:760px !important;
margin:0 auto;
padding: 5px 0 20px 0 !important;
-moz-border-radius: 12px; /*Firefox*/
-webkit-border-radius: 12px; /*Safari,Chrome*/
border-radius: 12px; /*CSS3*/
behavior: url("/css/ie-css3.htc"); /*ie*/}
#jirei #side-menu,
#event #side-menu,
#event-close #side-menu,
#support #side-menu{ float: left !important; }
#column_index #p-side {
margin: 0 40px 0 0 !important;
}

.pro-box{
box-sizing:border-box;
}

/* top_img */
.top_img {
height: 410px;
width:940px;
margin:0 auto;
text-align:center;
margin-bottom:0;
}
.point_img { background-image:url(/assetview/img/top_img_point_bg.png) ; position: relative; }
.point_img img { margin:0 auto; display:block; }
.main_txt { text-align:center; margin:36px 0 0 0; letter-spacing:2px; font-size:23px; color:#000; }

h1.top {
font-weight:normal;
font-size:13px;
color:#333 !important;
margin-top:1.5em;
}

.av_pro { font-weight:normal; font-size:17px; margin: 0; color:#333; text-align: center;  }
#pro_top_search { text-align: right; margin-top:-35px; }
#pro_top_sns { text-align: right; margin:10px 7px 0 0 ; }

/* cv-box */
.top_cv_box { padding:35px 0 15px 0;  }
.top_cv_box_border { border-top: #aaa solid 1px; border-bottom: #aaa solid 1px; padding:30px 0 0 0 !important; }
.top_cv_txt { font-size:18px; font-weight:bold; color:#666; padding-top:25px; margin-bottom:8px; }
.top_cv-button { margin:0 auto; padding:0 0 20px 0; }
.top_cv-button a { margin:0 0 0 20px; padding:0; height:77px; width:300px; display:block; float:left; text-indent:-99999px; }
.top_cv-button a.siryo_jisya { margin:0; background:url(/item/siryo_jisya.png) left top no-repeat; }
.top_cv-button a.siryo_jisya:hover  { margin:0; background:url(/item/siryo_jisya.png) left bottom no-repeat; }
.top_cv-button a.siryo_sier { background:url(/item/siryo_sier.png) left top no-repeat; }
.top_cv-button a.siryo_sier:hover  { background:url(/item/siryo_sier.png) left bottom no-repeat; }
.top_cv-button a.toiawase { background:url(/item/toiawase_3.png) left top no-repeat; }
.top_cv-button a.toiawase:hover  { background:url(/item/toiawase_3.png) left bottom no-repeat; }
.kiji_txt {  margin: 7px auto 0 auto; width: 530530px; letter-spacing: 1px; }

.top_cv-button a.siryo_dl {margin:0 25px 0 0; background:url(/item/button_siryo_dl.png) left top no-repeat; width: 410px; }
.top_cv-button a.siryo_dl:hover  { margin:0 25px 0 0 ; background:url(/item/button_siryo_dl.png) left bottom no-repeat; }
.top_cv-button a.otoiawase { margin:0 25px 0 0; background:url(/item/button_otoiawase.png) left top no-repeat; width: 240px; }
.top_cv-button a.otoiawase:hover  { margin:0 25px 0 0 ; background:url(/item/button_otoiawase.png) left bottom no-repeat; }
.top_cv-button a.seminar { margin:0; background:url(/item/button_seminar.png) left top no-repeat; width: 240px; }
.top_cv-button a.seminar:hover  { margin:0; background:url(/item/button_seminar.png) left bottom no-repeat; }

.pro_cv_box { padding:35px 0 25px 0;  }
.pro_cv-button { width: 760px; margin:0; padding:0; }


/* new_box */
#new_box { background-color:#f0f7ea; width:100%; height:90px;box-shadow: 0 3px 3px rgba(0,0,0,0.2); padding-top:18px; font-size:14px; margin:0 0 20px 0;border-top: 1px #ccc solid; }
#new_box p.whatsnew { float:left; display:block; height:30px; line-height:30px; background-color:#00744b; color:#fff; padding:0 15px 0 15px; margin:18px 22px 20px 0; font-size:13px; }
#new_box p { margin:0 0 4px 0; }
p.top_news { margin-top:-1.9em !important; text-align:right }

/* seihin_box */
.seihin_box_left { border:#2BA23A 1px solid; width:408px; height:160px; padding:20px; margin:10px 40px 20px 0; float:left;  }
.seihin_box_right { border:#2BA23A 1px solid; width:408px; height:160px; padding:20px; margin:10px 0 20px 0; float:left;  }
.seihin_box_img { margin:0; float:left; }
.seihin_box_tit { font-size:24px; margin:0; font-weight:bold; }
.seihin_box_txt { margin:5px 0 15px 0; }
.seihin_box_link { display:block; color:#00744B !important; clear:both; background-color:#f0f7ea; text-align:center; height:35px; margin:0; line-height:35px;transition:0.4s ; text-decoration:none; font-size:16px; }
.seihin_box_link:hover { background-color:#96d09d; text-decoration:none; }

/* jirei_box*/
/*.jirei_box { display: block; margin: 0 30px 30px 0 !important; }*/

.center_link { display:block; color:#00744B !important; clear:both; background-color:#f0f7ea; text-align:center; height:50px; margin:0; line-height:50px;transition:0.4s ; text-decoration:none; font-size:18px; }
.center_link:hover { background-color:#96d09d; text-decoration:none; }

/* pickup_box */
.pickup_box_left { border:#EE761C 1px solid; width:408px; height:160px; padding:20px; margin:10px 40px 20px 0; float:left;  }
.pickup_box_right { border:#EE761C 1px solid; width:408px; height:160px; padding:20px; margin:10px 0 20px 0; float:left;  }
.pickup_box_img { margin:0; float:left; }
.pickup_box_link { display:block; color:#EE761C !important; clear:both; background-color:#fcebdd; text-align:center; height:35px; margin:0; line-height:35px;transition:0.4s ; text-decoration:none; font-size:16px; }
.pickup_box_link:hover { background-color:#f9cfb0; text-decoration:none; }

/* top_event */
a.top_event { background:url(/assetview/item/top_event_back.png); width:740px; height:112px; padding:18px 0 18px 60px ; display:block; margin:20px auto 20px auto; }

/* top_donyu */
.top_donyu { background-color:#f9fcf7; border-top: 1px #CCC solid; }

/* top_user */
.top_user { background-color:#f9f9f9; border-top: 1px #CCC solid; }

p.top_news { margin-top:-1.9em !important; text-align:right }

table.table-list{ margin:0px auto 5px auto; }
table.table-list th{
padding:0.1em;
color:#333;
text-align:center;
font-size:0.9em;
background:#d2d2d2;
border:solid 1px #fff;
}

table.table-list td{
padding:6px 5px;
vertical-align:middle;
border-bottom:solid 1px #d7d7d7;
}

table.donyu tr td { padding-top:10px; }

/* entry_header */
#asset_header { background-image:url(/assetview/item/pro_head_back.gif); border-top: #CCC solid 1px; }
#asset_header img.logo { margin:24px 0 0 0; display:block; }
#asset_header #logo {  margin:14px 0 0 0; width:270px; float:left; }
#asset_header #logo h1 { margin:0; padding:0; font-size:13px; font-weight:normal; color:#333; white-space: nowrap; }
#asset_header #logo-right { width:640px; margin:0 0 0 300px; _margin:-100px 0 0 300px; padding:15px 0 8px 0 }
#asset_header #logo-right #top-box { width:640px; height:50px; margin:0; }
#asset_header #logo-right #top-box #sns-box { float:left; margin:25px 15px 0 10px; }
#asset_header #logo-right #bottom-box { width:640px; margin:10px 0 0 0; }
#asset_header img.avi{ margin:-95px 0 0 -130px; display: block; }

div#txt_link {
width:940px;
margin:0 auto;
text-align:right;
font-weight:normal;
font-size:13px;
}
div#txt_link span{ font-size:11px; }

/* cv-button */

#cv-button { width:640px; height:52px; margin:0; padding:0; }
#cv-button a { margin:0 0 0 15px; padding:0; height:52px; display:block; float:left; text-indent:-99999; }

#cv-button a.siryo_user { width:218px; margin:0 !important; background:url(/item/siryo_user_header.png) left top no-repeat; }
#cv-button a.siryo_user:hover  { margin:0; background:url(/item/siryo_user_header.png) left bottom no-repeat; }

#cv-button a.siryo_sier { width:218px; background:url(/item/siryo_sier_header.png) left top no-repeat; }
#cv-button a.siryo_sier:hover  { background:url(/item/siryo_sier_header.png) left bottom no-repeat; }

#cv-button a.toiawase_av { width:173px; background:url(/item/toiawase_av_header.png) left top no-repeat; }
#cv-button a.toiawase_av:hover  { background:url(/item/toiawase_av_header.png) left bottom no-repeat; }

/* pro_seach search */

#pro_search { float:left; margin-top:27px; }
#pro_search input#hu_search_text {
background-color:#fff;
padding: 2px 2px 2px 2px;
width: 165px;
border: 1px solid #C1C1C1;
background: url(/item/search-bg-210.png) no-repeat 0 50%;
}
#pro_search input#hu_search_text.on_focus {
background-image: none;
background-color:#fff;
}

/* side */

#p-side {
width: 200px ;
margin: 0 40px 0 0;
background-color: #FFF;
/*float: left;*/
padding:0;
}

.subnav {
width: 198px;
font-size: 13px;
border: #ccc 1px solid;
margin-bottom:15px;
}

.subnav p{
font-size: 13px;
font-weight:bold;
text-indent:15px;
border-bottom: #ccc 1px solid;
padding:6px 0 !important;
margin:0 !important;
background-color:#ededed;
}

#p-side .subnav ul li {
display: block;
margin: 0;
padding: 2px 10px;
position: relative;
border-bottom: #ccc 1px dotted;
font-size: 13px;
}

#p-side .subnav ul li a {
display: block;
margin-bottom: 0px;
line-height: 45px;
color: #595959;
text-decoration: none;
outline: none;
background: url(/item/subnav_item_arrow.gif) no-repeat -12px 50%;
zoom: 1;
}

#p-side .subnav ul li.twolines a {
display: block;
padding-top: 7px;
height: 38px;
line-height: 1.3em;
color: #595959;
text-decoration: none;
outline: none;
background: url(/item/subnav_item_arrow.gif) no-repeat -12px 50%;
zoom: 1;
}

#p-side .subnav ul li a img {
float: left;
margin: 0 5px 0 0;
position: relative;
}

#p-side .subnav ul li.twolines img {
padding-top: 0px;
}

#p-side .subnav ul li a:hover { text-decoration:underline; color:#08c; background-position:-200px 50%; }
#p-side .subnav ul li.block a:hover { text-decoration:underline; color:#08c; background-position:-200px 50%; }
#p-side .subnav ul li.twolines a:hover { text-decoration:underline; color:#08c; background-position:-200px 50%; }
.subnav ul { list-style:none;padding:0; margin:0; }
.subnav ul li { padding:7px 0 7px 13px ; }
.subnav ul li.title { height:45px; line-height:45px; background-color:#f8e7e9; padding:0 10px; margin:5px 0 ; font-weight:bold; border-top: solid #ccc 1px; }
.subnav ul li.title img { float:left; margin-right:5px; padding:7px 0; }

.subtit-av {
background-color: #015e4b;
color: #fff;
padding: 9px 15px;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 25px;
behavior:url(/css/ie-css3.htc);/*ie*/
}

.subtit-av span.em_s { color:#fff; }

.subtit_new-av {
background-image:url(/assetview/item/subtit_new_img.gif);
text-indent:1em;
line-height:55px;
background-repeat: no-repeat;
height: 45px;
width: 650px;
font-weight:bold;
display:block;
font-size:16px;
color:#fff;
}

.subtit_new-av span.em_s { color:#fff; }
.red_tit {  padding:10px 15px 10px 15px; background-color: #f2f2f2; font-size:16px; font-weight:bold; margin:10px 0 20px 0; border-left: solid 7px #00744a;}
p.kadai { font-size:15px; font-weight:bold; color:#444; border:#b5b5b5 1px dotted; padding:13px 15px 13px 47px; margin:25px 0 20px 0; background:url(/assetview/item/checkbox.png) no-repeat 10px 13px; background-color:#F2F2F2;  }
div.kinou_logo a img { float:left; margin:10px 30px 27px 0; }
div.kinou_logo a img.sp_none { margin-right:0 !important; }

div#navi { width:1000px; margin: 20px auto 30px auto; font-size:14px; }

/* security */

.subtit-rouei {
background-color:#333;
background-repeat: no-repeat;
padding:0.3em 15px 0.3em 15px;
text-align:center;
font-weight:bold;
display:block;
font-size:20px;
color:#fff;
behavior: url("/css/ie-css3.htc");
}

.subtit-grn {
background-color:#015e4b;
background-repeat: no-repeat;
padding:0.3em 15px 0.3em 15px;
text-align:center;
font-weight:bold;
display:block;
font-size:20px;
color:#fff;
behavior: url("/css/ie-css3.htc");
}

.security-tit { font-size:45px; font-weight:bold; color:#333; margin:1.5em 0 1em 0; line-height:1.3em; text-align:center; }
/*.security-subtit { font-size:18px; color:#444; margin:0.6em 0 35px 0; line-height:1.4em; text-align:center; }*/

div.nayami { background:url(/assetview/security/img/nayami_hito.png) no-repeat ; width:670px; margin:25px auto 0 auto; }
div.nayami p { background:url(/assetview/security/img/nayami_mark.png) no-repeat; font-size: 15px !important; border:#52698B 2px dotted; padding:0.8em 1.2em 0.8em 50px; margin: 0 0 5px 80px; background-color:#F8F8F8; }
div.nayami02 { background-image:url(/assetview/security/img/nayami02.png); width:620px; height:210px; }

div.s-mokuji { border-bottom:dotted 1px #666; padding-bottom:5px; }
div.s-mokuji p { margin-left:0.2em; padding-left:25px; font-size:14px; }
.s-mokuji-txt { font-size:18px !important; font-weight:normal; margin:16px 0 -3px 0; text-indent:0 !important; padding-left:0 !important; }

div.s-mokuji2 { border-bottom:dotted 1px #666; padding-bottom:5px; }
div.s-mokuji2 p { margin-left:0.2em; }

.c_01 { background:url(/assetview/item/contents2.png) no-repeat right; }
.c_02 { background:url(/assetview/img/c_itasset.png) no-repeat right; }
.c_03 { background:url(/assetview/img/c_sam.png) no-repeat right; }
.c_04 { background:url(/assetview/img/c_infosecurity.png) no-repeat right; }
.c_05 { background:url(/assetview/img/c_pclog.png) no-repeat right; }
.c_06 { background:url(/assetview/img/c_device.png) no-repeat right; }
.c_07 { background:url(/assetview/img/c_myno.png) no-repeat right; }

.il_box01 { background-color:#FFFCDB; border:#D0121B 2px solid; padding:20px; height:125px; }
.il_box01_txt1 { font-size:24px; font-weight:bold; margin:0; height:70px; display:block; float:left; margin:0 30px 25px 40px; }
.il_box01_txt2 { font-size:40px; font-weight:bold; margin:0; height:65px; display:block; float:left;margin-right:20px; padding-top:5px; color:#D0121B; }
.il_box01_txt3 { font-size:28px; margin:0; height:55px; display:block; float:left; padding-top:15px; color:#00744B; font-weight:bold; }

.il_kadai { padding:5px 12px; color:#FFF; font-size:18px; font-weight:bold; margin-top:1.5em;
-moz-border-radius: 5px; /*Firefox*/
-webkit-border-radius: 5px; /*Safari,Chrome*/
border-radius: 5px; /*CSS3*/
behavior: url("/css/ie-css3.htc"); /*ie*/
 }
.il_kadai1 { background-color:#015e4b; }
.il_kadai2 { background-color:#015e4b; }
.il_kadai3 { background-color:#015e4b; }

.il_kadai1_bg { background-color:#1E333C; color:#FFF; }
.il_kadai_txt { background-color:#D0121B; color:#FFF; font-size:22px; text-align:center; padding:5px; font-weight:bold; width:230px; margin:0 auto 10px auto; }

.il_kadai_m { border:3px dotted #666; padding:10px 20px; }
.il_kouka_box { border:#6FBA2C 2px solid; width:208px; float:left; text-align:center; margin:0 10px 0 0; }
.border_none { border: none !important; width:212px !important; }
.s_attention { border-bottom:#C00 solid 2px; padding-bottom:5px; font-size:19px; }






.balloon1-top {
position: relative;
display: inline-block;
margin: 1.5em 9px;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #fff;
font-size: 15px;
background: #D0121B;
float:left;
text-align:center;
-moz-border-radius: 7px; /*Firefox*/
-webkit-border-radius: 7px; /*Safari,Chrome*/
border-radius: 7px; /*CSS3*/
behavior: url("/css/ie-css3.htc"); /*ie*/
}
.balloon1-top:before{
content: "";
position: absolute;
top: -30px;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-bottom: 15px solid #D0121B;
}
.balloon1-top p { margin: 0; padding: 0; }

.end_waku { width:300px; background-color:#09C; color:#FFF; text-align:center; padding:13px 10px 15px 10px; float:left; margin-right:20px; }
.end_waku02 { background-color: #003; margin-right:0; }
.end_waku p { background:#FFF; color:#333; padding:10px 0; margin:8px auto 0 auto; height:3em; line-height:3em; width:270px; font-weight:bold;
-moz-border-radius: 5px; /*Firefox*/
-webkit-border-radius: 5px; /*Safari,Chrome*/
border-radius: 5px; /*CSS3*/
behavior: url("/css/ie-css3.htc"); /*ie*/ }
.end_waku02 p{ line-height:1.5em; background-color:#FFC; }

.end_ts { background-color: #FC0; color:#AE2224; padding:8px; font-weight:bold; font-size:1.3em; margin:0 !important; }

/*search*/
#pl_search { float:left; margin-top:27px; }
#pl_search input#hu_search_text {
padding: 2px 2px 2px 2px;
width: 190px;
border: 1px solid #C1C1C1;
background: url(/item/search-bg-210.png) no-repeat 0px 50%;
}
#pl_search input#hu_search_text.on_focus {
background-image: none;
background-color:#fff;
}

/* av_cv-button */
#av_cv-button { width:690px; height:37px; margin:0; padding:0; }
#av_cv-button a { margin:0 0 0 10px; padding:0; height:37px; width:218px; display:block; float:right; text-indent:-99999px; }

#av_cv-button a.siryo_seikyu { margin:0; background:url(/item/a_siryo_icon.png) left top no-repeat; }
#av_cv-button a.siryo_seikyu:hover  { margin:0; background:url(/item/a_siryo_icon.png) left bottom no-repeat; }

#av_cv-button a.siryo_dl { background:url(/item/a_dl_icon.png) left top no-repeat; }
#av_cv-button a.siryo_dl:hover  { background:url(/item/a_dl_icon.png) left bottom no-repeat; }

#av_cv-button a.toiawase { background:url(/item/a_toiawase_icon.png) left top no-repeat; }
#av_cv-button a.toiawase:hover  { background:url(/item/a_toiawase_icon.png) left bottom no-repeat; }


/* index */
p.index_jisseki { font-size:27px; font-weight:bold; margin:0; }
.index_h2 { font-size:35px; font-weight:bold; color:#333; margin:25px 0 -5px 0; }
p.top_txt { margin: -10px 0 20px 0; line-height:22px; }
.av_midashi { font-size:18px; color:#015e4b; font-weight:bold; margin:1.5em 0 0 0; }
.liv_midashi { font-size:16px; color:#000; font-weight:bold; margin:1em 0 1.5em 0; }
body.v800 p.av_midashi { font-size:18px; color:#015e4b; font-weight:bold; margin:25px 0 -8px 0 !important; }
body#support p.av_midashi { font-size:18px; color:#015e4b; font-weight:bold; margin:2em 0 -0.5em 0; }
.av_midashi02 { font-size:15px; color:#015e4b; font-weight:bold; margin-top:1.5em !important; }
.av_midashi03 { margin-top:2em; font-size:18px; color:#015e4b; font-weight:bold; }
.gray_txt { color:#777; font-weight:normal; }
p.grn_tit { background-color:#015e4b; color:#fff; padding:7px 15px; font-size:18px; font-weight:bold; margin-bottom:25px; }
.av_tit { background-color:#015e4b; color:#fff; padding:7px 15px; font-size:18px; font-weight:bold; margin-bottom:25px; }

img.alphafilter { margin:0 25px 0 25px; display:block; }
.red-box { border:#C31B1F 2px solid; padding:10px 20px; }

div.index_kadai { background-image:url(/assetview/img/top_05_2.png); height:225px; }
p.kadai01 { margin: 140px 0 0 15px; line-height:1.9em; }
p.kadai02 { margin: 140px 0 0 65px; line-height:1.9em; }

/* A */
p.hdd{height:35px;background:url(/assetview/a/img/hdd.png)no-repeat top left;}
p.app{height:35px;background:url(/assetview/a/img/app.png)no-repeat top left;}
p.doc{height:35px;background:url(/assetview/a/img/doc.png)no-repeat top left;}

/* side-jirei */
#p-side #pl_jirei{
display:block;
width:200px;
margin:15px 0 2em 1.7em;
padding:0;
color:#777;
_background:url(/assetview/item/bg-av-jirei.png) no-repeat top left; /* IE6 */
}

#p-side #pl_jirei #pl_jirei_box{
width:170px;
margin:0;
padding:65px 15px 0.5em 15px;
background:url(/assetview/item/bg-av-jirei.png) no-repeat top left;
_background:inherit; /* IE6 */
}

#p-side #pl_jirei #pl_jirei_box p { margin:0; }
#p-side #pl_jirei #pl_jirei_box p.user { margin:0.5em 0; font-size:15px; line-height:1.5em; font-weight:bold; display:block; }
#p-side #pl_jirei #pl_jirei_box p.pl_jirei_link a {
margin:0.5em 0;
padding:0 0 10px 0;
font-size:12px;
font-weight:bold;
display:block;
border-bottom: thin solid #0e325b ;
text-align:right;
}
#p-side #pl_jirei #pl_jirei_box p.clear { clear:both; margin:0 1.8em 2em 0; padding:0; text-indent: 0; }

#p-side #pl_jirei img.ph{
float:left;
margin:0;
vertical-align:bottom;
zoom:1;
padding:0 8px 5px 0;
display: block;
}

#p-side #pl_jirei #jirei_fot{
width:200px;
height:33px;
background:url(/assetview/item/bg-av-jirei_btm.png) no-repeat bottom left;
*height:28px; /* IE7 */
}
#p-side #pl_jirei #jirei_fot p{
margin:-0.5em 0 0 0;
padding:0.8em 0;
text-indent: 2.5em;
*margin-top:0; /* IE7 */
*padding:0.4em 0; /* IE7 */
_margin-top:0; /* IE6 */
}
#p-side #pl_jirei #jirei_fot a{text-decoration:underline;color:#FFF;padding:0;}
#p-side #pl_jirei #jirei_fot a:hover{text-decoration:underline;color:#FFFF00;}

/* assetview */
table.assetview { font-size:12px;table-layout:fixed;word-break:all; border:0; padding:0; margin:0; }
table.assetview tr td { vertical-align: top; border:0; padding:0; margin:0; }
table.assetview tr td span.data{ color:#093; font-weight:bold; }

table.kinouichiran tr td { width:233px; }

p.link_b{ margin:15px 0 10px 0 ; background:url(/assetview/contents/item/link.png) 10px center no-repeat;  }
p.link_b a { clear:both; margin:0 0 5px 40px; padding:0 0 0 0; font-size:14px; line-height:20px; }



/*kinou*/
table.kinou {
background-color:#fff;
font-size:11px;
}
table.kinou tr td {
padding:10px 0;
border-width: 7px 0;
border-style: solid none;
border-color: #FFFFFF;
}

table.kinou tr td.kyotu { background-color:#FFF; padding-left:10px; }
table.kinou tr td.a { background-color:#FDD; padding-left:10px; }
table.kinou tr td.d { background-color:#FFE7CE; padding-left:10px; }
table.kinou tr td.f { background-color:#F2E3D1; padding-left:10px; }
table.kinou tr td.g { background-color:#FFC; padding-left:10px; }
table.kinou tr td.i { background-color:#E4FFD0;padding-left:10px;}
table.kinou tr td.k { background-color:#E4F9B0;padding-left:10px;}
table.kinou tr td.m { background-color:#CDEDDE;padding-left:10px;}
table.kinou tr td.s { background-color:#E8FFFF; padding-left:10px; }
table.kinou tr td.v { background-color:#F2DEFE; padding-left:10px; }
table.kinou tr td.rc{ background-color:#F5EBEB; padding-left:10px; }
table.kinou tr td.rc02  { background-color:#F5EBEB; padding-left:10px; background-position: right bottom; }
table.kinou tr td.dlp_c { background-color:#f2f2f2; padding-left:10px; }
table.kinou tr td.mail { background-color:#f6e2c8; padding-left:10px; }
table.kinou tr td.mdm { background-color:#c0dcdc; padding-left:10px; }
table.kinou tr td.archive { background-color:#dcdcdc; padding-left:10px; }
table.kinou tr td.rec { background-color:#f9cec7; padding-left:10px; }
table.kinou tr td.id  { background-color:#c9d6e4; padding-left:10px; }
table.kinou tr td.acl { background-color:#e4c2d6; padding-left:10px; }

table.kinou-syosai tr td.kyotu { background-color:#F7F7F7; }
table tr td.a { background-color:#FDD; }
table tr td.d { background-color:#FFE7CE; }
table tr td.f { background-color:#F2E3D1 }
table tr td.g { background-color:#FFC; }
table tr td.i { background-color:#F2FFE8; }
table tr td.k { background-color:#E4F9B0; }
table tr td.m { background-color:#E1F4EB; }
table tr td.s { background-color:#E8FFFF; }
table tr td.v {background-color:#F2DEFE; }
table tr td.rc{ background-color:#F5EBEB; }
table tr td.rc02  { background-color:#F5EBEB; }
table tr td.dlp_c  { background-color:#f2f2f2; }
table tr td.mail  { background-color:#f6e2c8; }
table tr td.mdm   { background-color:#c0dcdc; }
table tr td.archive  { background-color:#dcdcdc; }
table tr td.rec   { background-color:#f9cec7; }
table tr td.id{ background-color:#c9d6e4; }
table tr td.acl   { background-color:#e4c2d6; }
table tr td.p   { background-color:#fcedf4; }
table tr td.w   { background-color:#e4eef8; }
table tr td.vpn   { background-color:#e4eef8; }

/*products*/
#g-main .m-tit  { margin: 10px 0 18px 0; }
#g-main .m-tit2 { margin: 10px 0 32px 0 }



/* --- products_tab --- */

#menu-a ul,
#menu-d ul,
#menu-i ul,
#menu-g ul,
#menu-f ul,
#menu-k ul,
#menu-v ul,
#menu-m ul,
#menu-p ul { margin:0 0 50px 0; padding:0px; width: 1000px; overflow:hidden; z-index:3; }

#menu-a ul li,
#menu-d ul li,
#menu-i ul li,
#menu-g ul li,
#menu-f ul li,
#menu-k ul li,
#menu-v ul li,
#menu-m ul li,
#menu-p ul li { display:block; float:left ;list-style-type: none; margin: 0; padding: 0; background-color:#FFFFFF; }

#menu-a ul li a,
#menu-d ul li a,
#menu-i ul li a,
#menu-g ul li a,
#menu-f ul li a,
#menu-k ul li a,
#menu-v ul li a,
#menu-m ul li a,
#menu-p ul li a { display:block;height:80px;width:326px; float:left ;list-style-type: none; margin: 0; padding: 0; background-color:#FFFFFF; overflow: hidden; text-align: center; line-height: 80px; font-size: 16px; font-weight: bold;
color: #000;background: #fff url(/assetview/assets/images/arrow_green_bggreen.png) calc(100% - 10px) center no-repeat; background-size: 18px;}

#menu-a ul li a:hover,
#menu-d ul li a:hover,
#menu-i ul li a:hover,
#menu-g ul li a:hover,
#menu-f ul li a:hover,
#menu-k ul li a:hover,
#menu-v ul li a:hover,
#menu-m ul li a:hover,
#menu-p ul li a:hover {transition: 0.5s; text-decoration: none !important; color: #fff !important; background-color:#015e4b !important;  background:#015e4b url(/assetview/assets/images/arrow_green_bgwhite.png) calc(100% - 10px) center no-repeat; background-size: 18px; }

#menu-a ul li.a01 a,#menu-a ul li.a02,
#menu-d ul li.d01 a,#menu-d ul li.d02,
#menu-i ul li.i01 a,#menu-i ul li.i02,
#menu-g ul li.g01 a,#menu-g ul li.g02,
#menu-f ul li.f01 a,#menu-f ul li.f02,
#menu-k ul li.k01 a,#menu-k ul li.k02,
#menu-v ul li.v01 a,#menu-v ul li.v02,
#menu-m ul li.m01 a,#menu-m ul li.m02,
#menu-p ul li.p01 a,#menu-p ul li.p02 { margin-right: 5px !important;}

/*normal*/
#menu-a ul li.a01 a,#menu-a ul li.a02 a,#menu-a ul li.a03 a,
#menu-d ul li.d01 a,#menu-d ul li.d02 a,#menu-d ul li.d03 a,
#menu-i ul li.i01 a,#menu-i ul li.i02 a,#menu-i ul li.i03 a,
#menu-g ul li.g01 a,#menu-g ul li.g02 a,#menu-g ul li.g03 a,
#menu-f ul li.f01 a,#menu-f ul li.f02 a,#menu-f ul li.f03 a,
#menu-k ul li.k01 a,#menu-k ul li.k02 a,#menu-k ul li.k03 a,
#menu-v ul li.v01 a,#menu-v ul li.v02 a,#menu-v ul li.v03 a,
#menu-m ul li.m01 a,#menu-m ul li.m02 a,#menu-m ul li.m03 a,
#menu-p ul li.p01 a,#menu-p ul li.p02 a,#menu-p ul li.p03 a { border: solid #015e4b 2px; color:#015e4b; border-radius: 7px; background-color:#fff;}

/*active*/
.index #menu-a ul li.a01 a,.a02 #menu-a ul li.a02 a,.a03 #menu-a ul li.a03 a,
.index #menu-d ul li.d01 a,.d02 #menu-d ul li.d02 a,.d03 #menu-d ul li.d03 a,
.index #menu-i ul li.i01 a,.i02 #menu-i ul li.i02 a,.i03 #menu-i ul li.i03 a,
.index #menu-g ul li.g01 a,.g02 #menu-g ul li.g02 a,.g03 #menu-g ul li.g03 a,
.index #menu-f ul li.f01 a,.f02 #menu-f ul li.f02 a,.f03 #menu-f ul li.f03 a,
.index #menu-k ul li.k01 a,.k02 #menu-k ul li.k02 a,.k03 #menu-k ul li.k03 a,
.index #menu-v ul li.v01 a,.v02 #menu-v ul li.v02 a,.v03 #menu-v ul li.v03 a,
.index #menu-m ul li.m01 a,.m02 #menu-m ul li.m02 a,.m03 #menu-m ul li.m03 a,
.index #menu-p ul li.p01 a,.p02 #menu-p ul li.p02 a,.p03 #menu-p ul li.p03 a { color:#fff;background-color:#015e4b; background-image: none !important;}

/*balloon*/
.index #menu-a ul li.a01,.a02 #menu-a ul li.a02,.a03 #menu-a ul li.a03,
.index #menu-d ul li.d01,.d02 #menu-d ul li.d02,.d03 #menu-d ul li.d03,
.index #menu-i ul li.i01,.i02 #menu-i ul li.i02,.i03 #menu-i ul li.i03,
.index #menu-g ul li.g01,.g02 #menu-g ul li.g02,.g03 #menu-g ul li.g03,
.index #menu-f ul li.f01,.f02 #menu-f ul li.f02,.f03 #menu-f ul li.f03,
.index #menu-k ul li.k01,.k02 #menu-k ul li.k02,.k03 #menu-k ul li.k03,
.index #menu-v ul li.v01,.v02 #menu-v ul li.v02,.v03 #menu-v ul li.v03,
.index #menu-m ul li.m01,.m02 #menu-m ul li.m02,.m03 #menu-m ul li.m03,
.index #menu-p ul li.p01,.p02 #menu-p ul li.p02,.p03 #menu-p ul li.p03 {
position: relative;
display: inline-block;
margin: 0em 0 1.5em 0;
min-width: 120px;
max-width: 100%;
}

.index #menu-a ul li.a01:before,.a02 #menu-a ul li.a02:before,.a03 #menu-a ul li.a03:before,
.index #menu-d ul li.d01:before,.d02 #menu-d ul li.d02:before,.d03 #menu-d ul li.d03:before,
.index #menu-i ul li.i01:before,.i02 #menu-i ul li.i02:before,.i03 #menu-i ul li.i03:before,
.index #menu-g ul li.g01:before,.g02 #menu-g ul li.g02:before,.g03 #menu-g ul li.g03:before,
.index #menu-f ul li.f01:before,.f02 #menu-f ul li.f02:before,.f03 #menu-f ul li.f03:before,
.index #menu-k ul li.k01:before,.k02 #menu-k ul li.k02:before,.k03 #menu-k ul li.k03:before,
.index #menu-v ul li.v01:before,.v02 #menu-v ul li.v02:before,.v03 #menu-v ul li.v03:before,
.index #menu-m ul li.m01:before,.m02 #menu-m ul li.m02:before,.m03 #menu-m ul li.m03:before,
.index #menu-p ul li.p01:before,.p02 #menu-p ul li.p02:before,.p03 #menu-p ul li.p03:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #015e4b;
}

.index #menu-a ul li.a01 a,.a02 #menu-a ul li.a02 a,.a03 #menu-a ul li.a03 a,
.index #menu-d ul li.d01 a,.d02 #menu-d ul li.d02 a,.d03 #menu-d ul li.d03 a,
.index #menu-i ul li.i01 a,.i02 #menu-i ul li.i02 a,.i03 #menu-i ul li.i03 a,
.index #menu-g ul li.g01 a,.g02 #menu-g ul li.g02 a,.g03 #menu-g ul li.g03 a,
.index #menu-f ul li.f01 a,.f02 #menu-f ul li.f02 a,.f03 #menu-f ul li.f03 a,
.index #menu-k ul li.k01 a,.k02 #menu-k ul li.k02 a,.k03 #menu-k ul li.k03 a,
.index #menu-v ul li.v01 a,.v02 #menu-v ul li.v02 a,.v03 #menu-v ul li.v03 a,
.index #menu-m ul li.m01 a,.m02 #menu-m ul li.m02 a,.m03 #menu-m ul li.m03 a,
.index #menu-p ul li.p01 a,.p02 #menu-p ul li.p02 a,.p03 #menu-p ul li.p03 a {
margin: 0;
padding: 0;
}

.head_h1{
  font-weight: bold;
}


/* mokutekibetu-contents */
p.c_subtit { text-align:center; font-weight:normal; color:#707070; font-size:26px; line-height:20px; }
p.c_tit { text-align:center; font-weight:bold; color:#333; font-size:60px; line-height:5px; }
p.c_txt { font-weight:bold; color:#cc0000; font-size:20px; line-height:31px; }
p.c_subtxt { font-size:15px; line-height:28px; margin-top:-0.5em; }
div.c_txtbox { margin:3em 0 2.5em 0; border: dotted 1px #999; padding:1em 1.5em; font-size:11px; color:#666; }
div.c_box_1 { float:left; width:336px; height:360px; border: #ccc 1px solid; padding:8px 0; margin:0 24px 24px 0; }
div.c_box_2 { float:left; width:336px; height:360px; border: #ccc 1px solid; padding:8px 0; margin:0 0 24px 0; }
p.c_box-tit { margin:0 9px; width:320px; height:50px;background-color:#649830; color:#fff; text-align:center; font-weight: bold; font-size:25px; line-height:50px; display:block; letter-spacing:1px; }
p.c_box-txt { padding:0 1.5em; line-height:22px; }
a.c_button {width:200px; height:36px; display:block; margin:1.5em auto 0 auto; background:url(/assetview/item/contents_button.png) left top no-repeat; text-indent:-999999px; }
a.c_button:hover  { width:200px; height:36px; display:block; margin:1.5em auto 0 auto; background:url(/assetview/item/contents_button.png) left bottom no-repeat; text-indent:-999999px; }

h2.c_page_tit,
p.c_page_tit {width:700px; height:55px; background-color:#649830; color:#fff; font-size:24px; line-height:60px; font-weight:bold; text-indent:1em; margin:15px 0 0 0; letter-spacing:1px;}
p.c_page_tit img { margin:-10px 15px 0 0 }
h2.c_page_stit,p.c_page_stit { font-weight:bold; font-size:1.4em; color:#333; border-bottom: solid 5px #015e4b; margin:25px 0 20px 0; padding: 0.4em 0; }

div.c_page_box { border-bottom: dotted 1px #ccc; margin:0; padding:0; }
div.c_page_box p.c_link-tit { display:block; margin:15px 0 10px 0 ; width:700px; background:url(/assetview/item/contents_link.png) 10px center no-repeat;  }
div.c_page_box p.c_link-tit a { display:block; clear:both; width:660px; margin:0 0 5px 40px; padding:0 0 0 0; font-size:16px; line-height:20px; }
div.c_page_box p.c_link-txt { padding-left:40px; margin:0 0 15px 0; font-size:14px; }

body.pc em,
body.column_patch em{
font-weight: normal;
background-color: #FFC;
color:#333 !important;
}

h2.c_column,
p.c_column { margin:0 0 -0.5em 0;font-size:1em;font-weight:normal;color:#333; }
h2.c_column_tit,p.c_column_tit { color:#015e4b; font-size:16px; margin:1.5em 0 -12px 0 !important; font-weight:bold; }
p.c_column_txt { margin-bottom:1.5em; line-height:1.7em; }
#column div.dl p,#column div.dd p { line-height:1.7em; }
.c_jirei_img { margin-top:-50px; float:right; }

/* mov-contents */
body#mov p.subtit-av {
background-image:url(/assetview/item/mov_subtit_img.png);
text-indent:1em;
line-height:40px;
background-repeat: no-repeat;
height: 40px;
width: 700px;
font-weight:bold;
display:block;
font-size:16px;
color:#fff;
}

.mov-box700 { width:700px;text-align:center; margin:1.5em auto 0.5em auto; border:solid 1px #d7d7d7; }

/* jirei topics */
body#jirei #av-fence #side-menu,
body.kigyo #av-fence #side-menu,
body#event #av-fence #g-contents #side-menu { margin:25px 40px 0 0 !important; }

/* faq */
body#support table.tab-2nd td{border:none !important;}
ul.search-list { margin:0 !important;}
ul.search-list li.search-list-item { padding:0 !important;}
ul.search-list li.search-list-item p.em_s { margin-left:1.5em !important; }
.faq_category { margin:6px 0 3px 0; font-size:0.9em; }

/* securitypackage */

.kakaku_box {
border:#cc0000 dotted 2px;
padding:0 10px;
border-radius: 8px;
margin-bottom: 15px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
behavior: url(/css/ie-css3.htc);
}

.realtime { border-bottom:#015e4b 2px solid; font-size:24px; font-weight:bold; margin-bottom:0; }
.kinshi { border-bottom:#015e4b 2px solid; font-size:24px; font-weight:bold; margin-bottom:0; }
.tanaoroshi { border-bottom:#015e4b 2px solid; font-size:24px; font-weight:bold; margin-bottom:0; }
.kansa { border-bottom:#015e4b 2px solid; font-size:24px; font-weight:bold; margin-bottom:0; }

.img1 { height:30px; background-image: url(/assetview/securitypackage/img/05-1_3.png); padding-top:240px; background-repeat:no-repeat; background-position:top; }
.img2 { height:30px; background-image: url(/assetview/securitypackage/img/07-1_3-2.png?20210421); padding-top:440px; background-repeat:no-repeat; background-position:top; }
.img3 { height:30px; background-image: url(/assetview/securitypackage/img/06-1_3-2.png?20210421); padding-top:180px; background-repeat:no-repeat; background-position:top; }
.img4 { height:30px; background-image: url(/assetview/securitypackage/img/08-1_3-2.png?20210421); padding-top:270px; background-repeat:no-repeat; background-position:top; }

.arrow_box {
position: relative;
background: #FFFDE5;
border: 2px solid #D0121B;
float:right;
margin-bottom:1em;
display:block;
font-weight:bold;
font-size:14px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
behavior: url(/css/ie-css3.htc);
}

.arrow_box:after, .arrow_box:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.arrow_box:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #FFFDE5;
border-width: 15px;
margin-top: -15px;
}
.arrow_box:before {
border-color: rgba(42, 167, 56, 0);
border-right-color: #D0121B;
border-width: 18px;
margin-top: -18px;
}

table.g_frame { background-color:#015e4b; }
table.g_frame td { border:solid 2px #015e4b; }
table.i_frame { background-color:#015e4b; }
table.i_frame td { border:solid 2px #015e4b; }
table.m_frame { background-color:#015e4b; }
table.m_frame td { border:solid 2px #015e4b; }
table.k_frame { background-color:#015e4b; }
table.k_frame td { border:solid 2px #015e4b; }

table.g_frame,table.i_frame,table.m_frame,table.k_frame { width:900px; margin:auto; }
table.g_frame th,table.i_frame th,table.m_frame th,table.k_frame th { font-weight:bold; width:200px;text-align:center; vertical-align: middle; font-size:20px; color:#FFF; line-height:27px; }
table.g_frame th span,table.i_frame th span,table.m_frame th span,table.k_frame th span { color:#FF0; line-height:35px; }
table.g_frame td,table.i_frame td,table.m_frame td,table.k_frame td { background-color:#FFF; text-align:center; font-weight:bold; font-size:14px; }

p.g_img { background-image:url(/assetview/securitypackage/img/01.png); background-repeat:no-repeat; background-position:130px 60px; height:200px; width:695px; }
p.i_img { background-image:url(/assetview/securitypackage/img/02.png); background-repeat:no-repeat; background-position:130px 60px; height:200px; width:695px; }
p.m_img { background-image:url(/assetview/securitypackage/img/03.png); background-repeat:no-repeat; background-position:130px 60px; height:200px; width:695px; }
p.k_img { background-image:url(/assetview/securitypackage/img/09.png); background-repeat:no-repeat; background-position:130px 60px; height:220px; width:695px; }

.pdca_box { border:#D0121B 2px solid; padding:12px 15px 0 15px; width:280px; text-align:center; border-radius: 8px; }

p.dlp_icon { background-image:url(/assetview/item/dlp.png); background-repeat:no-repeat; padding-left:45px; height:35px;  }
p.m_icon { background-image:url(/assetview/item/m.png); background-repeat:no-repeat; padding-left:45px; height:35px;  }
p.g_icon { background-image:url(/assetview/item/g.png); background-repeat:no-repeat; padding-left:45px; height:35px;  }
p.i_icon { background-image:url(/assetview/item/i.png); background-repeat:no-repeat; padding-left:45px; height:35px;  }

p.naibu_icon { background-image:url(/assetview/security/img/naibu_icon.png); background-position:right; background-repeat:no-repeat; height:50px; line-height:30px; margin-bottom:-30px;  }
p.usb_icon { background-image:url(/assetview/security/img/usb_icon.png); background-position:right; background-repeat:no-repeat; height:50px; line-height:30px; margin-bottom:-30px;  }
p.leakout_icon { background-image:url(/assetview/security/img/leakout_icon.png); background-position:right; background-repeat:no-repeat; height:50px; line-height:30px; margin-bottom:-30px;  }
p.encrypt_icon { background-image:url(/assetview/security/img/encrypt_icon.png); background-position:right; background-repeat:no-repeat; height:50px; line-height:30px; margin-bottom:-30px;  }
p.loss_icon { background-image:url(/assetview/security/img/loss_icon.png); background-position:right; background-repeat:no-repeat; height:50px; line-height:30px; margin-bottom:-30px;  }
p.appli_icon { background-image:url(/assetview/security/img/appli_icon.png); background-position:right; background-repeat:no-repeat; height:50px; line-height:30px; margin-bottom:-30px;  }
p.zeroday_icon { background-image:url(/assetview/security/img/zeroday_icon.png); background-position:right; background-repeat:no-repeat; height:50px; line-height:30px; margin-bottom:-30px;  }
p.winxp_icon { background-image:url(/assetview/security/img/winxp_icon.png); background-position:right; background-repeat:no-repeat; height:50px; line-height:30px; margin-bottom:-30px;  }
p.virus_icon { background-image:url(/assetview/security/img/virus_icon.png); background-position:right; background-repeat:no-repeat; height:50px; line-height:30px; margin-bottom:-30px;  }
p.mail_icon { background-image:url(/assetview/security/img/mail_icon.png); background-position:right; background-repeat:no-repeat; height:50px; line-height:30px; margin-bottom:-30px;  }

/* a */
div.a_unyo { background-image:url(/assetview/a/img/1_02_bg.png); width:590px; height:105px; padding:15px; margin:0 auto; }
p.a_unyo_txt { margin-top:5px; text-indent:30px; font-weight:bold; text-align:left !important; }
div.a_unyo p { font-size:12px; text-align:left !important; }

div.a_mac { background-image:url(/assetview/a/img/1_04_1_bg.png); width:359px; height:157px; float:right; }
p.a_mac_txt1 { margin:20px 0 0 180px; font-size:12px; }
p.a_mac_txt2 { margin-top:-10px; }

/* k */
table.k_index { background-image:url(/assetview/k/img/1_02_1_bg.png); height:252px; width:620px; margin:0 auto !important;}
table.k_index p { margin-bottom:0 !important; }
table.k_index tr td.k_midashi{ width:34%; height:42px; text-align:center; color:#FFF; font-weight:bold; line-height:42px; font-size:14px; }
table.k_index p.av_midashi02 { margin:5px 0 0 0 !important; }
table.k_index p.em_s { font-size:11px !important; text-align:left !important; }
table.k_index tr td.k_naiyo{ padding:25px 15px 0 15px; }
p.k_txt { font-size:16px; font-weight:bold; margin-top:-10px; }

/* price */
h2.security { background-color:#e1383c; color:#FFF; height:2em; font-size:18px; line-height:2em; text-indent:0.8em; margin-bottom:1.5em; }
h2.standard { background-color:#6CB030; color:#FFF; height:2em; font-size:18px; line-height:2em; text-indent:0.8em; margin-bottom:1.5em; }
h2.kinou { background-color:#E9933B; color:#FFF; height:2em; font-size:18px; line-height:2em; text-indent:0.8em; margin-bottom:1.5em; }

td.t_security { background-color:#e1383c !important; color:#FFF; font-size:1.3em; font-weight:bold; }
td.t_standard { background-color:#6CB030 !important; color:#FFF; font-size:1.3em; font-weight:bold; }
td.t_kinou { background-color:#E9933B !important; color:#FFF; font-size:1.3em; font-weight:bold; }

/* myno */
.chigau { background-image:url(/assetview/myno/img/2_03.png); width:620px; height:606px; text-indent:100%; white-space:nowrap; overflow:hidden; }

table.i_mn_frame { background-color:#015e4b; width:100%; }
table.i_mn_frame td { border:solid 2px #015e4b; }
table.m_mn_frame { background-color:#015e4b; }
table.m_mn_frame td { border:solid 2px #015e4b; }
table.id_mn_frame { background-color:#015e4b; }
table.id_mn_frame td { border:solid 2px #015e4b; }
table.k_mn_frame { background-color:#015e4b; }
table.k_mn_frame td { border:solid 2px #015e4b; }
table.acl_mn_frame { background-color:#015e4b; }
table.acl_mn_frame td { border:solid 2px #015e4b; }

table.i_mn_frame th,table.m_mn_frame th,table.id_mn_frame th,table.k_mn_frame th,table.acl_mn_frame th { font-weight:bold; width:160px;text-align:center; vertical-align: middle; font-size:17px; color:#FFF; line-height:25px; background: #015e4b }
table.i_mn_frame td,table.m_mn_frame td,table.id_mn_frame td,table.k_mn_frame td,table.acl_mn_frame td { background-color:#FFF; text-align:center; font-size:13px; }

table.i_mn_frame tr td p { background-image:url(/assetview/myno/img/2_04.png); background-position: bottom; background-repeat:no-repeat; height:170px; margin:8px 0; }
table.m_mn_frame tr td p { background-image:url(/assetview/myno/img/2_07.png); background-position: bottom; background-repeat:no-repeat; height:155px; margin:8px 0; }
table.id_mn_frame tr td p { background-image:url(/assetview/myno/img/2_05.png); background-position: bottom; background-repeat:no-repeat; height:165px; margin:8px 0; }
table.k_mn_frame tr td p { background-image:url(/assetview/myno/img/2_06.png); background-position: bottom; background-repeat:no-repeat; height:155px; margin:8px 0; }
table.acl_mn_frame tr td p { background-image:url(/assetview/myno/img/2_16.png); background-position: bottom; background-repeat:no-repeat; height:170px; margin:8px 0; }

table.soshiki tr td { padding:8px; }

.taisehi01 { background-image:url(/assetview/myno/img/2_08.png); background-position:left; background-repeat:no-repeat; height:60px; width:170px; text-indent:60px; display:block; line-height:60px; }
.taisehi02 { background-image:url(/assetview/myno/img/2_09.png); background-position:left; background-repeat:no-repeat; height:60px; width:170px; text-indent:60px; display:block; line-height:60px; }
.taisehi03 { background-image:url(/assetview/myno/img/2_10.png); background-position:left; background-repeat:no-repeat; height:60px; width:170px; text-indent:60px; display:block; line-height:60px; }

.system01 { background-image:url(/assetview/myno/img/2_11.png); background-position:left; background-repeat:no-repeat; padding-left:70px; display:block; margin:0; }
.system02 { background-image:url(/assetview/myno/img/2_12.png); background-position:left; background-repeat:no-repeat; padding:5px 0 5px 70px; display:block; margin:0; }
.system03 { background-image:url(/assetview/myno/img/2_13.png); background-position:left; background-repeat:no-repeat; padding:5px 0 5px 70px; display:block; margin:0; }
.system04 { background-image:url(/assetview/myno/img/2_14.png); background-position:left; background-repeat:no-repeat; padding-left:70px; display:block; margin:0; }
.system05 { background-image:url(/assetview/myno/img/2_15.png); background-position:left; background-repeat:no-repeat; padding-left:70px; display:block; margin:0; }

.myno_orange { padding:10px 10px; border:#d77a2b 1px dotted; margin:-10px 0 30px 0 ;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url("/css/ie-css3.htc");
}
.myno_green { padding:10px 20px; border:#015e4b 1px dotted; margin:-10px 0 30px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url("/css/ie-css3.htc");
}
.myno_blue { padding:10px 20px; border:#0C5CA9 1px dotted; margin:-10px 0 30px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url("/css/ie-css3.htc");
}
.myno_red { padding:10px 20px; border:#E7211A 1px dotted; margin:-10px 0 30px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url("/css/ie-css3.htc");
}
.myno_plus { text-align:center; font-size:23px; font-weight:bold; margin:-15px 0 -30px 0; }

.logo_a { background-image:url(/assetview/myno/img/logo_a.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }
.logo_d { background-image:url(/assetview/myno/img/logo_d.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }
.logo_m { background-image:url(/assetview/myno/img/logo_m.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }
.logo_i { background-image:url(/assetview/myno/img/logo_i.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }
.logo_g { background-image:url(/assetview/myno/img/logo_g.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }
.logo_s { background-image:url(/assetview/myno/img/logo_s.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }
.logo_rc { background-image:url(/assetview/myno/img/logo_rc.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }
.logo_v { background-image:url(/assetview/myno/img/logo_v.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }
.logo_k { background-image:url(/assetview/myno/img/logo_k.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }
.logo_f { background-image:url(/assetview/myno/img/logo_f.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }
.logo_mail { background-image:url(/assetview/myno/img/logo_mail.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }
.logo_id { background-image:url(/assetview/myno/img/logo_id.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }
.logo_acl { background-image:url(/assetview/myno/img/logo_acl.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }
.logo_mdm { background-image:url(/assetview/myno/img/logo_mdm.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }
.logo_rec { background-image:url(/assetview/myno/img/logo_rec.png); background-repeat:no-repeat; margin:0 10px 0 0; width:150px; height:60px; }

.guide { margin:1em 0 -1em 0; }

p.p_tit1 {
background-image:url(/assetview/myno/img/p_tit1.png);
text-indent:65px;
line-height:60px;
background-repeat: no-repeat;
height: 60px;
width: 700px;
font-weight:bold;
display:block;
font-size:20px;
color:#fff;
}

p.p_tit2 {
background-image:url(/assetview/myno/img/p_tit2.png);
text-indent:65px;
line-height:60px;
background-repeat: no-repeat;
height: 60px;
width: 700px;
font-weight:bold;
display:block;
font-size:20px;
color:#fff;
}

p.p_tit3 {
background-image:url(/assetview/myno/img/p_tit3.png);
text-indent:65px;
line-height:60px;
background-repeat: no-repeat;
height: 60px;
width: 700px;
font-weight:bold;
display:block;
font-size:20px;
color:#fff;
}

/* angouka */
div.ab_tit { padding-top:15px; background: url(/assetview/img/angouka_bg.png) no-repeat right bottom; }
p.ag_tit01 { font-size:35px; margin:0 !important; }
p.ag_tit02 { font-size:52px; color:#c30d23; margin:0 !important; text-indent:-28px; font-weight:bold; }
p.ag_tit03 { font-size:52px; color:#c30d23; margin:0 !important; font-weight:bold;  margin-top:15px !important; }
p.ag_txt { font-size:32px; color:#c30d23; margin:0 !important; font-weight:bold; margin:30px 0 !important; }

/* avii */
.avii_box { border: dashed 3px #015e4b; border-radius: 10px; padding:30px 30px; background-image:url(/assetview/img/avii_pro.png); background-position:right top; background-repeat:no-repeat; }
.avii_pro_half { border-bottom: dashed 1px #015e4b; margin-bottom:15px; width:500px; }
.avii_pro { border-bottom: dashed 1px #015e4b; margin-bottom:15px; }
.avii_pro01 { color:#015e4b; height:25px; }
.avii_pro02 { font-size:16px; }

/* kigyo */
body.kigyo table.tab-2nd tr td { border:none !important;}

/* support k */
h3 { margin:2.5em auto 0.3em 0; font-size:15px; color:#00744b; }

.text_box {
overflow:auto ;
padding:5px;
height:450px ;
border:#ccc 1px solid ;
text-align:left;
background-color:#f8f8f8;
}

table.dl {
margin:20px 0 60px 0;
background-image:url(/assetview/img/dl_box_small.png);
background-repeat: no-repeat;
height: 117px;
font-weight:bold;
}

table.dl tr td.txt { font-size:22px; color:#00744b; font-weight: bold; padding:30px 20px 10px 20px;line-height:80%;}
table.dl tr td.size { font-size:15px; color:#666; font-weight:normal; }
table.dl tr td.dl_button { width:230px; padding:35px 0 0 0; }

/* SecurityAdvance */
.sa_tit { background-color:#092A44; font-size:24px; color:#FFF; text-align:center; margin:0 0 30px 0; padding:3px 0 0 0; letter-spacing:2px; }
.sa_pro { font-size:35px; font-weight:bold; margin-bottom:0; padding-left:0.3em; border-bottom: 5px solid; }
.sa_pro_img { margin-top:-15px; padding:0 0 10px 470px; }
.sa_w { border-color:#4EACDB; }
.sa_v { border-color:#52277C; }
.sa_p { border-color:#EE87B4; }
.sa_i { border-color:#49963B; }
.sa_m { border-color:#086936; }
.sa_g { border-color:#CDAF3F; }
.sa_k { border-color:#A1B121; }
.sa_color { color:#092A44 !important; }

/* myno_column */
#av_column h2 { color:#333; font-size:2.4em; margin-bottom:0.3em; }
#av_column p.h3 { color:#D80C18; font-size:1.5em; margin-top:1.5em; margin-bottom:1em; border:#D80C18 1px solid; padding:0.9em 1.4em 0.9em 60px; background-color:#fdf3f3; background-image:url(/assetview/item/mynotemp.png); background-repeat:no-repeat; background-position:20px center; }
#av_column p.h4 { background-color:#00744a; color:#fff; padding:9px 1em; font-size:1.4em; font-weight:bold; margin-top:2em; margin-bottom:1.5em; }
#av_column p.h5 { color:#015e4b; font-size:1.4em; margin-top:1.5em; text-decoration:underline;font-weight:bold; }
#av_column p.h6 { color:#333; font-size:1.1em; margin-top:1.5em; margin-bottom:-0.8em !important;font-weight:bold; }
#av_column p em { background-color:#FFC; color:#333 !important; }
#av_column div.dl ul {list-style:outside !important; font-size:1.2em; }
#av_column div.dl ul li {line-height:1.7em;font-weight:bold;}
p.pdg,div.pdg { padding-left:1em; }

/* column */
body#column h1 {
    margin: 0.5em 0 1em 0 !important;
    color: #444 !important;
}

.mb20 { margin-bottom:35px; }
body#column_index h2 { margin:5px 0 1em 0 !important; }
div#column_index_footer { width:700px !important; }
body#column div.dl:not(#gray_thin-box) p em,
body#column:not(.vol014) div.dd:not(#gray_thin-box) p em{ background-color: #FFC; color: #333 !important; }

.column_box{
display:block;
margin:0 30px 30px 0;
float:left;
width:198px;
padding:10px;
background-color:#fff;
border:#dcdcdc 1px solid;
transition: 0.4s ;
}

a.column_box img { margin-left:2px; }
a.column_box:hover img{
opacity:1.0;
filter: alpha(opacity=100);

-ms-filter: "alpha( opacity=100 )";
}
.column_tit { font-size:16px; line-height:23px; min-height:95px; font-weight:bold; padding:10px 7px 0 7px; margin:0; display:block; }
.column_txt { font-size:11px; line-height:16px; padding:8px 7px 3px 7px; margin:0; display:block; }

a.column_box:link,
a.column_box:visited,
a.column_box:active,
a.voice_box:link {
color:#333 !important; text-decoration:none;
}
a.column_box:hover { background-color:#f0f7ea; }

.pro_box_link { display:block; color:#d2568d !important; clear:both; background-color:#fdf6f9; text-align:center; margin:50px 0; padding:10px 0; line-height:26px;transition:0.3s ; text-decoration:none; font-size:16px; border:#d2568d dotted 1px;
-moz-border-radius: 7px; /*Firefox*/
-webkit-border-radius: 7px; /*Safari,Chrome*/
border-radius: 7px; /*CSS3*/
behavior: url("/css/ie-css3.htc"); /*ie*/
}
.pro_box_link.dl_cta{
font-size:2rem;
font-weight:bold;
background:url("/assetview/assets/images/cta_download.png") 10% center no-repeat #dd633f;
background-size:40px 40px;
color:#fff !important;
padding:20px 20px 20px 60px;
}
.pro_box_link.dl_cta:hover{
border:1px solid #dd633f;
color:#dd633f !important;
}

.pro_box_link:hover { background-color:#f9e6ee; text-decoration:none; }

.mokuji_box {border: solid #aaa 1px; font-size: 15px; padding:8px 30px; margin:20px 0 40px 0;}
.mokuji_box p { margin:12px 0; }
.mokuji_box p.mokuji { font-size: 1.1em; letter-spacing: 5px; margin:8px 0 12px 0; font-weight: bold; }
.mokuji_box p span { background-color: #00744a; color: #fff; display: block; float: left; padding: 0 10px; margin-right:12px; font-size: 13px; }
.mokuji_box p span.l2 { height: 3.5em; line-height: 3.5em; }
.mokuji_box p.l2 { line-height: 3em; }

/* dl */
.dl_box { border:#999 1px dotted; padding:5px 25px 15px 30px; margin-top:25px; }

/*glay*/
.term { background-color:#F5F5F5; padding:10px 20px;}

/* campaign */
#campaign .h2-tit { margin: 0 0 20px 0 !important; }

/* info */
.av_info { font-size:16px; font-weight:bold; border-bottom:#ccc 1px solid; }

/* news */
#news .h2-tit { margin-bottom: 15px !important; }

/* cloud */
.oncloud { color: #769BD1 !important; }
.cloudservice { color: #69BD85!important; }
#cloud #g-contents p strong { background-color:#FFC; }

/* kiyaku */
.kiyaku_box {
border: 3px #aaa solid;
padding: 25px 25px;
}

/* ###### 2019リニューアル用 ###### */

.tit02 { text-align: center; padding: 30px 0; font-size: 3.3rem !important; }
.subtit-av { text-align: center; font-size: 1.2em; letter-spacing: 3px; }
body#securitypackage .subtit-av { font-size: 1.3em; letter-spacing: 0; }
body#column .subtit-av,body#column .subtit-rouei { text-align:left; font-size: 1.2em; letter-spacing: 0; }

.av_midashi { font-size: 1.3em !important; }
.dd p,.tit-exp,body#column .dd .il_kouka_box p,.m-tit { text-align: center; }
body#column .dd p,body#column p.tit-exp { text-align: left; }
.tit-exp { line-height: 1.5em !important; display:block; width:800px; margin:20px auto 60px auto !important; }
p.top_txt { line-height: 1.8em !important; }

.topagetop { margin:3em 0 0 0; float: none;  float: right; }
div.dd { margin: 25px; }

.background_common { background-color: #ecf4ec; padding: 60px 0 90px; }
.head_common { color: #015e4b; text-align: center; font-size:3rem; }
.pankuzu { width:1000px !important; padding-right:0 !important; }
.kiji_cv-box1000 { width:1000px;text-align: center; }
.kiji_cv-box1000 a { margin: 0 20px 0 0; display:block; float: left; }
.pro_cv-button1000 { width: 895px; margin: 0 auto; }
.kiji_cv-box a { margin: 0 5px 0 5px !important; }

div.dd ul,div.dd ol { float:left; position:relative; left:50%; }
div.dd ul li,div.dd ol li { position:relative; left:-50%; }

div.dd table ul,div.dd table ol { float:none; position:static; left:0; }
div.dd table ul li,div.dd table ol li { position:static; left:0; }

#column div.dd ul,#column div.dd ol { float:none; position:relative; left:0; }
#column div.dd ul li,#column div.dd ol li { position:relative; left:0; }

.dd.al_left p { text-align: left!important; }

.h2-tit {border-bottom: solid 5px #00744a !important; }

p.ts_kento,p.ts_donyu,p.ts_unyo { font-size:19px; font-weight:bold; width:970px !important; text-align:center; border-radius: 0; }
table.total-support { width: 960px !important; }

.m-left50 { margin-left:50px; }
.page_lead {

    line-height: 2;
    font-size: 1.8rem;
    text-align: center;
}

/* news&topics */
ul.list_news { list-style:none; margin:0; }
ul.list_news li {
  position: relative;
  padding: 15px 0 15px 10em;
  font-size: 1.4rem;
  border-bottom: 1px solid #ecf1ee;
}
ul.list_news li span.date {
    display: inline-block;
    min-width: 6em;
    padding-right: 1em;
    white-space: nowrap; }
ul.list_news li .my_icon {
    content: '';
    display: block;
    width: 8em;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 15px;
    left: 0; }
ul.list_news li.event .my_icon {
    display: block;
    background: #ec6941; }
ul.list_news li.event_info .my_icon {
    display: block;
    background: #f8b551; }
ul.list_news li.event_report .my_icon {
    display: block;
    background: #015e4b; }
ul.list_news li.product_info .my_icon {
    display: block;
    background: #5f52a0; }
ul.list_news li.column .my_icon {
    display: block;
    background: #81a3d1; }
ul.list_news li.jirei .my_icon {
    display: block;
    background: #b685b1; }
ul.list_news li.news_release .my_icon {
    display: block;
    background: #4abde7; }

/***** 191023 *****/
div.dd .list-left {
   position: inherit;
   left: 0;
   float: inherit;
}
div.dd .list-left li {
   position: inherit;
   left: 0;
}

.av_pro {
    margin-bottom:60px;
    font-size: 3rem;
    color: #015e4b;
    text-align: center;
    font-weight: bold;
  }
.pure-pusher-container{margin-top:120px;}

.pure-pusher-container01{
	margin-top:120px;
	overflow: visible;
}

/**------------ コラム　テレワーク用追加　20200310 ------------ **/

.column_yellow_box {
    display:block;  background-color:#fffbe6; margin: 0; padding:0 20px 20px;
-moz-border-radius: 10px; /*Firefox*/
-webkit-border-radius: 10px; /*Safari,Chrome*/
border-radius: 10px; /*CSS3*/
}
.flex_ab-box {
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    padding:  10px;
    align-items:center;
}

.flex_ab-item {
    padding: 0;
}

.flex_ab-item .balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  font-weight: bold;
  background: #FFF;
  border: solid 2px #999;
  box-sizing: border-box;
}

.flex_ab-item .balloon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.flex_ab-item .balloon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -29px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #999;
  z-index: 1;
}
.flex_ab-item .balloon p {
  margin: 0;
  padding: 0;
}

.column_flex_cv-box {
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
}

.column_flex_cv-item {
    padding: 0;
}
.flex_ab-item p.next a:link {
    font-size: 1.2em;
    color:#00579e;
    text-decoration: none;
}

.flex_ab-item p.next a:hover{
    color:#007ce2;
    text-decoration: underline;
}

/**------------ こんなお悩みに　テレワーク用追加　20200312 ------------ **/
.tele_product_box {
}

.tele_product_box #MDM,
.tele_product_box #M1,
.tele_product_box #G,
.tele_product_box #V,
.tele_product_box #P,
.tele_product_box #M2,
.tele_product_box #D,
.tele_product_box #A,
.tele_product_box #D2,
.tele_product_box #D3,
.tele_product_box #M3,
.tele_product_box #A2{
    margin-top: -40px;
    padding-top: 40px;
}
.tele_list dl {
    margin-top: 20px;
}
.tele_list dt {
    font-weight: bold;
    font-size: 1.1em;
}
.tele_list dd {
    margin: 0 0 20px 15px;
}
.tele_list dd:last-child {
    margin: 0 0 0 15px;
}

.tele_product_box .flex_box {
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}
.tele_product_box .flex_item {
     padding: 0;
}
.tele_product_box .flex_item ul {
     left: 37%;
}
.tele_product_box .flex_item img {
    margin-top: 10px;
}
.tele_midashi {
    border-left: solid 8px #86b32f;
    border-bottom: dotted  2px #86b32f;
}
/**------------ p　Windows 10 更新管理を自動化　20200330 ------------ **/

.p01_flex-box {
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
    justify-content: center;
}

.p01_flex-box .p01_flex-item01 {
    padding: 20px;
    margin: 10px 0px 10px 10px;
    border-right: dotted 2px #ccc;
    width: 34%;
}
.p01_flex-box .p01_flex-item01 p {
    text-align: left;
}
.p01_flex-box .p01_flex-item02 {
    padding: 20px 20px 20px 10px;
    margin: 10px;
    width: 31%;
}
.p01_flex-box .p01_flex-item02 p {
    text-align: left;
}
.subtit-kadai {
    background-color:#333;
   background-repeat: no-repeat;
   padding:0.3em 15px 0.3em 110px;
   text-align: left;
   font-weight: bold;
   display: block;
   font-size:20px;
   color:#fff;
}
.subtit-kadai img {
    position: absolute;
    margin-top: -22px;
    margin-left: -90px;
}
.p02_flex-box {
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    padding:  10px;
    align-items:center;
    margin: 0 auto;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.p02_flex-item {
    padding: 0;
}

.p02_flex-item img {
    margin-right: 10px;
}

.p02_flex-item p {
    font-size:1.5em; color:#ee86b4; font-weight: bold;
}

.midashi_kadomaru01 {
    width:400px;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#a9aaaa;
    border-radius:8px;
}
.waku_kadomaru01 {
    border:solid 1px #8c8c8c;
    padding: 10px;
    border-radius:8px;
}
.midashi_kadomaru02 {
    width:400px;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#ed86b3;
    border-radius:8px;
}

.waku_kadomaru02 {
    border:solid 1px #ed86b3;
    padding: 10px;
    border-radius:8px;
}

.kadomaru_g {
    width:200px;
    font-size:1em;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:9px 0 9px;
    color:#fff;
    background-color:#595757;
    border-radius:25px;
}
.p03_flex-box-01 {
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    padding:  10px;
    align-items:center;
}

.p03_flex-item-01 {
    padding: 0;
}

/**------------ 改修　202007 ------------ **/
.category_link{
  margin:50px 0;
  padding:30px 0;
background-color: #f2f2f2;
}

.category_link ul{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom:30px;
}
.category_link p{
  font-size:18px;
  font-weight:bold;
  text-align:center;
}

.category_link ul li{
  width:23%;
  text-decoration:none;
  list-style-type:none;
  margin:0.5%;
}
.category_link ul li a{
    display: block;
    border: solid #015e4b 2px;
    color: #015e4b;
    border-radius: 7px;
    background-color: #fff;
    text-align: center;
    padding:5px 0;
    font-size: 16px;
    font-weight: bold;
}
.category_link ul li.current a,
.category_link ul li:hover a{
    background-color: #015e4b;
    color: #fff;
text-decoration:none;
}
/***** SP用スタイル *****/
@media screen and (max-width: 960px) {
  html body{
    font-size: 14px !important;
  }

  body div#g-contents{
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
  }

  .pure-pusher-container{margin-top:70px;}

  #news{
    overflow-x: hidden;
  }

  .av_grn{
    font-size: 18px !important;
  }

  .event_page_lead{
    padding: 0 0 15%  !important;
    font-size: 1.6rem !important;
    text-align: left !important;
  }

  .event_sec{
    padding: 6% 0 !important;
  }

  .event_sec .container-inner{
    width: 100% !important;
    box-sizing: border-box;
  }

  .event_sec .md_col2 li{
    margin-top: 0px !important;
  }

  .event_sec .md_col2 li a span {
    font-size: 1.8rem !important;
  }

  .past-seminar{
    margin-top: 5%
  }

  #g-contents hr{
    display: none;
  }

  .kiji_cv-box1000,
  .kiji_cv-box{
    width: 100% !important;
  }

  .txt_160 {
    font-size: 1.2em !important;
  }

  #siryo_box img{
    height: auto;
  }

  #siryo_box .pro_cv-button1000,
  .pro_cv-button{
    width: 100% !important;
    display: flex;
  }

  .kiji_cv-box1000 a{
    margin: 0 2% 0 0;
  }

  p.under-tit{
    margin-top:5%;
  }

  .subtit-av {
    text-align: left;
    font-size: 1.1em;
    letter-spacing: 3px;
  }

  .av_midashi {
    font-size: 1em !important;
  }

  div.dd{
    margin:0;
  }

  .dd p, .tit-exp, .m-tit {
    text-align: left;
  }

  img{
    height: auto;
  }

  .sp-gif{
    display: none;
  }

  .txt_120 {
    font-size: 0.9em !important;
    text-align: left;
  }

  .avii_box {
    border: dashed 3px #015e4b;
    border-radius: 10px;
    padding: 80px 3% 3%;
    background-image: url(/assetview/img/avii_pro.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100px;
  }

  .avii_pro_half{
    width: 100%;
  }

  .avii_pro01 {
    color: #015e4b;
    height: auto;
    font-size: 13px;
    display: block;
  }

  .avii_pro02 {
    font-size: 13px;
  }

  .mov-box700{
    width: 100%;
    height: auto;
  }

  video{
    width:100%;
    height: auto;
  }

  div.dl{
    margin:3% 0;
  }

  .topagetop{
    display: none;
  }

  body div#g-main{
    float: none !important;
    width: 100% !important;
    margin:0;
  }

  .txt_200{
    font-size: 1.2em !important;
  }

  body#column h1 {
      margin: 0.5em 0 1.5em 0 !important;
      color: #015e4b !important;
  }

  .mokuji_box{
    padding: 5%;
    margin:3% 0 5%;
    font-size: 13px;
  }

  #p-side{
    width:100%;
    margin:0;
  }

  ul.link_menu{
    width: 100%;
  }

  .right {
    width: 100%;
    display: block;
    float: none;
    margin: 0 0 5%;
  }
  table.tab-kadou tr th{
    width: 0%;
  }
  .il_box01{
    height: auto;
    padding: 5%;
  }
  .il_box01_txt1{
    margin:0;
    font-size: 14px;
    height: auto;
  }
  .il_box01_txt3 {
    font-size: 18px;
    margin: 0;
    height: auto;
    display: block;
    float: left;
    padding-top: 0;
    color: #00744B;
    font-weight: bold;
  }
  .il_kouka_box{
    width: 100%;
    float: none;
    margin: 0 0 3%;
  }
  .t_center{
    line-height: 1.8em;
  }
  .column_box{
    width: 100%;
    float: none;
    margin: 3% 0;
    box-sizing: border-box;
  }
  .column_box img{
    width: 100%;
  }
  .column_tit{
    min-height: auto;
  }
  div#column_index_footer{
    width: 100% !important;
  }
  #column_index #p-side{
    margin: 0 0 5% !important;
  }
  div.dd ul li, div.dd ol li{
    left: 0;
  }
  div.dd ul, div.dd ol {
    float: none;
    position: relative;
    left: 0;
  }

  #support #side-menu{
    float: none !important;
    width: 100%;
  }
  .search{
    width: 100%;
  }
  .side-link-radius-box,
  .side-link-radius-box ul{
    width: 100%;
  }
  .small{
    font-size: 11px;
  }
  .txt_110 {
    font-size: 1em !important;
  }
  .av_pro {
    font-size: 5.5vw;
    color: #015e4b;
    text-align: center;
    font-weight: bold;
  }

  .pro_subtxt, .security-subtit{
    font-size: 14px;
  }

  #menu-a ul, #menu-d ul, #menu-i ul, #menu-g ul, #menu-f ul, #menu-k ul, #menu-v ul, #menu-m ul, #menu-p ul {
    width: 100%;
    margin-bottom: 5%;
  }

  #menu-a ul li, #menu-d ul li, #menu-i ul li, #menu-g ul li, #menu-f ul li, #menu-k ul li, #menu-v ul li, #menu-m ul li, #menu-m ul li, #menu-p ul li {
    width: 29%;
    margin-right: 2% !important;
  }

  #menu-a ul li a, #menu-d ul li a, #menu-i ul li a, #menu-g ul li a, #menu-f ul li a, #menu-k ul li a, #menu-v ul li a, #menu-m ul li a, #menu-m ul li a, #menu-p ul li a {
    height: auto;
    width: 100%;
    padding: 5% !important;
    box-sizing: border-box;
    background: none;
    font-size: 12px;
    line-height: 1.5em;
  }

  table.tab-2nd th img{
    display: block;
    float: none;
  }

  p.naibu_icon,p.usb_icon,p.leakout_icon,p.encrypt_icon,p.loss_icon,p.appli_icon,p.zeroday_icon,p.winxp_icon,p.virus_icon,p.mail_icon{
    display: none;
  }

  table.tab-2nd td {
    width: auto;
    border: 1px #ccc solid;
    display: block;
    box-sizing: border-box;
    font-size: 12px;
    padding: 0.6em 0.3em 0.6em 0.2em;
  }

  table.kinou-syosai td {
    display: table-cell;
  }

  table.info-table td{
    display: block;
  }

  p.hdd, p.app, p.doc {
    padding-left: 40px;
    font-weight:bold;
  }

  div.a_unyo {
    width: 100%;
    height: auto;
    padding: 2px;
    box-sizing: border-box;
    margin: 0 auto;
    background-repeat: no-repeat;
    background: none;
    border: solid 1px #DDD;
  }

  div.a_unyo p{
    text-indent: 0;
  }

  p.a_mac_txt1{
    margin: 20px 0 0 210px;
  }

  .k_index{
    display: none;
  }

  .pro-box {
    width: 100%;
    padding: 3%;
    margin-bottom: 5%;
    box-sizing: border-box;
  }
  .sp-scroll{
    overflow-x: scroll;
  }
  .sp-width table{
    width: 750px;
  }
  div.c_page_box p.c_link-tit{
    width: 100%;
  }
  div.c_page_box p.c_link-tit a{
    width: 90%;
  }
  h2.c_page_stit, p.c_page_stit,
  .h2-tit{
    font-size: 16px !important;
    font-weight: bold;
  }
  h1.tit{
    font-size:16px !important;
  }
  div.jirei-tit,
  .p.j-tit-large{
    width: 100% !important;
  }
  table.voice{
    font-size: 12px;
    width: 100%;
  }
  table.voice tr td.v-cate {
    display: block;
    height: auto;
    width: 70px;
    vertical-align: middle;
    font-size: 12px;
    padding: 3%;
  }
  p.j-tit-large{
    width: 100% !important;
    font-size: 16px;
  }
  p.j-list {
    margin: 5% 0 3% 0 !important;
    border-bottom: #015e4b 1px solid;
    background-image: none !important;
    color: #015e4b !important;
    font-size: 14px !important;
    text-indent: 0 !important;
  }
  div.j-txt {
    width: 100% !important;
    padding: 0;
    margin: 0 0 6% 0;
    font-size: 13px !important;
    line-height: 25px;
  }

  .chigau {
    background: url(/assetview/myno/img/2_03.png);
    width: 100%;
    height: 370px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-size: 100%;
  }
  table.i_mn_frame th, table.m_mn_frame th, table.id_mn_frame th, table.k_mn_frame th, table.acl_mn_frame th{
    width: 100%;
    display: block;
    background: #015e4b;
    padding: 2% 0;
  }
  table.i_mn_frame td, table.m_mn_frame td, table.id_mn_frame td, table.k_mn_frame td, table.acl_mn_frame td{
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  table.i_mn_frame tr td p { background-image:url(/assetview/myno/img/2_04.png); background-size: 100%; background-position: center 103px; padding:5%; background-repeat:no-repeat; height: 200px; margin:8px 0; }
  table.m_mn_frame tr td p { background-image:url(/assetview/myno/img/2_07.png); background-size: 100%; background-position: center 103px; padding:5%; background-repeat:no-repeat; height: 200px; margin:8px 0; }
  table.id_mn_frame tr td p { background-image:url(/assetview/myno/img/2_05.png); background-size: 100%; background-position: center 103px; padding:5%; background-repeat:no-repeat; height: 200px; margin:8px 0; }
  table.k_mn_frame tr td p { background-image:url(/assetview/myno/img/2_06.png); background-size: 100%; background-position: center 103px; padding:5%; background-repeat:no-repeat; height: 200px; margin:8px 0; }
  table.acl_mn_frame tr td p { background-image:url(/assetview/myno/img/2_16.png); background-size: 100%; background-position: center 103px; padding:5%; background-repeat:no-repeat; height: 200px; margin:8px 0; }
  table.soshiki tr td{display: block;}
  #av_column p.h3,#av_column p.h5{font-size:16px;}
  .index_h2{font-size: 18px; overflow: hidden;}
  .txt_130 {font-size: 14px !important;}
  #av_column div.dl ul{font-size: 14px;}
  p.p_tit1,p.p_tit2,p.p_tit3{font-size: 11px; width: 100%;}
  ul.list_news li{padding: 15px 0;}
  ul.list_news li .my_icon{position: relative; top:0;}
  ul.list_news li span.date {
    display: block;
    padding: 5px 0;
  }
  .page_lead{font-size: 14px;}
  table.tab-kakaku tr td{font-size: 11px;}
  .txt_400{font-size: 18px !important;}
  table.g_frame, table.i_frame, table.m_frame, table.k_frame {
    width: 100%;
    margin: auto;
  }
  table.g_frame th, table.i_frame th, table.m_frame th, table.k_frame th {
    width: 100%;
    font-size: 14px;
    line-height: 1.4em;
    display: block;
    padding: 15px 0 10px;
  }
  table.g_frame td, table.i_frame td, table.m_frame td, table.k_frame td {
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
  p.i_img,p.g_img,p.m_img{
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .realtime,.tanaoroshi,.kinshi,.kansa{
    font-size: 18px;
  }
  .img1{
    padding-top: 140px;
    background-size: 100%;
  }

  .sp-center{
    margin: 0 auto;
  }

  .sp-img{
    padding: 0 !important;
  }
  .arrow_box{
    width: 100%;
    box-sizing: border-box;
  }

  .arrow_box:before{
    display: none;
  }

  .img2{
    height: 30px;
    background-image: url(/assetview/securitypackage/img/07-1_3-2.png?20210421);
    padding-top: 230px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
  }

  .img3 {
    height: 30px;
    background-image: url(/assetview/securitypackage/img/06-1_3-2.png?20210421);
    padding-top: 100px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
  }
  .img4 {
    height: 30px;
    background-image: url(/assetview/securitypackage/img/08-1_3-2.png?20210421);
    padding-top: 140px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
  }

  .m-left50{
    margin-left: 0;
  }

  .arrow_box:after{
    display:none;
  }

  p.i_icon,p.g_icon,p.m_icon{height: auto;}

  p.k_img {
    background-image: url(/assetview/securitypackage/img/09.png);
    background-repeat: no-repeat;
    background-position: center 82px;
    height: 220px;
    width: 100%;
    background-size: 100%;
    padding: 5%;
    box-sizing: border-box;
  }
  table.g_frame th span, table.i_frame th span, table.m_frame th span, table.k_frame th span {
    color: #FF0;
    line-height: 1.4em;
  }
  div.nayami{background: none; width: 100%;}
  div.nayami p{margin: 0 5px;}
  .subtit-grn,.subtit-rouei{font-size: 14px;}
  p.grn_tit,.av_tit,.p.ts_kento {font-size:14px;}
  p.ts_kento, p.ts_donyu, p.ts_unyo {
    font-size: 14px;
    font-weight: bold;
    width: 100% !important;
    text-align: center;
    box-sizing: border-box;
  }
  table.total-support{width: 100% !important; margin: 0;}
  table.total-support tr td {width: 100%;}
  .sp_sml{width: 30%;float: right;}
footer{clear:both;}
a{word-break: break-all;}
.logo_m,.logo_i,.logo_id,.logo_k,.logo_acl{width: 150px; background-size: contain;}

/**------------ コラム　テレワーク用追加　20200310 ------------ **/
.column_flex_cv-box {
    display: block;
}

.column_flex_cv-item {
    width: 100%;
}
.flex_ab-item p.next a:link {
    font-size: 1em;
    text-decoration: underline;
}
/**------------ こんなお悩みに　テレワーク用追加　20200312 ------------ **/

.tele_product_box #MDM,
.tele_product_box #M1,
.tele_product_box #G,
.tele_product_box #V,
.tele_product_box #P,
.tele_product_box #M2,
.tele_product_box #D,
.tele_product_box #A,
.tele_product_box #D2,
.tele_product_box #D3,
.tele_product_box #M3,
.tele_product_box #A2 {
    margin-top: 0px;
    padding-top: 0px;
}
.tele_list dt {
    font-size: 1em;
}
.tele_list dd {
    margin: 0 0 20px 0;
}
.tele_list dd:last-child {
    margin: 0 0 0 0;
}

.tele_product_box .flex_box {
    display: block;
}
.tele_product_box .flex_item {
     width: 100%;
}
.tele_product_box .flex_item ul {
     left: 0%;
     margin-bottom: 10px;
}
 .tele_product_box .flex_item img {
    width: 90%;
    text-align: center;
 }
/**------------ p　Windows 10 更新管理を自動化　20200330 ------------ **/

.p01_flex-box {
    display: block;
}

.p01_flex-box .p01_flex-item01 {
    width: 100%;
    border-right: none;
    padding: 0;
    margin: 10px auto;
}

.p01_flex-box .p01_flex-item02 {
    width: 100%;
    padding: 0;
    margin: 50px auto 15px;
}
.subtit-kadai {
   padding:0.3em 15px 0.3em 70px;
   font-size: 1.1em;
}
.subtit-kadai img {
    margin-top: -3px;
    margin-left: -60px;
    width: 55px;
}
.p02_flex-box {
    width: 100%;
    justify-content: left;
}
.p02_flex-item img {
    width: 70px;
    margin-right: 5px;
}
.p02_flex-item p {
    font-size:1.2em;
}
.midashi_kadomaru01 {
    width:100%;
}
.midashi_kadomaru02 {
    width:100%;
}
.p03_flex-box-01 {
    display:block;
}

.p03_flex-item-01 {
    width: 100%;
}

}


/* コラムに関連記事追加 20200706 */
.related_article_title,
.popularity_article_title {
    font-size: 20px;
    border-bottom: solid 1px;
    margin-top: 2em;
}
.related_article_area,
.popularity_article_area {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
}
@media screen and (max-width: 500px) {
    .related_article_area,
    .popularity_article_area {
        flex-direction: column;
        justify-content: center;
        padding: 0;
    }
}
.related_article_area a,
.popularity_article_area a {
    padding: 30px;
    box-sizing: border-box;
    text-decoration: none;
    width: 33%;
}
@media screen and (max-width: 768px) {
    .related_article_area a,
    .popularity_article_area a {
        padding: 10px;
    }
}
@media screen and (max-width: 500px) {
    .related_article_area a,
    .popularity_article_area a {
        padding: 10px;
        width: 100%;
    }
}
.related_article_area a:hover img,
.popularity_article_area a:hover img {
    opacity: 1;
}

.article_title {
    padding: 5px 0 0;
    margin: 0;
    color: #555;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
}
@media screen and (max-width: 500px) {
    .article_title {
        padding:0 0 0 10px;
        width: 50%
    }
}
.post_date {
    font-size: 14px;
    text-align: right;
    color: #555;
    margin: 0;
    padding: 0;
    display: block;
    font-weight: normal;
}
.post_date::before {
    font-family: "Font Awesome 5 Free";
    content: '\f017';
    font-weight: 300;
    padding: 0 3px 0 0;
}
.hover-1 {
    position: relative;
    background: #fff;
    border: 0 solid #fff;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
@media screen and (max-width: 500px) {
  .hover-1 {
    flex-direction: row;
  }
}
.hover-1 .article_title::before {
    content: '';
    display: block;
    position: absolute;
    background-color: #00744b;
    left: 10%;
    bottom: -3px;
    height: 30px;
    width: 0%;
    transition: width 300ms;
    content: 'READ MORE ';
    color: #fff;
    line-height: 2;
    white-space: pre-wrap;
    text-align: right;
    font-weight: normal;
}
@media screen and (max-width: 500px) {
    .hover-1 .article_title::before {
        content: none;
    }
}
.hover-1:hover .article_title::before {
    width: 80%;
}
.hover-1 img {
    width: 100%;
    height: 113px;
    object-fit: cover;
}
@media screen and (max-width: 500px) {
    .hover-1 img {
        width: 50%;
        height: auto;
        object-fit: contain;
    }
}
/*ダウンロードページ*/
#web-tools_biz .pankuzu{
display: none;
}
#web-tools_biz .logo{
width: 1000px;
margin: 0 auto 24px;
display: block;
float: none;
}
@media screen and (max-width: 767px) {
#web-tools_biz .logo{
width: 100%;
}
}
#web-tools_biz .logo .logo{
width: 180px;
float: left;
}
#web-tools_biz h1#page-name{
font-size: 28px;
margin: 0;
line-height: 1.4;
color: #015e4a;
}
@media screen and (max-width: 767px) {
#web-tools_biz h1#page-name{
font-size: 24px;
line-height: 1.2;
}
}
#web-tools_biz .category_title{
font-size: 24px;
margin: 2em 0 1em;
border-bottom: solid 2px #015e4a;
}
#web-tools_biz .item{
color: #00A27D;
background: linear-gradient(45deg, #f4fcf9, #f3fcf8, #f3fbf7, #f2fbf6, #f2faf5, #f1faf3, #f1f9f2, #f1f9f1);
padding: 7px 25px;
border-radius: 5px;
font-size: 17px;
margin-bottom: 18px;
font-weight: 700;
}
#web-tools_biz .download_wappar{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
#web-tools_biz .download_wappar{
flex-direction: column;
width: 80%;
margin: 0 auto;
}
}
#web-tools_biz .download_wappar::after {
display: block;
content:"";
width: 28%;
}
#web-tools_biz a.download_area {
color: #000;
text-decoration: none;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 28%;
margin-bottom: 60px;
}
@media screen and (max-width: 1000px) {
#web-tools_biz a.download_area {
width: 28%;
}
}
@media screen and (max-width: 767px) {
#web-tools_biz a.download_area {
width: 100%;
/*
flex-direction: row;
*/
}
}
#web-tools_biz a.download_area:visited,
#web-tools_biz a.download_area:link,
#web-tools_biz a.download_area:hover {
color: #000;
text-decoration: none;
}
#web-tools_biz a.download_area:hover{
opacity: .6;
}
#web-tools_biz .download_title{
color: #000;
margin: 0;
line-height: 1.3;
}
#web-tools_biz .download_button {
border: solid 1px #015e4a;
color: #015e4a;
border-radius: 20px;
text-align: center;
font-size: 16px;
padding: 3px;
}
#web-tools_biz .download_button img {
vertical-align: middle;
padding: 0 0 4px 4px;
}
#web-tools_biz .kome{
font-size: 12px;
}
#web-tools_biz .download_wappar_2{
display: grid;
grid-template-rows: 4em 8em 34px;
width: 100%;
}
@media screen and (max-width: 767px) {
#web-tools_biz .download_wappar_2{
display: block;
width: 100%;
}
}
#web-tools_biz .download_contents{
line-height: 1.4em;
margin: 0;
padding: 0;
font-size: 15px;
}
#web-tools_biz .download_contents.giga_contents {
margin-top: -28px;
}
#web-tools_biz .download_image{
display: inline-block;
width: auto;
margin: 0 auto 10px;
}
#web-tools_biz .t_center{
text-align: center;
}

/*ダウンロードページフッター*/
#web-tools_biz .post-send_title_footer{
display: block;
background: #f8f8f8;
}
#web-tools_biz .post-send_title_footer a{
text-decoration: none;
color: #00744a;
}
#web-tools_biz .post-send_title_footer a:visited{
color: #00744a;
}
#web-tools_biz .post-send_title_footer a:hover{
text-decoration: underline;
}
#web-tools_biz .post-send_title_footer_wrapper {
width: 1000px;
margin: 0 auto;
padding: 30px 0 10px;
}
@media screen and (max-width: 767px) {
#web-tools_biz .post-send_title_footer_wrapper {
width: 100%;
padding: 24px 15px 15px;
box-sizing: border-box;
margin: 20px 0 0;
}
}
#web-tools_biz .post-send_title_footer_wrapper h2 {
border-left: solid 10px #727272;
padding-left: 15px;
font-size: 20px;
margin: 0;
}
@media screen and (max-width: 767px) {
#web-tools_biz .post-send_title_footer_wrapper h2 {
font-size: 18px;
}
}
#web-tools_biz .post-send_title_footer_wrapper p {
padding: 0 0 20px;
font-size: 16px;
}
@media screen and (max-width: 767px) {
#web-tools_biz .post-send_title_footer_wrapper p {
font-size: 14px;
}
}
#web-tools_biz .post-send_title_footer_wrapper ul {
color: #00744a;
padding: 0;
list-style-position: inside;
}
#web-tools_biz .post-send_title_footer_wrapper ul li a {
color: #00744a;
font-size: 16px;
}
#web-tools_biz .post-send_title_footer_wrapper ul li a:visited {
color: #00744a;
}
@media screen and (max-width: 767px) {
#web-tools_biz .post-send_title_footer_wrapper ul li a {
font-size: 14px;
}
}

/* 210304 追記 */
.c-cloud {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 10px;
  background-color: #00b2ec;
  position: relative;
  padding: 10px;
  -webkit-transition: all .1s ease-in-out;
  transition: 0.3s all ease;
}
.c-cloud:hover {
  text-decoration: none;
}
.c-cloud::before, .c-cloud:hover::before {
  content: "";
  width: 25px;
  height: 100%;
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: calc(100% - 59px);
}
.c-cloud::before {
  background-image: url(/assetview/assets/images/arrow_black_right.png);
  transition: 0.3s all ease;
}
.c-cloud:hover::before {
  background-image: url(/assetview/assets/images/arrow_white_right.png);
}
.c-cloud--img {
  background-color: #fff;
  padding: 10px;
  transition: 0.3s all ease;
}
.c-cloud--about {
  color: #fff;
  font-size: 16px;
  margin-right: 49px;
}
.c-cloud--about .font-large {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .c-cloud {
    flex-direction: column;
  }
  .c-cloud::before, .c-cloud:hover::before {
    left: calc(100% - 36px);
  }
  .c-cloud--about {
    margin-right: 30px;
    margin-bottom: 0;
  }
}
.zoom-in-box {
  max-width: 800px;
  margin: 0 auto 30px;
}
.zoom-in {
  display: block;
  overflow: hidden;
}
.zoom-in img {
  transition-duration: 0.5s;
}
.zoom-in:hover img {
  transform: scale(1.1);
  transition-duration: 0.5s;
}