.headSection .leftArea a{font-size: 22px; font-weight: bold; line-height: 22px;}

#mainvisual.scnVisual { background: url(/products/projector/screen/common/images/img_visual.jpg) no-repeat center center; background-size: cover; background-color: #f2f2f2; height: 212px; width: 100%; }
#mainvisual.scnVisual h2 { width: 960px; margin: 0 auto; }

.scnContent { font-size: 15px; line-height: 1.8em; padding-top: 25px; }
.scnContent * { line-height: 1.8em; }
.scnContent > p { margin-bottom: 25px; }
.scnContent img { height: auto; max-width: 100%; box-sizing: border-box; }
.scnContent a:link, .scnContent a:visited { color: #293ab0; text-decoration: underline; }
.scnContent a:hover { color:#FF3300; text-decoration: underline; }

.scnContent > h3 { background-color: #001082; color: #fff; font-size: 20px; padding: 12px 20px; border-left: #293ab0 solid 8px; margin-bottom: 25px; }
.scnContent > h4 { font-size: 18px; font-weight: bold; border-bottom: #ebebeb solid 2px; color: #000; position: relative; margin-bottom: 15px; }
.scnContent > h4:before { content: ''; height: 2px; width: 240px; background-color: #ff931d; position: absolute; bottom: -2px; left: 0; }

.scnContent table { width: 100%; border-collapse: collapse; background-color: #fff; }
.scnContent table th, .scnContent table td { border: #e2e2e2 solid 1px; text-align: center; font-size: 14px; line-height: 1.6em; padding: 8px 15px; }
.scnContent table th { font-weight: normal; background-color: #fafafa; }

.scnContent .btn { text-align: center; }
.scnContent .btn a { display: inline-block; text-decoration: none; font-weight: bold; border: #293ab0 solid 1px; border-radius: 25px; font-size: 14px; padding: 8px 20px; width: 320px; background-color: #fff; }
.scnContent .btn a:before { content: ''; background: url(/products/projector/screen/common/images/arrow.png) no-repeat; background-size: 100% 100%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: -1px 7px 1px 0; }
.scnContent .btn a:hover { opacity: 0.75; }
.scnContent .btn.rh a { width: 140px; }

.scnContent .block { background-color: #f0f6fc; margin-bottom: 30px; padding: 40px; }
.scnContent .block > h4 { font-size: 18px; font-weight: bold; text-align: center; line-height: 1.4em; color: #000; position: relative; padding-bottom: 12px; margin-bottom: 30px; }
.scnContent .block > h4:before { content: ''; width: 50px; height: 2px; background-color: #293ab0; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.scnContent .block > h5, .screenType h4, .screenLineup h4 { font-size: 16px; font-weight: bold; border-left: #ff931d solid 4px; margin: 40px 0 15px 0; padding: 1px 0 0 10px; line-height: 1.2em; }

.screenSize { margin-bottom: 30px; }
.screenSize .lf { width: 540px; }
.screenSize .rh { width: 384px; }
.screenSize .rh img { border: #e2e2e2 solid 1px; }

.screenRatio td:nth-child(1) { width: 130px; vertical-align: middle; }
.screenRatio td:nth-child(2) { width: 160px; padding: 10px; }
.screenRatio td:nth-child(3) { text-align: left; vertical-align: middle; }

.blackMask p { float: left; width: 540px; }
.blackMask .rh { width: 380px; padding-top: 5px; }

.meetingScreen { margin-bottom: 60px; }
.meetingScreen > div { width: 390px; padding: 19px; border: #e2e2e2 solid 1px; background-color: #fff; text-align: center; }
.meetingScreen > div p, .hallScreen p { padding: 15px 0; clear: both; }
.meetingScreen > div div, .hallScreen div { color: #ff931d; font-weight: bold; }
.meetingScreen > div span, .hallScreen div span { font-size: 34px; line-height: 1em; }

.meetingScreenList td:nth-child(1) { width: 164px; vertical-align: middle; }
.meetingScreenList td:nth-child(2) { text-align: left; vertical-align: middle; }
.meetingScreenList td:nth-child(3) { width: 140px; }
.meetingScreenList td:nth-child(3) img { width: 94px; }

.hallScreen { padding: 19px; border: #e2e2e2 solid 1px; background-color: #fff; text-align: center; margin-bottom: 60px; }
.hallScreen img { width: 410px; }

.noScreenIdea { margin: 30px 0 40px 0; }
.noScreenIdea > div { width: 430px; text-align: center; }
.noScreenIdea p { padding-top: 15px; }

.screenType h4 { margin-top: 0; }
.screenType table { margin-bottom: 30px; }
.screenType table th { width: 130px; text-align: left; }
.screenType table td:nth-child(2) { text-align: left; }
.screenType td:nth-child(3) { width: 150px; padding: 15px; }
.screenType td:nth-child(3) img { width: 130px; margin-bottom: 15px; }
.screenType td:nth-child(3) .btn a { display: block; width: auto; padding: 8px 0; }

.screenLineup h4 { margin-top: 30px; }
.screenLineup > p { margin-bottom: 20px; }
.screenLineup > div { background-color: #f0f6fc; margin-bottom: 15px; padding: 20px; }
.screenLineup > div h5 { font-size: 15px; font-weight: bold; color: #000; line-height: 1.2em; margin: 0 0 10px -20px; border-left: #001082 solid 2px; padding: 2px 0 0 18px; }

.contactBox { background-color: #fafafa; border: #e2e2e2 solid 1px; padding: 19px; margin-bottom: 30px; }
.contactBox h4 { background: url(/products/projector/screen/common/images/ic_company.png) no-repeat 0 2px; background-size: 22px auto; font-size: 20px; font-weight: bold; color: #000; padding-left: 35px; margin-bottom: 10px; }
.contactBox > p { margin-bottom: 20px; }
.contactBox > p:last-child { margin-bottom: 0; }
.contactBox > .sm { font-size: 13px; }
.contactBox .lf div { font-weight: bold; margin-bottom: 10px; }
.contactBox .lf a { background: url(/products/projector/screen/common/images/ic_tel.png) no-repeat 0 4px; display: inline-block; font-size: 34px; font-weight: bold; text-decoration: none; color: #000; line-height: 1.2em; padding-left: 50px; pointer-events: none; }
.contactBox .rh th { font-weight: bold; vertical-align: middle; }

.contactBox .rh td dl{ width: 15em; margin: 0 auto;}
.contactBox .rh td dt{ width: 7em; float: left; text-align: right;}
.contactBox .rh td dd{ text-align: right;}

.contactBoxGeneral h4 { background: url(/products/projector/screen/common/images/ic_person.png) no-repeat 0 2px; background-size: 22px auto; }
.contactBox .lnk { margin-top: -10px; }
.contactBox .lnk a { background: url(/common/images/ico_pop_01.gif) no-repeat right 4px; padding-right: 22px; display: inline-block; }
.contactBox .lnk.no-icon a { background: none; padding-right: 22px; display: inline-block; }
.contactBox .lnk a:before { content: '»'; display: inline-block; margin-right: 5px; }

.scnContent .mb { margin-bottom: 55px; }
.scnContent .mb0 { margin-bottom: 0; }

.cf:after { content: ' '; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.cf .lf { float: left; }
.cf .rh { float: right; }

@media screen and (max-width: 767px) {

#mainvisual.scnVisual { height: inherit; background: url(/products/projector/screen/common/images/img_visual_sp.jpg) no-repeat center center; background-size: cover; }
#mainvisual.scnVisual h2 { width: auto; }

body .scnContent { font-size: 12px; padding-top: 0; width: auto; margin: 0 10px; }
.scnContent > p { margin-bottom: 15px; }

.scnContent > h3 { font-size: 18px; line-height: 1.5em; padding: 8px 10px; border-left-width: 10px; margin: 0 -10px 15px -10px; }
.scnContent > h4 { font-size: 15px; margin-bottom: 10px; }
.scnContent > h4:before { width: 195px; }

.scnContent table th, .scnContent table td { font-size: 10px; padding: 5px; vertical-align: middle; }
.scnContent table td a { font-size: 10px; }

.scnContent .btn a { padding: 6px 5px; width: 260px; letter-spacing: -0.03em; }
.scnContent .btn.rh { float: none; padding-bottom: 5px; }
.scnContent .btn.rh a { width: 120px; font-size: 12px; }
.scnContent .btn.rh a:before { width: 12px; height: 12px; }
.scnContent .btn:last-child { margin-bottom: 10px; }

.scnContent .block { margin-bottom: 15px; padding: 10px; }
.scnContent .block > h4 { font-size: 15px; padding-bottom: 8px; margin-bottom: 15px; }
.scnContent .block > h4:before { width: 25px; }
.scnContent .block > h5, .screenType h4, .screenLineup h4 { font-size: 12px; border-left-width: 3px; margin: 20px 0 10px 0; padding: 0 0 0 5px; line-height: 1.3em; letter-spacing: -0.02em; }

.screenSize { margin-bottom: 20px; }
.screenSize .lf { width: auto; float: none; margin-bottom: 15px; }
.screenSize .rh { width: auto; float: none; }

.screenRatio td:nth-child(1) { width: 40px; }
.screenRatio td:nth-child(2) { width: 90px; }

.blackMask p { float: none; width: auto; }
.blackMask .rh { float: none; width: auto; padding-top: 10px; }

.meetingScreen { margin-bottom: 0; }
.meetingScreen > div { width: auto; float: none; margin-bottom: 15px; padding: 10px; }
.meetingScreen > div p, .hallScreen p { padding: 10px 0 5px 0; }
.meetingScreen > div div, .hallScreen div { font-size: 11px; }
.meetingScreen > div span, .hallScreen div span { font-size: 18px; }

.meetingScreenList td:nth-child(1) { width: 70px; text-align: left; }
.meetingScreenList td:nth-child(3) { width: 55px; }
.meetingScreenList td:nth-child(3) img { width: 94px; }

.hallScreen { padding: 10px; margin-bottom: 15px; }
.hallScreen img { width: auto; margin-top: 10px; }
.hallScreen img:first-child { margin-top: 0; }

.noScreenIdea { margin: 15px 0 5px 0; }
.noScreenIdea > div { width: auto; float: none; padding-bottom: 10px; }
.noScreenIdea p { padding-top: 5px; }

.screenType table { margin-bottom: 15px; }
.screenType table th { width: 42px; }
.screenType td:nth-child(3) { width: 60px; padding: 5px; }
.screenType td:nth-child(3) img { width: auto; margin-bottom: 0; }
.screenType td:nth-child(3) .btn { display: none; }

.screenLineup h4 { margin-top: 15px; }
.screenLineup > p { margin-bottom: 10px; }
.screenLineup > div { margin-bottom: 15px; padding: 10px; }
.screenLineup > div h5 { font-size: 12px; margin: 0 0 5px -10px; border-left-width: 1px; padding: 1px 0 0 9px; }

.contactBox { padding: 9px; margin-bottom: 10px; }
.contactBox h4 { background-position: 0 5px; background-size: 12px auto; font-size: 14px; padding-left: 20px; margin-bottom: 5px; }
.contactBox > p { font-size: 11px; margin-bottom: 5px; }
.contactBox > .sm { font-size: 10px; }
.contactBox .lf { float: none; }
.contactBox .lf div { font-size: 13px; margin-bottom: 5px; }
.contactBox .lf a { background-position: 0 2px; background-size: 26px auto; font-size: 22px; padding-left: 40px; pointer-events: auto; }
.contactBox .rh { float: none; width: auto; padding: 10px 0; }

.contactBoxGeneral h4 { background-position: 0 5px; background-size: 12px auto; }
.contactBox .lnk { margin-top: 0; }
.contactBox .lnk a { background-position: right 3px; background-size: 12px auto; padding-right: 18px; }

.scnContent .mb { margin-bottom: 25px; }
.scnContent .mb0 { margin-bottom: 0; }

}
body {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fsM {
    font-size: 12px;
}
#header .header_inner {
    max-width: calc(1210px + 30px);
    margin: 15px auto 0;
    padding: 0 15px;
}
#header .topic_sub_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 32px;
}
#header #topic_path ul li:not(:last-child) {
    margin-right: 7px;
    padding: 0 13px 0 0;
    background: url(/common/images/bg_topicpath_01.gif) no-repeat right 6px;
}
#header #topic_path ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 79%;
}
#header ul li, #topicPath ul li {
    list-style-type: none;
}
#contents a:link {
    color: #000;
    text-decoration: none;
}
.headSection .ttl p a {
    display: block;
}
@media only screen and (max-width: 767px) {
    #header {
        font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
    #header #topic_path {
        margin-bottom: 20px;
    }
    #header #topic_path ul li a {
        font-size: unset;
    }
    #header .topic_sub_wrap {
        margin-bottom: 0;
    }
}