body{
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.forSpBlock {
    display: none !important;
}
#contents a:visited {
    color: #000;
    text-decoration: none;
}
#contents a:link {
    color: #000;
    text-decoration: none;
}
#contents  a:visited .bfBlue {
    color: #005AB4;
    text-decoration: none;
}
#contents a:link .bfBlue {
    color: #005AB4;
    text-decoration: none;
}
#contents a:hover .bottom, #contents .aArea a:hover {
    text-decoration: underline;
    color: #005AB4;
}
#contents a:hover .bottom, #contents .aArea.afRed a {
    color: #005AB4;
}
#contents a:hover .bottom, #contents .aArea.afRed a:hover {
    text-decoration: underline;
    color: #FF3300;
}
#wrapper #contents .mainSection {
    width: 100%;
    margin: 0 0 20px;
    background-color: #f2f2f2;
}
#wrapper .headSection {
    margin: 0 auto;
    padding-bottom: 30px;
}

#wrapper .headSection .info a:link    { color:#005AB4!important; text-decoration:none; }
#wrapper .headSection .info a:visited { color:#005AB4!important; text-decoration:none; }
#wrapper .headSection .info a:hover   { color:#FF3300!important; text-decoration:underline; }
#wrapper .headSection .info a:active  { color:#FF3300!important; text-decoration:underline; }

#contents h1 {
    font-size: 22px;
    font-weight: bold;
    line-height: 1em;
}
#mainvisual {
    width: 960px;
    margin: auto;
    background-image: url(/products/projector/common/images/img_keyvisual.jpg);
    background-repeat: no-repeat;
    background-position: 53%;
    background-size: cover;
}
#mainvisual h2 {
    font-size: 24px;
    line-height: 39px;
    padding: 67px 0;
    font-weight: normal;
}

.cpbnr{
    text-align: center;
    margin-bottom: 20px;
}

.col1Contents {
    width: 960px;
    margin: 0 auto;
}
.col3Contents .item {
    width: 306px;
    text-align: center;
    float: left;
    margin-right: 20px;
}
.col3Contents .item:last-of-type {
    margin-right: 0;
}
.col3Contents::after, .col4Contents::after, .bgGray::after {
    content: "";
    display: block;
    clear: both;
}
.col3Contents .osusume {
	height: 70px;

}
.scene .bottom {
    border: 1px solid #ccc;
    border-top: none;
    padding: 30px;
    padding-top: 20px;
}

