@charset"utf-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font-weight:inherit;font-style:inherit;font-family:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}
/* Ion.RangeSlider// css version 2.0.3// © 2013-2014 Denis Ineshin | IonDen.com*/
/*----------------------------------------------*/
body {background:#fff;overflow-x:hidden;color:#363636;box-sizing:border-box;}
html,body, h1,h2,h3,h4,h5,h6,li,dl,dd,p,span,a,td,em,strong,input{margin: 0;padding: 0;font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif;font-size: 14px;line-height: 1.5;letter-spacing: 0.02em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:#363636;box-sizing:border-box;}
ul {list-style: none;padding: 0;margin: 0;box-sizing:border-box;}
a{text-decoration:none;}
/*---------------------------------------------*/
#cover{margin:0;padding:0;height:100%;width:100%;overflow:hidden;}
.section{width:100%;clear:both;}
.inner{max-width:1140px;min-width:980px;margin:0 auto;box-sizing:border-box;}
.contents_pad{padding-top:50px;padding-bottom:50px;}
.width_pad{padding-left:3%;padding-right:3%;}
.separate{padding-right:330px;}
.contents_left{width:100%;float:left;}
.separate .contents_right{width:300px;margin-right:-330px;float:right;}
/*----------------------------------------------*/
/*FONT関係*/
.strong,.strong a,.bold{font-weight:bold;}
.font_30{font-size:30px !important;}
.font_22{font-size:22px !important;}
.font_20{font-size:20px !important;}
.font_18{font-size:18px !important;}
.font_16{font-size:16px !important;}
.font_14{font-size:14px !important;}
.font_12{font-size:12px !important;}
.font_11{font-size:11px !important;}
.font_10{font-size:10px !important;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.hidden{overflow:hidden;}
.underline:hover{text-decoration:underline;opacity:0.7;}
.sm_show,.sm_show_S{display:none !important;}
/*--------------------------*/
/*フォントカラー*/
.color_red,.color_red a{color:#b02225;}
.color_red a:hover{color:#db3940;}
.color_blue,.color_blue a{color:#1d5a85;}
.color_blue a:hover{color:#4580a9;}
.color_gray,.color_gray a{color:#363636;}
.color_gray a:hover{color:#666;}
.color_lightgray,.color_lightgray a{color:#999;}
.color_lightgray a:hover{color:#ccc;}
.color_white,.color_white a,a.color_white{color:#fff;}
.color_org,.color_org a{color:#f0b108;}
.color_gold,.color_gold a{color:#c0b783;}
/*----------------------------------------------*/
.blk{display:block;}
.inline_blk{display:inline-block;}
.blk{display:block;}
.table{display:table;width:100%;}
.cell{display:table-cell;}
.cell.middle{vertical-align:middle;}
.cell.top{vertical-align:top;}
/*----------------------------------------------*/
.clear_fix::after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.box_sizing{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.replace{text-indent: 100%;white-space: nowrap;overflow: hidden;}
.float_left{float:left;}
.float_right{float:right;}
/*----------------------------------------------*/
.icon{vertical-align:middle;padding-right:0.7em;}
.radius_5{border-radius:5px;}
.radius_10{border-radius:10px;}
.radius_100{border-radius:100px;}
.bt{border:none;display:inline-block;}
.bt_pad,form .bt{color:#fff;padding:8px 26px;}
.bt_small{color:#fff;padding:6px 10px;}

.bg_lightgray{background-color:#f4f1f1;}
.bg_lightgray.bt:not(.no_hover):hover{background-color:#fcfcfc;}
.bg_gray{background-color:#ddd;}
.bg_gray.bt:not(.no_hover):hover{background-color:#eee;}
.bg_midgray{background-color:#999;}
.bg_midgray.bt:not(.no_hover):hover{background-color:#aaa;}
.bg_darkgray{background-color:#363636;}
.bg_darkgray.bt:not(.no_hover):hover{background-color:#555;}
.bg_red{background-color:#b02225;}
.bg_red.bt:not(.no_hover):hover{background-color:#db3940;}
.bg_org{background-color:#C9834C;}
.bg_org.bt:not(.no_hover):hover{background-color:#f1c141;}
.bg_blue{background-color:#001A66;}
.bg_blue.bt:not(.no_hover):hover{background-color:#002286;}
.bg_green{background-color:#728325;}
.bg_lightblue{background-color:#00546A;}
.bg_purple{background-color:#671894;}
.bg_white{background-color:#fff;}

/*.bg_gold{background-color:#c0b783;}*/
.bg_gold{background-color:#afa255;}
.bg_gold.bt:not(.no_hover):hover{background-color:#dad3ac;}



/*----------------------------------------------*/
.arrow{position:relative;padding-left:1em;}
.arrow_right{padding-right:1em;}
.arrow:before{content:"";width:0;height:0;border:5px solid;border-color:transparent transparent transparent #333;position:absolute;margin:0.45em 0 0 -0.6em;}
.arrow.color_blue:before{border-color:transparent transparent transparent #1d5a85;}
.arrow.color_red:before{border-color:transparent transparent transparent #b02225;}
.arrow.color_white:before{border-color:transparent transparent transparent #fff;}
.arrow.color_gold:before{border-color:transparent transparent transparent #c0b783;}
.arrow_bottom:before{transform:rotate(90deg);margin:0.6em 0 0 -0.9em;}
.arrow_back:before{transform:rotate(180deg);margin:0.45em 0 0 -1.2em;}
/*----------------------------------------------*/

fieldset{border:none;padding:0;margin:0;}
.checkbox{width:20px;height:20px;vertical-align:middle;margin:3px 5px 3px 3px;}
.radio{width:1.5em;height:1.5em;vertical-align:middle;margin:0 0 0.2em 1em;}

.input,.textarea{width:92%;max-width:700px;font-size:16px;border:1px solid #ccc;border-radius:3px;}
.input{height:2em;padding:0.1em 0.5em;}
.select{height:2em;padding:0 0 0 0.5em;}
.textarea{min-height:8em;padding:0.5em;}
.required{padding:0.25em 0.5em;margin-left:0.5em;}

.input_small{font-size:14px;}
.input.narrow{width:20%;min-width:12em;}
.input.narrower{width:10%;min-width:6em;}
.input.narrowest{width:5%;min-width:4em;}
.input.middle{width:45%;}
.input.semi_wide{width:65%;}
.input.alpha_numeric{ime-mode:disabled;}
.input:disabled {background: #ccc;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc;}
.error{background:rgba(253,208,208,1.00)  !important;}
.error::-webkit-input-placeholder{color:#fff;}
.error:-ms-input-placeholder{color:#fff;}
.error:-moz-placeholder{color:#fff;}
.error_info{display:block;padding:0.5em 0 0 0.5em;}

.form_cover{border-radius:4px;padding:1.5em;display:block;}
.alpha_numeric{ime-mode: inactive;}
/*----------------------------------------------*/
/*記事部エリア共通*/
.no_list{padding:3em 0;}
.pad_left{padding-left:2%;}
.pad_right{padding-right:2%;}
.article_title{padding-bottom:0.3em;}

.article_title.line_res{
 display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp: 2; /* 表示したい行数を指定する */
overflow: hidden;
}
.article_title img{vertical-align: -5%;}
.article_title .rep_span{vertical-align: 15%; }
.ellipsis a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:inline-block;max-width:92.5%;vertical-align:bottom;}
/*.ellipsis img{margin-bottom:0.4em;}*/
.article_title span.font_12{padding:0.4em 0;}
.article_category span.font_11{padding:0.5em 0;}

.text{padding:1em 0 ;line-height:1.7em;}
.text.full_tx{padding:2em 0 4em 0;}
.text.full_tx a.underline{text-decoration:underline;padding:0 0.15em;}
.text .img_area{margin:0 0.5em 2em 2em;max-width:250px;}
.text .img_area.s_img{margin:0 0.5em 0.5em 2em;max-width:150px;}
.text .img_area.zoom_img{cursor:pointer;}
.text .img_area.zoom_img:hover{opacity:0.8;}
.text .caption{margin:1em 0 0 0;}
/*.text a{color:#1d5a85;}.text a:hover{color:#4580a9;}*/
.article_link{margin-top:1em;}
/*
2カラムエリア（未使用）
#sub_article{padding:2.5em 0;}
#sub_article section{width:50%;}
#sub_article .text{padding-right:1em;}
*/
.list_area{padding-bottom:2em;}
.list_style{padding:1em 0;}
.list_style li{padding:0.5em 2%;border-bottom:1px dotted #666;}
.list_style li:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.list_style .rep_span{vertical-align: 10%; }

.bottom_link{padding-right:2%;}
.sub_title{padding:0.5em 1em 0.5em 50px;position:relative;}
.sub_title:before{width:40px;content:"";position:absolute;height:100%;top:0;left:0;background:#b02225 url(../img/common/sub_title_ikon.png) no-repeat; background-position:5px 9px;}
.sub_title.sub2:before{background-position:5px -34px;}
.sub_title.sub3:before{background-position:5px -76px;}
.sub_title.sub4:before{background-position:5px -122px;}
.sub_title.sub5:before{background-position:5px -166px;}
.sub_title.sub6:before{background-position:5px -210px;/*background-color:#e5d9b4;color:#946812;*/}
.sub_title.sub7:before{background-position:5px -256px;}
.sub_title.sub8:before{background-position:5px -298px;}
.sub_title.sub9:before{background-position:5px -342px;}
.sub_title.sub10:before{background-position:5px -388px;}

.sub_title.sub11:before{background:#b02225 url("../img/common/mypage_icon2.svg") no-repeat left top;}
.sub_title.sub12:before{background:#b02225 url("../img/common/mypage_icon1.svg") no-repeat left top;}
.sub_title.sub13:before{background:#afa255 url("../img/common/ikon_12.svg") no-repeat left top;}

.list_style .fav_bt{background-color:#e0e0e0;cursor:pointer;width:1.8em;height:1.8em;display:block;position:relative;}
.list_style .fav_bt:after{content:"\02665";color:#fff;position:absolute;top:50%;left:50%;margin:-0.6em 0 0 -0.5em;}
.list_style .fav_bt.on{background-color:#b02225;}

.fav_allarea{padding:0.5em 0;}
.fav_allarea .fav_all{cursor:pointer;}
/*----------------------------------------------*/
/*Header*/
header .upper{height:70px;}
header h1{margin:10px 0 0 5px;}
header h1 a,header h1 svg{height:50px;}
#head_user_menu{margin:0.5em 0.2em 0 0;}
#head_user_menu li{margin:0 0.2em;}
#head_user_menu a{border:1px solid #ddd;padding:0.5em;min-width:8em;}
#head_user_menu a:hover{opacity:0.75;}
#head_user_menu a img{height:22px;}
#head_main_menu{height:60px;}
#head_main_menu .inner{position:relative;}
#head_main_menu .head_menu{height:60px;}
#head_main_menu .head_menu >a{height:60px;padding:1.4em 1.6em 0 1.6em;}
/*#head_main_menu .head_menu:nth-child(6) >a{padding:0.85em 1em 0 1em;}*/
/*産業統計エスケープ*/
#head_main_menu .head_menu:nth-child(5) >a{padding:0.85em 1em 0 1em;}


#head_main_menu .head_menu .head_submenu{position:absolute;border:3px solid #b02225;border-top:none;display:none;padding:1em;z-index:1;}
#head_main_menu .head_menu:last-child{background-color:#db3940;}
#head_main_menu .head_menu:last-child .head_submenu{right:0;border:3px solid #db3940;border-top:none;}
#head_main_menu .head_menu:hover .head_submenu{display:block;}
#head_main_menu .head_submenu .cate_title{border-bottom:1px solid #999999;padding:0.25em 1em 0.25em 1.75em;
background:url(../img/common/head_icon.png) no-repeat left 6px; }
#head_main_menu .head_submenu .cate_title.cate_2{background-position:left -63px;}
#head_main_menu .head_submenu .cate_title.cate_3{background-position:left -29px;}
#head_main_menu .head_submenu p{margin:0.25em 0.75em 0.25em 0.75em;border-bottom:1px solid #999;padding:0.5em;}
#head_main_menu .head_submenu p a{margin-right:1em;}
#head_main_menu .head_submenu div{margin:0 0.75em;}
#head_main_menu .head_submenu ul{padding:1em;}
#head_main_menu .head_submenu a:hover{color:#1d5a85;}
#head_searcharea .inner{padding:0 0 0 2%;}
#head_searcharea #search_category{height:36px;width:13%;}
#head_searcharea .input[type=search]{margin:0.5em 0.25em 0.5em 0.5em;max-width:400px;width:50%;}
#head_searcharea .sender{height:2.5em;margin-right:1em;}
#detail_searcharea{padding:0.5em 0.5em 1em 0.75em;border-top:1px solid #666;display:none;}
#detail_searcharea.open{display:block;}
#detail_searcharea div{padding:0.5em 0;}
#detail_searcharea fieldset{padding:0 2em 0 0;}
#detail_searcharea label{padding-right:1em;}
#user_id_app{padding:0.5em 1em;}
#user_id_app a{border:none;padding:0;}
#user_id_app a.bt{padding:0.3em 1.2em;min-width:initial;}

#head_searcharea .sns_icons{height:40px;float:right;width:200px;text-align:right;margin:0.65em 0.5% 0 0;}
#head_searcharea .sns_icons img{height:35px;}
#head_searcharea .sns_icons .bnr{margin:0 0 0 1%;}
/*---------------------------------------------*/
/*Footer*/
footer{padding-top:25px;}
footer div.float_left strong{border-bottom:1px solid #fff;padding:0 0 0.1em 0.6em;margin:0 0 0.5em 0;}
footer div.float_left{padding:0 1em 3.5em 1em;}
footer div.float_left ul{padding:0 0.6em 0 0.6em;}
footer #aside{color:#fff;text-align:center;padding:10px 0;display:block;width:100%;}
footer #foot_bts{width:20%;}
footer #foot_bts svg{width:75%;margin-bottom:.75em;}
footer #foot_bts li{margin:0.3em 0;}
footer #foot_bts a{display:block;padding-left:2.5em;padding-right:1.5em;background-image:url(../img/common/foot_ikon1.png);background-position:0.5em 14px;background-repeat:no-repeat;}
footer #foot_bts li:nth-of-type(1) a{padding-top:0.75em;padding-bottom:0.75em;}
footer #foot_bts li:nth-of-type(2) a{background-position:0.5em -23px;}
/*footer #foot_bts li:nth-of-type(3) a{background-position:0.5em -53px;}*/
footer #foot_bts li:nth-of-type(3) a{background-position:0.5em -82px;}
footer .other_comp{padding:0 0 1.5em 0;}
footer .other_comp a{display:inline-block;margin:0 0.5em;width:50%;max-width:280px;}
footer .other_comp.sm_hide a,footer .other_comp.sm_hide img{max-width:230px;}
/*----------------------------------------------*/
/*right共通*/
.contents_right section{padding:0.5em 0;}
.contents_right .eyecatch_area li{padding:0 0 0.5em 0;}
.contents_right .eyecatch_area a:hover{opacity:0.8;}
.contents_right .sub_title{padding-left:43px;}
.contents_right .sub_title:before{width:36px;}
.contents_right .rank_list{padding-top:0.5em;}
.contents_right .rank_list li{padding:0.5em 2%;}
.contents_right .rank_list li:not(:last-child){border-bottom:1px solid #eee;}
.contents_right .rank_list .rank{padding:0.25em 0.7em;background:#363636;text-align:center;border-radius:5px;float:left;margin:0.2em 0.75em 0.5em 0;}
.contents_right .rank_list .rank_1{background:#afa255;}
.contents_right .rank_list .rank_2{background:#c0b783;}
.contents_right .rank_list .rank_3{background:#b02225;}
.contents_right .rank_list .article_title{max-height:4.4em;overflow:hidden;}

.contents_right .bnr{width:100%;max-width:400px;margin:0 auto 1em auto;display:block;}
.contents_right .bnr img{width:100%;display:block;}

.contents_right .sns_icons{display:flex !important;justify-content:flex-end;width:100%;max-width:400px;margin:0 auto 1em auto;}
.contents_right .sns_icons .bnr{width:15%;margin:0 0 0 3%;max-width:60px;}
/*----------------------------------------------*/
.squares{padding:1em 0;}
.squares li{width:24.4%;margin:0.3%;}
.squares a{border:1px solid #ddd;padding:1em 0 1em 0;}
/*----------------------------------------------*/
/*コンバージョンエリア共通*/
.member_ann{margin:2em 0 3em 0;padding:1.5em;border:1px solid #ddd;}
.member_ann p{padding:0.5em 0 0 0;margin-bottom:1.5em;}
.member_ann p img{vertical-align:text-top;}
.bt.bt_1{padding-left:2.5em;background-image:url(../img/common/foot_ikon1.png);background-position:0.5em -20px;background-repeat:no-repeat;}
.bt.bt_2{padding-left:2.5em;background-image:url(../img/common/foot_ikon1.png);background-position:0.5em 12px;background-repeat:no-repeat;}
.bt.bt_3{padding-left:2.5em;background-image:url(../img/common/foot_ikon1.png);background-position:0.5em -49px;background-repeat:no-repeat;}
/*---------------------------------------------*/
/*pdf*/
.pdf_list .member_ann{margin-left:1.5%;margin-right:1.5%;}
/*---------------------------------------------*/
/*list*/
.list .page_title{margin:0 0 0.2em 0;padding:0 0 0 0.45em;border-bottom:1px solid #333;}
.list .page_title span.bg_darkgray{margin:1.2em 0.5em 0 0;}

.list .page_changelist li{margin:0 0.2em;}
.list .page_changelist a{min-width:2.4em;padding:0.5em 0;}
.list .page_changelist .number{border:1px solid #ccc;}
.list .page_selected .number{color:#fff;background:#b02225;border:1px solid #b02225;cursor:default;}
.list .page_changelist li:not(.page_selected) .number:hover{color:#fff;background:#ccc;}
.list .page_changelist .arrow_bt a{position:relative;}
.list .page_changelist .arrow_bt a:before{content:"";width:0;height:0;border:8px solid;border-color:transparent #999 transparent transparent;position:absolute;left:10%;top:25%;}
.list .page_changelist .arrow_bt a:hover:before{border-color:transparent #b02225 transparent transparent;}
.list .page_changelist .arrow_bt.next a:before{border-color:transparent  transparent transparent #999;left:auto;right:10%;}
.list .page_changelist .arrow_bt.next a:hover:before{border-color:transparent transparent transparent #b02225;}
.list #add_condition{margin:0 1em 1em 1em;}
.list #conditions{padding:1em 2em 1.2em 2em;display:none;}
.list #conditions strong{margin:0.5em 0 0 0;}
.list #conditions a{margin:0.25em 0;padding:0 0.5em;border-right:1px dotted #c0b783;}
/*-----*/
.list .infos{padding:1em 2% 1em 1%;}
.list .infos.open{background:#efefef;}
.list .infos:hover{background:#efefef;}
.list .infos .dates{display:inline-block;width:13%;}
.list .infos div{padding:0.5em 1em;}

.list .infos .tabs{cursor:pointer;}
.list .infos .detail{margin:1em 0 0 1%;padding:1em;background:#fff;}
.list .infos.close .detail{display:none;}
.list .infos .detail div{padding-top:1em;}
/*-----*/
.rep_span.span_1{background-color:#0d3261;}
.rep_span.span_2{background-color:#2c7987;}
.rep_span.span_3{background-color:#999;}

/*---------------------------------------------*/
#search .page_title{margin:0 0 0.4em 0;padding:0 0 0 0.45em;}
#search .list_style{padding:2em 0 1em 0;}
/*---------------------------------------------*/
/*pager共通*/
.page_changelist li{margin:0 0.2em;}
.page_changelist a{min-width:2.4em;padding:0.5em 0;}
.page_changelist .number{border:1px solid #ccc;}
.page_changelist .page_selected .number{color:#fff;background:#b02225;border:1px solid #b02225;cursor:default;}
.page_changelist li:not(.page_selected) .number:hover{color:#fff;background:#ccc;}
.page_changelist .arrow_bt a{position:relative;}
.page_changelist .arrow_bt a:before{content:"";width:0;height:0;border:8px solid;border-color:transparent #999 transparent transparent;position:absolute;left:10%;top:25%;}
.page_changelist .arrow_bt a:hover:before{border-color:transparent #b02225 transparent transparent;}
.page_changelist .arrow_bt.next a:before{border-color:transparent  transparent transparent #999;left:auto;right:10%;}
.page_changelist .arrow_bt.next a:hover:before{border-color:transparent transparent transparent #b02225;}
/*---------------------------------------------*/
#alert_bar{background:#ccc;display:none;z-index:9999;}
#alert_bar.alert{background:#b02225;}
#alert_bar.comp{background:#1d5a85;}
#bar_inner{padding:1.45em 1em 1.25em 1em;color:#fff;}
/*---------------------------------------------*/
#alert_cover{z-index:9999;width:100%;height:100%;background:rgba(0,0,0,0.8);position:fixed;top:0;left:0;display:none;}
#alert_close{width:100%;height:100%;display:block;position:absolute;top:0;left:0;}
#alerts{z-index:2;position: relative;top:50%;padding:0;text-align:center;border-radius:3px;overflow:hidden;display:none;background:#fff;}
#alerts.a_big{width:80%;max-width:600px;margin:-20% auto 0 auto;}
#alerts.a_small{width:80%;max-width:300px;margin:-75px auto 0 auto;}
#alerts.a_auto{margin:0 auto;}
.hide_html{display:none;}
#alerts.apptype_1{padding:1em;}
#alerts.apptype_2{background:none;margin:auto;overflow:visible;cursor:pointer;}
#alerts.apptype_2 img{border-radius:5px;overflow:hidden;}
#alerts .bt_list{margin:0.5em 0;}
#alerts .bt_list li{display:inline-block;margin:0 1%;}
/*---------------------------------------------*/
#company_info{border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:0 auto 5em auto;max-width:850px;}
#company_info .table{width:100%;border-bottom:1px solid #ccc;border-top:1px solid #fff;}
#company_info .table:last-child{border-bottom:1px solid #fff;}
#company_info .cell{padding:1em 2em;}
#company_info .cell:first-child{width:30%;}
#company .org_img{margin:0 auto;max-width:725px;width:100%;}
#company .job_pos{width:200px;display:inline-block;}
/*---------------------------------------------*/
#contact .bg_ar{margin:1em auto;max-width:720px;padding:2em 2.5em;border:1px solid #ddd;}
#contact .bg_ar strong{margin-bottom:1em;}
/*---------------------------------------------*/
#commerce #company_info{margin:0 auto 2em auto;}
#commerce .suppl{margin:0 auto 3em auto;max-width:850px;}
/*---------------------------------------------*/
#faq dt{padding:0 0.5em 1em 0.5em;position:relative;}
#faq dt:before{content:"Q";color:#fff;background:#b02225;font-size:12px;border-radius:100px;width:2em;padding:0.2em 0;display:inline-block;margin:0 0.75em 0 0;text-align:center;}
#faq dd{padding:0 0.5em 2em 0.5em;border-bottom:1px dotted #999;margin-bottom:2em;}
#faq .bg_ar{margin-top:1.5em;padding:2em;}
#faq .bg_ar .color_red{padding-bottom:0.5em;display:inline-block;}
/*---------------------------------------------*/
/*表ページtable共通*/
#form_table{margin:2em auto;}
#form_table tr{border-top:1px solid #ccc;}
#form_table td{padding:1em 2.5em 1em 1.5em;width:500px;box-sizing:border-box;}
#form_table td .multi_line >li{padding:0.3em 0 0.3em 0;}
#form_table th{width:230px;padding:1em 10px;box-sizing:border-box;}
#form_table .bt{margin-top:2em;}
#form_table td .multi_line.hide{display:none;}
/*---------------------------------------------*/
#pdf_cover{margin:1em 0 2em 0;border:1px solid #eee;padding:0;}
#pdf_cover #pdf{display:block;}
#main_article #excel_num{padding:0.25em 1em;background:#4D8F6A;margin:0 0.5em;}
#main_article #excel_num img{vertical-align:text-bottom;}
#main_article #excel_list{padding:0.5em 1em ;margin:0.5em 0 1em 0;border:1px solid #ddd;}
#article #main_article #excel_list{margin:2em 0 0 0;}
#main_article #excel_list li{padding:1em 2em 1em 0;}
#main_article #excel_list a{color:#217345;}#main_article #excel_list img{margin:0 0.5em 0 0;vertical-align:text-bottom;}

#main_article .fav_bt{background-color:#e0e0e0;cursor:pointer;width:2.4em;height:2.4em;display:block;position:relative;margin:0 0.5em 0 0;}
#main_article .fav_bt:after{content:"\02665";color:#fff;position:absolute;top:50%;left:50%;margin:-0.7em 0 0 -0.5em;font-size:1.2em;}
#main_article .fav_bt.on{background-color:#b02225;}
#main_article p.font_10{padding-bottom:1em;}
#main_article p.font_10 span.bg_darkgray{padding:0.5em 0;}
/*---------------------------------------------*/
/*ユーザーページ関連*/
#login_area{margin:0.75em 0 1em 0;border:1px solid #ddd;}
#login_area p{padding:0.5em 0;}
#login_area p:last-child{padding-top:1.5em;}
.user .page_title{margin:0 0 0.5em 0;}
/*購読ページ*/
.user #guide_area{margin:3em 0;}
.user #guide_area h3{padding:0.25em 2em;margin-bottom:1em;}
.user #guide_area .number_list{padding:0.5em 0 0.5em 0.5em;border-top:3px double #eee;border-bottom:3px double #eee;margin:1em 0;}
.user #guide_area .number_list li{padding:0.5em 0;}
.user #guide_area .number_list li:not(:last-child){border-bottom:1px dotted #999;}
.user #guide_area .number_list span{padding:0.2em 0.6em;}
.user #guide_area div{padding:1.5em 1em 2em 0.5em;}
.user #guide_area dt,.user #guide_area .paytype{padding:0.2em 1em;background:#c0b783;color:white;margin:1em 0 0.25em 0;display:inline-block;border-radius:100px;}
.user #guide_area dd,.user #guide_area p{padding:0 0 0 0.5em;}
.user #price_table{width:100%;margin:2em 0;border:1px solid #ccc;}
.user #price_table td,.user #price_table th{width:25%;padding:1em 0;}
.user #price_table td:not(:last-child){border-right:1px dotted #999;}
.user #price_table th:not(:last-child){border-right:1px solid #fff;}
.user #price_table tr:last-child td{border-top:1px dotted #999;}
.user #form_table{margin:2em 0;width:100%;}
.user #form_table #hide.hide{display:none;}
.user #flow{margin:1em 0 0 0;}
.user #flow li{padding:1em;border:1px solid #ccc;position:relative;}
.user #flow li span{padding:0.2em 0.6em;}
.user #flow li strong{padding:0.3em 0 1em 0;}
.user #flow li:not(:last-child){margin-bottom:24px;}
.user #flow li:not(:last-child):after{content:"";width:0;height:0;border:8px solid;border-color:#1d5a85 transparent transparent transparent;position:absolute;right:50%;bottom:0;margin:0 0 -25px -8px;}

.user .trial_bn{padding:1.2em 1.5em;margin-top:0.5em;}
.user .trial_bn strong{display:block;}

/*---------------------------------------------*/
/*マイページ関連*/
#mypage .page_title{border:none;padding-bottom:1em;}
#mypage #keyword_list{margin:1em 0;padding:1em 2em 1.2em 2em;}
#mypage #keyword_list strong{margin-bottom:0.5em;}
#mypage #keyword_list a.color_blue{text-decoration:underline;position:relative;z-index:2;}
#mypage #keyword_list .keys{padding:0.5em 1em;background:#fff;border:1px solid #ccc;margin:0.5em;border-radius:5px;}
#mypage #keyword_list .keys.on,#mypage #keyword_list .keys:hover{background:#b02225;border:1px solid #fff;color:#fff;}
#mypage #keyword_list .no_key{padding:1.5em 0 0.75em 0;}
#mypage #keyword_list .bt{margin-top:0.75em;}
#mypage .arrow_back{margin-bottom:1em;}
#mypage .key_text{padding:1.5em 0 0.5em 0;}
#mypage #form_table{width:100%;}
/*---------------------------------------------*/
/*---------------------------------------------*/
/*スマホページ*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*768px*/
/*---------------------------------------------*/
@media only screen and (max-width:768px){	
.inner{max-width:initial;min-width:initial;}
.separate{padding-right:0;}
.contents_left{float:none;}
.separate .contents_right{width:100%;margin-right:0;float:none;}
.sm_hide{display:none !important;}
.sm_show{display:block !important;}
/*------------------------------*/
.font_30{font-size:20px !important;}
.font_22{font-size:15px !important;}
.font_20{font-size:14px !important;}
.font_18{font-size:14px !important;}
.font_16{font-size:14px !important;}
/*------------------------------*/
header .upper{height:auto;}
header h1{margin:0.5em 0 0.25em 0.5em;}
header h1 a,header h1 svg{height:auto;}
header h1 svg{width:100%;max-width:203px;}
#head_user_menu li{margin:0;}
#head_user_menu{margin:0.5% 0 0 0;}
#head_user_menu a{border:none;border-radius:0;min-width:6.5em;background:#fff;}
#head_user_menu a.bg_gold{color:#c0b783;}
#head_user_menu a.bg_gold .sm_show{display:inline !important;}
#head_main_menu{height:auto}
#head_main_menu ul{display:table;width:100%;}
#head_main_menu .head_menu{height:auto;display:table-cell;float:none;border-left:1px solid rgba(255,255,255,0.25);}
#head_main_menu .head_menu >a{height:auto;padding:1em 0.25em;}
#head_main_menu .head_menu .head_submenu{left:0;width:100%;box-sizing:border-box;padding:1em 0.5em;}
#head_main_menu .head_submenu .cate_title{margin-bottom:0.5em; }
#head_main_menu .head_submenu p{margin:0.25em 1%;}
#head_main_menu .head_submenu p a{margin-right:0.5em;}
#head_main_menu .head_submenu div{margin:0 1%;}
#head_main_menu .head_submenu div.sm_wide{width:98%;}
#head_main_menu .head_submenu ul{padding:0;}
#head_main_menu .head_submenu ul a{border-bottom:1px dotted #ccc;display:block;padding:0.4em;}
#head_searcharea .inner{padding:0 1%;}
#head_searcharea #search_category{width:13%;}
#head_searcharea .input[type=search]{margin:0.5em 0;-webkit-appearance:none;border-radius: 5px;}
#head_searcharea .sender{margin-right:0.5em;padding:8px 14px;}
#detail_searcharea{padding:0.5em 0.25em 0.75em 0.5em;}
#detail_searcharea div{padding:0;}
#detail_searcharea fieldset{padding:0.5em 0;display:block;}
#user_id_app{padding:0.3em 0.75em;margin-bottom:0.3em;}
#user_id_app a{background:none;} 
#user_id_app a.bt{background:#333;} 
/*------------------------------*/
.squares li{width:32.6%;margin:0.35%;}
/*---------------------------------------------*/
/*Footer*/
footer div.float_left{padding:0 2% 3em 2%;}

footer #foot_bts{float:none;padding:0;width:100%;}
footer #foot_bts ul{margin:0.5em 0 2em 0;}
footer #foot_bts ul:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
footer #foot_bts li{float:left;width:32.6%;margin:0.35%;}
footer #foot_bts a{padding-left:1.5em;padding-top:0.75em;padding-bottom:0.75em;}
footer #foot_bts svg{width:40%;max-width:150px;}

footer .other_comp{padding:0 0 1.5em 0;}
footer .other_comp a{display:inline-block;margin:0 0.5em;width:80%;}
footer #foot_bts li:nth-of-type(2) a{background-position:0.5em -18px;}
footer #foot_bts li:nth-of-type(3) a{background-position:0.5em -79px;}
footer div.float_left{width:96%;padding-bottom:1.5em;}
footer div.float_left a{padding:0.5em 1em 0.5em 0;display:inline-block;}
/*---------------------------------------------*/
.contents_right .eyecatch_area li{padding:0 1.5% 1em 1.5%;text-align:center;}
.contents_right .eyecatch_area img{max-width:300px;width:100%;}
.contents_right .bnr{margin-top:1em;}
/*---------------------------------------------*/
/*list*/
.list .page_title span.bg_darkgray{margin:0.2em 0.5em 0 0;}
.list .page_changelist li{margin:0 0.1em 0.25em 0.1em;}
.list .page_changelist a{min-width:2em;padding:0.5em 0;}
.list #conditions{padding:0.75em;margin:0 0.5em;}
/*-----*/
.list .infos .dates{display:block;width:auto;}
.list .infos div{padding:0.5em;}
.list .infos .detail{padding:0.25em 0.5em;}
.list .infos .detail div{padding-top:0.5em;}
/*---------------------------------------------*/
/*記事部エリア共通*/
.pad_left,.pad_right{padding-left:1.5%;padding-right:1.5%;}
.text{padding:1em 0.5em ;}
.text.full_tx{padding:2em 0.5em;}
.text .img_area,.text .img_area.s_img{margin:0 0.5em 0.5em 1em;max-width:150px;width:40%;}
.text .img_area.zoom_img{float:none;margin:0 auto 1em auto;max-width:250px;width:80%;}
/*----------------------------------------------*/
#alerts.apptype_2{width:92%;}
#alerts.apptype_2 img{display:block;margin-left:auto;margin-right:auto;width:100% !important;height:auto !important; }
/*----------------------------------------------*/
/*mypage*/	
#mypage	#keyword_list{width:98%;padding-left:1%;padding-right:1%;box-sizing:border-box;margin-left:1%;margin-right:1%;}
#mypage #keyword_list .keys{padding:0.5em 0.75em;margin-left:0.75%;margin-right:0.75%;}
/*----------------------------------------------*/		
	
.admin .inner{max-width:1140px;min-width:980px;}

}
/*----------------------------------------------*/
/*599px*/
/*----------------------------------------------*/
@media only screen and (max-width:599px){	
.sm_12{font-size:12px !important;}
.width_pad{padding-left:1.5%;padding-right:1.5%;}
/*----------*/
header h1{width:38%;margin:0.5em 0 0 1%;}
#head_user_menu {width:59%;}
#head_user_menu a{min-width:5em;font-size:11px;}
#head_searcharea .input[type=search]{width:42%;}
#head_searcharea .sender{margin-right:0;padding:8px 10px;}
/*----------*/
#user_id_app{padding:0.3em 0.5em;margin-top:0.4em;/*width:60%;*/}
#user_id_app .ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:inline-block;width:80%;}
/*----------*/
.squares li{width:49.3%;margin:0.35%;}
/*----------*/
footer #foot_bts li{float:none;width:80%;margin:0 auto 1.5% auto;max-width:240px;}
/*--------------------*/
.input,.textarea{width:100%;}
.required{display:inline-block;}
.input.narrow{width:50%;}
.input.narrower{width:30%;}
.input.narrowest{width:20%;}
.input.middle{width:80%;}
.input.semi_wide{width:100%;}
/*---------------------------------------------*/
.arrow:before{border:4px solid;border-color:transparent transparent transparent #333;margin:0.4em 0 0 -0.6em;}
/*---------------------------------------------*/
/*表ページtable共通*/
#form_table td{padding:0.75em;width:65%;}
#form_table th{width:35%;}
/*---------------------------------------------*/
#company_info .cell{padding:0.75em;}
#company_info .cell:first-child{width:35%;}
#company .job_pos{width:auto;padding-right:1em;}
/*---------------------------------------------*/
#contact .bg_ar{padding:1em;}
#faq .bg_ar{padding:1em;}
/*---------------------------------------------*/
/*list*/
.list .page_title span.bg_darkgray{margin:0.6em 0.5em 0 0;}
/*----------------------------------------------*/
/*コンバージョンエリア共通*/
.member_ann{margin:1em 0 3em 0;padding:1.5em 0.5em;}
/*---------------------------------------------*/
/*Excel*/
#main_article #excel_list{padding:0.5em;margin:0.5em 0 1em 0;}
#article #main_article #excel_list{margin:0;}
#main_article #excel_list li{padding:1em 1em 1em 0;}
/*---------------------------------------------*/
/*購読ページ*/
.user #guide_area{margin:2em 0;}
.user #guide_area h3{padding:0.25em 1em;margin-bottom:1em;}
.user #guide_area div{padding:1em 0;}
.user #guide_area img.float_right{width:40%;max-width:269px;margin:0 0 0.5em 0.5em;}
.user #guide_area .bg_org.bt{float:none;margin:0 auto 1em auto;display:block;width:80%;}
.user #flow li{padding:0.5em 0.75em;}

.user .trial_bn,.user #guide_area .trial_bn{padding:1.2em 1.5em;margin-top:0.5em;}
.user .trial_bn .bt.float_right{margin-top:1.25em;}
	
}
/*----------------------------------------------*/
/*400px*/
/*----------------------------------------------*/
@media only screen and (max-width:450px){	
.sm_12_S{font-size:12px !important;}
.sm_11_S{font-size:11px !important;}
.sm_show_S{display:block !important;}
.sm_hide_S{display:none !important;}
/*----------*/
header h1{margin:0.75em 0 0 1%;}
#head_searcharea .input[type=search]{width:42%;}
#head_searcharea #detail_search{padding-left:2%;color:#363636;text-decoration:none;float:right;overflow:hidden;width:7%;height:3em;margin-top:0.75em;}
#head_searcharea #detail_search:before{border:7px solid;border-color:transparent transparent transparent #fff;margin:0 auto 0 auto;top:50%;margin:0 0 0 -0.25em;}
/*----------*/
.contents_right .bnr{width:92%;}
.contents_right .sns_icons{width:92%;margin:0 4%;}
/*----------*/
#detail_searcharea .sm_block{display:block;padding-top:0.5em;text-align:right;}
#user_id_app{padding:0.3em 0 0.1em 0.5em;}
/*----------*/
.member_ann a.bt{margin:0 0 0.5em 0;}

}

/*---------------------------------------------*/
/*---------------------------------------------*/
/*内部ページ*/
/*---------------------------------------------*/
/*---------------------------------------------*/
.admin{background:#f0edd8;}
.admin .upper .bt{margin:1em 1em 0 0;}
.admin #menu_list{padding:1em;}
.admin #menu_list strong{min-width:9em;display:inline-block;}
.admin #menu_list ul{margin-top:0.5em;}
.admin #menu_list li{padding:0.4em 0.8em;border-top:1px dotted #999;}
.admin #menu_list a{padding:0 0.5em 0 1em;border-left:1px solid #ccc;}
.admin .contents_pad{padding-top:20px;padding-bottom:40px;}
.admin .contents_pad >.inner{min-height:400px;}
.admin h2{padding:0.5em 1em;}
.admin .form_area{padding:0.5em 1em;}
.admin .search_box{margin-bottom:1px;height:2.4em;padding:1em;}

/*内部ページlist共通*/
.admin .list_table{width:100%;border:1px solid #eee;border-collapse:separate;border-spacing:2px;}
.admin .list_table td,.admin .list_table th{padding:0.5em;border:1px solid #eee;}
.admin .list_table tr:nth-of-type(2n) td{background:#fafafa;}
.admin .list_table th{background:#999;color:#fff;}
.admin .list_table th.max_40{width:40%;}
.admin .list_table .caption{width:100px;}
.admin .list_table .font_12,.admin #calender_list .font_10{padding-top:0.15em;padding-bottom:0.15em;}
/*内部ページtable共通*/
.admin .input_table{width:100%;}
.admin .input_table tr{border-top:1px solid #eee;}
.admin .input_table td{padding:1em 2.5em 1em 1.5em;width:500px;box-sizing:border-box;}
.admin .input_table th{width:230px;padding:1em 10px;background:#dedede;border-top:1px solid #fff;box-sizing:border-box;}
.admin .input_table th img{vertical-align:text-bottom;}
.admin .input_table .bt_area{padding:0.5em 1em 1em 1em;}
.admin .input_table .bt{margin:1em 0 1.5em 0;}
.admin .highlightTextarea mark{background:#B5EDF7 !important;}

.admin .pager_area{padding:1em 0;}
.admin .input_table .textarea{min-height:20em;}
.admin .input_table .textarea_small{min-height:2em;}
.admin .multi_selectarea li{padding:0.5em;}
.admin #img_showarea,.admin #img_uparea{display:none;}
.admin #img_showarea.show,.admin #img_uparea.show{display:block;}
.admin #img_caption.hide{display:none;}
.admin #on_load,.admin .on_load{display:none;vertical-align:middle;}
.admin #up_img{width:152px;height:152px;border:1px solid #ccc;}
.admin #up_img.loader{padding-top:60px;}

.admin .uploadlist{padding:0.5em 0;}
.admin .uploadlist li{padding:1em 0.5em 1em 0.5em;border-top:1px dotted #ccc;}
.admin .uploadlist img{vertical-align:text-bottom;}

.admin #user_table .status_over td{background:#ccc;}
.admin #user_table .status_pre td:first-child{background:#b02225;color:white;}
.admin #user_table .status_trial td:first-child{background:#f0b108;color:white;}
.admin #calender_list{margin:0.5em;}
.admin #calender_list ul:not(:last-child){border-bottom:1px solid #eee;}
.admin #calender_list li{padding:0.75em;}
.admin #calender_list ul:nth-of-type(2n){background:#efefef;}
.admin #calender_list .youbi{width:7em;}
.admin .counter{margin:0.25em 0.75em 0 0;padding:0.2em;border:1px solid #ddd;}
.admin .counter:first-child{margin-top:1em;}
.admin .counter h4{margin:0;padding:0.5em 1em;}
.admin .counter p{padding:0.3em 0.75em;}
.admin .counter p strong{font-family:"Arial Black", Gadget, sans-serif;}

.admin .span_type{display:none;}
.admin .span_type.show{display:block;}

.admin #login_form{width:410px;padding:2em;background:#fff;border-radius:8px;margin:-107px 0 0 -226px;position:absolute;top:50%;left:50%;border:1px solid #ccc;box-shadow:0 0 6px rgba(0,0,0,0.3);}
.admin #login_form p{padding:0.25em 0;}
.admin #login_form p:last-of-type{padding-bottom:1em;}