@charset "shift_jis";

/*-- アンカーリンクのスクロール移動処理 --*/
div.header-info-red {
	display: none;
}

html {
    scroll-behavior: smooth;
}

div.header-info-red {
	display: none;
}

.inner_content{
	max-width:1080px;
}

body {
	background:linear-gradient(135deg,rgba(228,233,240,1)0%,rgb(174,193,224)100%);
}

/*-- ▼ 選択ボタン ▼ --------------------------------------------------------------------- */
#select-button {
    background-color: #f2f2f2;
    text-align: center;
    padding: 4% 5%;
}
#select-button h3 {
    font-size: 1.5rem;
    margin: 0 auto 2%;
}
#select-button ul {
    display: grid;
	grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
#select-button ul li a {
    display: block;
    background-color: #222;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    padding: 3% 0;
}
#select-button ul li a:hover {
    opacity: 0.8;
    color: #fff!important;
}
#select-button ul li a p.button-1 {
    line-height: 1.3rem;
}
#select-button ul li a p.button-2 {
    line-height: 2.5rem;
}
/*-- ▲ 選択ボタン終了 ▲ ----------------------------------------------------------------- */


/*-------------------------------------------------------------------------------------------------------- */
/*-- ▼ 小会議室・ミーティングルーム ▼ ---------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------- */

/*-- 1カラムバナー --*/
#meeting-room {
    margin-top: 5%;
    background-color: #f2f2f2 ;
    overflow: hidden;
}
#meeting-room h3 {
    padding: 3% 0 2%;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}
#meeting-room div.col_1 a {
    display: block;
}
#meeting-room div.col_1 a:hover {
    opacity: 0.8;
}
#meeting-room div.col_1 a img {
    width: 98%;
    padding: 0 1% 1%;
}

/*-- ディスプレイ付属品2カラムバナー --*/
#meeting-room div.col_2 {
    padding: 0 1%;
}
#meeting-room div.col_2 ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
}
#meeting-room div.col_2 a {
    display: block;
}
#meeting-room div.col_2 a:hover {
    opacity: 0.8;
}
#meeting-room div.col_2 a img {
    width: 100%;
}
#meeting-room div.col_2 ul li.more {
    width: 90%;
    margin: 2% auto 0;
    background-color: #4c8ad3;
    border-radius: 50px;
    text-align: center;
    color: #fff;
}
#meeting-room div.col_2 ul li.more:hover {
    opacity: 0.8;
    a {
        color: #fff!important;
    }
}
#meeting-room div.col_2 ul li.more a {
    font-size: 1.5rem;
    font-weight: bold;
}


/*-- HDMIケーブル --*/
#meeting-room div.hdmi-select {
    margin: 5% 0;
}
#meeting-room div.hdmi-select h3 {
    padding: 0;
    margin: 2% auto 0.5%;
    font-size: 1.5rem;
}
#meeting-room div.hdmi-select ul.col_4 {
    width: 90%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 5px;
    text-align: center;
    margin: 0 auto 2%;
}
#meeting-room div.hdmi-select ul.col_4 li a {
    background-color: #222;
    border-radius: 5px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    display: block;
    padding: 2% 0;
}
#meeting-room div.hdmi-select ul.col_4 li a:hover {
    opacity: 0.8;
    color: #fff!important;
}

/*-- 2カラムバナー --*/
#meeting-room div.item {
    margin-bottom: 5%;
}
#meeting-room ul.col_2 {
    width: 98%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1.5% 1%;
}
#meeting-room ul.col_2 li a:hover {
    opacity: 0.8;
}
#meeting-room ul.col_2 li a img {
    width: 100%;
}
/*-------------------------------------------------------------------------------------------------------- */
/*-- ▲ 小会議室・ミーティングルーム終了 ▲ ------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------- */



/*-------------------------------------------------------------------------------------------------------- */
/*-- ▼ 大会議室 ▼ ----------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------- */

/*-- 1カラムバナー --*/
#conference-room {
    margin-top: 5%;
    background-color: #f2f2f2 ;
    overflow: hidden;
}
#conference-room h3 {
    padding: 3% 0 2%;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}
#conference-room div.col_1 a {
    display: block;
}
#conference-room div.col_1 a:hover {
    opacity: 0.8;
}
#conference-room div.col_1 a img {
    width: 98%;
    padding: 0 1% 1%;
}

/*-- ディスプレイ付属品2カラムバナー --*/
#conference-room div.col_2 {
    padding: 0 1%;
}
#conference-room div.col_2 ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
}
#conference-room div.col_2 a {
    display: block;
}
#conference-room div.col_2 a:hover {
    opacity: 0.8;
}
#conference-room div.col_2 a img {
    width: 100%;
}
#conference-room div.col_2 ul li.more {
    width: 90%;
    margin: 2% auto 0;
    background-color: #4c8ad3;
    border-radius: 50px;
    text-align: center;
    color: #fff;
}
#conference-room div.col_2 ul li.more:hover {
    opacity: 0.8;
    a {
        color: #fff!important;
    }
}
#conference-room div.col_2 ul li.more a {
    font-size: 1.5rem;
    font-weight: bold;
}