.scene h3 {
    font-size: 18px;
    padding: 50px 0 16px 0;
    background-image: url(/products/projector/common/images/icon_use_home.png);
    background-repeat: no-repeat;
    background-position: center 0px;
    background-size: auto 32%;
}
.scene:nth-of-type(2) h3 {
    background-image: url(/products/projector/common/images/icon_use_business.png);
}
.scene:last-of-type h3 {
    background-image: url(/products/projector/common/images/icon_use_home_business.png);
}
.scene .bottom .icon {
    height: 30px;
    padding-bottom: 20px;
}
.scene .bottom .btn {
    margin-top: 55px;
    color: #000;
    width: auto;
    display: block;
    padding: 10px 0;
    border: 1px solid #ccc;
    border-radius: 25px;
    background-image: url(/products/projector/common/images/icon_arrow_right_gray.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    text-align: center;
}
.selectScenesSection .top {
    height: 160px;
    background-image: url(/products/projector/common/images/img_use_home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.selectScenesSection .private .top {
    background-image: url(/products/projector/common/images/img_use_home.jpg);
}
.selectScenesSection .business .top {
    background-image: url(/products/projector/common/images/img_use_business.jpg);
}
.selectScenesSection .privateBusiness .top {
    background-image: url(/products/projector/common/images/img_use_home_business.jpg);
}
.container {
    margin-top: 60px;
    text-align: center;
}
.container h2 {
    font-size: 28px;
    padding-bottom: 10px;
}
.recommended {
    margin: 60px 0;
}
.recommended:first-of-type {
    margin: 30px 0;
}
.recommended h3 {
    padding: 13px 63px;
    margin-bottom: 26px;
    background-color: #f2f2f2;
    text-align: left;
    font-size: 16px;
    background-image: url(/products/projector/common/images/icon_use_home.png);
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: 20px center;
}
.recommended.business h3 {
    background-image: url(/products/projector/common/images/icon_use_business.png);
    background-position: 27px center;
}
.moreKnow .top {
    height: 160px;
    background-image: url(/products/projector/common/images/img_select_home_projecter.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 15px;
}
.moreKnow .top img {
    width: 100%;
}
.moreKnow .easy .top {
    background-image: url(/products/projector/common/images/img_easy.jpg);
}
.moreKnow .idea .top {
    background-image: url(/products/projector/common/images/img_idea.jpg);
}
.moreKnow .top p {
    color: #fff;
    font-size: 18px;
    padding-top: 60px;
}
.moreKnow .bottom {
    text-align: left;
}
.connectionArea {
    border: 1px solid #ccc;
    margin-top: 30px;
}
.connection {
    background-color: #dae3e9;
    padding: 5px;
}
.aArea {
    padding-left: 25px;
    text-align: left;
}
.moreKnow .bottom a, .moreKnow .btn {
    display: inline-block;
    width: 30%;
    padding: 13px 0px 13px 18px;
    color: #000;
    background-image: url(/products/projector/common/images/icon_arrow_right_blue.png);
    background-repeat: no-repeat;
    background-position: 2% center;
    text-align: left;
}
.recommended.business .item:first-of-type .top {
    /* background-image: url(/products/projector/common/images/img_serch_navi.jpg); */
    background-image: none;
}
.recommended.business .item:nth-of-type(2) .top {
    /* background-image: url(/products/projector/common/images/img_brightness_recommended.jpg); */
    background-image: none;
}
.recommended.business .item:nth-of-type(3) .top {
    /* background-image: url(/products/projector/common/images/img_electron_blackboard.jpg); */
    background-image: none;
}
.col4Contents {
    margin: 30px 0 10px 0;
}
.col4Contents .item {
    width: 233px;
    float: left;
    text-align: left;
    margin-right: 9px;
}
.col4Contents .item:last-of-type {
    margin-right: 0;
}
.recommendedProduct {
    margin-top: 80px;
}
.recommendedProduct h3 {
    font-size: 16px;
}
.recommendedProduct .top {
    height: 160px;
    background-image: url(/products/projector/common/images/img_more_casual.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.recommendedProduct .bottom {
    text-align: left;
    padding: 18px;
    padding-bottom: 30px;
    border: 1px solid #ccc;
}
.recommendedProduct .bottom h3 {
    padding-bottom: 10px;
}
.recommendedProduct .item:nth-of-type(2) .top {
    background-image: url(/products/projector/common/images/img_high_brightness_model.jpg);
}
.recommendedProduct .item:nth-of-type(3) .top {
    background-image: url(/products/projector/common/images/img_splendid_direction.jpg);
}
.recommendedProduct .col3Contents {
    margin: 30px 0 10px 0;
}
.recommended .item .bottom p strong {
    font-size: 18px;
}
.recommended .item:hover, .recommendedProduct .item:hover {
    opacity: 0.8;
}
.recommended .item:hover .bottom p, .recommended .item:hover .bottom p strong {
    color: #005AB4;
}
.recommended .item .bottom.afRed p, .recommended .item .bottom.afRed p strong {
    color: #005AB4;
}
.recommended .item:hover .bottom.afRed p, .recommended .item:hover .bottom.afRed p strong {
    color: #FF3300;
}
#contents .question .tags a:hover, #contents .helpInformation a:hover {
    border: 1px solid #005AB4;
    color: #005AB4;
}
#contents .scene a:hover .bottom {
    color: #000;
    text-decoration: none;
    opacity: 0.8;
}
#contents .scene a:hover .bottom .btn {
    border: 1px solid #005AB4;
    color: #005AB4;
    background-image: url(/products/projector/common/images/icon_arrow_right_blue.png);
}
#contents .scene a:hover .top {
    opacity: 0.8;
}

.bgGray {
    background-color: #f2f2f2;
    padding: 20px 0;
}
#contents .bgGray a:link, #contents .bgGray a:visited {
    color: #333;
}
#contents .bgGray a:hover {
    color: #005AB4;
    text-decoration: underline;
}
#contents .bgGray a.afRed {
    color: #005AB4;
}
#contents .bgGray a.afRed:hover {
    color: #FF3300;
    text-decoration: underline;
}
.category {
    float: left;
    width: 33%;
    text-align: left;
    padding: 0 40px;
    box-sizing: border-box;
}
.category:nth-of-type(2) {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 34%;
}
.category:last-of-type {
    border-right: none;
    padding-right: 30px;
}
.category .subTit {
    text-align: center;
}
.category h3 {
    display: inline-block;
    background-image: url(/products/projector/common/images/icon_catalog.png);
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 30px;
    margin-bottom: 20px;
}
.category:nth-of-type(2) h3 {
    background-image: url(/products/projector/common/images/icon_projection_distance.png);
    background-size: 39px;
    padding-left: 50px;
}
.category:nth-of-type(3) h3 {
    background-image: url(/products/projector/common/images/icon_document.png);
    background-size: 29px;
    padding-left: 40px;
}
.category a{
    display: inline-block;
    background-image: url(/products/projector/common/images/icon_arrow_right_blue.png);
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: left 5px;
    padding-left: 12px;
    line-height: 1.7;
}

