@charset "utf-8";
/* CSS Document */

/* ====================================================
   Home
   ==================================================== */
.help-center-name { float: left; margin: 0 0 40px; font-size: 34px; font-weight: bold;  color: #e6e6e6;}

/* ====================================================
   homepage main navigation 
   ==================================================== */
#home_nav {width: 100%;overflow: hidden;}
/* ====================================================
   bx-slider
   ==================================================== */
#home_nav .bxslider-section {width: 50%;float: left;overflow: hidden;}
#home_nav .bxslider-section ul.slider {}
#home_nav .bxslider-section ul.slider li {text-align:center;}
#home_nav .bxslider-section ul.slider li a {display: block;width: 100%;height:100%;margin:0;}
#home_nav .bxslider-section ul.slider li a img{}

/* ====================================================
   link-panel
   ==================================================== */
#home_nav .link-panel-login-after {}
#home_nav .link-panel-login-after ul { width: 100%; overflow: hidden; }
#home_nav .link-panel-login-after ul li {display: block;float: left;width: 32%;height:150px;text-align: center;font-size: 13px; line-height:1.4;margin:0 0 20px 2%;}
#home_nav .link-panel-login-after ul li.faq { margin:0 0 20px 0; }
#home_nav .link-panel-login-after ul li.use {}
#home_nav .link-panel-login-after ul li.tec {}
#home_nav .link-panel-login-after ul li.man { margin:0; }
#home_nav .link-panel-login-after ul li.spc { margin:0 0 0 2%; }
#home_nav .link-panel-login-after ul li.frm { margin:0 0 0 2%; }
#home_nav .link-panel-login-after ul li.banner { margin:0 0 0 2%; }

#home_nav .link-panel-login-before {float: right;width: 50%;}
#home_nav .link-panel-login-before ul {width: 100%;overflow: hidden;}
#home_nav .link-panel-login-before ul li {display: block;float: left;width: 46%;height: 150px;text-align: center;font-size: 13px; line-height:1.4;margin:0 0 20px 4%;}
#home_nav .link-panel-login-before ul li.faq {}
#home_nav .link-panel-login-before ul li.use {}
#home_nav .link-panel-login-before ul li.tec { margin:0 0 0 4%; }
#home_nav .link-panel-login-before ul li.frm { margin:0 0 0 4%; }
#home_nav .link-panel-login-before ul li.man { margin:0 0 0 4%; }
#home_nav .link-panel-login-before ul li strong,
#home_nav .link-panel-login-after ul li strong { font-weight: 400; color: #313131; font-size: 24px; line-height: 1.3; display: block; }
#home_nav .link-panel-login-after ul li a,
#home_nav .link-panel-login-before ul li a {display: block;color: #777;border: 1px solid #ddd;text-decoration: none;width: 100%;height: 100%;overflow: hidden;}
#home_nav .link-panel-login-after ul li a { padding-top: 14px; }
#home_nav .link-panel-login-before ul li a { padding-top: 14px; }
#home_nav .link-panel-login-before ul li a:hover,
#home_nav .link-panel-login-before ul li a:active,
#home_nav .link-panel-login-before ul li a:focus,
#home_nav .link-panel-login-after ul li a:hover,
#home_nav .link-panel-login-after ul li a:active,
#home_nav .link-panel-login-after ul li a:focus { background-color: #eee; }
/* ▼フォントアイコン */
#home_nav .link-panel-login-after ul li a:before,
#home_nav .link-panel-login-before ul li a:before {display:block;width: 100%;height: 1em;margin-bottom: 16px; font-size: 40px; font-weight:normal; line-height:1; color: #006544; }
#home_nav .link-panel-login-after ul li a:before,
#home_nav .link-panel-login-before ul li a:before { font-family: "entypo"; }

/* ▼FAQ：追加変更：若葉マーク 2020/01 */
#home_nav .link-panel-login-after ul li.faq a:before { content: "\2753"; }
#home_nav .link-panel-login-before ul li.faq a:before { display:none; }
#home_nav .link-panel-login-before ul li.faq a img {width:auto;height:42px;margin-bottom: 14px;}

/* ▼ Coming Soon 後は.manと同じアイコン Comming Soon外し修正 17/01/27*/
#home_nav .link-panel-login-after ul li.use a:before,
#home_nav .link-panel-login-before ul li.use a:before { content: "\1F4D5"; }
/* #home_nav .link-panel-login-before ul li.use a:before { content: "\1F4D5"; margin-bottom: 2px; color:#ddd; } */
/* #home_nav .link-panel-login-after ul li.use a small, */
/* #home_nav .link-panel-login-before ul li.use a small { display:block; font-size:13px; font-weight:700; color:#ddd; line-height:1; margin-bottom:1px; } */
/* ▲ Coming Soon 後は.manと同じアイコン */
#home_nav .link-panel-login-after ul li.tec a:before,
#home_nav .link-panel-login-before ul li.tec a:before { content: "\E73C"; }
#home_nav .link-panel-login-after ul li.man a:before,
#home_nav .link-panel-login-before ul li.man a:before { content: "\1F4D6"; }
#home_nav .link-panel-login-after ul li.spc a:before { content: "\1F4BB"; }
#home_nav .link-panel-login-after ul li.frm a:before,
#home_nav .link-panel-login-before ul li.frm a:before { content: "\E720"; }
/* 手ぶらキャンペーンバナー装飾 */
#home_nav .link-panel-login-after ul li.banner {  }
#home_nav .link-panel-login-after ul li.banner a { border: none;color:#FFF; }
#home_nav .link-panel-login-after ul li.banner a { background:#00371f;background:linear-gradient(top bottom,#006544,#00371f);background:-ms-linear-gradient(top, #006544, #00371f);background:-moz-linear-gradient(center top, #006544 0%,#00371f 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #006544),color-stop(1, #00371f));vertical-align:middle; }
#home_nav .link-panel-login-after ul li.banner a:hover,
#home_nav .link-panel-login-after ul li.banner a:active,
#home_nav .link-panel-login-after ul li.banner a:focus {background:#006544;}
#home_nav .link-panel-login-after ul li.banner a:before { content: "\1F4E5";color:#FFF; } /* キャンペーンバナー */
#home_nav .link-panel-login-after ul li.banner a strong { color:#CDDC39; }

/* ====================================================
   homepage content 
   ==================================================== */
#home_content {width: 100%;overflow: hidden;}

/* ▼専用コンテンツボックス */
#PUs {float: right;width: 48%;height: 600px;background:#eff2f1;margin: 0 0 0 2%;padding: 0;overflow: hidden;}
#PUs .login_content_inner {margin: 20px 0 20px 20px;}
#PUs .login_content_inner .left {float: left;width: 50%;}
#PUs .login_content_inner .right {float: right;width: 50%;}
#PUs .login_content_inner .width100 { width:100%; } /* 上書き用 */
#PUs .login_content_inner .partner_list_box {  }
#PUs .login_content_inner .user_list_box {  }
#PUs .login_content_inner h3 {color: #464646; font-size: 16px;font-weight: 400;line-height: 1.3;margin: 0 20px 15px 0;padding: 0;}
#PUs .login_content_inner h3 img {float: left;width: 40px;height: 40px;margin: 0 10px 0 0;}
#PUs .login_content_inner h3 strong {display: block; font-size: 18px;font-weight: 700;}
#PUs .login_content_inner h3 span {  }
#PUs .login_content_inner h3 span.green { color: #006544; }
#PUs .login_content_inner .list_box {background: #FFF;margin: 0 20px 0 0;padding: 10px 0 0 0;}
#PUs .login_content_inner .list_box ul {  }
#PUs .login_content_inner .list_box ul li {font-size: 14px;font-weight: normal;color: #99a5ac;border-bottom: 1px solid #e5e8ea;margin: 0;line-height:1.8;}
#PUs .login_content_inner .list_box ul li.root {padding-left:30px;}
#PUs .login_content_inner .list_box ul li.root:before {content: "\1F4D6"; font-family: "entypo"; margin-left:-1.5em;position:absolute;}
#PUs .login_content_inner .list_box ul li.sub {padding: 5px 0px 2px 34px;font-size:0.9em;}
#PUs .login_content_inner .list_box ul li a { /* style.css記載 */ }
#PUs .sign_in_box {clear: both;float: none;margin: 0;}
#PUs .sign_in_box a {display: block;width: 100%;height: 70px;line-height: 70px;text-align: center;padding: 0 20px;margin: 0 0 1em;}
#PUs .sign_in_box a strong {font-size: 15px;padding-left: 10px;letter-spacing: 1px;}
#PUs .sign_in_box a strong span.locked:after {font-weight: normal;padding-left:8px;font-family: "entypo";content: "\1F512";}
#PUs .sign_in_box a.green_btn { color:#fff; border:1px solid #006544; border-bottom:1px solid #00371f; background: #00371f; background: linear-gradient(top bottom,#006544,#00371f); background: -ms-linear-gradient(top, #006544, #00371f); background: -moz-linear-gradient(center top, #006544 0%,#00371f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006544),color-stop(1, #00371f)); }
#PUs .sign_in_box a.green_btn:hover,
#PUs .sign_in_box a.green_btn:active,
#PUs .sign_in_box a.green_btn:focus { background: #00371f; text-decoration:none; }
#PUs .sign_in_box a.black_btn { color:#fff; border:1px solid #777; border-bottom:1px solid #313131; background: #313131; background: linear-gradient(top bottom,#777,#313131); background: -ms-linear-gradient(top, #777, #313131); background: -moz-linear-gradient(center top, #777 0%,#313131 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777),color-stop(1, #313131)); }
#PUs .sign_in_box a.black_btn:hover,
#PUs .sign_in_box a.black_btn:active,
#PUs .sign_in_box a.black_btn:focus { background: #313131; text-decoration:none; }
#PUs p {text-indent: -1em;font-size: 12px;padding: 0 1em;margin: 0 20px 1em;line-height: 1.7;}
/* ▲専用コンテンツボックス*/

/* ▼固定バナー（ホームページ）*/
#extra_contents { clear: both; background-color: #eff2f1; }
#extra_contents ul#img_banners {width: 100%;overflow: hidden;}
#extra_contents ul#img_banners li {display: block;float: left;width: 32%;height:160px;margin: 0 0 0 2%;overflow:hidden;}
#extra_contents ul#img_banners li:first-child {margin: 0;}
#extra_contents ul#img_banners li a.inner_box {display:block;width:100%;height:100%;background-color:#FFF;border:1px solid #ddd;text-align:center;padding:15px 15px 0;}
#extra_contents ul#img_banners li a.inner_box:hover,
#extra_contents ul#img_banners li a.inner_box:active,
#extra_contents ul#img_banners li a.inner_box:focus { text-decoration:none; }
/* ▼固定バナー（サイドメニュー）*/
aside.side-column {}
aside.side-column ul#img_banners {}
aside.side-column ul#img_banners {width: 100%;overflow: hidden;}
aside.side-column ul#img_banners li {display: block;width: 100%;height:160px;margin: 0 0 8px 0;overflow:hidden;}
aside.side-column ul#img_banners li a.inner_box {display:block;width:100%;height:100%;background-color:#FFF;border:1px solid #ddd;text-align:center;padding:15px 15px 0;}
aside.side-column ul#img_banners li a.inner_box:hover,
aside.side-column ul#img_banners li a.inner_box:active,
aside.side-column ul#img_banners li a.inner_box:focus { text-decoration:none; }
/* Facebookページプラグイン（共通可変指定）*/
ul#img_banners li#fb_box #fb_box_inner {max-width:500px;width: auto;margin: 0 auto;}
/* ▼固定バナー（ホームページ：手ぶらキャンペーンバナー装飾） */
ul#img_banners li a.inner_box.ban_taiken_cloud {display: block;color: #777;border: 1px solid #ddd;text-decoration: none;width: 100%;height: 100%;overflow: hidden;}
ul#img_banners li a.inner_box.ban_taiken_cloud { padding-top: 14px; }
ul#img_banners li a.inner_box.ban_taiken_cloud:hover,
ul#img_banners li a.inner_box.ban_taiken_cloud:active,
ul#img_banners li a.inner_box.ban_taiken_cloud:focus { background-color: #eee; }
/* ▼フォントアイコン */
ul#img_banners li a.inner_box.ban_taiken_cloud:before {display:block;width: 100%;height: 1em;margin-bottom: 16px; font-size: 40px; font-weight:normal; line-height:1; color: #006544; }
ul#img_banners li a.inner_box.ban_taiken_cloud:before { font-family: "entypo"; }
/* ▼ホームページ：手ぶらキャンペーンバナー装飾 */
ul#img_banners li a.inner_box.ban_taiken_cloud { border: none;color:#FFF; }
ul#img_banners li a.inner_box.ban_taiken_cloud { background:#00371f;background:linear-gradient(top bottom,#006544,#00371f);background:-ms-linear-gradient(top, #006544, #00371f);background:-moz-linear-gradient(center top, #006544 0%,#00371f 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #006544),color-stop(1, #00371f));vertical-align:middle; }
ul#img_banners li a.inner_box.ban_taiken_cloud:hover,
ul#img_banners li a.inner_box.ban_taiken_cloud:active,
ul#img_banners li a.inner_box.ban_taiken_cloud:focus {background:#006544 !important;}
ul#img_banners li a.inner_box.ban_taiken_cloud:before { font-family: "entypo"; } /* キャンペーンバナー */
ul#img_banners li a.inner_box.ban_taiken_cloud:before { content: "\1F4E5";color:#FFF; } /* キャンペーンバナー */
ul#img_banners li a.inner_box.ban_taiken_cloud strong { font-weight: 400; color: #CDDC39; font-size: 24px; line-height: 1.3; display: block; }
/* トレーニングバナー */
ul#img_banners li a.inner_box.ban_training_flow small {display:block;color:#FFF;background-color:#65b72f;font-size:12px;line-height:18px;letter-spacing: 1px;margin-bottom:6px;}
ul#img_banners li a.inner_box.ban_training_flow strong {display:block;position:relative;font-size: 18px;color:#313131;text-align:left;line-height:1.3;margin:0 0 2px;}
ul#img_banners li a.inner_box.ban_training_flow strong:before {display: block;float:left;width: 1em;height: 1em; font-size: 35px; font-weight:normal;padding-right:5px; }
ul#img_banners li a.inner_box.ban_training_flow strong:before { font-family: "entypo"; }
ul#img_banners li a.inner_box.ban_training_flow strong:before { content: "\E705"; }
ul#img_banners li a.inner_box.ban_training_flow span {clear:both;display:block;color:#65b72f;font-size:14px;font-weight:700;line-height:1;letter-spacing:0.5px;margin-bottom:6px;}
ul#img_banners li a.inner_box.ban_training_flow span i {display:inline-block;border:1px solid #65b72f;padding:2px 2px 0;margin-left:10px;}
/* 体験セミナーバナー */
ul#img_banners li a.inner_box.ban_asteria_taiken small {display:block;width:6em;color:#FFF;background-color:#313131;font-size:12px;line-height:18px;letter-spacing:2px;margin-bottom:5px;}
ul#img_banners li a.inner_box.ban_asteria_taiken img {margin: 13px auto 2px;}
ul#img_banners li a.inner_box.ban_asteria_taiken span {display:block;color:#464646;font-size:14px;font-weight:700;line-height:1;margin-bottom: 15px;}
/* インフォテリアポイントバナー */
ul#img_banners li a.inner_box.ban_infoteria_point small {display:block;color:#FFF;background-color:#313131;border-radius:9px;font-size:12px;line-height:18px;letter-spacing: 1px;margin-bottom:6px;}
ul#img_banners li a.inner_box.ban_infoteria_point div.ban_infoteria_point_inner {position:relative;width:100%;height:72px;overflow:hidden;margin:0 auto;}
ul#img_banners li a.inner_box.ban_infoteria_point div.ban_infoteria_point_inner img {margin:5px auto 0;}
ul#img_banners li a.inner_box.ban_infoteria_point div.ban_infoteria_point_inner span {position:absolute;width:50%;left:25%;top:18px;display:block;color:#464646;font-size:12px;font-weight:700;line-height:1.2;}
/* 固定バナー共通ボタン */
ul#img_banners li a.inner_box div.inner_white_btn {display: block;width: 100%;height: 30px;line-height: 30px;border-radius:5px;font-size: 13px;text-align: center;letter-spacing: 1px;padding: 0 20px;margin:0;}
ul#img_banners li a.inner_box div.inner_white_btn { color:#313131; font-weight:400; border:1px solid #ddd; background: #e5e5e5; background: linear-gradient(top bottom,#fff,#e5e5e5); background: -ms-linear-gradient(top, #fff, #e5e5e5); background: -moz-linear-gradient(center top, #fff 0%,#e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff),color-stop(1, #e5e5e5)); }
ul#img_banners li a.inner_box div.inner_white_btn:hover,
ul#img_banners li a.inner_box div.inner_white_btn:active,
ul#img_banners li a.inner_box div.inner_white_btn:focus { background: #e5e5e5; text-decoration:none; }
ul#img_banners li a.inner_box div.inner_white_btn:after {font-weight:normal;color:#00a785; padding-left:15px; }
ul#img_banners li a.inner_box div.inner_white_btn:after { font-family: "entypo"; }
ul#img_banners li a.inner_box div.inner_white_btn:after { content: "\25B6"; }
/* ▲固定バナー ここまで*/

/* 新着記事情報 */
#newly {clear: both;width: 100%;overflow: hidden;}
#newly .newly_content {background-color: #fff;border-top: 5px #006544 solid;width: 32%;height: 560px;overflow: hidden;float: left;margin:0 0 0 2%;}
#newly .newly_content.faq {margin-left:0;}
#newly .newly_content.tec {}
#newly .newly_content.man {}
#newly .newly_content h3 {height: 40px;color: #006544;font-size: 16px;font-weight: 400;line-height: 40px;margin: 28px 0 16px 0;}
#newly .newly_content h3 strong {color: #464646;font-size: 18px;}
/* ▼フォントアイコン */
#newly .newly_content h3:before {display: block;float: left;width: 17%;height: 1em;font-size: 40px;font-weight: normal;line-height: 1;color: #ddd;text-align: center;margin: 0;}
#newly .newly_content h3:before { font-family: "entypo"; }
#newly .newly_content.faq h3:before { content: "\2753"; }
#newly .newly_content.tec h3:before { content: "\E73C"; }
#newly .newly_content.use h3:before { content: "\1F4D5"; }

#newly .newly_content dl {overflow:hidden;margin: 0;}
#newly .newly_content dl dt {color: #ccc;font-size: 20px;font-weight: 400;line-height: 30px;width: 17%;text-align: center;float: left;clear: both;}
#newly .newly_content dl dt:nth-child(1) { color: #f4c400; }
#newly .newly_content dl dt:nth-child(2) { color: #99a5ac; }
#newly .newly_content dl dt:nth-child(3) { color: #cc9933; }
#newly dd {border-bottom: 1px solid #ddd;padding-right: 7%;font-size: 13px;font-weight: 400;line-height: 22px;padding-left: 17%;padding-bottom: 1em;margin-bottom: 10px;margin-left:0;height:auto;}
#newly dd a { color: #158ec2; text-decoration: none; }
#newly dd a:hover { text-decoration: underline; }

/* 新着記事情報（サイドメニュー） */
.side-column #newly { width: 100%; margin-left:0;}
.side-column #newly .newly_content { width: 100%; float:none; margin-left: 0px; margin-bottom: 40px;}
.side-column #newly .newly_content dd{ padding-right: 10px;height:auto;}

/* ====================================================
   news event tab
   ==================================================== */
/* ▼ニュース/イベント一覧修正 16/10/30 */
#Tabs {position: relative;float: left;width: 50%;height: 600px;border: 1px solid #ddd;margin: 0;padding: 0;overflow: hidden;}
#Tabs > ul {letter-spacing: -0.5em;}
#Tabs > ul li:first-child { border-right: 1px solid #ddd; }
#Tabs > ul li {display: inline-block;letter-spacing: normal;background-color: #eff2f1;font-size: 18px;font-weight: 700;line-height: 40px;width: 50%;height: 40px;text-align: center;margin: 0;padding: 0;border-bottom: 1px solid #ddd;}
#Tabs > ul li.active { background-color: #FFF; border-bottom: 1px #fff solid; }
#Tabs > ul li a {color: #464646;display: block;width: 100%;height: 100%;overflow: hidden;}
#Tabs > ul li a:hover { text-decoration: none; }
.panels > .panel { display: none; }
.panels > .panel.active { display: block; }
#Tabs div.panels {margin: 0; padding: 0; overflow: hidden;}
#Tabs div.panels dl.panel { margin: 20px 0 0; padding: 0; }
#Tabs div.panels .panel dt { color: #777777; font-size: 12px; font-weight: 400; line-height: 2; margin: 0 20px 0; }
#Tabs div.panels .panel dt span,
#Tabs div.panels .panel dt span.status { display: inline-block; font-size: 11px; line-height: 1; margin: 0 5px; padding: 1px 3px 0; font-weight: bold; }
#Tabs div.panels .panel dt.topics span { color: #f93; border: 1px solid #f93; }
#Tabs div.panels .panel dt.product span { color: #65b72f; border: 1px solid #65b72f; }
#Tabs div.panels .panel dt.aug span { color: #0086d1; border: 1px solid #0086d1; }
#Tabs div.panels .panel dt.user span { color: #0086d1; border: 1px solid #0086d1; }
#Tabs div.panels .panel dt.partner span { color: #009; border: 1px solid #009; }
#Tabs div.panels .panel dt.attention span { color: #C4565B; border: 1px solid #C4565B; }
#Tabs div.panels .panel dt.event span { color: #cfdb00; border: 1px solid #cfdb00; margin-left: 0;}
#Tabs div.panels .panel dt.event span.full { color: #DDD; border: 1px solid #DDD; }
#Tabs div.panels .panel dt.event span.almost_full { color: #61B69F; border: 1px solid #61B69F; }
#Tabs div.panels .panel dt.none { display: none; }
#Tabs div.panels .panel dd { /* style.css記載 */ }
#Tabs div.panels .panel dd a { color: #464646; font-size: 14px; font-weight: 400; text-decoration: none; display: block; }
#Tabs div.panels .panel dd a:hover { color: #148dc1; }
#Tabs div.panels .panel dd:last-child { text-align: right; border: none; position: absolute; right: 0; }
#Tabs div.panels .panel dd.undecided:last-child { background:none; }
/* ▲ニュース/イベント一覧修正 16/10/30 */

/* home_page もっと見るボタン下配置：2つ並びバナー枠 2019/09 */
.img_in_bannerTwo_box {display:flex;flex-flow: row wrap;justify-content: space-between;align-items: center;align-content: space-between;}
.img_in_bannerTwo_box .left {flex:0 0 46%;}
.img_in_bannerTwo_box .right {flex:0 0 46%;}
.img_in_bannerTwo_box img {border-radius:10px;}
.img_in_bannerTwo_box a {border-radius:10px;}
.img_in_bannerTwo_box a:active,
.img_in_bannerTwo_box a:hover {display:block;background:#313131;}
.img_in_bannerTwo_box a:active img,
.img_in_bannerTwo_box a:hover img {opacity:0.9;}

/*--------------------------------------
   ▼本文リンク：フォントアイコン
   ・記事添付：article-attachments
   ・記事本文：article-body
   ・カテゴリ：article-body
　 【（jQuery）target_blank自動挿入】
   ・対象：article-body
   ※#icon-on で上記の段落全体へ入れた
--------------------------------------*/
#icon-on a:link,
#icon-on a:hover,
#icon-on a:active,
#icon-on a:focus {text-decoration:none;}
#icon-on a:hover,
#icon-on a:active,
#icon-on a:focus { color:#ccc; }
#icon-on a:after,
#icon-on a:before {font-size: 108%;font-weight: normal;vertical-align: middle;font-family: "entypo";padding: 0;}
#icon-on a:after {margin: 0 3px;}
#icon-on a:before {margin: 0 3px 0 0;}
#icon-on a[target="_blank"]:after {content: "\E74C"; color:#DDD;}
#icon-on a[href$=".zip"]:after {content: "\1F4E6"; color:#158ec2;}
#icon-on a[href$=".txt"]:after {content: "\1F4C4"; color:#158ec2;}
#icon-on a[href^="mailto:"]:before {content: "\2709"; color:#158ec2;}
/* #icon-on a[href$=".pdf"]:after {content: "\1F4C1"; color:#CC0000;} ※フォントアイコン使用しない*/
#icon-on a[href$=".pdf"]:after {font-size:16px;font-weight:normal;vertical-align:middle;font-family:initial;padding: 0 16px 0 0;content:"";}
#icon-on a[href$=".pdf"]:after {background:url(//p6.zdassets.com/hc/theme_assets/924076/200213647/icon_pdf_h16.gif) no-repeat 0 0;}
/*--------------------------------------
   ▼外部リンクマーク：フォントアイコン
   <i class="out"></i>
　 ※個別対応しなければいけない場合。
--------------------------------------*/
i.out:after {font-weight: normal;font-style: normal;vertical-align: middle;font-family: "entypo";padding: 0;}
i.out:after {margin: 0 3px;}
i.out:after {content: "\E74C"; color:#DDD;}
/* ▲ここまで */

/* ====================================================
   ログイン前後でコンテンツの配置を変更（flexbox）2019/05/24
   ==================================================== */
#main-inner {display:flex;flex-flow: row wrap;margin-top:2%;margin-bottom: 50px;}
#home_nav.login-after {order:2;}
#home_content.login-after {order:1;margin-bottom:2%;}
#home_nav.login-before {order:1;margin-bottom:2%;}
#home_content.login-before {order:2;margin-bottom:0;}

#extra_contents .contents_inner {display:flex;flex-flow: row wrap;margin-bottom: 50px;}
#newly.login-after {order:1;margin-top:50px;}
#img_banners.login-after {order:2;margin:2% 0 0;}
#newly.login-before {order:2;}
#img_banners.login-before {order:1;margin:50px 0 2%;}