/*-- HDMIケーブル --*/
#conference-room div.hdmi-select {
    margin: 5% 0;
}
#conference-room div.hdmi-select h3 {
    padding: 0;
    margin: 2% auto 0.5%;
    font-size: 1.5rem;
}
#conference-room div.hdmi-select ul.col_4 {
    width: 90%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 5px;
    text-align: center;
    margin: 0 auto 2%;
}
#conference-room div.hdmi-select ul.col_4 li a {
    background-color: #222;
    border-radius: 5px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    display: block;
    padding: 2% 0;
}
#conference-room div.hdmi-select ul.col_4 li a:hover {
    opacity: 0.8;
    color: #fff!important;
}

/*-- 2カラムバナー --*/
#conference-room div.item {
    margin-bottom: 3%;
}
#conference-room ul.col_2 {
    width: 98%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1.5% 1%;
}
#conference-room ul.col_2 li a:hover {
    opacity: 0.8;
}
#conference-room ul.col_2 li a img {
    width: 100%;
}
/*-------------------------------------------------------------------------------------------------------- */
/*-- ▲ 大会議室終了 ▲ ------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------- */


/*-------------------------------------------------------------------------------------------------------- */
/*-- ▼ 役員会議室 ▼ --------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------- */

/*-- 1カラムバナー --*/
#board-room {
    margin-top: 5%;
    background-color: #f2f2f2 ;
    overflow: hidden;
}
#board-room h3 {
    padding: 3% 0 2%;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}
#board-room div.col_1 a {
    display: block;
}
#board-room div.col_1 a:hover {
    opacity: 0.8;
}
#board-room div.col_1 a img {
    width: 98%;
    padding: 0 1% 1%;
}

/*-- ディスプレイ付属品2カラムバナー --*/
#board-room div.col_2 {
    padding: 0 1%;
}
#board-room div.col_2 ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
}
#board-room div.col_2 a {
    display: block;
}
#board-room div.col_2 a:hover {
    opacity: 0.8;
}
#board-room div.col_2 a img {
    width: 100%;
}
#board-room div.col_2 ul li.more {
    width: 90%;
    margin: 2% auto 0;
    background-color: #4c8ad3;
    border-radius: 50px;
    text-align: center;
    color: #fff;
}
#board-room div.col_2 ul li.more:hover {
    opacity: 0.8;
    a {
        color: #fff!important;
    }
}
#board-room div.col_2 ul li.more a {
    font-size: 1.5rem;
    font-weight: bold;
}

/*-- HDMIケーブル --*/
#board-room div.hdmi-select {
    margin: 5% 0;
}
#board-room div.hdmi-select h3 {
    padding: 0;
    margin: 2% auto 0.5%;
    font-size: 1.5rem;
}
#board-room div.hdmi-select ul.col_4 {
    width: 90%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 5px;
    text-align: center;
    margin: 0 auto 2%;
}
#board-room div.hdmi-select ul.col_4 li a {
    background-color: #222;
    border-radius: 5px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    display: block;
    padding: 2% 0;
}
#board-room div.hdmi-select ul.col_4 li a:hover {
    opacity: 0.8;
    color: #fff!important;
}

/*-- 2カラムバナー --*/
#board-room div.item {
    margin-bottom: 3%;
}
#board-room ul.col_2 {
    width: 98%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1.5% 1%;
}
#board-room ul.col_2 li a:hover {
    opacity: 0.8;
}
#board-room ul.col_2 li a img {
    width: 100%;
}
/*-------------------------------------------------------------------------------------------------------- */
/*-- ▲ 役員会議室終了 ▲ ----------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------- */


/*-------------------------------------------------------------------------------------------------------- */
/*-- ▼ 工場の方法管理 ▼ --------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------- */

/*-- 1カラムバナー --*/
#management-room {
    margin-top: 5%;
    background-color: #f2f2f2 ;
    overflow: hidden;
}
#management-room h3 {
    padding: 3% 0 2%;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}
#management-room div.col_1 a {
    display: block;
}
#management-room div.col_1 a:hover {
    opacity: 0.8;
}
#management-room div.col_1 a img {
    width: 98%;
    padding: 0 1% 1%;
}

/*-- ディスプレイ付属品2カラムバナー --*/
#management-room div.col_2 {
    padding: 0 1%;
}
#management-room div.col_2 ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
}
#management-room div.col_2 a {
    display: block;
}
#management-room div.col_2 a:hover {
    opacity: 0.8;
}
#management-room div.col_2 a img {
    width: 100%;
}
#management-room div.col_2 ul li.more {
    width: 90%;
    margin: 2% auto 0;
    background-color: #4c8ad3;
    border-radius: 50px;
    text-align: center;
    color: #fff;
}
#management-room div.col_2 ul li.more:hover {
    opacity: 0.8;
    a {
        color: #fff!important;
    }
}
#management-room div.col_2 ul li.more a {
    font-size: 1.5rem;
    font-weight: bold;
}

/*-- HDMIケーブル --*/
#management-room div.hdmi-select {
    margin: 5% 0;
}
#management-room div.hdmi-select h3 {
    padding: 0;
    margin: 2% auto 0.5%;
    font-size: 1.5rem;
}
#management-room div.hdmi-select ul.col_4 {
    width: 90%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 5px;
    text-align: center;
    margin: 0 auto 2%;
}
#management-room div.hdmi-select ul.col_4 li a {
    background-color: #222;
    border-radius: 5px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    display: block;
    padding: 2% 0;
}
#management-room div.hdmi-select ul.col_4 li a:hover {
    opacity: 0.8;
    color: #fff!important;
}
/*-------------------------------------------------------------------------------------------------------- */
/*-- ▲ 工場の方法管理 ▲ ----------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------- */