.question .tags {
    padding: 30px 80px;
    padding: 30px 20px;
    margin-top: 30px;
    border: 1px solid #ccc;
}
.question .tags a {
    padding: 7px 40px;
    border: 1px solid #ccc;
    border-radius: 20px;
    display: inline-block;
    color: #000;
	margin-top: 10px;

}
.helpInformation a {
    display: inline-block;
    margin-top: 30px;
    padding: 14px 46px;
    border: 1px solid #ccc;
    background-image: url(/products/projector/common/images/icon_arrow_right_blue.png);
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: 92% center;
    color: #000;
}

.helpInformation a.arw {
    background-position: 94% center;
}

#pagetopBlock {
    position: fixed;
    bottom: 0px;
    right: 111px;
}
#topicPath li{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}


.youtubeWrap{
     width:680px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 70px;
}

.youtube{
    position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

.youtube iframe{
    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.youtubeWrap h3{
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 10px;
}




/* ノウハウ集 */


#contents .knowhowBox{
    display: flex;
  flex-wrap: wrap;
}

#contents li.knowhow{
	font-size: 85%;
    background-color: #EFEFEF;
	margin-top: 1em;
	margin-bottom: 2em;
	padding: 0;
    padding-bottom: 2em;

    /*width: 300px;
    float: left;
    margin-top: 10px;
	margin-bottom: 20px;
    margin-right: 15px;
    padding: 0 0 10px 0;*/
}


#contents li.knowhow h4{
    font-size: 140%;
    margin:1.5em auto;
    margin-bottom: 0.5em;

    /*width: 300px;
    margin-top: 15px;
	margin-bottom: 15px;*/

}


#contents .knowhow_description{
	font-size: 110%;
	line-height: 1.5;
    text-align: left;
    padding-top:0;
    padding-bottom:1.5em;
    margin-top: 1em;
    margin-left: 2em;
    margin-right: 2em;

    /*padding: 0 25px 0 20px;
    height: 70px;
	margin-left:25px;*/
}

#contents .knowhow_description a {
    color: #005AB4;
    text-decoration: none;
}
#contents .knowhow_description a:hover {
    color: #FF3300;
    text-decoration: underline;
}

/*.detailSection li.knowhow2 h4{
	font-size: 130%;
    width: 100%;
    float: left;
	padding: 15px 0 10px 20px;
}

.detailSection li.knowhow2{
	font-size: 90%;
    background-color: #EFEFEF;
    width: 99%;
    float: left;
	padding: 10px 0 20px 10px;

}

.knowhow_description2{
	margin-left:20px;
	padding: 0 0 5px 20px;
}*/

.products_area {
    overflow: hidden;
}
	.fl_link {
    float: left;
    width: 49%;
}
	.fr_link {
    float: right;
    width: 49%;
}

.w100:hover {
	opacity: 0.8;
}

/* ノウハウ集 */



