@charset "utf-8";

@import url('components.css');

.lazyload{ opacity: 0; }
.lazyloaded{ opacity: 1; transition: all 2s; }

img.fadein { opacity : 0; transition : all 1000ms; }
img.fadein.scrollin { opacity : 1; }

img.fadein.zoom { transform : translate(0, 100px) scale(.5); }
img.fadein.zoom.scrollin { transform : translate(0, 0) scale(1); }

.swP { display: block; }
.swT { display: none; }
.swS { display: none; }
.swP.swT { display: block; }
.swP.swS { display: block; }
.swT.swS { display: none; }
.swP.swT.swS { display: block; }
.strong { font-weight: bold; }
.wave { font-weight: bold; color: #FF4D4D; text-decoration:underline wavy #FF4D4D; }
.red { color: #f00; }
.attention { color: #f00; }
.pdf { background: url(/static/images/pdf.png) no-repeat left center; padding-left: 20px; }
.indent { text-indent: -1em; padding-left: 1em; }
a { text-decoration:none; color:#2d3934; }
a:hover { text-decoration:none; color:#3091A9; }
img { max-width: 100%; }
body { background: #ffffff; }

#container { min-height: 100vh; display: flex; flex-direction: column; }

header { width: 1200px; margin: 0 auto; padding:0; height: 97px; display: flex; align-items: center; justify-content: space-between; }
header .logo img { height: 40px; }
header .name { display: flex; align-items: center; }
header .serviceid { line-height: 1.2; font-size: .9rem; padding: 0 0 0 30px; padding:  0 25px 0 0; }
header .serviceid em {  line-height: 1.2; text-decoration: underline; color: #f00; vertical-align: baseline; }
header .info { display: flex; align-items: center; }
header .info .tel { display: inline-block; }
header .info .tel p { font-size: 10px; line-height: 1; }
header .info .tel .number { font-size: 1.6rem; font-weight: 500; line-height: 1; padding: 3px 0; font-family: 'din', Helvetica, Arial, Verdana, Roboto, 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
header .info .tel .number:before { content: url(/static/images/ico_navidial.svg); margin: 0 5px 0 0; }
header .info .tel .number small { display: block; font-size:.9rem; font-weight: 600; line-height: 1; font-family: 'din', Helvetica, Arial, Verdana, Roboto, 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
header .info .mypage { display: inline-block; padding: 0 0 5px 15px; }
header .info .mypage a { display: inline-block; padding: 10px 30px; background: #eb5505; color: #fff; line-height: 1.1; font-weight: bold; border-radius: 5px; box-shadow: 3px 3px 0 rgba(0,0,0,.1); }
header .info .mypage a:before { content: url(/static/images/ico_key.svg); margin: 0 10px 0 0; vertical-align: middle; }
header .info .mypage a:hover { opacity: .75; }
header .spbtn,
header .spbtn span { display: none; transition: all .4s; box-sizing: border-box; }
header .spbtn { position: absolute; top:17px; right: 20px; width: 22px; height: 18px; }
header .spbtn span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #333; border-radius: 2px; }
header .spbtn span:nth-of-type(1) { top: 0; }
header .spbtn span:nth-of-type(2) { top: 8px; }
header .spbtn span:nth-of-type(3) { bottom: 0; }
header .spbtn.active span { background-color: #3E3939; }
header .spbtn.active span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); }
header .spbtn.active span:nth-of-type(2) { opacity: 0; }
header .spbtn.active span:nth-of-type(3) { -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); }

nav { border-bottom: 3px solid #0F357F; }
nav ul { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
nav ul li { width: calc(100% / 5); }
nav ul li a { color: #333; font-weight: bold; display: block; text-align: center; padding: 13px 5px 10px; line-height: 1; border-top-right-radius: 5px; border-top-left-radius: 5px; transition: .4s; }
nav ul li a:hover,
nav ul li a.current { background: #0F357F; color: #fff; }
nav ul li.mypage { display: none; }

footer { background: #e5e5e5; padding: 50px 10px; margin-top: auto; }
footer ul { display: flex; justify-content: center; flex-wrap: wrap; }
footer ul li { margin: 0 20px; }

.kv { background: url(/static/images/mvBg.png) bottom repeat-x #F6AB00; background-size: cover; padding: 20px; text-align: center; }
.kv .img { margin: 0 auto; text-align: center; }

.news { max-width: 1200px; padding: 30px; margin: 60px auto; border: 2px solid #999; display: flex; align-items: center; }
.news h2 { width: 25%; background: #0F357F; padding: 20px 0; text-align: center; color: #fff; font-size: 1.6rem; border-top:7px solid #00155F; }
.news .list { width: 75%; }
.news .list dl { display: flex; align-items: center; padding: 5px 0 5px 30px; }
.news .list dl dt { width: 8em; font-weight: bold; }
.news .list dl dd { width: calc(100% - 8em); }

.topAbout {}
.topAbout h1 { background: #0F357F; padding: 30px 0; line-height: 1.25; text-align: center; color: #fff; font-size: 1.6rem; border-top:7px solid #00155F; }
.topAbout .inr { padding: 60px 0 0; margin: 0 auto; max-width: 1200px; }
.topAbout .inr ul { display: flex; justify-content: center; margin: 0 0 60px; }
.topAbout .inr ul li { margin: 0 20px;}
.topAbout p { max-width: 1000px; margin: 0 auto; padding: 0 0 60px;}

.topPoint {}
.topPoint h2 { background: #0F357F; padding: 30px 0; line-height: 1.25; text-align: center; color: #fff; font-size: 1.6rem; }
.topPoint .inr { padding: 60px 0 30px; margin: 0 auto; max-width: 1000px; }
.topPoint .inr h3 { background: #0F357F; padding: 20px 0; margin: 0 0 30px; text-align: center; color: #fff; font-size: 1.4rem; display: flex; align-items: center; justify-content: center; }
.topPoint .inr h3 em { color: #ff0; font-size: 1.8rem; font-weight: bold; font-style: normal; }
.topPoint .inr p { margin: 0 0 30px; }
.topPoint .inr ul li { text-align: center; margin: 0 0 60px; }
.topPoint .inr table { border:2px solid #999; border-collapse: collapse; margin: 0 auto 60px; width: 80%; }
.topPoint .inr table th { border:2px solid #999; padding: 20px; background: #eb5505; color:#fff; font-weight: bold; }
.topPoint .inr table td { border:2px solid #999; padding: 20px; }
.topPoint .inr dl { display: flex; flex-direction: row-reverse; justify-content: space-between; margin: 60px auto; }
.topPoint .inr dl dt { width: 510px; text-align: center; }
.topPoint .inr dl dd { width: calc(100% - 540px); }
.topPoint .inr dl dd h4 { font-size: 2rem; margin: 0 0 30px; }

.contactWrap { border: 2px solid #0F357F; max-width: 1100px; margin: 60px auto; }
.contactWrap h3 { background: #0F357F; font-size: 1.7rem; padding: 15px 0; margin: 0; text-align: center; color: #fff; }
.contactWrap h3:before { content: url(/static/images/ico_tel.svg); vertical-align: middle; margin: 0 10px 0 0; }
.contactWrap h3 a { display: block; font-size: 1.6rem; padding: 15px 0; margin: -15px 0; text-align: center; position: relative; color: #fff; }
.contactWrap h3 a:before { content: url(/static/images/mail.png); margin: 0 15px 0 0; }
.contactWrap h3 a:hover { color: #333; opacity: .75; }
.contactWrap dl { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 20px; }
.contactWrap dl dt { white-space: normal; width: auto; margin: 0; padding: 0; float: none; font-size: 1.75rem; line-height: 1.2; }
.contactWrap dl dt small { white-space: normal; margin: 0; padding: 0; font-size: .95rem; display: block; line-height: 1.2; }
.contactWrap dl dd { white-space: normal; width: auto; margin: 0; padding: 0; float: none; line-height: 1; font-size: 3rem; font-weight: 500; font-family: 'din', Helvetica, Arial, Verdana, Roboto, 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.contactWrap dl dd:before { content: url(/static/images/ico_navidial_70x40.svg); vertical-align: middle; margin: 0 15px 0 0; position: relative; top:-7px; }
.contactWrap dl dd small { display: block; white-space: normal; width: auto; margin: 0; padding: 0; float: none; line-height: 1; font-size:1.5rem; font-weight: 500; font-family: 'din', Helvetica, Arial, Verdana, Roboto, 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.contactWrap .supportaddress h4 { background: #ED6F43; font-size: 1.7rem; padding: 15px 0; margin: 0; text-align: center; color: #fff; }
.contactWrap .supportaddress h4:before { content: url(/static/images/ico_comment.svg); vertical-align: middle; margin: 0 10px 0 0; }
.contactWrap .supportaddress h4 a { display: block; font-size: 1.6rem; padding: 15px 0; margin: -15px 0; text-align: center; position: relative; color: #fff; }
.contactWrap .supportaddress h4 a:before { content: url(/static/images/mail.png); margin: 0 15px 0 0; }
.contactWrap .supportaddress h4 a:hover { color: #333; opacity: .75; }
.contactWrap .supportaddress dl dd:before { content: url(/static/images/freeTel01.png); }
.contactWrap .contactGuide { background: #E2E2E2; padding: 30px; }
.contactWrap .contactGuide h4 { margin: 0 0 10px; }
.contactWrap .contactGuide ul { display: flex; }
.contactWrap .contactGuide li { margin: 5px 3em 5px 0; }
.contactWrap.sub { border: none; }
.contactWrap.sub h3 i { color: #fff; }

.supportdeskWrap { border: 6px solid #ED6F43; max-width: 1100px; margin: 60px auto; }
.supportdeskWrap p { padding: 25px 25px 25px 100px; font-size: 1rem; font-weight: bold; background: url(/static/images/attention.png) 22px center no-repeat; }
.supportdeskWrap h3 { background: #ED6F43; font-size: 1.7rem; padding: 15px 0; margin: 0; text-align: center; color: #fff; }
.supportdeskWrap h3:before { content: url(/static/images/ico_comment.svg); vertical-align: middle; margin: 0 10px 0 0; }
.supportdeskWrap h3 a { display: block; font-size: 1.6rem; padding: 15px 0; margin: -15px 0; text-align: center; position: relative; color: #fff; }
.supportdeskWrap h3 a:before { content: url(/static/images/mail.png); margin: 0 15px 0 0; }
.supportdeskWrap h3 a:hover { color: #333; opacity: .75; }
.supportdeskWrap dl { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 20px; }
.supportdeskWrap dl dt { white-space: normal; width: auto; margin: 0; padding: 0; float: none; font-size: 1.75rem; line-height: 1.2; }
.supportdeskWrap dl dt small { white-space: normal; margin: 0; padding: 0; font-size: .95rem; display: block; line-height: 1.2; }
.supportdeskWrap dl dd { white-space: normal; width: auto; margin: 0; padding: 0; float: none; line-height: 1; font-size: 3rem; font-weight: 500; font-family: 'din', Helvetica, Arial, Verdana, Roboto, 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.supportdeskWrap dl dd:before { content: url(/static/images/freeTel01.png); vertical-align: middle; margin: 0 15px 0 0; position: relative; top:-7px; }
.supportdeskWrap dl dd small { display: block; white-space: normal; width: auto; margin: 0; padding: 0; float: none; line-height: 1; font-size:1.5rem; font-weight: 500; font-family: 'din', Helvetica, Arial, Verdana, Roboto, 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }


.breadcrumb ul { display: flex; padding: 5px; }
.breadcrumb ul li { padding-right: calc(10px + 1em); font-size: 12px; position: relative; line-height: 1; }
.breadcrumb ul li:after { font-size: 12px; content: "＞"; position: absolute; top:calc(50% - .5em); right: 5px; line-height: 1; }
.breadcrumb ul li:nth-last-of-type(1):after { display: none; }

.tit { background: #0F357F; padding: 25px 0; line-height: 1.25; text-align: center; color: #fff; font-size: 1.65rem; border-top:7px solid #00155F; }

.section { margin: 60px auto; max-width: 1050px; padding: 0 15px; }
.section h2 { background: #0F357F; padding: 20px 0; margin: 0 0 30px; line-height: 1.25; text-align: center; color: #fff; font-size: 1.4rem; }
.section p { margin: 0 0 30px; }
.section ul { margin: 0 0 30px; }
.section ul li { margin: 5px 0; }
.section table { margin: 0 0 30px; }

.setimg ul { display: flex; align-items: center; justify-content: center; }
.setdetail table { border:1px solid #999; border-collapse: collapse; width: 80%; margin: 0 auto 30px; }
.setdetail table th { border:1px solid #999; padding: 15px; text-align: center; }
.setdetail table td { border:1px solid #999; padding: 15px; font-weight: bold; }
.specDate { margin: 0 0 30px;  }
.specDate dl { display: flex; margin: 0 0 10px; }
.specDate dl dt { width: 8em; }
.specDate dl dd { width:calc(100% - 8em); font-weight: bold; }

.otherprice .inr table { border:2px solid #999; border-collapse: collapse; margin: 0 auto 60px; width: 90%; }
.otherprice .inr table th { border:2px solid #999; padding: 20px; background: #eb5505; color:#fff; font-weight: bold; }
.otherprice .inr table td { border:2px solid #999; padding: 20px; }
.otherprice .inr table td.priceYen { white-space: nowrap; }
.flowimg { display: flex; justify-content: space-between; margin: 0 0 30px; }
.flowimg dl { width: calc((100% - 160px) / 5); }
.flowimg dl dt { background: #eb5505; padding: 10px; border-radius: 4px; margin: 0 0 15px; color: #fff; text-align: center; position: relative; }
.flowimg dl dt:after { content: url(/static/images/arrow.png); position: absolute; top: calc(50% - 11.5px); right: -25px; }
.flowimg dl dd { font-size: .8rem; }
.flowimg dl dd h3 { padding: 0 0 5px; border-bottom: 2px solid #999; margin: 0 0 5px; }
.flowimg dl:nth-last-of-type(1) dt { background: #0F357F; color: #fff; }
.flowimg dl:nth-last-of-type(1) dt:after { display: none; }

.option .price { font-weight: bold; color: #E22B00; font-size: 1.2rem; }
.option aside { margin: 60px; }
.option aside h3 { padding: 0 0 5px; margin: 0 0 30px; border-bottom: 2px solid #999; }
.option aside ul { margin: 0 0 30px; }
.option aside ul li { background: url(/static/images/pdf.png) no-repeat left center; padding-left: 20px; }
.option aside table { border:2px solid #999; border-collapse: collapse; margin: 0 auto 60px; min-width: 80%; }
.option aside table th { border:2px solid #999; padding: 20px; background: #eb5505; color:#fff; font-weight: bold; }
.option aside table td { border:2px solid #999; padding: 20px; }
.option aside p a { display: inline-block; text-align: center; display: inline-block; padding: 1em; min-width: 240px; text-decoration: none; background: #008000; color: #FFF; border-radius: 10px; transition: .4s; }
.option aside p a:hover { background: #000080;  }

.area {}
.area dl { display: flex; justify-content: space-between; flex-direction: row-reverse; }
.area dt { width: 460px; text-align: center; }
.area dd { width: calc(100% - 460px); padding: 0 20px 0 0; }

.company table { border:2px solid #999; border-collapse: collapse; margin: 0 auto 60px; width: 80%; }
.company table th { border:2px solid #999; padding: 20px; background: #eb5505; color:#fff; font-weight: bold; }
.company table td { border:2px solid #999; padding: 20px; }

.privacy h3 { border-left:5px solid #ccc; padding: 0 0 0 10px; margin: 0 0 30px; }

.topPoint .inr .kaspersky { text-align: center; padding: 40px; background: linear-gradient(135deg, #25cb8d 0%,#62cc4f 50%,#187264 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25cb8d', endColorstr='#187264',GradientType=1 ); }
.topPoint .inr .kaspersky h4 { color: #fff; text-align: center; font-size: 1.2rem; padding: 0 0 10px; }
.topPoint .inr .kaspersky h5 { color: #fff; text-align: center; padding: 0 0 40px; }
.topPoint .inr .kaspersky p { color: #fff; margin: 0; padding: 0; text-shadow: 0 1px 1px rgba(0,0,0,.1); }
.topPoint .inr .kaspersky ul { display: flex; margin: 0 0 40px; }
.topPoint .inr .kaspersky ul li { width: calc((100% - 30px) / 4); margin: 0 10px 0 0; background: #fff; border-radius: 7px; padding:120px 10px 10px; font-size: .9rem; box-shadow: 3px 3px 4px rgba(0,0,0,.1); position: relative; }
.topPoint .inr .kaspersky ul li:before { content: ""; display: block; position: absolute; top:30px;  }
.topPoint .inr .kaspersky ul li:nth-of-type(4) { margin: 0; }
.topPoint .inr .kaspersky ul li em { font-size: 1rem; color: #E70313; font-weight: bold; }
.topPoint .inr .kaspersky ul li:nth-of-type(1):before { content: url(/static/images/ico_kaspersky01.svg); left: calc(50% - 32px); }
.topPoint .inr .kaspersky ul li:nth-of-type(2):before { content: url(/static/images/ico_kaspersky02.svg); left: calc(50% - 32px); }
.topPoint .inr .kaspersky ul li:nth-of-type(3):before { content: url(/static/images/ico_kaspersky03.svg); left: calc(50% - 26px); }
.topPoint .inr .kaspersky ul li:nth-of-type(4):before { content: url(/static/images/ico_kaspersky04.svg); left: calc(50% - 30px); }

/* ───────────────────────────────────────────────────────────────────────────
 1200px以下の動作
─────────────────────────────────────────────────────────────────────────── */
@media print, screen and (max-width:1200px){
.swP { display: none; }
.swT { display: block; }
.swS { display: none; }
.swP.swT { display: block; }
.swP.swS { display: none; }
.swT.swS { display: block; }
.swP.swT.swS { display: block; }

html,
body { font-size: 14px; }

header { width: 100%; height: 50px; padding: 5px 10px; }
header .serviceid { font-size: 10px; padding: 0 0 0 10px; }
header .logo img { height: 40px; }
header .info { display: none; }
header .spbtn,
header .spbtn span { display: inline-block; }
nav { display: none; position: absolute; top:50px; left: 0;width: 100%; z-index: 999; }
nav ul { display: block; width: auto; height: auto; background: #fff; }
nav ul li { display: block; width: auto; height: auto; text-align: left; }
nav ul li:nth-of-type(odd) { background: #f6f6f6; }
nav ul li a { display: block; width: auto; height: auto; padding:15px 10px; text-align: left; border-radius: 0; }
nav ul li.mypage { display: block; }

.kv { padding: 10px; }

.news { max-width: 100%; padding: 15px; margin: 20px; display: block; }
.news h2 { width: auto; font-size: 1rem; padding: 10px 0; }
.news .list { width: auto; font-size: 1rem; padding: 10px 0; }
.news .list dl { padding: 5px 0; }
.news .list dl dt { width: 7rem; }
.news .list dl dd { width: calc(100% - 7rem); }

.topAbout h1 { font-size: 1.4rem; padding: 20px 10px; }
.topAbout .inr { padding: 20px 20px 0; }
.topAbout .inr ul {}
.topAbout .inr ul li { margin: 0 1px; }
.topAbout p { max-width: 1000px; padding: 0 20px 20px; }

.topPoint h2 { font-size: 1.4rem; padding: 20px 10px; }
.topPoint .inr { padding: 20px; }
.topPoint .inr h3 { padding: 10px; font-size: 1rem; }
.topPoint .inr h3 em { font-size: 1.3rem; }
.topPoint .inr table { border:1px solid #999; width: auto; }
.topPoint .inr table th { border:1px solid #999; padding: 10px; font-size: 10px; white-space: pre-wrap; }
.topPoint .inr table td { border:1px solid #999; padding: 10px; font-size: 10px; }
.topPoint .inr dl { display: block; margin: 30px auto; }
.topPoint .inr dl dt { width: auto; margin: 0 auto 20px; }
.topPoint .inr dl dd { width: auto; }
.topPoint .inr dl dd h4 { margin: 0 0 10px; font-size: 1.6rem; }
.topPoint .inr p { margin: 0 0 10px; }

.contactWrap { margin: 15px; }
.contactWrap h3 { font-size: 1.4rem; padding: 10px 10px 10px 50px; position: relative; text-align: left; }
.contactWrap h3:before { position: absolute; left: 10px; top:calc(50% - 21px); }
.contactWrap .supportaddress h4 { font-size: 1.4rem; padding: 10px 10px 10px 50px; position: relative; text-align: left; }
.contactWrap .supportaddress h4:before { position: absolute; left: 10px; top:calc(50% - 21px); }
.contactWrap dl { display: block; padding: 15px; }
.contactWrap dl dt { font-size: 1.2rem; font-weight: bold; text-align: center; }
.contactWrap dl dt small { font-weight: normal; }
.contactWrap dl dd { font-size: 2.4rem; text-align: center; }
.contactWrap dl dd:before { zoom:.5; top:0; }
.contactWrap .contactGuide { padding: 15px; }
.contactWrap .contactGuide ul { display: block; }

.supportdeskWrap { margin: 15px; }
.supportdeskWrap p { padding:100px 15px 15px; background-position: center 20px; }
.supportdeskWrap h3 { font-size: 1.4rem; padding: 10px 10px 10px 50px; position: relative; text-align: left; }
.supportdeskWrap h3:before { position: absolute; left: 10px; top:calc(50% - 13px); }
.supportdeskWrap dl { display: block; padding: 15px; }
.supportdeskWrap dl dt { font-size: 1.2rem; font-weight: bold; text-align: center; }
.supportdeskWrap dl dt small { font-weight: normal; }
.supportdeskWrap dl dd { font-size: 2.4rem; text-align: center; }
.supportdeskWrap dl dd:before { zoom:.5; top:0; }
.supportdeskWrap .contactGuide { padding: 15px; }
.supportdeskWrap .contactGuide ul { display: block; }


.breadcrumb { font-size: 10px; border-top:1px solid #eee; }
.breadcrumb ul li { font-size: 10px; }
.tit { font-size: 1.2rem; padding: 15px 10px; }

.section { margin: 20px auto; }
.section h2 { padding: 15px 10px; font-size: 1.1rem; margin: 0 0 20px; }
.setimg ul { display: block; }
.setimg ul li { text-align: center; margin: 0 auto 15px; }
.setdetail table { width: auto; }
.otherprice .inr table { border:1px solid #999; width: auto; margin: 0 auto 10px; }
.otherprice .inr table th { border:1px solid #999; padding: 5px; font-size: 11px; }
.otherprice .inr table td { border:1px solid #999; padding: 5px; font-size: 11px; }
.flowimg { display: block; margin: 0; }
.flowimg dl { width: auto; position: relative; padding: 0 0 40px; }
.flowimg dl dt { position: static; }
.flowimg dl dt:after { content: url(/static/images/arrowDown.png); position: absolute; top:auto; bottom: 10px; right:calc(50% - 11.5px); }
.option aside { margin: 20px auto; }
.option aside table { border:1px solid #999; width: auto; margin: 0 auto 10px; }
.option aside table th { border:1px solid #999; padding: 5px; font-size: 11px; }
.option aside table td { border:1px solid #999; padding: 5px; font-size: 11px; }

.area dl { display: block; }
.area dt { width: auto; margin: 0 0 20px; }
.area dd { width:auto; padding: 0 0 20px; }

.company table { border:1px solid #999; width: auto; margin: 0 auto 10px; }
.company table th { border:1px solid #999; padding: 5px; font-size: 11px; }
.company table td { border:1px solid #999; padding: 5px; font-size: 11px; }

.topPoint .inr .kaspersky { padding: 15px; }
.topPoint .inr .kaspersky h5 { padding: 0 0 15px; }
.topPoint .inr .kaspersky ul { display: block; margin: 0 0 15px; }
.topPoint .inr .kaspersky ul li { width: auto; margin: 0 0 10px; padding: 20px 10px 20px 94px; text-align: left; }
.topPoint .inr .kaspersky ul li:nth-of-type(1):before { top: calc(50% - 30px); left: 15px; }
.topPoint .inr .kaspersky ul li:nth-of-type(2):before { top: calc(50% - 30px); left: 15px; }
.topPoint .inr .kaspersky ul li:nth-of-type(3):before { top: calc(50% - 30px); left: 22px; }
.topPoint .inr .kaspersky ul li:nth-of-type(4):before { top: calc(50% - 30px); left: 22px; }

}

/* ───────────────────────────────────────────────────────────────────────────
 640px以下の動作
─────────────────────────────────────────────────────────────────────────── */
@media print, screen and (max-width:640px){

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img,strong,
dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th,
td, article, aside, dialog, figure, figcaption, footer, header, hgroup, menu, nav,
section, time, mark, audio, video { letter-spacing: 0; }


.swP { display: none; }
.swT { display: none; }
.swS { display: block; }
.swP.swT { display: none; }
.swP.swS { display: block; }
.swT.swS { display: block; }
.swP.swT.swS { display: block; }

.topAbout .inr p { padding: 0; }

}

/* ───────────────────────────────────────────────────────────────────────────
 印刷時動作
─────────────────────────────────────────────────────────────────────────── */
@media print{  }