@charset "utf-8";

/* /support/index.html only */

main#toppage 	{}
main#toppage .Top-QAsearch { position: relative; margin: 0 auto; max-width: 100%; background-image: url("/support/img2022/top/cover/img-topcover_win_pc.jpg")/* 画像差替 */; background-repeat: no-repeat; background-size: cover; background-position: 50% 30%; height: 300px;/* height: 360px;*/ }

@media only screen and (max-width: 1300px) {
	main#toppage .section .section-inner { padding: 50px 20px;}
}
@media only screen and (max-width: 480px) {
	main#toppage .Top-QAsearch { background-image: url("/support/img2022/top/cover/img-topcover_win_sp.jpg")/* 画像差替 */;}
}
/* 検索窓 --------------------　{ */
.layoutkeyword	{ padding-top: 76px;/*padding-top: 100px;*/ max-width: 1080px; margin: 0 auto; overflow: hidden; }
.layoutkeyword .keywordInner 	{  background-color: rgba(255, 255, 255, 0.75);/*background-color: rgba(137, 195, 235, 0.55);*/ border-radius: 8px; padding: 1em; color: #000; overflow: hidden; }
.layoutkeyword .keywordInner form	{ margin: 0 !important; padding: 0; }
.layoutkeyword .searchBox { margin: 0; padding: 0; clear: both; position: relative; }
.layoutkeyword .searchBox .searchInput	{ margin-right: 170px; padding: 8px; background: #fff; border: none; }
.layoutkeyword .searchBox .searchInput input	{ width: 100%; font-size: 2.6rem; min-height: 30px; line-height: 1.2; border: none; outline: none; }
.layoutkeyword .searchBox .searchButton	{ position:absolute; top:0; right:0; }
.layoutkeyword .searchBox .searchButton input	{ display:block; width:135px; height:50px; }
.layoutkeyword .searchBox .searchButton input:hover	{ opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; -khtml-opacity: 0.75; -moz-opacity: 0.75; }
.layoutkeyword .searchBox .searchButton 	{ position: absolute; right: 0; top: 0; height: 100%; padding: 0 28px; font-size: 2.0rem; color: #fff; background: #1e50a2; cursor: pointer; border: 1px solid #1e50a2; border-radius: 0 5px 5px 0; display: inline-flex; align-items: center; }
.layoutkeyword .searchBox .searchButton:hover	{ opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; -khtml-opacity: 0.75; -moz-opacity: 0.75; }
.layoutkeyword .searchBox .searchButton .Loupe img 	{ display: inline-block; padding-right: 10px; vertical-align: middle; width: 30px; height: 30px; }
.layoutkeyword .tit 	{ font-size: 18px; margin-bottom: 1rem; }
.layoutkeyword .adv 	{ font-size: 15px; margin-top: 1rem; }
@media only screen and (max-width: 920px) {.layoutkeyword .searchBox .searchInput input	{font-size: 2.0rem;}}
@media only screen and (max-width: 768px) { main#toppage .Top-QAsearch { height: 260px;/*height: 240px;*/ }	main#toppage .main-contents {	padding: 0 0 60px; }.layoutkeyword	{ padding-top: 50px; }.layoutkeyword .searchBox .searchInput	{ margin-right: 47px; padding: 5px; }.layoutkeyword .searchBox .searchInput input	{ font-size: 16px; }.layoutkeyword .searchBox .searchButton 	{ padding: 0 10px; font-size: 18px; height: 41px; }.layoutkeyword .searchBox .searchButton .Loupe img 	{ padding-right: 0; width: 25px; height: 25px; }.layoutkeyword .tit 	{ font-size: 15px; margin-bottom: 1rem; }.layoutkeyword .adv 	{ font-size: 12px; margin-top: 1rem;}}
@media only screen and (max-width: 480px) { .layoutkeyword	{ padding-top: 30px; }}
/* -------------------- } 検索窓 */
/* 重要なお知らせ -------------------- { */
.box-important { padding: 50px 0; max-width: 1080px; margin: 0 auto; }
.box-important-heading { font-size: 1.8rem; font-weight: 700; margin: 0; padding: 4px 24px 1px; color: #fff; background-color: #841718; text-align: center; }
.list-caution { border: 1px solid #841718; background: #fff; padding: 12px; }
.list-caution li 	{ line-height: 1.2; }
.list-caution a { position: relative; font-size: 15px; display: block; padding: 8px 4px 8px 32px; text-decoration: none; color: #841718; }
.list-caution a::before { position: absolute; content: ""; display: block; background: url(/support/img2022/common/icon_caution_tcm102-2818277_tcm102-2750236-32.gif) no-repeat 0 0;  background-size: 20px 18px; width: 20px; height: 18px; top: 50%; left: 0; margin-top: -9px; }
.list-caution a:hover { text-decoration: underline; }
/* -------------------- } 重要なお知らせ */
/* 緊急のお知らせ（News Ticker:Re-setteng） -------------------- { */
.main-contents .section+.section[class*=diff-bg-topapology] .section-inner{padding-top:15px; padding-bottom: 8px;}
.main-contents .section.diff-bg-topapology{background:#ffd900}.main-contents .section.diff-bg-topapology+.diff-bg-topapology .section-inner{padding-top:0}
.main-contents .section.diff-bg-topapology .news-tck-box{margin:0 0 0px;}
.main-contents .section.diff-bg-topapology .news-tck-box .news-tck-title{font-size:1.8rem;color:#000;}
.main-contents .section.diff-bg-topapology .news-tck-box .news-tck-area { font-size: 1.5rem;}
.main-contents .section.diff-bg-topapology .news-tck-box .news-tck-area a { color: #000;}
/* -------------------- } 緊急のお知らせ（News Ticker） */
/* よくあるお問い合わせ -------------------- { */
.u-suptop-faq {  }
.u-suptop-faq .col1 {}
.u-suptop-faq .col1>* a { border: none!important; display: inline-block; }
.u-suptop-faq .col1>* a:hover {text-decoration: underline; }
.u-suptop-faq .col2 {}
#FAQsection { margin-top: 1.5em; }
.faqList {counter-reset: item; list-style-type: none; padding-left: 0; }
.faqList li { margin-bottom: 0.5em; }
.faqList li a:before { counter-increment: item; content: counter(item)''; padding: 0 0.5em; margin-right: 0.5em; font-weight: bold; color: #fff; background-color: #666; text-decoration: none!important; display: inline-block;}
.faqList li.faq1 a:before { background-color: #e6b422; }
.faqList li.faq2 a:before { background-color: #a7a7a7; }
.faqList li.faq3 a:before { background-color: #B87333; }
.u-suptop-faq .noline { padding-left: 5px; font-weight: normal; font-size: 80%; }
#ContactRequest { margin-top: 1em; }
/* -------------------- } よくあるお問い合わせ */
/* 窓口告知 -------------------- { */
.info_maintenance {margin-top: 1em;}
.info_maintenance li { position: relative; padding-left: 30px; margin-bottom: 0.5em;}
.info_maintenance li:before { display: block; position: absolute; content: url(/support/img2022/top/icon-announce.svg); left: 0; top: .1em;}
.info_maintenance a {border: none;}
.info_maintenance a:hover {text-decoration: underline;}
/* -------------------- } 窓口告知 */
/* Windows情報他 リンクボタン -------------------- { */
.sup-winuplinkBtn .lyt-btn-b a {font-size:1.8rem; padding: 16px 44px 16px 32px; }
.sup-winuplinkBtn .lyt-btn-b span.update::after { content: '●' ; position: absolute; top: 0px; color: #ffff00; font-size: 2.2rem; }
@media only screen and (max-width:768px){.sup-winuplinkBtn .lyt-btn-b{display: block!important}.sup-winuplinkBtn .lyt-btn-b li >a {width: 100%}}
@media only screen and (max-width:480px){.sup-winuplinkBtn .lyt-btn-b span.update::after { content: '' ; }.sup-winuplinkBtn .lyt-btn-b a.updatesp::after{ content: '●' ; position: absolute; top: 0px; right: 20px; color: #ffff00; font-size: 2.2rem; }}
/* -------------------- } Windows情報他 リンクボタン */
/* お困りごとから探す -------------------- { */
.u-suptop-qalist ul {}
.u-suptop-qalist ul  li {}
/* 4column */.u-suptop-qalist ul  li > a {position:relative; display: block;color:#005243!important;background:#fff;border:1px solid #005243; text-align: center; padding: 10% 10px 20%;}
/* 4column */.u-suptop-qalist ul  li > a::before{display:block;position:absolute;content:"";bottom:10%;left:48.5%;width:10px;height:10px;border-bottom:3px solid #005243;border-right:3px solid #005243;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
/* 3column .u-suptop-qalist ul  li > a {position:relative; display: flex;color:#005243!important;background:#fff;border:1px solid #005243; padding: 10px;} */
/* 3column .u-suptop-qalist ul  li > a::before{display:block;position:absolute;content:"";top:50%;right:12px;width:8px;height:8px;border-bottom:2px solid #005243;border-right:2px solid #005243;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px} */
.u-suptop-qalist ul  li > a:hover{ background:#d2ecef; }
/* 4column */.u-suptop-qalist img.icon { width: 48px; height: 48px; max-width: 100%; vertical-align: baseline; margin-bottom: 10%; }
/* 3column .u-suptop-qalist img.icon { width: 30px; height: auto; max-width: 100%; vertical-align: baseline; margin-right: 0.5em; } */
.u-suptop-qalist .cattit { font-size: 1.875rem; font-weight: 600; }
.u-suptop-qalist .more-content .lyt-idx-b { margin-top: -34px; }
.CategoryModal { display: none; height: 100vh; position: fixed; top: 0; left: 0; width: 100%; overflow-y: hidden; z-index: 99; }
.Category-modal_bg { background: rgba(0,0,0,0.8); height: 100vh;  position: absolute; width: 100%; }
.Category-modal_content { background: #fff; left: 50%; padding: 30px; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 60%;-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.Category-modal_content .cattit { font-size: 1.875rem; font-weight: 600; color: #fff; background-color: #005243; margin-bottom: 1.2em; padding: 0.4em 0.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.Category-modal_content .close-btn { display: inline-block; color: #005243; font-weight: 600; border: 2px solid #005243; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; padding: 0 5px 3px 5px; text-align: center; text-decoration: none; } 
.Category-modal_content .close-btn:hover { background:#d2ecef; }
.Category-modal_content .close-btn .round_close { display: inline-block; position: relative; width: 27px; height: 27px; border-radius: 50%; background: #005243; top:6px; margin-right: 6px; }
.Category-modal_content .close-btn .round_close::before, .Category-modal_content .close-btn .round_close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 3px; height: 18px; background: #fff; }
.Category-modal_content .close-btn .round_close::before { transform: translate(-50%,-50%) rotate(45deg); }
.Category-modal_content .close-btn .round_close::after { transform: translate(-50%,-50%) rotate(-45deg); }
@media only screen and (max-width: 920px) {.u-suptop-qalist img.icon { width: 30px; height: 30px; margin-bottom:0; }.u-suptop-qalist .cattit { font-size: 1.625rem; }}
@media only screen and (max-width: 768px) { .Category-modal_content { padding: 15px; width: 90%; }}
/* -------------------- } お困りごとから探す */
/* サポートメニュー -------------------- { */
.u-support-menu .lyt-idx-b .title　{ font-size: 1.8rem!important; }
@media screen and (min-width:768px) and ( max-width:1000px){.c-list-pickup-a__item {width: 33.33%;}}
/* -------------------- } サポートメニュー */
/* パソコン活用情報 -------------------- { */
/* usageTextLink */
.usageTextLink 	{ background-color: #fff; padding: 1em; margin-bottom: 16px; font-size: 16px; border: 1px solid #c6c6c0; }
.usageTextLink ul li a { border: none; }
.usageTextLink ul li a:hover { text-decoration: underline; }
.u-pcusage-menu { -webkit-display: block;-moz-display: block;-ms-display: block;-o-display: block;display: block; }
.u-pcusage-menu> li{padding-left:16px;padding-bottom:0px}
.u-pcusage-menu> li .btn-b{padding-top:0.6em ;padding-bottom:0.6em;}
.pcusagebox .col1{width: 70%}
.pcusagebox .col2{width: 30%}
@media only screen and (max-width:1000px){.pcusagebox .col1{width:100%}.pcusagebox .col2{width:100%;}.u-pcusage-menu> li{padding-left:0px;}}
@media only screen and (max-width:912px){.pcusagebox.diff-col2>*{width:100%}.u-pcusage-menu{margin-left: 0px;margin-bottom: 0;}}

/* list-panel_top_usage*/
.list-panel_top_usage  { -webkit-box-sizing:border-box; box-sizing:border-box; display:-webkit-box; display:-ms-flexbox; display:flex; margin-left:-0.625%; margin-right:-0.625%; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.list-panel_top_usage > li{ -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 23.75%; flex:0 0 23.75%; width:23.75%; margin-left:0.625%; margin-right:0.625%; margin-bottom:3.125%}
.list-panel_top_usage a { text-decoration:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column; flex-flow:column; height:100%; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; background-color:#fff; border:1px solid #c6c6c0}
.list-panel_top_usage a .list-panel_inr { padding-left:20px; padding-right:20px}
.list-panel_top_usage a .list-panel_inr .title { color:#000; font-size:1.6rem; line-height:1.6; font-weight:700}
.list-panel_img { position:relative; width:100%; height:0; padding-top:calc(1 / 1.618 * 100%); margin-bottom:20px; overflow:hidden}
.list-panel_img img { position:absolute;top:0;left:0;width:100%;height:auto;-webkit-transition:-webkit-transform 1s cubic-bezier(.165,.84,.44,1);	transition:-webkit-transform 1s cubic-bezier(.165,.84,.44,1);-o-transition:transform 1s cubic-bezier(.165,.84,.44,1);}
.list-panel_top_usage .img_area { position: relative;}
.list-panel_top_usage .img_area .category_tab{position: absolute;top: 0;left: 0;color: #fff;font-weight: 700;font-size: 1.4rem;display: inline-block;padding: 10px 16px;text-align: center;border-radius: 0 0 10px 0;background: #005243cc; z-index: 1}
.list-panel_top_usage .img_area .category_tab br.md { display: none;}
.list-panel_top_usage .img_area .category_date {position: absolute;bottom: 0;right: 0;background: #e6e7e8;font-size: 1.4rem;display: inline-block;padding: 8px 7px 4px;text-align: center;border-radius: 10px 0 0 0; z-index: 1}
.list-panel_top_usage a:hover .list-panel_img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}
.list-panel_foot { margin-top:20px; margin-bottom: 20px}
.btn-round_arrow {display: inline-block;position: relative;background: #fff;color: #005243;padding: 1.5rem 2.5rem 1.5rem 5rem;transition: all 0.3s;font-size: 1.4rem;}
.btn-round_arrow:before, .btn-round_arrow:after {content: "";position: absolute;display: block;top: 50%;}
.btn-round_arrow:before {width: 0.6rem; height: 0.6rem; left: 1.5rem;border-top: solid 2px #fff; border-right: solid 2px #fff; z-index: 2; transform: translateY(-50%) rotate(45deg); transition: all 0.3s;}
.btn-round_arrow:after {left: 0; background: #005243; z-index: 1; width: 4rem; height: 4rem; border-radius: 4rem; transform: translateY(-50%); transition: all 0.5s;}
.btn-round_arrow span { position: relative;  transition: all 0.3s; z-index: 3;}
a:hover .btn-round_arrow{padding: 1.5rem 2.5rem 1.5rem 4.5rem;}
a:hover .btn-round_arrow span {color: #fff;}
a:hover .btn-round_arrow:before {left: 2.5rem;}
a:hover .btn-round_arrow:after {right: 0; width: 100%;}
@media screen and (max-width:1180px) {
	.list-panel_top_usage .img_area .category_tab br.md { display: inline;}}
@media screen and (max-width:1000px) {
	.list-panel_top_usage > li { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 48.75%; flex:0 0 48.75%; width:48.75%; margin-left:0.625%; margin-right:0.625%; margin-bottom:3.125%}}
@media screen and (max-width:480px) {
	.list-panel_top_usage > li { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:0; -ms-flex:0 0 98.75%; flex:0 0 98.75%; width:98.75%; margin-left:0.625%; margin-right:0.625%; margin-bottom:3.125%}
	.list-panel_top_usage a .list-panel_inr .title { font-size:1.6rem;}}
/* -------------------- } パソコン活用情報 */
/* お知らせ -------------------- { */
.list-news-a .news-content .icon-area { max-width: 160px; }
	/*カテゴリアイコン*/
	.icon-ctg-important  {background:#c9171e!important;}
	.icon-ctg-service {background:#008899!important;}
	.icon-ctg-product {background:#192f60!important;}
	.icon-ctg-specialrepair  {background:#00552e!important;}
	.icon-ctg-disaster  {background:#852E19!important;}
	.icon-ctg-etc  {background:#595857!important;}
/* -------------------- } お知らせ */
/* バナー -------------------- { */
	.imglink-bxsh {box-shadow: 0 1px 2px rgb(0 0 0 / 18%);}
/* -------------------- } バナー */
/* Windows EOS message -------------------- { */
@media only screen and (max-width: 1300px) {
	main#toppage .winEOS .section-inner { padding: 8px 10px 16px; }
}
.winEOS .section-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 8px 0 16px;
}
.main-contents .winEOS p+*:not([class^="hdg-"]):not([class*=" hdg-"]) { margin-top: .6rem; }
.winEOS { background: #404040; }
.winEOS .section-inner { color: #ffffff; font-family: fot-udkakugo-large-pr6n, sans-serif; font-weight: 600; font-style: normal; text-align: center; }
.winEOS .section-inner .judge { font-size: 2.4rem; color: #FFF6A8; }
.winEOS .section-inner .judge > span { font-size: 3.0rem; }
.winEOS .section-inner .end_date { font-size: 1.8rem;}
.winEOS .section-inner .end_date > span { color: #FFD0D0; }
.winEOS .section-inner .more_details { margin-top: 1.0rem!important; }
.winEOS .section-inner .more_details a { position: relative; display: inline-block; text-decoration: none; color: #000000; padding: 3px 38px 3px 10px; margin-left: 16px; border-radius: 20px; border: 1px solid transparent; background-color: #E3E340;
transition: .15s ease;
}
.winEOS .section-inner .more_details a::before {
  content: '';
  width: 18px;
  height: 18px;
  background: #000000;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
}
.winEOS .section-inner .more_details a::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #E3E340;
  border-right: solid 2px #E3E340;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
}
.winEOS .section-inner .more_details a:hover {  background-color: rgb(236, 152, 57);
  background-color: #EAEA70;
  box-shadow: 0 0 10px -4px rgba(255, 255, 255, 1);}
/* -------------------- } Windows EOS message */

@media only screen and (max-width: 480px) {}
@media only screen and (max-width: 320px) {}