/* SP */

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

    .forSpBlock {
        display: block !important;
    }
    .forPcBlock {
        display: none !important;
    }
    p, a, li {
        font-size: 3.6vw;
    }
    .question, .helpInformation {
        width: 90%;
        margin: auto;
    }
    .headSection .innerBlock {
        text-align: center;
        margin-top: 0;
        width: 100%;
    }
    #wrapper .headSection {
        padding-bottom: 0;
    }

    .headSection .innerBlock .ttl {
        width: auto;
        margin-top: 10px;
    }

    .headSection .ttl a {
        font-size: 5vw;
    }

    .headSection .ttl p {
        width: 100%;
    }
    #wrapper {
        overflow: hidden;
    }

    #wrapper #contents .mainSection {
        width: 100%;
        margin: 5% 0;
    }
    #wrapper #contents {
        min-width: 320px;
    }
    #topicPath {
        padding: 4px 8px!important;
    }
    #topicPath ul li, #topicPath ul li a{
        font-size: 10.112px!important;
    }
    #mainvisual {
        width: auto;
        margin: auto;
        background-image: url(/products/projector/common/images/img_keyvisual_sp.jpg);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 100%;
    }
    #mainvisual h2 {
        font-size: 5.2vw;
        line-height: 1.7;
        padding: 10% 7%;
        font-weight: normal;
    }
    .cpbnr{
        text-align: center;
        margin-bottom: 20px;
    }
    .cpbnr img{
        width: 100%;
    }
    .col1Contents {
        width: 90%;
        margin: 0 auto;
    }
    .anchorNav {
        background-color: #dae3e9;
        padding: 3% 5%;
        text-align: center;
    }
    .anchorNav a {
        background-color: #fff;
        display: inline-block;
        width: 31%;
        padding: 18% 3% 10% 3%;
        color: #000;
        text-align: center;
        background-image: url(/products/projector/common/images/icon_use_home.png),
        url(/products/projector/common/images/icon_arrow_down_black.png);
        background-repeat: no-repeat;
        background-position: center 15%, center 90%;
        background-size: auto 20%, 10%;
        margin-right: 1%;
        box-sizing: border-box;
    }
    .anchorNav a:nth-of-type(2) {
        background-image: url(/products/projector/common/images/icon_use_business.png),
        url(/products/projector/common/images/icon_arrow_down_black.png);
    }
    .anchorNav a:last-of-type {
        background-image: url(/products/projector/common/images/icon_use_home_business.png),
        url(/products/projector/common/images/icon_arrow_down_black.png);
        margin-right: 0;
    }
    .col3Contents .item {
        width: auto;
        text-align: center;
        float: none;
        margin-bottom: 3%;
        margin-right: 0;
    }
    .col3Contents .item:last-of-type {
        margin-right: 0;
    }
    .col3Contents::after, .col4Contents::after, .bgGray::after {
        content: "";
        display: block;
        clear: both;
    }
    .recommendedProduct .top {
        height: auto;
    }
    .scene .bottom {
        border: 1px solid #ccc;
        border-top: none;
        padding: 10%;
        padding-top: 0;
    }
    .scene .bottom p {
        text-align: left;
    }
    .scene h3 {
        padding-top: 10%;
        font-size: 4.8vw;
        padding-bottom: 7%;
        background-position: 9% center;
        background-size: auto 40%;
        padding-left: 10%;
    }
    .scene:nth-of-type(2) h3 {
        background-position: 16% center;
    }
    .scene:last-of-type h3 {
        background-position: 0% center;
        padding-left: 30%;
    }
    .scene h3 img {
        width: 13%;
        padding-right: 4%;
        margin-top: -3%;
    }
    .scene:nth-of-type(2) h3 img {
        width: 8%;
    }
    .scene:nth-of-type(3) h3 img {
        width: 30%;
        margin-left: -4%;
    }
    .scene .bottom .icon {
        height: 30px;
        padding-bottom: 20px;
    }
    .scene .bottom .btn {
        margin-top: 10%;
        color: #000;
        width: auto;
        display: block;
        padding: 4% 0;
        border: 1px solid #ccc;
        border-radius: 6vw;
        background-image: url(/products/projector/common/images/icon_arrow_right_gray.png);
        background-repeat: no-repeat;
        background-position: 95% center;
        background-size: 2%;
    }
    .selectScenesSection .top {
        height: 46vw;
        padding-top: 0;
        background-image: url(/products/projector/common/images/img_use_home.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .selectScenesSection .private .top {
        background-image: url(/products/projector/common/images/img_use_home.jpg);
    }
    .selectScenesSection .business .top {
        background-image: url(/products/projector/common/images/img_use_business.jpg);
    }
    .selectScenesSection .privateBusiness .top {
        background-image: url(/products/projector/common/images/img_use_home_business.jpg);
    }
    .container {
        margin-top: 10%;
        text-align: center;
    }
    .container h2 {
        font-size: 5vw;
        padding-bottom: 1%;
    }
    .recommended {
        margin: 8% 0;
    }
    .recommended:first-of-type {
        margin: 8% 0;
    }
    .recommended .item {
        margin-bottom: 6%;
    }
    .recommended h3 {
        padding: 3% 3% 3% 21%;
        margin-bottom: 5%;
        background-color: #f2f2f2;
        text-align: left;
        font-size: 4.4vw;
        background-image: url(/products/projector/common/images/icon_use_home.png);
        background-repeat: no-repeat;
        background-size: auto 45%;
        background-position: 7% center;
    }
    .recommended.business h3 {
        background-image: url(/products/projector/common/images/icon_use_business.png);
        background-position: 27px center;
    }
    .recommended .item .bottom p {
        margin-bottom: 1%;
    }
    .recommended .item .bottom p strong {
        font-size: 5vw;
        font-weight: bold;
    }
    .aArea {
        padding: 5%;
    }
    .moreKnow .top p {
        font-size: 5.6vw;
        padding-top: 17%;
    }
    .moreKnow .bottom a, .moreKnow .btn {
        display: block;
        width: 100%;
        padding: 0 0 0 7%;
        background-size: 1.5%;
    }
    .moreKnow .btn:first-of-type {
        padding-bottom: 2%;
    }
    .moreKnow .home .bottom p:first-of-type {
        text-align: center;
        color: #fff;
        font-size: 4.8vw;
        margin-top: -30%;
    }
    .moreKnow .home .bottom p:nth-of-type(2) {
        margin: 16% 0 6%;
    }
    .moreKnow .bottom {
        text-align: left;
    }
    .moreKnow .recommendedBtn a {
        display: block;
        padding: 4% 5%;
        margin-top: 2%;
        border: 1px solid #ccc;
        color: #000;
        background-image: url(/products/projector/common/images/icon_arrow_right_blue.png);
        background-repeat: no-repeat;
        background-position: 95% center;
        background-size: 2%;
    }
    .moreKnow .top {
        height: 45vw;
        margin-bottom: 2%;
    }
    .connectionArea {
        margin-top: 0;
    }
    .col4Contents {
        margin: 5% 0 0 0;
    }
    .col4Contents .item {
        width: 49%;
        float: left;
        text-align: left;
        margin: 0 1% 1% 0;
    }
    .col4Contents .item:first-of-type p {
        margin-bottom: 15%;
    }
    .col4Contents .item:last-of-type {
        margin-right: 0;
    }
    .recommendedProduct h3 {
        font-size: 4vw;
    }
    .recommendedProduct .item p {
        font-size: 2.8vw;
    }
    .recommendedProduct .bottom {
        background-image: url(/products/projector/common/images/img_more_casual.jpg);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .recommendedProduct .bottom {
        padding: 4%;
        padding-left: 55%;
        border: 1px solid #ccc;
        height: 16vw;
    }
    .recommendedProduct .bottom h3 {
        padding-bottom: 3%;
    }
    .recommendedProduct .item:nth-of-type(2) .bottom {
        background-image: url(/products/projector/common/images/img_high_brightness_model.jpg);
    }
    .recommendedProduct .item:nth-of-type(3) .bottom {
        background-image: url(/products/projector/common/images/img_splendid_direction.jpg);
    }
    .bgGray {
        background-color: #f2f2f2;
        padding: 0 5%;
        margin-top: 5%;
    }
    .category {
        border-bottom: 1px solid #ccc;
        text-align: left;
        box-sizing: border-box;
        padding: 7% 0;
        float: none;
        width: 100%;
        border-right: none;
    }
    .category a {
        padding-left: 5%;
        position: relative;
    }
    .category:last-of-type {
        border-bottom: none;
    }
    .category .subTit {
        text-align: center;
    }
    .category h3 {
        display: inline-block;
        background-image: url(/products/projector/common/images/icon_catalog.png);
        background-repeat: no-repeat;
        background-size: 13%;
        padding-left: 11%;
        padding-bottom: 7%;
        margin-bottom: 0;
    }
    .category:nth-of-type(2) h3 {
        background-image: url(/products/projector/common/images/icon_projection_distance.png);
        background-size: 18%;
        padding-left: 17%;
    }
    .category:nth-of-type(3) h3 {
        background-image: url(/products/projector/common/images/icon_document.png);
        background-size: 18%;
        padding-left: 14%;
    }
    .category a{
    display: inline-block;
    background-image: url(/products/projector/common/images/icon_arrow_right_blue.png);
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: left 5px;
    padding-left: 12px;
    line-height: 1.7;
    }
    .question .tags {
        padding: 5%;
        margin-top: 5%;
        border: 1px solid #ccc;
        text-align: left;
    }
    .question .tags a {
        padding: 3% 5%;
        border: 1px solid #ccc;
        border-radius: 6vw;
        display: inline-block;
        color: #000;
        margin-bottom: 2%;
    }
    .helpInformation a {
        display: inline-block;
        margin-top: 5%;
        padding: 4% 13%;
        border: 1px solid #ccc;
        background-image: url(/products/projector/common/images/icon_arrow_right_blue.png);
        background-repeat: no-repeat;
        background-size: 4%;
        background-position: 92% center;
        color: #000;
    }



#contents li.knowhow{
        margin-top: 0.5em;
        margin-bottom: 1em;
}

#contents li.knowhow h4{
        margin: 1em auto;
        margin-bottom:0;
}

#contents .knowhow_description{
        padding-bottom: 1em;
        margin-top: 1em;
        margin-left: 1em;
        margin-right: 1em;
}

    .youtubeWrap{
     width:80%;
    margin-top: 30px;
    margin-bottom: 40px;
    }

    .youtubeWrap h3{
    font-size: 15px;
    }

    .youtubeWrap p{
    font-size: 12px;
    }

	.fl_link {
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}

	.fr_link {
		float: none;
		width: 100%;
	}

}

/* -------------------------------------
20200807 add
------------------------------------- */
.opacity60:hover{
    opacity: 0.6;
}


/* -------------------------------------
20200928 add
------------------------------------- */
@media screen and (max-width: 767px){
    .recommendedProduct.recommendedProduct_hight_large .bottom {
        background-position: 8% 5.5vw;
        background-size: 47%;
    }

    .recommendedProduct.recommendedProduct_hight_large .bottom {
        height: 26vw;
    }

    .flL.fl_sp_none,
    .flR.fl_sp_none{
        width: 100%;
        float:none;
    }

    .sp_mb30{
        margin-bottom: 30px;
    }
}

/* -------------------------------------
20201007 add
------------------------------------- */
.container h2.fontS {
    font-size: 23px;
    padding-bottom: 10px;
}

/* -------------------------------------
20201118 add
------------------------------------- */
.container h2.fontSS {
    font-size: 16px;
    padding-bottom: 10px;
}


/* -------------------------------------
20231214 add
------------------------------------- */
.projector_projection .bottom {
    padding: 20px;
    border: 1px solid #ccc;
    border-top: none;
}
.projector_projection_text {
   color: #1f497d;
}

.projector_projection_text h3 {
   font-size: 16px;
}

.projector_projection_innner_pc {
    display: block;
}

.projector_projection_innner_sp {
    display:none;
}

.projector_projection .bottom .btn {
    margin: 10px auto 0;
    width: 250px;
    color: #000;
    display: block;
    padding: 10px 0;
    border: 1px solid #ccc;
    border-radius: 25px;
    background-image: url(/products/projector/common/images/icon_arrow_right_gray.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    text-align: center;
}

#contents .projector_projection a:hover .bottom {
    color: #1f497d;
    text-decoration: none;
    opacity: 0.8;
}
#contents .projector_projection a:hover .bottom .btn {
    border: 1px solid #005AB4;
    color: #005AB4;
    background-image: url(/products/projector/common/images/icon_arrow_right_blue.png);
}
#contents .projector_projection a:hover .top {
    opacity: 0.8;
}

@media screen and (max-width: 767px){
    .projector_projection .bottom {
         padding: 10%;
       }
    .projector_projection_text h3 {
         font-size: 4vw;
       }
    .projector_projection_innner_pc {
         display: none;
       }
       
    .projector_projection_innner_sp {
           display:block;
           max-width: 100%;
           height: 20vw;
       }
    .projector_projection .bottom .btn {
        margin-top: 10%;
        color: #000;
        width: auto;
        display: block;
        padding: 4% 0;
        border: 1px solid #ccc;
        border-radius: 6vw;
        background-image: url(/products/projector/common/images/icon_arrow_right_gray.png);
        background-repeat: no-repeat;
        background-position: 95% center;
        background-size: 2%;
        }
    }