/*
Theme Name: Enfold Child
Template: enfold
*/
@charset “UTF-8”;

/*----------------------------------------
// CSS - Easy Slider title and caption
//--------------------------------------*/

/* Caption Title */
.av_slideshow .avia-caption .avia-caption-title {
	font-family: 'Roboto Slab', serif;
	background: #1cc7d0;
    letter-spacing: .05em;
    font-weight:800;
    font-size:30px;
	font-display: swap;
}

/* caption content */
.av_slideshow .avia-caption-content p {
	font-family: 'Ubuntu', sans-serif;
	background: #49a942;
    margin-top:5px;
    letter-spacing: .01em;
	font-display: swap;
}

/* googleTranslator */
#main .title_container > .container h1{
	float:left;
}
#main .title_container > .container #googleTranslator{
	float:right;
}
.breadcrumbs {
	clear: left;
}

.alert {
	color: #FF9800;
	background-color: #FFFFFF;
}

/* プロダクトトップ用テーブルの罫線削除 */
/* base.cssを上書き */
.noborder-table tr:first-child th,
.noborder-table tr:first-child td,
.noborder-table tr th:first-child, .noborder-table tr td:first-child {
    border-style: none;
    border-width: 0;
}
/* 追加記述 */
.noborder-table tr,
.noborder-table tr td {
	border: 0 none transparent;
}

/***** CSS - Easy Slider title and caption ここまで *****/

/*上部プラットフォーマー用*/
h1.page_title {
    font-size: 12px;
}

@import url('../enfold/style.css');
https: //www.symphotony.com/wp-admin/theme-editor.php?file=style.css&theme=enfold_child

#main .template-page .entry-content-wrapper h1,
#main .template-page .entry-content-wrapper h2 {
    text-transform: none;
}

p,
ul li,
ol li,
table tr td {
    font-size: 15px;
}

#top a.avia-post-nav {
    display: none;
}

div.main_color tr:nth-child(odd),
div.main_color tr:nth-child(even) {
    background: #fcfcfc;
    color: #666666;
}

#main span.avia_iconbox_title {
    font-size: 17px;
}

div.table-of-contents ul li {
    list-style: none;
}

.inq-alert {
    padding: 5px;
    background: #ff8080;
    color: #fff;
    margin: 5px;
    font-weight: normal;
}

div#wpcf7-f1090-p43-o2.wpcf7 {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 20px;
}

#top #main input.wpcf7-form-control.wpcf7-text {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#top #main textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#top #main select.wpcf7-form-control.wpcf7-select {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
}


input[type='submit'] {
    font-size: 18px;
}

div#main span.copyright a,
div#wrap_all span.copyright a {
    display: none;
}

p.inq-name {
    border-bottom: 1px solid #ccc;
}

p.inq-name-top {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

h2.lp-head {
    border-left: 20px solid #860000;
    border-bottom: none;
    padding-left: 10px;
    padding-top: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
}

span.wpcf7-list-item {
    display: block;
    margin: 5px 0 5px 0;
}

table.history-table th {
    white-space: nowrap;
}

table tr th {
    text-transform: none;
}

table.lightsmyth-specification tr th,
table.lightsmyth-specification tr td,
table.lightsmyth-specification tr td ul li {
    font-size: 12px;
}

table.small-specification tr th,
table.small-specification tr td {
    font-size: 12px;
    text-align: center;
    padding: 5px 5px;
    vertical-align: middle;
}

table.small-specification tr th {
    white-space: nowrap;
}

table tr th.nowrap {
    white-space: nowrap;
}

.av-magazine .av-magazine-content-wrap .av-magazine-title {
    font-size: 14px;
    line-height: 1.3em;
    text-transform: none;
    letter-spacing: normal;
    margin: 0;
    float: none;
    display: block;
    clear: both;
    border: none;
    color: #222222;
    background: url(./h3.png) left 0.65em no-repeat;
}

h3.av-magazine-title.entry-title:after {
    content: none;
}

div.entry-content h2 {
    font-size: 26px;
    border-style: solid;
    border-color: #a81010;
    padding: 15px 20px 15px 30px;
    margin: 10px 0px 20px 0px;
    border-radius: 10px;
    background-color: #a81010;
    color: white;
    clear: both;
}

div.entry-content strong {
    color: #222222;
}

div.rectangle-box {
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    background: #f9f9f9;
    margin: 15px 0 30px 0;
    overflow: auto;
}

div.rectangle-box ul li {
    list-style: none;
}

div.font-emphasis {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

div.flame-pig {
    border: solid 1px;
}

div.top-news h3.av-magazine-title.entry-title {
    padding: 6px 0px 8px 18px;
}

body div.column-top-margin {
    margin-top: 15px;
}

div.av_promobox {
    padding: 5px 30px;
}

li.box-top {
    background: none repeat scroll 0% 0% #FAFAFA;
    opacity: 1;
    border: 1px solid #DCDCDC;
    padding: 10px;
    height: 350px;
}

.font-emphasis img {
    object-fit: cover;
    width: 300px;
    height: 135px;
}

#top-menu-box li {
    float: left;
    width: 340px;
    margin: 5px 5px 5px 5px;
    padding: 8px;
    list-style: outside none none;
}

#top-menu-box li ul {
    margin: 20px 0px;
}

#top-menu-box li li {
    float: none;
    width: 325px;
    margin: 0px;
    padding: 3px 0px 3px 18px;
    background: url(./check3.png) left 0.65em no-repeat;
}

li.manufacturer-logo {
    background: none repeat scroll 0% 0% #FAFAFA;
    opacity: 1;
    border: 1px solid #DCDCDC;
    padding: 10px;
    height: 220px;
}

#manufacturer-menu-box li {
    float: left;
    width: 340px;
    margin: 5px;
    margin-bottom: 10px;
    padding: 8px;
    list-style: outside none none;
}

#manufacturer-menu-box li ul {
    margin: 5px 0px;
}

#manufacturer-menu-box ul {
    margin: 0;
}

#manufacturer-menu-box li li {
    float: none;
    width: 320px;
    margin: 0px;
    padding: 3px 0px 3px 18px;
    background: url(./check3.png) left 0.65em no-repeat;
}

li.manufacturer-logo .logo-table {
    height: 80px;
    width: 320px;
    display: block;
    margin: 0 auto;
}

li.manufacturer-logo .logo-table .logo-table-cell {
    display: block;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

li.manufacturer-logo .logo-table .logo-table-cell img {
    display: block;
    padding: 5px.5px;
    margin: 0 auto;
    width: 100%;
    max-height: 80px;
    height: auto;
    object-fit: contain;
    top: 0;
    left: 0;
}

.onestop img {
    max-height: 140px !important;
}

.manufacturer-name {
    font-weight: bold;
    text-align: center;
    background: url(./dotted-line.gif) repeat-x left bottom;
    height: auto;
    padding-bottom: inherit;
}

.manufacturer-index {
    text-align: center;
    margin: 13% 20%;
    font-size: 100px;
    font-family: none;
    padding: 50px 20px;
    color: white;
    background-color: #a81010;
    border-radius: 15px;
}

div.list-box-left {
    float: left;
}

div.list-box-right-1 {
    float: right;
    position: relative;
    right: 204px;
}

div.list-box-right-2 {
    float: right;
    position: relative;
    right: 138px;
}

div.list-box-right-3 {
    float: right;
    position: relative;
    right: 206px;
}

div.list-box-right-4 {
    float: right;
    position: relative;
    right: 200px;
}

div.list-box-clear {
    clear: both;
}

.font-pick-up-products {
    font-size: 20px;
    font-weight: bold;
}

#top-pickup-products {
    display: flex;
    justify-content: space-between;
}

#top-pickup-products .product-box {
    background: none repeat scroll 0% 0% #F5F6FC;
    opacity: 1;
    border: 1px solid #9DADBF;
    margin: 0px 2px;
    padding: 5px;
    height: auto;
    flex-grow: 1;
    display: flex;
    width: 50%;
    margin-bottom: 10px;
    overflow: hidden;
}

#top-pickup-products .features {
    font-size: 15px;
    margin-left: 0px;
}

#top-pickup-products p {
    margin: 0px;
}

#top-pickup-products .features ul li {
    list-style: none;
    margin: 0px;
    padding: 3px 0px 0px 18px;
    background: url(./check3.png) left 0.65em no-repeat;
    font-size: 12px;
}

#other-manufactures {
    margin: 0px 10px;
    padding: 8px;
    font-size: 15px;
}

#main .entry-content a[target="_blank"] {
    background: url(./icon_ext_link.png) no-repeat scroll right center transparent;
    padding-right: 15px;
    margin-right: 5px;
}
#main .entry-content a.noExIcon[target="_blank"]{
	background: none;
	padding-right: 0;
	margin-right: 0;
}
.js_active .tab {
    font-size: 15px !important;
}

.js_active .active_tab_content {
    overflow: visible !important;
}

table th,
table tr td {
    text-align: center;
    vertical-align: middle;
}

table.left-table th,
table.left-table tr td {
    text-align: left;
}

#top .fullsize .template-blog .post-title {
    font-size: 25px;
}

div.avia_message_box_content {
    text-transform: none;
}

div.product-category {
    width: 100%;
    height: auto;
    margin-top: 10px;
    overflow: hidden;
}

div.product-category-manufacturers {
    text-align: center;
    width: 30%;
    float: left;
    height: auto;
}

div.product-category-items {
    text-align: left;
    width: 70%;
    float: left;
}

div.product-category-items ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

div.product-category-items li {
    margin-top: 5px;
    list-style-type: none;
}

li.pick-up-box-top {
    background: none repeat scroll 0% 0% #FAFAFA;
    opacity: 1;
    border: 1px solid #DCDCDC;
    padding: 10px;
    height: 150px;
}

h1 {
    color: #000000;
    font-size: 18px;
    margin: 0px;
}

div.small-box2 {
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    background: #f9f9f9;
    margin: 15px 0 15px 0;
    height: 150px;
}

div.small-box {
    float: left;
    border-color: blue;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    background: #f9f9f9;
    margin: 1%;
    height: 200px;
    width: 18%;
    color: black;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

div.small-box-home {
    float: left;
    border-color: blue;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    background: #f9f9f9;
    margin: 1px;
    height: 100px;
    width: 16%;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

div.small-box-title {
    float: left;
    border-color: red;
    border-style: solid;
    border-width: 1px;
    padding: 0px;
    background: #e85454;
    //margin: 1%;
    margin: 1px;
    width: 100px;
    height: 50px;
    color: #f9f9f9;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    transform: rotate(-90deg) translate(-100px, 0px) scale(1, 1);
    transform-origin: 0% 0%;
}
/*会社概要*/
.companypro {
    padding: 10px;
}

.history-table td {
    text-align: left;
}

.profbutton {
    cursor: pointer;
    padding: 5px;
    background: beige;
}

/*テーブルスクロール*/
.div-scroll {
    overflow-x: scroll;
    overflow: auto;
    clear: both;
}

.div-scroll::-webkit-scrollbar {
    height: 5px;
}

.div-scroll::-webkit-scrollbar-track {
    background: #F1F1F1;
}

.div-scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
}

.div-scroll_column tbody th:first-child {
    position: sticky;
    left: 0px;
    z-index: 10;
    position: -webkit-sticky;
}

.div-scroll_column {
    overflow-x: scroll;
    overflow: auto;
    clear: both;
}

.div-scroll_column::-webkit-scrollbar {
    height: 5px;
}

.div-scroll_column::-webkit-scrollbar-track {
    background: #F1F1F1;
}

.div-scroll_column::-webkit-scrollbar-thumb {
    background: #BCBCBC;
}

.div-scroll_column th {
    background: cornsilk;
}

/*ディスプレイオフ*/
.off {
    display: none !important;
}

/*テーブルセル左寄せ*/
.left-t td {
    text-align: left;
}

table.table-s {
    width: 1050px;
}

.tab_content table {
    width: 1010px !important;
}

/*レンタルボックス表示*/
#rent-menu-box ul li {
    float: left;
    width: 340px;
    margin: 5px 5px 5px 5px;
    padding: 5px 0px;
}

#rent-menu-box ul {
    list-style: none;
    margin: 0;
}

#rent-menu-box li.box-top {
    border: groove;
    border-color: lightgreen;
    height: auto;
}

#rent-menu-box li ul {
    margin: 20px 0px;
}

.rent-title {
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bolder;
}

#rent-menu-box ul.off {
    display: none;
}

.rent-cell {
    text-align: center;
}

/*パラメート表縦リスト*/
section table {
    width: 100%;
}

section th,
section td {
    padding: 10px;
    border: 1px solid #ddd;
}

section th {
    background: #f4f4f4;
}

//.tab_parame th, .tab_parame td  { width: 20%; text-align: left; }
@media only screen and (max-width: 480px) {

    //.tab_parame { margin: 0 -10px; }
    .tab_parame tr {
        display: block;
        margin-bottom: 10px;
    }

    .tab_parame th {
        display: block;
        width: 100%;
    }

    .tab_parame td {
        display: list-item;
        width: 90%;
        margin-left: 10%;
        border: none;
    }
	    .entry-content h2{
        font-size: 18px!important;
        /* padding: 10px!important; */
        line-height: inherit;
    }
    .entry-content h3{
        font-size: 14px!important;
        line-height: inherit;
    }
    .entry-content h4{
        font-size: 14px!important;
    }
}

/*製品メニュー*/
.menubox {
    display: flex;
    flex-wrap: wrap;
}

.cellimg {
    width: 100%;
    height: 100px;
    padding: 5px;
    margin: 10px 0;
    display: block;
}

.cellimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cellbox {
    width: 205px;
    height: 170px;
    border: 1px solid;
    margin: 2px;
    padding: 5px;
    position: relative;
    display: block;
}

.celltitle {
    text-align: center;
    display: table;
    width: 100%;
    height: 40px;
    padding: 2px;
    font-size: 13px;
    font-weight: 600;
    word-break: keep-all;
    line-height: 18px;
    letter-spacing: -0.5px;
}

.celltitle span {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.cellbox a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100000;
}

.cellbox:hover {
    background: #c8e3ff;
}

@media only screen and (max-width: 741px) {
    .cellbox {
        width: 100%;
        height: 70px;
        padding: 0 5px;
    }

    .celltitle {
        padding: 0;
        height: 38px;
        position: relative;
        font-size: 14px;
    }

    .celltitle span {
        text-align: left;
        padding-left: 30px;
    }

    .cellimg {
        display: none;
    }

    .celltitle span:before {
        padding-right: 12px;
        position: absolute;
        top: 11px;
        left: 4px;
        color: #4CAF50;
        font-size: 18px;
        font-family: "Font Awesome 5 Free";
        content: "\f140";
		font-display: swap;
    }
}


.cellbox a[target=_blank] {
    background: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

/* box４当分*/
.box4 {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}

.box4 .cell-box {
    width: 208px;
    max-width: 100%;
    float: left;
    height: 172px;
    border: 1px solid #e8dede;
    margin: 1px;
    padding: 3px;
    position: relative;
    z-index: 1;
}

.box4 ul li {
    margin: 0;
    display: block;
    padding: 0;
}

.box4 ul {
    list-style: none;
    margin: 0;
}

.box4 li.box-top {
    border-color: #a81010;
    height: auto;
}

.box4 li ul {
    margin: 20px 0px;
}

.box4-title {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    height: 50px;
    line-height: normal;
    display: table;
    padding: 5px;
    width: 100%;
}

.box4-title a {
    margin-right: 0 !important;
    padding-right: 0 !important;
    vertical-align: middle;
    word-break: normal;
    display: table-cell;
}

.box4-cell {
    width: 200px;
    height: 120px;
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.box4-cell img {
    width: 100%;
    max-width: 200px;
    height: 100%;
    max-height: 120px;
    object-fit: contain;
    position: absolute;
    padding: 10px 20px;
    top: 0;
    left: 0;
    margin: 0 auto;
    display: block;
}

.box4-title a:hover {
    text-decoration: none;
}

.cell-box:hover {
    background-color: #c8e3ff;
}

.grecaptcha-badge {
    display: none;
}

@media only screen and (max-width: 741px) {
    .box4 .cell-box {
        width: 100%;
        height: 55px;
    }

    .box4-cell {
        display: none;
    }

    .box4-title {
        text-align: left;
        font-size: 16px;
        display: table;
        border-left: 40px solid #2abd65 !important;
        border-radius: 20px;
        padding-left: 11px;
        height: 45px;
    }

    .box4-title a {
        color: gray;
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
        word-break: keep-all;
        /* padding-left: 50px; */
        margin: auto 0;
        position: relative;
        line-height: 18px;
    }

    .box4-title a:hover {
        color: blue;
    }

    .box4 {
        height: auto;
    }

    .box4-title a br {
        display: none;
    }
}

/*製品ミニカラム*/
.min-pic {
    display: inline-block;
    clear: both;
    height: auto;
    width: 140px;
    float: left;
    margin-top: 20px;
}

.mincell {
    margin-left: 20px;
    width: auto;
    float: left;
    font-size: 15px;
    max-width: 518px;
}

/*メーカーABCメニュー*/
div#manufacturer-menu-box {
    clear: both;
}

.manu-menu {
    text-align: center;
}

.manu-menu li {
    display: block;
    width: 53px;
    height: 30px;
    border: solid 1px #e1e1e1;
    margin: 2px;
    text-decoration: none;
    background-color: #fafafa;
}

.manu-menu li:hover {
    background-color: #ffb8008f;
    display: block;
    width: 53px;
    height: 30px;
}


.manu-menu li a {
    text-decoration: none;
    display: block;
}

.manu-menu li a:hover {
    display: block;
    text-decoration: none;
    display: block;
}

manu-menu ul {
    list-style: none;
    margin: 0 auto;
}

.product_content .left {
    float: left;
    width: 150px;
    text-align: center;
    font-size: 16px;
    position: relative;
}

.product_content .right {
    float: left;
}

.product_content {
    clear: both;
    padding: 20px 0;
    height: 250px;
    border-top: solid 1px;
}

.product_content .right li {
    display: block;
    float: left;
    width: 250px;
    height: 250px;
    border-left: solid 4px #e1e1e1;
    padding-left: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.product_content .left .series {
    border: solid 1px;
    background-color: mistyrose;
    font-family: auto;
    margin-top: 30%;
    padding: 10px 5px;
    font-weight: bolder;
}

.product_content .right img {
    margin-bottom: 10px;
}

.product_content .left .p-name {
    margin: 20% 0 20% 0;
}

.p-movie {
    clear: both;
}

.p-movie .wp-video {
    float: left;
    margin-bottom: 40px;
}

.sample_table ul {
    list-style: none;
    margin: 0;
    text-align: center;
    display: block;
}

.sample_table td {
    vertical-align: top;
}

.sample_table li {
    margin: 0 0;
}

.gaiyou td {
    text-align: left;
}

.item {
    text-align: left;
}

.div-title {
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
}

.divide li {
    list-style: none;
    margin: 8px;
}

.divide {
    margin: 0px 2px 20px 0px;
    max-width: 100%;
    width: 515px;
    border: solid 1px;
    float: left;
}

.divide ul {
    padding: 0px;
    margin: 0px;
}

.backpackmovie {
    clear: both;
    width: 300px;
    background-color: #a81010;
    color: white;
    padding: 30px;
    border-radius: 30px;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}

.backpackmovie a[target="_blank"] {
    color: white;
    text-decoration: none;
}

/*お客さん*/
.case_box {
    width: 340px;
    height: 320px;
    border: 2px solid #ca3232 !important;
    border-radius: 15px;
    color: black;
    margin: 5px;
    padding: 10px;
    background-color: #e1e1e1;
    z-index: 1;
    position: relative;
}

.casetitle {
    padding: 5px 0 8px 0;
    text-align: center;
    font-size: 18px;
}

.casetext {
    font-size: 12px;
    padding: 5px;
    line-height: 20px;
    background: white;
}

.caseimg {
    position: relative;
    width: 320px;
    height: 150px;
    margin-bottom: 10px;
}

.caseimg img {
    display: block;
    position: absolute;
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.case {
    display: flex;
    flex-wrap: wrap;
}

.case_box a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}

.case_box a:hover {
    background: #ffffff40;
    position: absolute;
    width: 100%;
    height: 100%;
}

/*導入事例*/
.clienttitle {
    font-size: 33px;
    color: #ca3232;
    display: block;
    line-height: initial;
}

.clienthalf {
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0;
}

.halfleft {
    width: 515px;
    height: auto;
    margin: 0 auto;
    padding: 0 5px;
    position: relative;
    margin-bottom: 20px;
}

.halfright {
    margin-left: 20px;
    width: 515px;
    margin: 0 auto;
    padding: 0 5px;
    margin-bottom: 20px;
}

.halfrightcomment {
    font-size: 15px;
    line-height: 2;
}

.halfright table th {
    color: #333333;
    background: #dddddd;
    width: 128px;
}

.halfright th,
.halfright td {
    border-color: #ca3232;
}

.halfright td {
    text-align: left;
}

.halfright tr {
    height: 63px;
}

.halfright table {
    margin: 0;
    padding: 0;
}

.headtitle {
    background: #dddddd;
    display: block;
    font-size: 30px;
    text-align: center;
    padding: 20px;
    margin: 15px 0;
    line-height: initial;
}

.halftitle {
    font-size: 23px;
    color: #ca3232;
    line-height: 55px;
}

.halftext {
    display: block;
    margin-bottom: 60px;
    line-height: 28px;
}

/*デモムービー*/
.movie-box .demo-movie {
    width: 335px;
    height: 340px;
    float: left;
    border: 1px solid #4CAF50;
    list-style: none;
    margin: 5px 5px 20px;
    padding: 10px;
    border-radius: 20px;
    background-color: antiquewhite;
}

li.demo-movie {
    margin: 0;
    padding: 10px;
}

.demo-movie p {
    font-size: 14px;
    color: black;
}

/*GIVデモページ*/
.win-movie {
    width: 100%;
    border: 1px solid;
    padding: 20px;
    background-color: oldlace;
    border-radius: 10px;
    margin-bottom: 20px;
    display: inline-block;
}

.movie-title {
    font-weight: 600;
    color: black;
    margin-bottom: 10px;
    border-bottom: 1px solid;
    line-height: initial;
    clear: both;
}

.pic-title {
    font-weight: 600;
    color: black;
    margin-bottom: 10px;
    margin-top: 15px;
    border-bottom: 1px solid;
    line-height: initial;
}

.movie-cell {
    width: 100%;
}

.movie-cell a {
    vertical-align: bottom;
}

.pic-cell img {
    width: 495px;
    height: auto;
}

.fig {
    margin: 15px 0 10px 0;
}

/*2分割*/
.column2 {
    width: 50%;
    margin-left: 10px;
    float: left;
}

.column2 th {
    width: 35%;
}

/*Maxphotonicsページ*/
.maxaaa {
    clear: both;
    height: 130px;
    margin-bottom: 20px;
}

.maxbbb {
    display: block;
}

.max-flex {
    display: flex;
    flex-wrap: wrap;
}

.max-flex div {
    margin: 1.6%;
    width: 315px;
}

/*ビームプロファイラ with M2 プラットフォームソフトページ*/
.lhb-content {
    margin-bottom: 30px;
}

.lhb-column1 {
   column-count: 1;
  	margin: 0;
  	padding: 0;	
}

.lhb-column2 {
    column-count: 2;
  	column-gap: 26px;
  	margin: 0;
  	padding: 0;
}

.lhb-flex {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: space-around;
}

.lhb-flex div:nth-child(2n) {
    margin-left: 40px;
    width: 500px;
}

.lhb-flex img {
    margin-right: 10px;
}

.lhb-column3 {
    column-width: 330px;
    margin: 0;
    padding: 0;
}

.lhb-blue {
    counter-reset: number 0;
    clear: both;
}

.lhb-blue div {
    padding: 10px;
}

.lhb-blue h5::before {
    counter-increment: number 1;
    content: "Q"counter(number) "：";
}

.lhb-blue p::before {
    content: "A"counter(number) ":";
    color: #ffffff;
    font-size: 18px;
    background-color: #0e548a;
    border-radius: 5px;
    padding: 0 7px;
    margin-right: 10px;
}

.lhb-blue div:nth-child(2n-1) {
    background-color: rgb(212, 241, 255);
}

.lhb-content-th th {
    width: 130px;
}

.lhb-flex-aroundnone {
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
}

.lhb-flex-aroundnone img {
    margin-right: 40px;
}

.lhb-overflow table {
    width: 1050px;
}

.lhb-overflow {
    overflow-x: scroll;
    overflow: auto;
    clear: both;
}

/*見出変更テスト*/
h3,
h4,
h5 {
    position: relative;
    padding: 10px 20px 10px 43px;
    margin: 10px 0 10px;
    border-radius: 10px;
    clear: both;
}

.container h3 {
    color: white;
    display: table;
    font-size: 22px;
    background-color: #FF5722;
}

.container h4 {
    color: white;
    display: table;
    font-size: 18px;
    background-color: #FF9800;
    margin-left: 5px;
}

.container h5 {
    color: white;
    display: table;
    font-size: 16px;
    background-color: #4CAF50;
    margin-left: 20px;
}

h3::after {
    position: absolute;
    top: 11px;
    left: 14px;
    content: '\f14a';
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
	font-display: swap;
}

h4::after {
    position: absolute;
    top: 11px;
    left: 14px;
    content: '\f138';
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
	font-display: swap;
}

h5::after {
    position: absolute;
    top: 11px;
    left: 14px;
    content: '\f05a';
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
	font-display: swap;
}

/*リンクバナー*/
.pagebox {
    text-align: center;
    margin: 5px 0;
    clear: both;
    margin-left: 20px;
}

span.gvipage {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 320px;
    height: 80px;
    border-radius: 10px;
    background-color: #a81010;
    color: white;
    font-size: 18px;
    z-index: 1;
}

span.gvipage:after {
    position: absolute;
    top: 54%;
    left: 11px;
    transform: translateY(-60%);
    content: "\f144";
    font-family: "Font Awesome 5 Free";
    font-size: 28px;
	font-display: swap;
}

span.gvipage a {
    position: absolute;
    color: white;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    padding: 12px 10px 10px 45px;
    left: 0;
    top: 0px;
    margin: 0;
    line-height: 28px;
    word-break: keep-all;
}

#main .gvipage a[target="_blank"] {
    background: none;
}

span.gvipage a:hover {
    color: white;
    text-decoration: none;
}

/*リンクアイコン非表示*/
#main .entry-content .movie-cell a {
    background: none;
    padding: 0;
    margin: 0;
}

#main .avia-slideshow-inner a[target="_blank"] {
    background: none;
    padding: 0;
    margin: 0;
}
#main .ls-layers>a[target=_blank] {
    background: 0 0;
    padding: 0;
    margin: 0;
}

/*ビームプロファイラ メニュー
.features ul {
    margin-bottom: 0px;
}*/

@media only screen and (max-width: 768px) {
    #top-pickup-products .product-box {
        float: left;
        width: 100%;
    }

    #top-pickup-products {
        display: block;
    }

    .product-box .fig {
        margin: 15px 35px 10px 0;
    }
}

/*カタログ・PDFバナー*/
span.catalogpdf {
    color: white;
    display: table-cell;
    font-size: 16px;
    background-color: #00c575;
    position: relative;
    padding: 5px 20px 5px 38px;
    margin: 10px 0 10px;
    border-radius: 10px;
    clear: both;
    box-shadow: 1px 1px 2px -1px blue;
    font-weight: 600;
}

span.catalogpdf:after {
    position: absolute;
    top: 17%;
    left: 16px;
    content: "\f1c1";
    font-size: 15px;
    font-family: "Font Awesome 5 Free";
    color: navy;
    font-weight: 100;
	font-display: swap;
}

span.catalogpdf a:hover {
    color: #ead517;
    text-decoration: none;
}

span.catalogpdf a {
    color: #ffffff;
}

#main .catalogpdf a[target="_blank"] {
    margin-right: 0;
    background: none;
    padding-right: 0;
}

/*Hesaiページ*/
.hesai-table tbody tr th:nth-of-type(2) {
    background-color: #E6FFF4;
    color: #242424;
}

.hesai-table tbody tr th:nth-of-type(3) {
    background-color: #F1FFDE;
    color: #242424;
}

.hesai-table tbody tr th:nth-of-type(4) {
    background-color: #FFF3EB;
    color: #242424;
}

.hesai-table tbody tr th:nth-of-type(5) {
    background-color: #FFE7E7;
    color: #242424;
}

.hesai-table tbody tr th:nth-of-type(6) {
    background-color: #faf0ff;
    color: #242424;
}

.hesai-table tbody tr th:nth-of-type(7) {
    background-color: #e7f4ff;
    color: #242424;
}

.hesai-table tbody tr td:nth-of-type(1) {
    background-color: #E6FFF4;
    color: #242424;
}

.hesai-table tbody tr td:nth-of-type(2) {
    background-color: #F1FFDE;
    color: #242424;
}

.hesai-table tbody tr td:nth-of-type(3) {
    background-color: #FFF3EB;
    color: #242424;
}

.hesai-table tbody tr td:nth-of-type(4) {
    background-color: #FFE7E7;
    color: #242424;
}

.hesai-table tbody tr td:nth-of-type(5) {
    background-color: #faf0ff;
    color: #242424;
}

.hesai-table tbody tr td:nth-of-type(6) {
    background-color: #e7f4ff;
    color: #242424;
}

.hesai-flexbetween {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    clear: both;
}

.hesai-flexaround {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
}

.hesai-font {
    font-size: 16px;
    font-weight: bold;
}

@media screen and (min-width:871px) {
    .hesai-product {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width:870px) {
    .hesai-product {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    div.hesai-product div:nth-child(1) {
        margin-bottom: 2%;
    }
}

.hesai-product a:hover {
    opacity: 0.6;
}

/*動画再生時のアイコン*/
ul.m-cell-box a {
    display: inline-flex !important;
}

span.play {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    text-align: center;
    color: white;
    transition: all 0.3s ease;
}

span.play:hover {
    background: #ffffff85;
}
span.play2:hover {
    background: #ffffff85;
}
span.play3:hover {
    background: #ffffff85;
}
span.play4:hover {
    background: #ffffff85;
}

span.play::before {
    position: absolute;
    content: '\E897';
    font-family: 'entypo-fontello';
    left: 49%;
    top: 53%;
    color: white;
    width: 70px;
    height: 51px;
    border-radius: 10px;
    background: #ff0000ed;
    line-height: 52px;
    margin: -30px 0 0 -30px;
    font-size: 33px;
    z-index: 21;
	font-display: swap;
}

span.comming-soon {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    text-align: center;
    color: white;
}

span.comming-soon::before {
    position: absolute;
    content: 'Comming soon';
    left: 30%;
    top: 37%;
    color: white;
    width: 40%;
    height: 50px;
    background: rgba(29, 29, 29, 0.9);
    line-height: 47px;
    font-size: 1em;
    z-index: 21;
}

.entry-content .overlay-type-video .image-overlay-inside:before {
    content: none;
    display: none;
}

.m-cell-box {
    margin: 0;
}

.m-cell-box li {
    margin: 0;
    list-style: none;
    margin-right: 4px;
    margin-bottom: 10px;
    float: left;
    position: relative;
    z-index: 20;
    display: block;
    text-align: center;
    background-color: beige;
}

.m-cell-box img {
    height: 100%;
}

.box-pic {
    clear: both;
}

/*インナーマーカーページ*/
.inner-product {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

/*ピックアップ動画*/
ul.t-pickup {
    width: 340px;
    margin: 5px;
    list-style: none;
    border: 1px solid red;
    float: left;
    padding: 5px;
    border-radius: 10px;
    background-color: #fafafa;
}

.t-pickup li {
    padding: 2px 0;
    margin: 0px;
}

.top-pickup {
    display: inline-block;
    height: auto;
}

.pick-title {
    text-align: center;
    font-size: 20px;
    padding: 10px 0;
    font-weight: 600;
}

.pick-mov {
    position: relative;
    z-index: 20;
    text-align: center;
}

.pick-mov a {
    display: inline-flex !important;
}

.pick-mov img {
    height: 100%;
}

#top-menu-box ul {
    margin: 0;
}

#top-menu-box {
    display: block;
    height: auto;
}

.t-pickup ul {
    list-style-image: url(./check3.png);
}

#main .entry-content .pick-mov a {
    background: none;
    padding: 0;
    margin: 0;
}

/*サブスクサービスページ*/
@media screen and (max-width:870px) {
    .subsc-center {
        text-align: center;
    }
}

@media screen and (min-width:871px) {
    .subsc-product {
        display: flex;
		   flex-wrap: wrap;
    }
}

@media screen and (max-width:870px) {
    .subsc-product {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.subsc-product img {
     /* margin-right: 1px; */
}

@media screen and (min-width:706px) {
    .subsc-flexaround {
        display: flex;
        justify-content: space-around;
    }

    .subsc-flexaround img {
        width: 98%;
    }
}

@media screen and (max-width:705px) {
    .subsc-flexaround {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/*Benewakeページ*/
.entry-content .bwlider-title {
    font-size: 30px;
    color: #1e247e;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 20px;
    border-top: 1px solid #1e247e;
    padding: 30px;
    border-left: 10px solid #1e247e;
    line-height: 1.3;
    width: 100%;
}

.bw-marginleft > .wp-video {
    margin-left: 0;
}

.bwlider-img {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.bwlider-img div {
    text-align: center;
}

.bwlider-table tbody th a {
    display: block;
    padding: 0.6em 1em;
}

.bwlider-table tbody th a:hover {
    background: #ebedff
}

/*wavespectrumページ*/
.ws-menu {
    text-align: center;
}

.ws-menu li {
    display: block;
    float: left;
    height: 40px;
    border: solid 1px #e1e1e1;
    margin: 1px;
    text-decoration: none;
    background-color: #fafafa;
    padding: 10px 10px;
    line-height: 16px;
}

.ws-menu li:hover {
    background-color: #ffb8008f;
    display: block;

    height: 40px;
}

.ws-menu li a {
    text-decoration: none;
    display: block;
}

.ws-menu li a:hover {
    display: block;
    text-decoration: none;
    display: block;
}

.ws-menu ul {
    list-style: none;
    margin: 0 auto;
}

.ws-menu1 {
    text-align: center;
}

.ws-menu1 li {
    display: block;
    float: left;
    height: 40px;
    border: solid 1px #e1e1e1;
    margin: 1px;
    text-decoration: none;
    background-color: #fafafa;
    padding: 10px 10px;
    line-height: 16px;
    width: 59px;
}

.ws-menu1 li:hover {
    background-color: #ffb8008f;
    display: block;
    height: 40px;
}

.ws-menu1 li a {
    text-decoration: none;
    display: block;
}

.ws-menu1 li a:hover {
    display: block;
    text-decoration: none;
    display: block;
}

.ws-menu1 ul {
    list-style: none;
    margin: 0 auto;
}

.main_color div .ws-length {
    border-left: 5px solid #ffb800;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.ws-clear {
    clear: both;
    padding-top: 20px;
}

/*ライダーまとめ*/
.pro_box_top {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.pro_box_left {
    width: 340px;
    margin: 0 auto;
}

.pro_box_right {
    margin-top: 20px;
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}

.pro_box_img {
    display: block;
    max-inline-size: 220px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 30px;
}

.pro_box {
    border: 1px solid;
    display: inline-block;
    padding: 10px;
    background-color: oldlace;
    width: 100%;
    margin-bottom: 5px;
    height: auto;
}

.pro_box_mov {
    position: relative;
    z-index: 23;
    height: auto;
    display: block;
}

.pro_box_title {
    display: block;
}

#main .entry-content .box4-top a {
    background: none;
}

table.ridartab {
    width: 680px;
    white-space: normal;
    display: inline-block;
}

.ridarlink {
    display: inline-block;
    width: 100%;
    float: right;
    margin-right: 10px;
}

.entry-content .ul_list_none {
    list-style: none;
}

.evaluation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    word-break: break-word;
}

.eva_box1 {
    border: 2px solid red !important;
    font-size: 20px;
    background: #FF9800;
    padding: 10px 5px;
    color: white;
    margin: 5px;
    width: 180px;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
    box-shadow: 1px 2px 3px grey;
    display: inline-table;
}

.eva_box2 {
    border: 2px solid red !important;
    font-size: 20px;
    background: royalblue;
    padding: 10px 5px;
    color: white;
    margin: 5px;
    width: 180px;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
    box-shadow: 1px 2px 3px grey;
    display: inline-table;
}

.eva_box3 {
    border: 2px solid red !important;
    font-size: 20px;
    background: #4CAF50;
    padding: 10px 5px;
    color: white;
    margin: 5px;
    width: 180px;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
    box-shadow: 1px 2px 3px grey;
    display: inline-table;
}

.eva_box4 {
    border: 2px solid red !important;
    font-size: 20px;
    background: #FF5722;
    padding: 10px 5px;
    color: white;
    margin: 5px;
    width: 180px;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
    box-shadow: 1px 2px 3px grey;
    display: inline-table;
}

/*写真フロートレフト*/
.pic {
    width: 340px;
    text-align: center;
    background-color: beige;
    margin-right: 4px;
    margin-bottom: 4px;
    float: left;
    height: 100%;
    display: block;
}

/*サブスクリンク*/
span.subscpage {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 360px;
    height: 95px;
    border-radius: 10px;
    background-color: #2196F3;
    color: white;
    font-size: 20px;
    z-index: 1;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
}

span.subscpage:after {
    position: absolute;
    top: 54%;
    left: 11px;
    transform: translateY(-60%);
    content: "\f144";
    font-family: "Font Awesome 5 Free";
    font-size: 28px;
	font-display: swap;
}

span.subscpage a {
    position: absolute;
    color: white;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    padding: 12px 10px 10px 45px;
    left: 0;
    top: 0px;
    margin: 0;
}

#main .subscpage a[target="_blank"] {
    background: none;
}

span.subscpage a:hover {
    color: #FFC107;
    text-decoration: none;
}

/*レスポンシブYoutube iframe*/
.frame-wrapper800 {
    margin: 5% -500%;
    padding: 5% 500%;
    display: block;
    background: antiquewhite;
}

.frame-wrapper {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin-bottom: 0;
    display: inline-block;
}

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

/*フェムトページ　オプションスタイル*/
.femt-flex {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.femt-price {
    font-style: bold;
    font-size: 1.2em;
    line-height: 1.2
	display : inline-block;
	width : 270px;
}

.femt-point {
    background: #CA0000;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    width: 50px;
    height: 20px;
    text-align: center;
    line-height: 200%;
    vertical-align: middle;
    margin-right: 3%;
	min-width : 50px;
}

.entry-content .femt-info {
    border-left: 10px solid rgb(0, 23, 99);
    border-bottom: 1px solid rgb(0, 23, 99);
    padding-left: 3%;
    padding-bottom: 1%;
    margin-top: 2%;
}

.femt-item {
    width: 31.3%;
    border: 1px solid rgb(0, 23, 99) !important;
    margin: 1%;
    padding: 2%;
}

.femt-item strong {
    margin-bottom: 4%;
    display: inline-block;
}

.femt-item img {
    height: 100px;
    width: auto;
}

.femt-item ul {
    margin-top:20px;
}

.femt-model {
    display: flex;
    margin-top: 2%;
}

.femt-optionlist {
    width: 100%
}

@media screen and (max-width:420px) {
    .femt-flex {
        flex-direction: column;
    }

    .entry-content .femt-item {
        width: 100% !important;
    }
}

@media screen and (max-width:767px) {
    .entry-content .femt-item {
        width: 48%;
    }
	.femt-price-cols2 {
		width:calc(100% - 56px);
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .entry-content .femt-item {
        width: 48%;
    }

}

/*オリジナル製品　スタイル*/
.prod-header {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.prod-header img {
    margin: 0 auto;
    max-height: 500px;
    height: auto;
    display: block;
    width: auto;
}

.prod-overview {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.prod-price {
    text-align: center;
}

.prod-text {
    margin: 0 auto;
}

.prod-text ul {
    margin-left: 0;
}

.prod-text ul {
    list-style: none;
}

.cleaner-otherlineup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cleaner-otherlineup img {
    box-shadow: 5px 4px 16px -6px rgba(0,0,0,0.4);
}

.prod-imitem strong {
    display: block;
    background: #eee;
    margin-bottom: 10px;
}

.prod-imitem li {
    display: flex;
    align-items: flex-start;
    font-size: 1.3em;
    padding-left: 0;
    margin-left: 0;
    line-height: 1.4;
}

.prod-list {
    font-size: 0.8em;
    width: 70px;
    margin-bottom: 4px;
    margin-right: 20px;
    padding: .3em .3em .3em .5em;
    background-color: #01728F;
    color: hsl(0, 0%, 100%);
    text-align: center;
    letter-spacing: 0.1em;
	display : inline-block;
	min-width : 70px;
}

.prod-info {
    display: flex;
    flex-wrap: wrap;
    clear: both;
}

ul.prod-imitem {
    text-align: initial;
    list-style: none;
}

.entry-content .prod-box26 {
    position: relative;
    margin: 1em 0;
    padding: 0.5em 2em;
    border: solid 2px #01728F;
}

.prod-box26 .box26-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #01728F;
    font-weight: bold;
}

.prod-box26 div.pagebox {
    padding-top: 8px;
}

.prod-box26 div {
    margin: 10px;
}

.prod-nav {
    background-color: #f5f5f5;
    margin-bottom: 20px;
    padding: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.prod-nav .title {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

.prod-nav p {
    text-align: center;
}

.prod-cslist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.prod-cslist div {
    border: 1px solid #01728F;
    padding: 20px;
    margin-bottom: 10px;
}

.prod-cslist div strong {
    font-size: 1.2em;
}

.prod-csimg {
    display: flex;
    flex-wrap: wrap;
}

.prod-csimg div {
    margin-right: 2%;
}

.prod-csimg img {
    height: auto;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    border: 1px solid #cecece;
}

.entry-content .prod-cstitle {
    font-size: 1.6em;
    color: #01728F;
    border: 1px solid #01728F;
    border-bottom: 5px solid #01728F;
    display: inline-block;
    padding: 10px 0;
    padding-left: 10px;
    margin-bottom: 30px;
    padding-right: 0.3em;
    vertical-align: middle;
    border-radius: 5px;
}

.prodpage summary {
    display: block;
    outline: none;
    cursor: pointer;
}

.prodpage summary::-webkit-details-marker {
    display: none;
}

.prodpage summary ::after {
    display: inline-block;
    content: "+";
    margin-left: 1rem;
    font-weight: bold;
    font-size: 2.5rem;
    transition: all 300ms ease;
    vertical-align: bottom;
}

.prodpage details[open] summary {
    transition: all 300ms ease;
}

.prodpage details[open] summary ::after {
    transform: rotate(45deg);
}

.prodfaq {
    font-size: 1.2em;
    line-height: 1.8em;
}

.prodfaq details {
    counter-increment: chapter;
}

.prodfaq details[open] p {
    margin-left: 1.2em 0;
    color: #222;
}

.prodfaq details summary::after {
    content: "＋";
    vertical-align: bottom;
    display: inline-block;
    transition: all 300ms ease;
}

.prodfaq details summary::before {
    content: "Q"counter(chapter);
    margin: 5px;
}

.prodfaq details[open] summary::after {
    transform: rotate(45deg);
    display: inline-block;
    font-weight: bold;
    transition: all 300ms ease;
}

.prodfaq details:nth-child(2n) {
    background-color: #eee;
}

.prod-pc {
    clear: both;
    display: flex;
}

.prod-software {
    clear: both;
    width: 70%;
    margin-right: 3%;
}

.prodimage-vertical {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.prodimage-vertical img {
    width: 60%;
}

@media screen and (max-width:375px) {
    .prod-imitem li {
        font-size: 0.95em;
        font-weight: bold;
    }

    .prod-list {
        font-size: 0.8em;
        width: 50px;
    }

    .prodimage-vertical {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .prod-box26 {
        width: 100%;
    }

    .prod-text {
        width: 100%;
    }

    .prod-nav {
        width: 100% !important;
    }

    .prod-cslist div {
        width: 100%;
    }

    .prod-csimg img {
        margin-bottom: 3%;
    }

    .prod-pc {
        display: block
    }

    .prod-software {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5%;
    }

    .prodimage-vertical {
        flex-direction: row;
        width: 100%;
    }

    .prodimage-vertical img {
        width: 90%;
    }

}

@media screen and (min-width:768px) and (max-width:1024px) {
    .prod-box26 {
        width: 48%;
    }

    .prod-text {
        width: 100%;
    }

    .prod-nav {
        width: 48%;
			margin: 1%;
    }

    .prod-cslist div {
        width: 48%;
    }

    .prod-csimg img {
        max-width: 320px;
    }
}

@media screen and (min-width:1024px) {
    .prod-price {
        width: 40%;
    }

    .prod-text {
        width: 55%;
        margin: 0 auto;
    }

    .prod-box26 {
        width: 48%;
    }

    .prod-nav {
        width: 31%;
			margin: 1.1%;
    }

    .prod-cslist div {
        width: 48%;
    }

    .prod-csimg img {
        max-width: 330px;
    }
}


/*採用ページ*/
.voicebox li {
    margin-left: 0;
}

.voicebox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0;
    list-style: none;
}

/*2カラムFlex*/
.col2 {
	width:100%;
    max-width: 515px;
    margin: 0 auto;
    padding: 5px;
    margin-bottom: 20px;
}

.col2 img {
    border: 1px solid #b5b3b3;
}

/*３カラムFlex*/
.col_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.col3_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.col3 {
    width: 340px;
    margin: 5px;
}

.col3 img {
    border: 1px solid #b5b3b3;
}

.img img {
    width: auto;
    height: 120px;
    margin: 0 auto;
    padding: 10px 0;
}

.frame {
    border: 1px solid;
    padding: 5px;
    margin: 2px;
    border-radius: 10px;
}

.img {
    display: block;
    height: auto;
    width: auto;
    margin: 0 auto;
    padding: 10px 0;
}

.title {
    text-align: center;
    font-weight: 600;
    border-bottom: 1px dashed;
    padding: 5px 0;
}

.pickup img {
    width: auto;
    height: 80px;
    margin: 0 auto;
    padding: 10px 0;
}

.frame .pickup img {
    border: none;
}

/*4カラムFlex*/
.col4 {
    width: 252px;
    border: 1px solid;
    margin: 5px;
    padding: 10px 5px;
}

.col4_flex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: center;
}

/*お問い合わせバナー*/
.inquiry_button {
    margin: 20px 0;
    text-align: center;
    clear: both;
}

.inquiry_button a[target="_blank"] {
    background: none !important;
}

/*即納品・短納期品*/
.quick .quick_menu {
    background: aliceblue;
    padding-left: 20px;
    display: flex;
    margin: 10px 0;
    overflow: auto;
    justify-content: space-around;
    flex-wrap: wrap;
    border: 2px outset aliceblue;
}

.quick .quick_img {
    display: block;
    position: relative;
    width: 200px;
    height: 200px;
    margin: 10px;
    padding: 10px;
    border: 2px outset aliceblue;
    overflow: hidden;
    background: white;
    border-radius: 20px;
}

.quick_content {
    max-width: 790px;
    margin: 20px 10px 10px;
    display: inline-block;
    width: 100%;
    flex: 1 1 70%;
}

.quick_comment ul {
    line-height: normal;
    margin: 0;
}

.quick_title {
    background: white;
    width: 100%;
    padding: 10px 0px 10px 10px;
    border-left: 15px solid;
    font-weight: 600;
    font-size: 20px;
    color: navy;
}

.quick_comment {
    margin-left: 30px;
    padding: 20px 0;
}

.quick_img img {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    width: 180px;
    height: 180px;
    object-fit: contain;
    z-index: 100000;
    margin: 0;
}

.quick .img_bottom {
    text-align: center;
}

/*レーザーコミック Web漫画*/
.comic-flex {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.comic-flex h4 {
    font-size: 1.1em;
}

.comic-flex a {
    font-weight: bold;
}

.comic-flex {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.comic-flex div {
    border: 1px solid #27a5dc;
    margin: 2%;
    padding: 2% 0;
    width: 45%;
}

/*コンタクト*/
.contactbox {
    width: 200px;
    border: 1px solid #2196F3 !important;
    border-radius: 15px;
    margin: 10px;
    display: block;
    padding: 10px;
}

.cont_box {
    display: flex;
    flex-wrap: wrap;
}

/*製品ボックス　２カラム*/
.pro_cont {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-top: 20px;
}

.pro_img {
    max-width: 310px;
    width: 100%;
    display: inline-block;
    margin: 0 auto;
}

.pro_img img {
    width: auto;
    max-width: 310px;
    max-height: 250px;
    height: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
}

.pro_img a {
    display: block !important;
}

.pro_coment {
    width: 100%;
    margin-left: 20px;
    display: block;
    max-width: 655px;
    min-height: 270px;
    margin-top: 20px;
}

.img_table {
    display: flex;
    flex-wrap: wrap;
}

.img_table img {
    height: 100%;
    width: auto;
    max-width: 130px;
}

span.catch {
    font-size: 22px;
    color: white;
    background: cornflowerblue;
    padding: 7px 20px 7px 20px;
    font-style: italic;
    display: inline-block;
    line-height: initial;
}

/*製品ボックス　２カラム 画像大きめ*/
.pro_img2 {
    max-width: 330px;
    width: 100%;
    display: inline-block;
    margin: 0 auto;
}

.pro_img2 img {
    width: 330px;
    height: 490px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    object-fit: cover;
    object-position: top;
}

.pro_img2 a {
    display: block !important;
}

.pro_coment2 {
    width: 100%;
    margin-left: 20px;
    display: block;
    max-width: 620px;
    min-height: 270px;
    margin-top: 20px;
}

/*マーカーページ比較表*/
.material_table ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 1050px;
}

.material_table ul ul {
    display: flex;
    margin: 0;
    padding: 0;
}

.material_table ul ul li {
    width: 100%;
    background: aliceblue;
    margin: 1px;
    padding: 8px;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    display: block;
    line-height: initial;
}

.material_table ul li {
    margin: 0;
    text-align: center;
    padding: 0;
}

span.table_title {
    font-weight: 600;
    background: antiquewhite;
    display: block;
    font-size: 18px;
    padding: 5px;
}

.material_table {
    overflow-x: scroll;
    overflow: auto;
}

li.material_img {
    /* position: relative; */
    overflow: hidden;
    height: 210px;
}

li.material_img img {
    /* position: absolute; */
    object-fit: contain;
    /* z-index: 100000; */
    top: 10px;
    /* left: 10px; */
    width: 90%;
    height: 180px;
}

.material_table li a {
    background: none!important;
    margin-right: 0!important;
    padding-right: 0!important;
}


/*井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上*/

.employment_header {
    text-align: center;
}
.employment_header_h1 {
    background: #1C791A;
    height: 200px;
    text-align: center;
    padding-top: 125px;
    font-size: 35px;
    color: #ffffff;
}
.employment_header_h2 {
    padding: 3px 20px;
    font-size: 16px;
    color: #000;
    background: #fff;
    outline-width: 3px;
    box-shadow: 3px 3px 3px #aaaaaa;
}

/*採用トップページ*/
.employment_h1 {
  display: flex;
  align-items: center;
}
.employment_h1::before,
.employment_h1::after {
  content: '';
  height: 4px;
  background-color: #ca3232;
  flex-grow: 1;
}
.employment_h1::before {
  margin-right: 2rem;
}
.employment_h1::after {
  margin-left: 2rem;
}

.employment_box6 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:40px auto;
}
.employment_box6_img {
    position: relative;
    margin:20px;
    height: 200px;
    width: 225px;
    box-shadow: 4px 4px 5px #d2d2d2;
    border-radius: 10px;
}
.employment_box6_img img {
    height: 200px;
    width: 250px;
    border-radius: 10px;
}
.employment_box6_text {
    position: absolute;
    width: 100%;
    height: 33%;
    background-color: #ffffffe0;
    padding: 8px 15px 8px 15px;
    box-sizing: border-box;
    bottom: 0;
    border-radius: 0px 0px 10px 10px;
}
.employment_box6_over .overlay-type-extern .image-overlay-inside {
    display: none;
}
.employment_box6_over:hover {
    transform: scale(1.03);
    transition: 0.1s;
    }
.employment_box6_over .image-overlay {
    background: #ffffffb0;
}

.employment_box3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:40px auto;
}
.employment_box3_link {
    position: relative;
    height: 100px;
    width: 225px;
    background-color: #ffd6d600;
}
.employment_box3_img {
    position: relative;
    margin:20px;
    height: 100px;
    width: 225px;
    background-color: #757575;
    box-shadow: 4px 4px 5px #d2d2d2;
    border-radius: 10px;
}
.employment_box3_text {
    position: absolute;
    text-align: center;
    font-size:18px;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 40px 15px 30px 15px;
}
.employment_box3_over .overlay-type-extern .image-overlay-inside {
    display: none;
}
.employment_box3_over:hover {
    transform: scale(1.03);
    transition: 0.1s;
}
.employment_box3_over .image-overlay {
    background: #ffffff;
}

/*新卒採用トップページ*/
.fresh_h1 {
	text-align: center;
    margin: 0 auto;
    width: 50%;
    padding: 10px;
    font-size: 25px;
    font-family: monospace;
    font-weight: 700;
    color: #333;
    letter-spacing: 1px;
    margin-bottom: -10px;
    border-radius: 10px;
    display: block;
}
.fresh_philosophybox_flex {
    display: flex;
    flex-flow: inherit;
    justify-content: space-between;
}
.fresh_philosophybox {
    width: 85%;
    padding: 15px 0px;
    margin: 20px auto;
    background: #f4f4f4;
    border-radius: 20px;
}
.fresh_philosophybox01 {
    width: 24%;
    text-align: center;
    margin: auto;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    color: black;
    letter-spacing: 1px;
    display: block;
}
.fresh_philosophybox02 {
    width: 75%;
    margin: auto 20px;
    font-size: 15px;
    color: black;
    display: block;
}
.fresh_2box_flex {
    display: flex;
    flex-flow: inherit;
    justify-content: space-between;
    width: 90%;
    margin: 0px auto;
}
.fresh_2box {
    width: 90%;
    margin:auto 10px; 
}

.fresh_2box_text {
    font-size: 15px;
    color: black;
    line-height: 26px;
    width: 90%;
    height: 75px;
    margin: 0 auto;
}

.fresh_2box_over {
    display: block;
    transition: 0.3s;
    text-align: center;
}
.fresh_2box_over:hover {
    transform: scale(1.02);
}
.fresh_2box_over .overlay-type-extern .image-overlay-inside {
    display: none;
}
.fresh_2box_over .image-overlay {
    background: #EFD995;
}

.fresh_2box_over img{
    border-radius: 20px;
}
@media screen and (max-width: 770px) {
    .fresh_h1 {
        width: 75%;
        font-size: 18px;
    }
    .fresh_philosophybox_flex{
        display: flex;
        flex-flow: column;
    }
    .fresh_2box_flex{
        display: flex;
        flex-flow: column;
    }
    .fresh_philosophybox01 {
        width: 100%;
        text-align: center;
        margin: 10px auto;
        font-size: 16px;
        padding-left: 0px;
    }
    .fresh_philosophybox02 {
        width: 85%;
        margin: 0px auto;
        font-size: 13px;
        color: black;
        display: block;
    }
    .fresh_2box {
        margin:10px auto;
        background: #f4f4f4;
        border-radius: 20px;
    }
    .fresh_2box_text {
        font-size: 13px;
        line-height: 20px;
        display: block;
        padding-bottom:10px;
    }
    .fresh_2box_over img{
        width: 70%;
    }
}
@media screen and (min-width:770px) and (max-width:980px) {
    .fresh_philosophybox01 {
        width: 40%;
        text-align: center;
        font-size: 15px;
        padding-left: 0px;
    }
    .fresh_philosophybox02 {
        width: 80%;
        font-size: 14px;
        color: black;
        display: block;
    }
    .fresh_2box {
        width: 50%;
        margin:auto 10px;
    }
    .fresh_2box_text {
        font-size: 14px;
        width: 90%;
    }
}

/*インタビューページ*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.interview_pc { display: block !important; }
.interview_sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 770px) {
.interview_pc { display: none !important; }
.interview_sp { display: block !important; }
}

.interview_top_margin{
    margin-bottom: 80px;
}
.interview_top_flex {  
    display: flex; 
    justify-content: center;
    width: 90%;
    margin: 0 auto;
}
.interview_over {
    margin: 0 25px;
    display: block;
    transition: 0.3s;   
}
.interview_over:hover {
    transform: scale(1.02);
}
.interview_over .overlay-type-extern .image-overlay-inside {
    display: none;
}
.interview_over .image-overlay {
    background: #ffffffc2;
}
.interview_top_flex img{  
    width: 240px;
}
@media screen and (max-width: 719px) {
    .interview_top_flex {
        display: flex;
        flex-flow: column;
        width: 90%;
        margin: 20px auto;
    }
    .interview_over {
        margin: 15px auto;
        display: block;
        transition: 0.3s;
    }
    .interview_margin{
        margin-bottom: 40px;
    }
}

.interview {
    display:block;
    width: 90%;
    margin: 0 auto;
}
.interview h1 {
    font-size: 22px;
    color: #1C791A;
    border-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-color: #a5d2a4;
    line-height: 35px;
    margin-top: 60px;
    margin-bottom: 15px;
}
.interview span{
    display: block;
    font-size: 22px;
    color: #dc8a21;
    margin-bottom: 0px;
    padding-top: 10px;
}
.interview p {
    font-size: 15px;
    line-height: 26px;
}
.Q_flex{
    display: flex;
    justify-content: space-between;
}
.Q_flex45 {
    width:45%;
}

.Q_flex img{
    margin-top: 60px;
}
.interview_relative{
    position: relative;
    width: 950px;
    top: 0;
    left: 0;
}
.interview_absolute{
    position: absolute;
    top: 30;
    right: 0;
    width: 100%;
}
@media screen and (max-width: 719px) {
    .interview h1 {
        font-size: 15px;
        color: #1C791A;
        border-bottom: 2px;
        border-bottom-style: solid;
        border-bottom-color: #a5d2a4;
        line-height: 25px;
        margin-top: 40px;
        margin-bottom: 10px;
    }
    .interview span {
        display: block;
        font-size: 20px;
        color: #dc8a21;
        margin-bottom: -10px;
        padding-top: 3px;
    }
    .interview p {
        font-size: 13px;
        line-height: 26px;
    }
    .Q_flex {
        display: flex;
        flex-flow: column;
        justify-content: space-between;
    }
	.Q_flex45 {
        width:100%;
    }
    .Q_flex img {
        margin-top: 60px;
    }
    .interview_relative{
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        margin:0 auto;
    }
    .interview_absolute{
        position: unset;
        top: 10%;
        right: 0px;
    }
}

.question_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px auto;
}
.questions_2column  {
    flex-wrap: wrap;
    width:100%;
    text-align:center;
}
.questions_3column {
    flex-wrap: wrap;
    width:100%;
    text-align:center;
}
.questions_2column img{
    width:40%;
}
.questions_3column img{
    width: 30%;
}      
.questions_2column img:nth-child(1){
    margin-right: 20px;
}
.questions_3column img:nth-child(-n+2){
    margin-right: 20px;
}

/*.questions_2column*/
@media screen and (max-width: 770px) {
    .questions_2column img{      
        width: 100%;
    }	        
    .questions_3column img{      
        width: 100%;
    }	
       
    .questions_2column img:nth-child(1){
        margin-bottom: 20px;
    }
        
    .questions_3column img:nth-child(-n+2){
        margin-bottom: 20px;
    }

}

.Mtop1 {
    height: 200px;
    text-align: center;
    padding-top: 125px;
    font-size: 35px;
    color: #ffffff;
}

.Mtop2 {
    margin: -10px 0 0 0px;
    text-align: center;
}

.M_textbox {
    width: 85%;
    margin: 0 auto;
}

.M1 {
    padding: 5px 20px;
    font-size: 17px;
    color: #000000;
    background: #ffffff;
    outline-width: 3px;
    box-shadow: 11px 8px 5px #789ED3;
}

.M2 {
    font-size: 27px;
    font-family: monospace;
    color: #cc0000;
    letter-spacing: 0.5px;
}

.M3 {
    font-size: 15px;
    line-height: 40px;
    margin: 0 auto;
    font-family: monospace;
    letter-spacing: 1.1px;
}

.M4 {
    font-size: 19px;
    line-height: 35px;
    margin: 0 auto;
    font-family: monospace;
    letter-spacing: 1.5px;
}

@media screen and (max-width: 480px) {
    .Mtop1_small {
        font-size: 20px;
        height: 120px;
        text-align: center;
        padding-top: 60px;
        color: #ffffff;
    }

    .M1_small {
        font-size: 11px;
    }

    .M2 {
        font-size: 16px;
    }

    .M2_small {
        font-size: 25px;
        line-height: 40px;
    }

    .M3 {
        font-size: 15px;
        line-height: 30px;
        margin: 0 auto;
        font-family: monospace;
        letter-spacing: 1px;
    }

    .M4 {
        font-size: 15px;
        line-height: 25px;
    }
}

@media screen and (min-width:481px) and (max-width:780px) {
    .Mtop1_small {
        font-size: 25px;
        height: 140px;
        text-align: center;
        padding-top: 80px;
        font-size: 35px;
        color: #ffffff;
    }

    .M1_small {
        font-size: 13px;
    }

    .M2_small {
        font-size: 25px;
        line-height: 40px;
    }

    .M4 {
        font-size: 15px;
        line-height: 30px;
        margin: 0 auto;
        font-family: monospace;
        letter-spacing: 1px;
    }
}

@media screen and (min-width:781px) and (max-width:1024px) {
    .Mtop1_small {
        font-size: 25px;
        height: 140px;
        text-align: center;
        padding-top: 80px;
        font-size: 35px;
        color: #ffffff;
    }

    .M1_small {
        font-size: 15px;
    }
}


.Tmessage_redline {
    height: 80px;
    background: #cc0000;
}

.Tmessage_margin {
    margin-bottom: 90px;
    line-height: initial;
}

.Tmessage_pc {
    display: block !important;
}

.Tmessage_sp {
    display: none !important;
}

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

    .Tmessage_pc {
        display: none !important;
    }

    .Tmessage_sp {
        display: block !important;
    }

    .Tmessage_redline {
        height: 35px;
        line-height: initial;
        background: #cc0000;
    }

    .Tmessage_margin {
        margin: 0px auto;
        margin-bottom: 40px;
    }

    .Tmessage_link {
        font-size: 10px;
        letter-spacing: 0px;
    }
}

@media screen and (min-width:481px) and (max-width:780px) {
    .Tmessage_redline {
        height: 55px;
        line-height: initial;
        background: #cc0000;
    }
}

.office {
    display: block;
    width: 1050px;
    height: 660px;
    box-shadow: 14px 15px 13px #dddddd;
    position: relative;
}

.office img {
    width: 100%;
}

.office span {
    background-color: #ffffff;
    width: 45%;
    height: 30%;
    right: 0;
    padding: 30px 40px;
    position: absolute;
}

.access_flex {
    display: inline-block;
    width: 43%;
    justify-content: center;
    margin: 2px 12px;
}

.office_margin {
    margin-bottom: 100px;
}

@media screen and (max-width: 480px) {
    .office_margin {
        margin-bottom: 60px;
    }

    .access_flex {
        display: inline-block;
        width: 100%;
        justify-content: center;
        margin: 10px auto;
    }

}

.box9_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 50px;
}

.box9_text {
    display: block;
    max-width: 305px;
    width: 100%;
    min-width: 220px;
    height: 50px;
    background: #f4f4f4;
    box-shadow: 3px 3px 3px #dadada;
    text-align: center;
    margin: 5px 5px;
    padding: 13px;
    font-size: 17px;
    letter-spacing: 1px;
}

.box9_margin {
    margin-top: 7%;
}

/*福利厚生*/

.benefits {
    display:block;
    width: 100%;
    margin: 0 auto;
}
.benefits h1 {
    font-size: 22px;
    color: #1C791A;
    border-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-color: #a5d2a4;
    line-height: 35px;
    margin-top: 60px;
    margin-bottom: 15px;
}
.benefits span{
    display: block;
    margin: 20px 0px -5px 0px;
    font-size: 15px;
    color: #dc8a21;
    line-height: 20px;
}
.benefits p {
    font-size: 13px;
    line-height: 18px;
}

.benefits img {
    display: inline-block;
    text-align: center;
    max-width: 80%;
    height: auto;
}

.benefits_flex {
    display: flex;
    flex-wrap: wrap;
}

.benefits_box {
    margin: 1%;
    border-radius: 15px;
    border: solid 3px #dc8a21;
    font-size: 100%;
    padding: 20px;
    width: 30%;
}

@media screen and (max-width: 690px) {
    .benefits_box {
        width: 100%;
    }
    .benefits span {
        font-size: 16px;
    }

}
/*井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上井上*/


.bg {
    background-attachment: fixed;
    background-image: gold;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*SFコラボ作品ページ*/
.sf-maincontent-pc {
    display: block;
}

.sf-maincontent-sp {
    display: none;
}

.sf-smallcontents li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
	 width: 33%
}

.sf-smallcontents {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
}

.sf-maincontent div,
.sf-smallcontents img {
    margin-bottom: 2%;
}

.sf-maincontent img:hover,
.sf-smallcontents img:hover {
    opacity: 0.6;
}

.sfcopyright {
    text-align: center;
}

.sf-character {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.sf-character div {
    margin-bottom: 2%;
}

.correlation-chart {
    text-align: center;
}

.correlation-chart a {
    color: #0d0f1f;
}

.correlation-chart a:hover {
    color: #0d0f1f;
    text-decoration: none;
}

.chartbtn-open {
    display: inline-block;
    width: 290px;
    height: 50px;
    text-align: center;
    background-color: #eee;
    font-size: 20px;
    line-height: 52px;
    border: 1px solid #0d0f1f !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.chartbtn-open:after {
    width: 100%;
    height: 0;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #FFF;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: .2s;
    z-index: -1;
}

.chartbtn-open:hover {
    color: #eee;
}

.chartbtn-open:hover:after {
    height: 240%;
    opacity: 1;
}

.chartbtn-open:active:after {
    height: 340%;
    opacity: 1;
}

span.sf-title {
    font-size: 1.3em;
    font-weight: bold;
    color: #000;
    display: inline-block;
    margin-bottom: 10px;
}

span.sfborder {
    border: 1px solid #d2d2d2;
    width: 100%;
    display: block;
    margin: 5% 0;
}

ul.sfcontents-2columns {
    list-style: none;
    margin: 0;
    column-count: 2;
    padding: 0;
    height: 100%;
}

.sfcontents-2columns li {
    margin-left: 0;
    font-size: 1.2em;
    display: inline-block;
    box-sizing: border-box;
    padding-bottom: 20px;
    width: 100%;
}

ul.sfcontents-list {
    list-style: none;
    padding: 0;
}

ul.sfcontents-list li {
    margin-left: 0;
    font-size: 1.2em;
    margin-bottom: 15px;
}


span.comming-soon {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    text-align: center;
    color: white;
}

span.comming-soon::before {
    position: absolute;
    content: 'Comming soon';
    left: 30%;
    top: 37%;
    color: white;
    width: 40%;
    height: 50px;
    background: rgba(29, 29, 29, 0.9);
    line-height: 47px;
    font-size: 1em;
    z-index: 21;
}

.sfnotes {
    border: 1px dashed #0084c4 !important;
    width: 100%;
    display: block;
    margin: 3% 0;
    clear: both;
}

span.sfnotes-month {
    display: inline-block;
    background: #0081b7;
    color: white;
    padding: 0 7px;
    margin-right: 10px;
}

.comic-pdf {
    clear: both;
    display: flex;
    flex-wrap: wrap;
}

.comic-thum {
    width: 32%;
    background-color: #f5f5dc;
    text-align: center;
    margin-bottom: 3%;
    padding-bottom: 1%;
}

.comic-pdf div:not(:nth-child(3n)) {
    margin-right: 2%;
}

@media screen and (max-width:375px) {
    .sf-smallcontents {
        flex-flow: column;
        justify-content: center;
        width: 100%;
    }

    .sf-smallcontents li {
        width: 100% !important;
    }

    .sf-maincontent-pc {
        display: none;
    }

    .sf-maincontent-sp {
        display: block;
    }

    .past-contents {
        margin: 0;
    }

}

@media screen and (max-width:500px) {
    .comic-pdf {
        display: block;
        flex-wrap: nowrap;
    }

    .comic-thum {
        width: 100% !important;
    }

}

@media screen and (max-width:767px) {
    .sf-smallcontents li:not(:nth-child(3n)) {
        margin-right: 0.5%;
    }

    .sf-smallcontents li {
        width: 33%;
    }

    .sf-character div {
        width: 33%;
    }

    .comic-thum {
        width: 48%;
    }

    .comic-pdf div:nth-child(n-1) {
        margin-right: 2%;
    }

}

@media screen and (min-width:768px) and (max-width:1024px) {
    .sf-smallcontents li:not(:nth-child(3n)) {
        margin-right: 0.5%;
    }

    .sf-smallcontents li {
        width: 33%;
    }

    .sf-character div {
        width: 25%;
    }

}

/*仕様表*/
.databox {
    display: flex;
    flex-wrap: wrap;
    background: aliceblue;
    margin: 5px;
    width: 1045px;
}

.databox_img {
    max-width: 150px;
    width: 100%;
    margin: 0 auto;
}

.databox_data {
    width: 190px;
    padding: 10px;
}

.data_laser {
    width: 170px;
    padding: 10px;
}

.data_filter {
    width: 230px;
    padding: 10px;
}

.data_appli {
    width: 290px;
    padding: 10px;
}

.databox_img img {
    border: 1px solid;
    border-radius: 15px;
}

/*サポートページ*/
.sup_doc {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    align-items: flex-start;
}

.supbox {
    width: 100%;
    max-width: 252px;
    height: 276px;
    border: 1px solid darkblue !important;
    display: block;
    margin: 10px auto;
    border-radius: 10px;
}

.boxtitle {
    text-align: center;
    font-weight: 600;
    margin: 5px;
    padding: 5px;
    font-size: 18px;
    color: black;
}

.boxcomment {
    margin: 5px;
    padding: 5px;
    height: 100px;
}

.boximg {
    display: table;
    margin: 0 auto;
    font-size: 100px;
    color: cornflowerblue;
    padding: 10px;
}

.boximg a {
    color: cornflowerblue;
    display: block;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.subbox {
    width: 515px;
    display: block;
    margin: 5px;
}

span.suptitle {
    display: block;
    text-align: center;
    font-size: 24px;
    padding: 15px;
    background: cornflowerblue;
    color: white;
    font-weight: 600;
}

/*カタログページ*/
span.catatitle {
    font-size: 24px;
    background: cornflowerblue;
    color: white;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 5px;
}

.catalog {
    display: flex;
    flex-wrap: wrap;
}

.catabox {
    background: snow;
    margin: 10px;
    padding: 10px;
    width: 240px;
    border: 1px solid;
    text-align: center;
}

.catalog ._df_thumb {
    width: 80px;
    height: 115px;
    margin: 10px;
}

.cataimg img {
    border: 1px solid gray;
    box-shadow: 3px 3px 1px gray;
}

.catadata:before {
    content: "更新日：";
}

.catapdf {
    background: #00c575;
    display: inline-block;
    padding: 5px 10px;
    margin: 5px;
    color: white;
    position: relative;
    width: 80px;
    height: 30px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 2px 2px 2px #00675d;
}

.catadata {
    padding: 5px 0;
}

.catapdf:hover {
    background: #029056;
}

.catapdf a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1c1";
    color: white;
    padding-right: 5px;
	font-display: swap;
}

.catapdf a:hover {
    color: white;
}

.catapdf a {
    text-decoration: none;
    color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    left: 0;
}

.catapdf a[target="_blank"] {
    background: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.cataname {
    font-size: 14px;
    line-height: initial;
    font-weight: 600;
    letter-spacing: 0.04em;
    display: inline-block;
    vertical-align: bottom;
    height: 42px;
}

.catamodel {
    font-size: 12px;
    border-bottom: 1px solid;
}

.catamodel:before {
    content: "型式：";
}

.catapro:hover {
    background: red;
}

.catapro a:hover {
    color: white;
}

.catapro a {
    text-decoration: none;
    color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    left: 0;
    font-size: 14px;
}

.catapro a[target="_blank"] {
    background: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.catapro {
    background: #a81010;
    display: inline-block;
    padding: 5px 10px;
    margin: 5px;
    color: white;
    position: relative;
    width: 80px;
    height: 30px;
}

/*サポートページ　技術解説*/
.sup_box {
    margin: -20px 0 0;
    padding: 0;
    align-items: center;
}

.sup_box label {
    padding: 0;
    margin: 5px;
    cursor: pointer;
    display: block;
    text-align: center;
    font-size: 12px !important;
    background: #d3d3d3a3;
}

.sup_box label:hover {
    background: #efefef;
}

.sup_box input {
    display: none !important;
}

.sup_box .box_open {
    overflow: hidden;
    opacity: 0;
    padding: 0;
    height: 0;
}

.sup_box input:checked ~ .box_open {
    padding: 5px;
    margin: 0;
    height: auto;
    opacity: 1;
}

.sup_box label:before {
    display: inline-block;
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    padding-right: 5px;
    transition: 0.2s;
	font-display: swap;
}

.sup_box input:checked ~ label:before {
    content: '\f078';
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    color: #668ad8;
}

.box_open ol {
    padding: 0;
    margin: 0;
    background: aliceblue;
    list-style: none;
}

.box_open ol li {
    margin: 0;
    padding: 4px 10px 4px 0;
    font-size: 14px;
    border-bottom: 2px solid white;
    position: relative;
    z-index: 10000;
}

.doc_box {
    width: 505px;
    border: 1px solid;
    margin: 10px;
    display: inline-block;
}

.doc_name {
    padding: 5px 0 0;
    text-align: center;
    color: black;
    font-weight: 600;
}

.box_open a:hover,
.box_open a:focus,
.box_open a:visited {
    color: #666666;
    text-decoration: none;
    background: #2196f34d;
}

.box_open a {
    display: inline;
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    padding-left: 26px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.box_open ol li:before {
    content: "・";
    padding-left: 12px;
}

/*picotech*/
.picobox {
    display: flex;
    flex-wrap: wrap;
}

.picoimg {
    display: block;
    position: relative;
    width: 260px;
    height: 230px;
    margin: 0 auto;
    padding: 10px;
    border: 2px outset aliceblue;
    overflow: hidden;
    background: white;
    border-radius: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.picoimg img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 10px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 100000;
    margin: 0;
    padding: 15px;
}

.pickpro {
    width: 770px;
    margin: 0;
    padding: 0 0 0 20px;
}

.picdata ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.picdata ul li {
    width: 306px;
    padding: 3px 10px 3px 0;
}

.picdata {
    margin-left: 50px;
    background: ghostwhite;
    padding: 10px;
}

span.picoexp {
    font-size: 20px;
    padding: 10px 0;
    display: block;
    font-style: oblique;
    font-weight: bold;
}

.menu {
    clear: both;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.menu ul {
    width: 500px;
}

span.promenu {
    display: block;
    text-align: center;
    font-size: 20px;
    background: blanchedalmond;
    padding: 10px;
    clear: both;
}

.box-movie {
    display: block;
}

/*info見出し*/
span.info:before {
    content: "info";
    background: red;
    color: white;
    padding: 1px 10px;
    border-radius: 8px;
    margin-right: 5px;
}

span.new:before {
    content: "NEW";
    background: red;
    color: white;
    padding: 1px 10px;
    border-radius: 8px;
    margin-right: 5px;
}

/*超短パルスレーザー ultrashurt*/
.wavelength {
    font-size: 22px;
    font-weight: 600;
    background: aliceblue;
    padding: 10px 5px 10px 20px;
    border-left: 10px solid;
    border-bottom: 1px solid;
}

.wavelength:before {
    content: "波長：";
}

.short_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: inherit;
    margin-bottom: 20px;
}

.short_img {
    width: 240px;
    height: 150px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.short_img img {
    width: auto;
    height: auto;
    max-height: 100%;
    padding: 20px 20px 0 20px;
    object-fit: contain;
    display: block;
    z-index: 10000;
    margin: 0 auto;
}


.short_right {
    margin: 0 auto;
}

.short_power:before {
    content: "平均出力：";
    font-weight: 600;
    margin-left: -40px;
}

.short_power {
    padding: 5px 10px;
    margin: 5px 0;
    max-width: 180px;
    width: 100%;
    border-left: 10px solid gray;
    padding-left: 50px;
    display: block;
}

.short_pulse:before {
    content: "パルスエネルギー：";
    font-weight: 600;
    margin-left: -40px;
}

.short_pulse {
    padding: 5px 10px;
    margin: 5px 0;
	max-width: 245px;
    width: 100%;
    border-left: 10px solid gray;
    padding-left: 50px;
}

.short_width:before {
    content: "パルス幅：";
    font-weight: 600;
    margin-left: -40px;
}

.short_width {
    padding: 5px 10px;
    margin: 5px 0;
    max-width: 245px;
    width: 100%;
    border-left: 10px solid gray;
    padding-left: 50px;
}

.notes:before {
    content: "備考：";
    font-weight: 600;
    margin-left: -45px;
}

.notes {
    padding: 5px 10px;
    margin: 5px 0;
    max-width: 320px;
    width: 100%;
    border-left: 10px solid gray;
    padding-left: 55px;
}

.price:before {
    content: "価格：";
    font-weight: 600;
    margin-left: -40px;
}

.price {
    padding: 5px 10px;
    margin: 5px 0;
    max-width: 370px;
    width: 100%;
    padding-left: 50px;
    border-left: 10px solid gray;
    color: #666666 !important;
}

.pro_data a {
    background: darkmagenta !important;
    padding: 0 20px;
    padding-right: 0 !important;
    margin-right: 0 !important;
    color: white;
    display: block;
    width: 100px;
}


.short_data {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 810px;
    width: 100%;
    align-items: center;
    height: 100%;
}

.short_pro_box {
    display: flex;
}

.pro_name {
    padding: 5px 10px!important;
    margin: 5px 0px!important;
    max-width: 520px!important;
    width: 100%;
    border-left: 10px solid #FF9800!important;
    background: dodgerblue!important;
    color: white!important;
    font-size: 18px!important;
    font-weight: 600!important;
    padding-left: 70px!important;
    border-radius: 0px!important;
    line-height: 24.75px!important;
}

.pro_note {
    padding: 5px 10px!important;
    margin: 5px 0!important;
    padding-left: 65px!important;
    max-width: 230px;
    width: 100%;
    border-left: 10px solid #FF9800!important;
    background: rebeccapurple!important;
    color: white!important;
    font-size: 18px!important;
    position: relative!important;
    font-weight: 600;
    border-radius: 0!important;
    line-height: 24.75px!important;
}

.pro_name:before {
    content: "製品名：";
    font-weight: 600;
    margin-left: -60px;
}

.pro_note:before {
    position: absolute;
    content: "型番：";
    font-weight: 600;
    margin-left: -55px;
}

.pro_data {
    display: block;
    max-width: 100px;
    width: 100%;
    margin: 0;
    height: 34px;
	margin-bottom: 10px;
}

/*動画サムネイル3カラム（コメントあり）*/
.thumbnailbox {
    display: flex;
    flex-wrap: wrap;
}

span.play2:hover {
    background: #f0f8ff7a;
    transition: all 0.5s;
}

span.play3:hover {
    background: #f0f8ff7a;
    transition: all 0.5s;
}

.thumbnailcell {
    width: 100%;
    max-width: 345px;
    height: 100%;
    max-height: 210px;
    margin: 2px;
    padding: 5px;
    position: relative;
    display: block;
}

.thumbnailcell a[target=_blank] {
    background: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.thumbnailcell a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000000000000000;
}

.thumbnailimg {
    width: 100%;
    height: 180px;
    padding: 5px;
    margin: 10px 0;
    display: block;
}

.thumbnailimg img {
    width: 100%;
    height: auto;
    max-height: 170px;
    object-fit: contain;
    padding: 0;
}

.thumbnailtitle {
    position: absolute;
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    top: 3px;
    left: 3px;
    background: bisque;
    z-index: 100000000;
    color: black;
}

span.play2 {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    text-align: center;
    color: white;
	transition: all 0.3s ease;
}

span.play2::before {
    position: absolute;
    content: '\E897';
    font-family: 'entypo-fontello';
    right: 10px;
    bottom: 25px;
    color: white;
    width: 45px;
    height: 30px;
    border-radius: 10px;
    background: #ff0000bf;
    line-height: 33px;
    margin: 0;
    font-size: 18px;
    z-index: 21;
    box-shadow: 2px 2px 3px black;
	font-display: swap;
}

span.play3 {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    text-align: center;
    color: white;
    transition: all 0.3s ease;
}

span.play3::before {
    position: absolute;
    content: 'プレビュー';
    right: 10px;
    bottom: 15px;
    color: white;
    width: 70px;
    height: 30px;
    border-radius: 10px;
    background: #ff0000bf;
    line-height: 33px;
    margin: 0;
    font-size: 12px!important;
    z-index: 21;
    box-shadow: 2px 2px 3px black;
}

span.play4 {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    text-align: center;
    color: white;
	transition: all 0.3s ease;
}

span.play4::before {
    position: absolute;
    content: '\E897';
    font-family: 'entypo-fontello';
    right: 20px;
    bottom: 10px;
    color: white;
    width: 45px;
    height: 30px;
    border-radius: 10px;
    background: #ff0000bf;
    line-height: 33px;
    margin: 0;
    font-size: 18px;
    z-index: 21;
    box-shadow: 2px 2px 3px black;
	font-display: swap;
}

.tubemovie2 {
    position: relative;
    width: 98%;
    height: 0;
    padding-bottom: 177px;
    overflow: hidden;
    margin-bottom: 10px;
    margin: 0 auto 10px auto;
}

.tubemovie2 iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 5px;
    left: 0;
}

.tubemovie2 a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 873px) {
    .thumbnailcell {
        padding: 0px 5px;
        margin: 0 auto;
    }
}
/*動画サムネイル3カラム（コメントあり）*/
.thumbnailcell2 {
    width: 100%;
    max-width: 515px;
    height: 100%;
    /* max-height: 300px; */
    margin: 2px;
    padding: 5px;
    position: relative;
    display: block;
}

.thumbnailcell2 a[target=_blank] {
    background: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.thumbnailcell2 a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000000000000000;
}

.thumbnailimg2 {
    width: 100%;
    height: 100%;
    padding: 5px;
    margin: 10px 0 20px 0;
    display: block;
}

.thumbnailimg2 img {
    z-index: 20000;
    width: 495px;
    height: auto;
    max-height: 278px;
    object-fit: contain;
}

@media only screen and (max-width: 1138px) {
    .thumbnailcell2 {
        padding: 0px 5px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1120px) {
    .thumbnailcell3 {
        margin: 2px auto!important;
    }
}

.thumbnailcell3 {
    width: 340px;
    margin: 2px;
    padding: 5px;
    position: relative;
    display: block;
}

.thumbnailcell3 a[target=_blank] {
    background: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.thumbnailcell3 a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000000000000000;
}

/*防護服サムネ*/
.protectiontest .thumbnailimg img {
    object-fit: contain;
}

/*Photodigm Inc.　スタイル*/
.pkgflexbox {
    display: flex;
    flex-wrap: wrap;
}

.pkglinkbox {
    border: solid 1px #232323 !important;
    width: 23%;
    margin: 1%;
    position: relative;
    z-index: 1;
    text-align: center;
}

.pkglinkbox a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.pkglinkbox img {
    height: 60%;
    object-fit: cover;
}

.pkglinkbox a:hover {
    opacity: 0.1;
    background-color: #232323;
}

.pkgname {
    font-size: 1.8em;
    display: inline-block;
    width: 100%;
    line-height: 1.7em;
}

.pkgname2 {
	 font-size: 1.3em;
	 display: inline-block;
    width: 100%;
    line-height: 1.7em;
}

@media screen and (max-width: 768px) {
    .pkglinkbox {
        width: 48%;
    }
}

@media screen and (max-width: 480px) {
    .pkgname {
        font-size: 1.2em;
        margin-bottom: 10%;
        line-height: 1.1em;
        padding-bottom: 5%;
    }
	
	.pkgname2 {
        font-size: 1.2em;
        margin-bottom: 10%;
        line-height: 1.1em;
        padding-bottom: 5%;
}
}

/*FMD*/
.pickpro table th,
.pickpro table td,
.pickpro li {
    font-size: 12px;
}

.pickpro table th {
    width: 120px;
}

.pickpro table td {
    text-align: left;
}


ul.accessories {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.accessories li {
    margin: 0;
    padding: 0;
    width: 375px;
    padding-right: 10px;
}

ul.accessories li img {
    display: block;
    object-fit: contain;
    margin: 0 auto;
    height: 120px;
}


.etc_pic img {
    height: 220px;
    width: auto;
    object-fit: contain;
}

.etc_pic {
    margin: 0 auto;
    text-align: center;
    padding: 0 0 20px 0;
    max-width: 260px;
    width: 100%;
}

.etc_pic span {
    font-size: 12px;
    line-height: initial;
}

.etc_pic p {
    margin: 0;
}

/*○×△*/
span.false {
    font-size: 30px;
    color: blue;
    font-weight: 600;
}

span.true {
    font-size: 30px;
    color: red;
    font-weight: 600;
}

span.null {
    font-size: 30px;
    color: green;
    font-weight: 600;
}

/*プレスリリース*/
.press_main {
    font-size: 15px;
    margin-bottom: 20px;
}

.press_body {
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 20px;
}

.press_img {
    width: 280px;
    margin-right: 10px;
}

.press_data {
    width: 400px;
    padding-left: 10px;
    display: block;
    overflow-wrap: anywhere;
}

.press_data p {
    margin: 0;
}

span.heading:before {
    content: "\f0c8";
    font-family: "Font Awesome 5 Free";
    padding-right: 6px;
    font-size: 15px;
	font-display: swap;
}

span.heading {
    font-weight: 600;
    font-size: 16px;
}

.press_data ul {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.press_img ul {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.press_img img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: top;
    padding: 10px 40px;
    border: 1px solid;
}

.imgcont img {
    height: auto;
    object-fit: contain;
    padding: 0;
    object-position: top;
}

.press_data ul li {
    padding: 2px;
    font-size: 15px;
}

.press_img ul li {
    padding: 2px;
    font-size: 15px;
}

.press_subbody {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    color: black;
    background: lightgoldenrodyellow;
    padding: 10px 0;
}


/*レーザーゴーグル*/
.pro_goggle {
    display: flex;
    flex-wrap: wrap;
}

.pro_goggle .img {
    width: 350px;
    display: flex;
    flex-wrap: wrap;
}

.pro_img3 {
    width: 100%;
    max-width: 330px;
    height: 200px;
    position: relative;
}

.prodata {
    width: 100%;
    max-width: 700px;
}

.pro_basic {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pro_img3 img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pro_img4 img {
    width: auto;
    height: auto;
}

.pro_model {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 20px 5px 5px;
    border-left: 5px solid gray;
}

.pro_wavelength {
    display: inline-block;
    width: 470px;
    height: auto;
    padding: 5px 10px 5px 5px;
    border-left: 5px solid gray;
}

.pro_use {
    display: inline-block;
    width: 700px;
    height: auto;
    padding: 5px 10px 5px 5px;
    border-left: 5px solid gray;
}

.oddmodel {
    display: inline-block;
    width: 200px;
    height: auto;
    padding: 5px 10px 5px 5px;
    border-left: 5px solid gray;
}

.oddata {
    flex-wrap: wrap;
    max-width: 700px;
    width: 100%;
    height: auto;
    padding: 5px 10px 5px 5px;
    border-left: 5px solid gray;
    padding-left: 195px;
}

.pro_od {
    display: flex;
    flex-wrap: wrap;
    height: auto;
}

.pro_model:before {
    content: "タイプ：";
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
}

.pro_wavelength:before {
    content: "対象波長：";
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
}

.pro_use:before {
    content: "用途：";
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
}

.oddmodel:before {
    content: "型番：";
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
}

.od_img {
    width: 100%;
    height: auto;
}

.od_img img {
    width: 90%;
    height: auto;
    top: 0;
    left: 0;
    display: block;
    object-fit: contain;
}

.oddvlt {
    display: inline-block;
    width: 280px;
    height: auto;
    padding: 5px 10px 5px 5px;
    border-left: 5px solid gray;
}

.oddvlt:before {
    content: "可視光透過率（VLT）：";
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
}

.oddata:before {
    content: "波長と光学濃度（OD）：";
    font-size: 16px;
    font-weight: 600;
    padding-left: 5px;
    margin-left: -190px;
}

span.datacoment {
    color: blue;
    background: aliceblue;
    font-weight: bold;
    padding: 5px 5px 5px 10px;
}

/*オリジナル製品一覧*/
.products_container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.pro_footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.pro_title {
    width: 100%;
}

.pro_databox {
    margin: 10px 10px 30px 30px;
}

.pro-data {
    width: 100%;
    margin-left: 15px;
    border-left: 2px solid;
    padding-left: 10px;
    max-width: 762px;
    display: block;
}

.pro-img {
    width: 270px;
    max-width: 270px;
    height: 100%;
    min-height: 310px;
    /*position: relative;*/
    display: block;
    margin: 0 auto;
}

.pro-img a[target="_blank"] {
    background: none !important;
}

.pro-img img {
    /*position: absolute;*/
    display: block;
    /*padding: 15px;*/
    margin: auto 0;
    /*top: auto;*/
    /*left: auto;*/
    width: 270px;
    height: 300px;
    object-fit: contain;
    /*z-index: 100000;*/
}

.pro-catalog {
    background: #00c575;
    position: relative;
    width: 180px;
    text-align: center;
    margin: 0;
    border-radius: 10px;
    height: 40px;
    font-size: 18px;
    margin-right: 30px;
    margin-bottom: 10px;
}

.pro-catalog a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 8px;
    display: block;
    z-index: 10001;
}

.pro-catalog a[target="_blank"],
.pro_button a[target="_blank"] {
    background: none !important;
}


.pro-catalog span:hover,
.pro_button span:hover {
    color: #FFC107;
}

.pro-catalog span {
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 8px 0 8px 24px;
    z-index: 10000;
    font-size: 14px;
    text-align: left;
}

.pro_button {
    background: #a81010;
    color: white;
    position: relative;
    width: 100px;
    text-align: center;
    margin: 0;
    border-radius: 10px;
    height: 40px;
    font-size: 18px;
    margin-bottom: 10px;
}

.pro_button a {
    color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 8px;
    display: block;
    z-index: 100001;
}

.pro_button a:hover {
    position: absolute;
    color: white;
    text-decoration-line: none;
    background: darkorange;
    border-radius: 10px;
}

.pro_button span {
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 8px;
    z-index: 10000;
}

.pro-catalog span:after {
    position: absolute;
    top: 23%;
    left: 9px;
    content: "\f1c1";
    font-size: 15px;
    font-family: "Font Awesome 5 Free";
    color: navy;
    font-weight: 100;
	font-display: swap;
}


.pro-catalog:hover {
    background: #027748;
}

.pro_button:hover {
    background: #750606;
}

.products_top {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    border: 2px solid #03A9F4 !important;
    border-radius: 20px;
    margin-bottom: 20px;
}

.protopleft {
    width: 460px;
    margin: 0 auto;
}

.protopleft a[target="_blank"] {
    background: none !important;
}

.protopright {
    width: 530px;
    margin-left: 20px;
    margin: 0 auto;
}

.protoptitle {
    font-size: 22px;
    padding-bottom: 10px;
    color: blue;
    font-weight: 600;
}

.protopcoment {
    margin-bottom: 10px;
    color: black;
    font-size: 18px;
    padding-left: 10px;
}

/*素材集*/
ul.material_all {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.material_all li a {
    background: none !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

ul.material_all li {
    border: 1px solid;
    padding: 3px 8px;
    margin: 2px;
    background: aliceblue;
}

.material_pic {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none !important;
}

ul.material_pic li {
    margin: 0 0 5px 0;
    padding: 2px;
    width: 95px;
    height: 95px;
    object-fit: contain;
}

/*会社概要*/
.company_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.company_tile {
    width: 320px;
    position: relative;
    border: 2px solid #2196F3 !important;
    margin: 10px;
    border-radius: 15px;
}

.company_tile a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1000;
}

.company_img {
    padding: 10px;
}

.company_title {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    padding: 5px 0;
}

.company_coment {
    text-align: center;
    font-size: 13px;
    line-height: initial;
    padding: 10px 0;
}


.company_tile a:hover {
    background: #f0ffff7a;
    border-radius: 15px;
}

.company_img img {
    padding: 0 45px;
}

/*laseview*/
.laseview th {
    background: #FFEB97;
    color: black;
}
.laseview .spanned {
	background: #FFD400;
}

.laseview table th {
    font-size: 13px;
}

.laseview table td {
    font-size: 13px
}

.laseview .table-s {
    line-height: initial;
}

/*クリーナーテーブル*/
.cleanertable td {
    text-align: left;
}


.cleanermark {
    display: block;
    text-align: center;
}

/*偏波コントローラフォーム*/
.epc_form {
    display: flex;
    flex-wrap: wrap;
    max-width: 720px;
    border-bottom: 1px solid;
    margin: 0 auto;
}

.form_name {
    max-width: 350px;
    width: 600px;
    padding: 20px 0;
    display: list-item;
    margin-left: 20px;
}

.form_area {
    max-width: 350px;
    width: 100%;
}


p.inq_text {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    display: list-item;
    margin-left: 20px;
    padding: 20px 20px 20px 0;
}

.form_box {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
}

/*実例サンプル*/
.case_box2 {
    width: 340px;
    height: 305px;
    border: 2px solid #2196F3 !important;
    border-radius: 15px;
    color: black;
    margin: 5px;
    padding: 10px;
    background-color: lightcyan;
    z-index: 1;
    position: relative;
}

.case_box2 a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
	background: none!important;
}

.case_box2 a:hover {
    background: #8080804f!important;
    position: absolute;
    width: 100%;
    height: 100%;
}

.samplecomment {
    margin: 0 auto;
    padding: 0 20px;
}

/*実例サンプル　レーザークリーナー*/
.case_box3 {
    width: 340px;
    height: 250px;
    border: 2px solid #2196F3 !important;
    border-radius: 15px;
    color: black;
    margin: 5px;
    padding: 10px;
    background-color: lightcyan;
    z-index: 1;
    position: relative;
}

.case_box3 a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
	background: none!important;
}

.case_box3 a:hover {
    background: #ffffff40!important;
    position: absolute;
    width: 100%;
    height: 100%;
}

/*新FAQ*/
.faqtitle::before {
    counter-increment: number 1;
    content: "Q"counter(number, decimal-leading-zero) "：";
    color: #ffffff;
    font-size: 18px;
    background-color: #4caf50;
    border-radius: 5px;
    padding: 0 7px;
    margin-right: 10px;
    margin-left: -78px;
}

.faqcomment::before {
    content: "A"counter(number, decimal-leading-zero) "：";
    color: #ffffff;
    font-size: 18px;
    background-color: #0e548a;
    border-radius: 5px;
    padding: 0 7px;
    margin-left: -78px;
    margin-right: 13px;
}

span.faqtitle {
    display: block;
    padding-left: 78px;
    font-size: 18px;
    font-weight: 600;
    color: black;
    padding-bottom: 10px;
    border-bottom: 1px dashed;
}

span.faqcomment {
    display: block;
    margin-left: 78px;
    word-break: break-word;
    margin-top: 10px;
    margin-bottom: 20px;
}

.faqcontainer br {
    display: none;
}

.faqbox {
    counter-reset: number 0;
    border: 1px solid;
}
.faqbox div:nth-child(2n-1) {
    background-color: rgb(212, 241, 255);
}
.faqbox div {
    padding: 10px;
}

span.faqcomment br {
    display: block;
}

span.faqtitle br {
    display: block;
}

/*新トップページ*/
.topmovbox {
    width: 340px;
    margin: 5px;
    list-style: none;
    float: left;
    padding: 5px;
    background-color: #fafafa;
}

.toppickmov {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.topmovtitle {
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
}

.topmovie {
    display: block;
    padding: 8px;
    margin: 0 auto;
    position: relative;
    width: 315px;
    height: 177px;
    margin-bottom: 10px;
    background: white;
}

.topmovie img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    object-fit: contain;
}

.topmovcom ul {
    padding: 0;
    margin: 0 7px;
    list-style-image: url(./check3.png);
}

.movstyle{
    border: 1px solid red!important;
    border-radius: 10px;
}

.busstyle{
    border: 1px solid plum!important;
}

.topstyle{
    border: 1px solid orange!important;
}

.sitestyle{
    border: 1px solid green!important;
}

.actstyle{
    border: 1px solid blue!important;
}

.tubemovie {
    position: relative;
    width: 98%;
    height: 0;
    padding-bottom: 177px;
    overflow: hidden;
    margin-bottom: 10px;
    margin: 0 auto 10px auto;
}

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

.tubemovie a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 1149px) {
    .topmovbox {
        margin: 5px auto;
    }
}
/*Bodor製品*/
.brandbox {
    display: flex;
    flex-wrap: wrap;
}

.brandprobox {
    width: 340px;
    border: 1px solid blue!important;
    margin: 5px;
    padding: 5px;
    position: relative;
    transition: all 0.3s ease;
}

.brandprobox a {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
}

.brandprobox a[target="_blank"] {
    background: none!important;
    padding-right: 0px!important;
    margin-right: 0px!important;
}

.protitle {
    margin-bottom: 5px;
    font-size: 20px;
    padding: 5px;
}

.proimg {
    padding: 40px;
}

.brandprobox:hover {
    background: #dcdcdc7a;
}

@media only screen and (max-width: 1149px) {
    .brandprobox {
        margin: 5px auto;
    }
}

/*試用ページメインスタイル*/
.trial-prod {
    margin-bottom: 30px;
}

.trial-serieselist {
    margin-top: 30px;
}

.trial-seriesname {
    font-size: 3em !important;
    font-weight: bold !important;
    margin-bottom: 20px !important;
    display: block !important;
    line-height: 1.2em !important;
    background-color: rgba(255,255,255,0) !important;
    border-radius: 0px!important;
    padding: 3px 5px!important;
}


.trial-series{
    display: flex;
    flex-wrap: wrap;
}

.trial-lineup {
    color: #01728F;
    font-weight:bold;
    font-size: 1.3em;
}

.lineup-block {
    background-color: #f3f3f3;
    padding: 3% 3% 1% 3%;
    width: 100%;
}

.trial-pagebox {
    text-align: center;
    margin: 2% 0;
    clear: both;
}

span.trial-gvipage {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 300px;
    height: 80px;
    background-color: #01728F;
    color: white;
    font-size: 24px;
    z-index: 1;
}

span.trial-gvipage a {
    position: absolute;
    color: white;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    padding: 25px 30px 30px;
    left: 0;
    top: 0px;
    margin: 0;
    line-height: 28px;
    word-break: keep-all;
}

#main .trial-gvipage a[target="_blank"] {
    background: none;
}

span.trial-gvipage a:hover {
    color: #ddd;
    text-decoration: none;
}

@media screen and (min-width: 769px) {
.trial-series >div {
    width: 48%;
}
.trial-series div:nth-child(1) {
	margin-right: 3%;
}

}

@media screen and (max-width: 768px) {
.trial-series {
	display:block;
}

.trial-series div {
    width: 100%;
}

.trial-series div:nth-child(2) {
	margin-top: 20px;
}

}

@media screen and (max-width: 470px) {
.trial-seriesname {
        font-size: 2em;
    }
}

/*試用ページ詳細一覧スタイル*/
.trial-prodlistflex {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
}

.trial-prodlistbox {
    width: 48%;
    margin-bottom: 3%;
    box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.4);
    padding: 25px;
}

.trial-prodlist {
    margin-bottom: 20px;
}

.trial-prodlist >div {
    margin-top: 3%;
}

.trial-prodlistname {
    color: white;
    padding: 1% 3%;
    display: inline-block;
    font-weight: bold;
}

.trial-prodlistname-maker {
    background-color:#2E7EFF;
}

.trial-prodlistname-cleaner {
    background-color:#00AC8B;
}

.trial-prodlistname-welder {
    background-color: #FF762E;
}

.trial-prodlistname-cutter {
    background-color: #AF3F7B;
}

.trial-prodlistname-femt {
    background-color: #E0A400;
}

.trial-prodlistname-femtpro {
    background-color: #8940ad;
}

.trial-prodlistpagebox {
    text-align: center;
    margin: 2% 0;
    clear: both;
}

span.trial-prodlistgvipage {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 200px;
    height: 50px;
    background-color: #01728F;
    color: white;
    font-size: 20px;
    z-index: 1;
}

span.trial-prodlistgvipage a {
    position: absolute;
    color: white;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    padding: 11px 5px 5px;
    left: 0;
    top: 0px;
    margin: 0;
    line-height: 28px;
    word-break: keep-all;
}

#main .trial-prodlistgvipage a[target="_blank"] {
    background: none;
}

span.trial-prodlistgvipage a:hover {
    color: #ddd;
    text-decoration: none;
}

@media screen and (min-width: 1001px) {
.trial-prodlistname {
    font-size: 1.2em;
}
}

@media screen and (max-width: 1000px) {
.trial-prodlist {
    display: block;
    width: 100%;
}
}

@media screen and (max-width: 600px) {
.trial-prodlistflex {
    display: block;
}
.trial-prodlistbox {
    width: 100%;
    margin-bottom: 10%;
}

}


/*Laasスタイル*/
h2.laascatch {
    width: 100% !important;
    height: 400px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    text-indent: 150% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    background-size: auto 100%;
    background-color:rgba(255, 255, 255, 0) !important;
    display: inline-block !important;
    margin-bottom: 10px !important;
}

.laaslineup {
  border-collapse:separate !important;
  width: 100%;
  border: 2px solid #eee !important;
}

.laaslineup th,
.laaslineup td {
  border: 3px solid #fff !important;
  font-size: 1.3em;
}

.laaslineup thead>tr>th:nth-child(2){
  background-color: #E4F3FB !important;
  color:#222 !important;
}

.laaslineup thead>tr>th:nth-child(3){
  background-color: #B7E0EF !important;
  color:#222 !important;
}

.laaslineup tbody>tr>th {
    width: 25%;
}

.laaslineup tbody>tr>td a {
  line-height: 7px;
  padding-top: 6px !important;
  display: inline-block;
}


.laaslineup tbody>tr:nth-child(1)>th {
    background: #E4F3FB;
    color: #222 !important;
}

.laaslineup tbody>tr:nth-child(2)>th {
    background: #B7E0EF;
    color: #222 !important;
}

.laasnon{
  background:#fff;
}

.laasmiddle2 ul {
    display:flex;
}

.laasmiddle2 ul li{
    list-style: none;
    margin-left: 0 !important;
    color: #222;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px;

}

.laasmiddle2 div>ul>li:nth-child(2){
    margin-left: 3% !important;
}

.laas_button {
    text-align: center;
    clear: both;
}

.laasflex {
    display: flex;
    flex-wrap: wrap;
}

.laasprod {
    border: 1px solid #eee;
    padding: 2.3%;
}

.laasproname {
    display: inline-block;
    font-weight: bold;
    height: 80px;
}

.laastagflex >span{
    margin-bottom: 5%;
    line-height: 2.2em;
    box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.2);
}

.laastagflex >br{
    display: none;
}

span.laastrial a {
    display: inline-block;
    text-align: center;
    width: 110px;
    height: 35px;
    color: #800000;
    background-color: #FFC9C9;
    border: 1px solid #FF7272 !important;
}

span.laastrial a:hover {
    background-color: #ffbbbb;
    color: #800000;
    text-decoration: none;
}

span.laasrental a {
    display: inline-block;
    text-align: center;
    width: 110px;
    height: 35px;
    color: #673E0E;
    background-color:#FFDEB7;
    border: 1px solid #FFB053 !important;
}

span.laasrental a:hover {
    background-color:#ffcf95;
    color: #673E0E;
    text-decoration: none;
}

span.laassbsc a {
    display: inline-block;
    text-align: center;
    width: 110px;
    height: 35px;
    color:#0B6204;
    background-color:#D2FFCE;
    border: 1px solid #8ED888 !important;
}

span.laassbsc a:hover {
    background-color:#b4f1ae;
    color:#0B6204;
    text-decoration: none;
}


@media screen and (min-width: 769px) {
    .laascatch {
        background-image: url(https://www.symphotony.com/wp-content/uploads/laasheader1.jpg) !important;
    }
    .laasprod {
        width: 31%;
        margin: 1.15%;
    }
    .laastagflex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
        .laassmall {
        display: none;
    }
    .laasmiddle2 {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .laascatch {
        background-image: url(https://www.symphotony.com/wp-content/uploads/laasheader2_1.jpg) !important;
    }
    .laasprod {
        display: block;
        width: 48%;
        margin: 1%;
    }
    .laastagflex>span {
        display: inline-block;
        margin-bottom: 5%;
    }
    .laastagflex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 90%;
        margin-left:4%;
    }
    .laassmall {
        display: none;
    }
    .laasmiddle1 {
        display: none;
    }
    .laasmiddle2 {
        display: block;
    }
}

@media screen and (max-width: 470px) {
        .laascatch {
        background-image: url(https://www.symphotony.com/wp-content/uploads/laasheader3_2.jpg) !important;
    }
	    .laasprod {
        display: block;
        width: 100%;
        margin: 1%;
    }
    .laasproname {
        height: 80px;
    }
    .laastagflex {
        display:block;
        text-align: center;
        width: 100%;
        margin-left:0;
    }
    .laastagflex>span {
        display: inline-block;
        margin-bottom: 10%;
    }
    .laaswide {
        display: none;
    }
    .laassmall {
        display: block;
    }
    .laasmiddle1 {
        display: none;
    }
    .laasmiddle2 {
        display: block;
    }
}

/*キャリア採用*/
.career td {
    text-align: left;
}

/*RPMC*/
.tab_ldx th, table.tab_ldx td {
font-size: 12px!important;
line-height: initial!important;
color: black!important;
}

.tab_ldx tbody tr:nth-child(odd) td,table.tab_ldx tbody tr:nth-child(odd) th {
background: #ececec;
}

.ldx_pack {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
}

/*経営理念ページ*/
div.aboutus-border {
    border: 2px solid #ff911c;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

h2.aboutus-color {
    background-color: rgba(0,0,0,0) !important;
    color: #ff911c !important;
    width: 300px !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 1.2% !important;
}

.aboutus-span {
    color: #222;
    width: 600px;
    display: inline-block;
}

span.aboutus-big {
    font-size: 1.5em;
}

.aboutus-list {
    margin-top: 0.5%;
    margin-left: 0;
}

.aboutus-list li {
    margin-top: 0;
}

.aboutus-vision {
    display: flex;
    width: 80%;
    margin: 20px auto;
}

.aboutus-vision img{
    width: 200px;
	max-width: initial;
}

@media screen and (max-width: 540px) {
    span.aboutus-big {
        font-size: 1em;
        font-weight: bold;
    }

    .aboutus-span {
         display: inline;
    }

    .aboutus-vision {
    display: block;
    width: 80%;
    margin: 20px auto;
    }
    
    .aboutus-vision img{
    width: 200px;
    }
}

/*事業概要ページ*/
.bussinesslist {
    display: flex;
    margin: auto 60px;
    margin-bottom: 40px;
}

.bussinesslist-left {
    width: 600px;
}

.bussinesslist-name {
    background-color: white !important;
    color: #A36500 !important;
    margin: 0 !important;
    margin-bottom: 15px !important;
    padding: 0 !important;
}

.bussinesslist-name::after {
    display: none ;
    top: 0 !important;
    left: 0 !important;
}

.bussinesslist-right {
    width: 250px;
    margin-left: 80px;
}

.bussinesslist-right img{
    margin:auto 0;
    max-width: initial !important;
    max-height: initial !important;
}

.bis-button {
    text-align: center;
    display: inline-block;
    background-color: #a81010;
    color: white;
    font-size: 16px;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.bis-button a {
    color: white;
}

.bis-button a:hover {
    color: white;
}

.bis-button a[target="_blank"] {
    margin-right: 0 !important;
    padding-right: 0 !important;
    background: none;
}

.bussiness-tolistdiv {
    text-align:center;
    margin-bottom: 40px;
}

.bussiness-tolist {
    text-align: center;
    display: inline-block;
    background-color: #037298;
    color: white;
    font-size: 28px;
    padding: 30px;
    margin: 0 auto;
    box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
    border-radius: 5px;
    vertical-align: middle;
}

.bussiness-tolist a {
    color: white;
}

.bussiness-tolist a:hover {
    color: white;
}

h2#laser-public {
    background: #46a29f;
}

@media screen and (max-width: 850px) {
    .bussinesslist {
        margin: 0 0 30px 0;
    }
    
    .bislist-content li {
        font-size: 12px;
        line-height: 12px;
        padding: 2px;
    }
}

@media screen and (max-width: 630px) {
    .bussinesslist {
        display:block;
        margin: 0 0 30px 0;
    }

    .bussinesslist-left {
        width: 100%;
    }

    .bussinesslist-right {
        margin-left: 0;
        text-align:center;
        width: 100%;
    }

    .bislist-content li {
        font-size: 10px;
        line-height: 12px;
        padding: 2px;
    }
}

/*事業概要一覧ページ*/
ul.bislist-content {
    list-style: none;
    margin: 50px 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.bislist-content li {
    display: table-cell;
    border-left: 1px solid #222;
    vertical-align: middle;
    text-align: center;
}

.bislist-content li:nth-child(5) {
    border-right: 1px solid #222;
}

.bislist-content li a {
    color: #222;
}

.bislist-content li a:hover {
    color: #666;
    text-decoration: none;
    margin-bottom: 10px;
    background: #eee;
    padding: 10px;
}

h2.bussinesslist-title {
  position: relative !important;
  padding: 0 65px;
  text-align: center;
  background: none !important;
  color: #00B9E5 !important;
}

h2.bussinesslist-title:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  content: '';
  border: 1px dashed #00B9E5;
}

h2.bussinesslist-title span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

h3.bis-laser {
    background-color: white !important;
    color: #6E6E6E !important;
    margin: 0 !important;
    margin-bottom: 15px !important;
    padding: 5px !important;
    font-weight: inherit;
    border-left: 5px solid #6E6E6E;
    border-bottom: 1px solid #6E6E6E;
    border-radius: inherit;
}

.bis-laser::after {
    display: none ;
    top: 0 !important;
    left: 0 !important;
}

/*マーカーページ*/
.markerlineup {
    display: flex;
    flex-wrap: wrap;
}

.linebox {
    width: 505px;
    border: 1px solid;
    box-shadow: 1px 1px 1px grey;
    margin: 10px;
}

.markername {
    display: block!important;
    background: linear-gradient(#e6e6fa00 70%, #c4d2d6 30%)!important;
    color: #0f738e!important;
    border-radius: 0px!important;
    padding: 5px;
    margin: 0px;
    position: absolute;
    bottom: 10px;
    right: 5px;
    font-size: 30px!important;
    font-weight: bold;
    text-shadow: 2px 2px 1px #fff;
    z-index: 1;
}

.markername::after {
    display: none!important;
}

.markerimg {
    padding: 15px 220px 30px 15px;
    background: #eee;
    position: relative;
}

.markermodel {
    position: relative;
    font-size: 14px;
    line-height: initial;
    padding: 40px 20px 5px;
}
span.makermodel-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 3%;
    display: block;
}

.markerdata {
    position: relative;
    font-size: 14px;
    line-height: initial;
    padding: 40px 10px 5px 20px;
    margin-bottom: 20px;
}
.markeritem {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 5px 5px 75px;
    position: relative;
}
.markerprice {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 5px 5px 75px;
    position: relative;
    font-weight: 600;
    font-size: 20px;
}

.markermodel:before {
    content: "モデル";
    display: inline-block;
    position: absolute;
    background: #01728f;
    padding: 3px 10px;
    font-size: 14px;
    top: 0;
    left: 5px;
    color: white;
    margin-top: 5px;
}

.markerdata:before {
    content: "用途";
    display: inline-block;
    position: absolute;
    background: #01728f;
    padding: 3px 10px;
    font-size: 14px;
    top: 0;
    left: 5px;
    color: white;
    margin-top: 5px;
}

.markeritem:before {
    content: "素材";
    display: inline-block;
    position: absolute;
    background: #01728f;
    padding: 3px 10px;
    font-size: 14px;
    top: 0;
    left: 5px;
    color: white;
    margin-top: 5px;
}

.markerprice:before {
    content: "価格";
    display: inline-block;
    position: absolute;
    background: #01728f;
    padding: 3px 10px;
    font-size: 14px;
    top: 0;
    left: 5px;
    color: white;
    margin-top: 5px;
}
.markeritem a {
	color: inherit;
}
.itemmetal {
    padding: 2px 8px;
    background: darkgray;
    color: white;
    border-radius: 5px;
    margin-right: 5px;
    border: 1px solid;
    font-size: 15px;
    text-shadow: 1px 1px 1px grey;
}
.itemresin {
    padding: 2px 8px;
    background: tan;
    color: white;
    border-radius: 5px;
    margin-right: 5px;
    border: 1px solid;
    font-size: 15px;
    text-shadow: 1px 1px 1px gray;
}
.itempaper {
    padding: 2px 8px;
    background: darksalmon;
    color: white;
    border-radius: 5px;
    margin-right: 5px;
    border: 1px solid;
    font-size: 15px;
    text-shadow: 1px 1px 1px gray;
}
.itemcloth {
    padding: 2px 8px;
    background: Thistle;
    color: white;
    border-radius: 5px;
    margin-right: 5px;
    border: 1px solid;
    font-size: 15px;
    text-shadow: 1px 1px 1px gray;
}
.itemore {
    padding: 2px 8px;
    background: DarkKhaki;
    color: white;
    border-radius: 5px;
    margin-right: 5px;
    border: 1px solid;
    font-size: 15px;
    text-shadow: 1px 1px 1px gray;
}
.itemfrp {
    padding: 2px 8px;
    background: OliveDrab;
    color: white;
    border-radius: 5px;
    margin-right: 5px;
    border: 1px solid;
    font-size: 15px;
    text-shadow: 1px 1px 1px gray;
}
.main_color .itemmetal,
.main_color .itemresin,
.main_color .itempaper,
.main_color .itemcloth,
.main_color .itemore,
.main_color .itemfrp {
    color: white;
    font-weight: normal;
}	
	

.linebox ul {
    margin: 0;
    padding: 0;
}

.linebox li {
    padding: 0;
    font-size: 14px;
}

.linebox li a {
    font-size: 16px;
    font-weight: 800;
}

.markerservice1 {
    position: absolute;
    width: 180px;
    top: 5px;
    right: 5px;
}
.markerservice2 {
    position: absolute;
    width: 180px;
    top: 50px;
    right: 5px;
}

.markerimg a[target="_blank"] {
    background: none!important;
    padding-right: 0!important;
    margin-right: 0!important;
    margin: 0;
}

.markerimg img {
    max-height: 210px;
    width: auto;
}

.number {
    counter-reset: item;
    list-style: none;
}

ol.number li:before {
    counter-increment: item;
    content: counter(item)'.';
    padding-right: 12px;
    margin-left: -32px;
    font-size: 22px;
    color: blue;
    font-weight: bold;
}

ol.number li {
    font-weight: bold;
    font-size: 16px;
    line-height: initial;
    margin-left: 35px;
}

.markerlaser {
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 20px;
}

.markermenu {
    width: 206px;
    border: 1px solid;
    padding: 10px;
    text-align: center;
    margin: 2px;
    background: dodgerblue;
    color: white;
    position: relative;
    font-size: 13px;
}

.markermenu a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.markermenu a:hover {
    background: #ffffff7a;
}

.m_img a {
    position: absolute;
    width: 268px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

.m_img {
    position: relative;
}

.m_img a:hover {
    background: #ffffff7a!important;
}

.markerservice1 a {
    position: absolute;
    width: 180px;
    height: 46px;
    top: -2px;
    left: -2px;
}


.markerservice2 a {
    position: absolute;
    width: 180px;
    height: 46px;
    top: -2px;
    left: -2px;
}

.markerservice1 a:hover {
    background: #ffffff82!important;
}

.markerservice2 a:hover {
    background: #ffffff82!important;
}

/*画像を並べて表示*/
.menubox2 {
    display: flex;
    flex-wrap: wrap;
}

.cellimg2 {
    width: 100%;
    height: 100px;
    padding: 5px;
    margin: 10px 0;
    display: block;
}

.cellimg2 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cellbox2 {
    width: 205px;
    height: 170px;
    border: 1px solid;
    margin: 2px;
    padding: 5px;
    position: relative;
    display: block;
}

.cellbox2 a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000000;
}

.cellbox2:hover {
    background: #c8e3ff;
}

@media only screen and (max-width: 770px) {
    .cellimg2 {
        width: 100%;
        height: 80px;
    }
    .cellbox2 {
        width: 130px;
        height: 90px;
    }
    
}

/*LHB比較表*/
table.lhbtable1 td,
table.lhbtable1,
table.lhbtable2 td,
table.lhbtable2 {
	font-size: 12px;
}

table.lhbtable1,
table.lhbtable2 {
	table-layout: fixed;
	line-height: normal;
}

table.lhbtable1 tr td:nth-of-type(1),
table.lhbtable1 tr th:nth-of-type(2) {
	background-color: aliceblue;
}

table.lhbtable1 tr td:nth-of-type(2),
table.lhbtable1 tr th:nth-of-type(3) {
	background-color: aliceblue;
}

table.lhbtable1 tr td:nth-of-type(3),
table.lhbtable1 tr th:nth-of-type(4) {
	background-color: aliceblue;
}

table.lhbtable1 tr td:nth-of-type(4),
table.lhbtable1 tr th:nth-of-type(5) {
	background-color: aliceblue;
}

table.lhbtable1 tr td:nth-of-type(5),
table.lhbtable1 tr th:nth-of-type(6) {
	background-color: aliceblue;
}


table.lhbtable2 tr td:nth-of-type(1),
table.lhbtable2 tr th:nth-of-type(2) {
	background-color: azure;
}

table.lhbtable2 tr td:nth-of-type(2),
table.lhbtable2 tr th:nth-of-type(3) {
	background-color: azure;
}

table.lhbtable2 tr td:nth-of-type(3),
table.lhbtable2 tr th:nth-of-type(4) {
	background-color: azure;
}

table.lhbtable2 tr td:nth-of-type(4),
table.lhbtable2 tr th:nth-of-type(5) {
	background-color: honeydew;
}

tr.lhb25 {
    background: #e0f8ff!important;
}

tr.lhb50 {
    background: aliceblue!important;
}

tr.lhb100 {
    background: azure!important;
}

tr.lhb200 {
    background: honeydew!important;
}

/*会社概要役員*/
.prof_box {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    padding: 5px;
}

.profimg {
    padding: 10px;
    margin: 0 auto;
    max-width: 240px;
    width: 100%;
}

.profcoment {
    padding: 15px 10px 10px 20px;
    margin: 0 auto;
    max-width: 780px;
    width: 100%;
    background: papayawhip;
    color: black;
}

.profmane {
    font-size: 28px;
    padding: 10px 0;
    border-bottom: 2px solid blue!important;
    font-style: oblique;
}

.proftitle {
    font-size: 20px;
    padding: 10px;
}

.proffield {
    font-size: 18px;
    padding: 10px;
}

.profmane span {
    font-size: 18px;
    margin-left: 20px;
}

/*マーカーパーツリスト*/
.itemlist span {
    background: #00c8ff;
    border-radius: 8px;
    padding: 0 5px;
    color: white;
    margin: 5px 5px 5px -25px;
    width: 20px;
    display: inline-block;
    text-align: center;
}

.itemlist ul {
    list-style: none;
    line-height: normal;
}

.itemlist ul {
    padding: 0;
}

.itemlist li {
    margin: 0;
    padding: 0px 0 0 25px;
}

/*クリーナーテーブルイメージ*/
.material_table a .image-overlay{
    position: relative;
}

/*光免疫療法ページ*/
div.table-contents {
    background-color: #f7f7f8;
    padding: 15px;
    margin-bottom: 40px;
    border: 1px solid #e3e6e8;
}

.pager-kokyo  ul.pagination-kokyo {
  text-align: center;
  margin: 0;
  padding: 0;
}

.pager-kokyo .pagination-kokyo li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background:#509dbb;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
}

.pager-kokyo .pagination-kokyo li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #fff;
  text-decoration: none;
}

.pager-kokyo .pagination-kokyo li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager-kokyo .pagination-kokyo li a:hover,
.pager-kokyo .pagination-kokyo li a.active{
  color: #000;
  background: #a8d4e5;
}

@media screen and (max-width:500px) {
    .pager-kokyo .pagination-kokyo li {
  width: 35px;
  height: 35px;
    }
}

/*リンクの入ったテーブルの行に色付け*/
table.rowlink td a {
    display: block;
    width: 100%;
    height:100%;
    font-weight:  bold;
}

table.rowlink td:hover {
    background: aliceblue;
}

table.rowlink tr:hover {
    background: aliceblue;
}

/*即納品ランキング*/
div.main_color .top10table tr,
div.main_color .top10table th,
div.main_color .top10table td{
padding: 9px 6px 9px;
background-color: transparent;
}
div.main_color .top10table td{
padding-left: 12px;
text-align: left;
}
div.main_color .top10table .order{
 width: 4em;
 background-color: #eee;
}
div.main_color .top10table .products{
 background-color: #fff;
}
div.main_color .top10-cols1{
 margin-right: 10px;
}
div.main_color .top10-cols2{
 margin-left: 10px;
}

/* 20220113 doi dFlipBook Share buttonを消す*/
body.postid-116490 .df-ui-share {
    display: none;
}

/* 20220114  マーキングマニュアルページ*/
span.ma-title {
    display: inline-block;
    font-size: 1.3em;
    font-weight: bold;
    background: #007c8b;
    color: white;
    padding: 5px 7px;
    margin-bottom: 10px;
}
/* 20220304 contact-form-7のlabel。 base.css の #top label span{} を上書きしてbodyや.main_colorなどと同じ値にする*/
#top #wpcf7-form label span {
    font-weight: normal;
    font-size: 15px;
    color: #666;
}
/* 20220308 contact-form-7のcheckboxを画像にする */
.inq-check-image>span>.wpcf7-checkbox{
display:flex;flex-wrap:wrap;}
.inq-check-image>span>.wpcf7-checkbox>.wpcf7-list-item{
display:block;margin: 5px 10px;padding:0;border:0 none;}
.inq-check-image>span>.wpcf7-checkbox>.wpcf7-list-item>label{
display:block;margin:0;padding:0;border:0 none;position: relative;width:100%;height:100%;box-sizing:content-box;}
.inq-check-image>span>.wpcf7-checkbox>.wpcf7-list-item>label>input{
visibility:hidden;position:absolute;}
.inq-check-image>span>.wpcf7-checkbox>.wpcf7-list-item>label>.wpcf7-list-item-label{
position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;border: 3px solid #ccc;margin:0;text-align:center;box-sizing:content-box;}
.inq-check-image>span>.wpcf7-checkbox>.wpcf7-list-item>label>input:checked+.wpcf7-list-item-label{
border-color:#26f;}
.inq-check-image>span>.wpcf7-checkbox>.wpcf7-list-item>label>.wpcf7-list-item-label:before{
position:absolute;display:block;top:0;left:0;width:100%;height:40%;content:"";z-index:-1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,1+75,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 75%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 75%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 75%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.inq-check-image>span>.wpcf7-checkbox>.wpcf7-list-item>label>.wpcf7-list-item-label:after{
position:absolute;display:block;top:0;left:0;width:100%;height:100%;content:"";z-index:-2;background-position: center bottom;background-repeat: no-repeat;}

.inq-check-image>span>.wpcf7-checkbox>.wpcf7-list-item{
width:160px;height:90px;}
.inq-check-image-160>span>.wpcf7-checkbox>.wpcf7-list-item,
.inq-check-image-160-sprite>span.your>.wpcf7-checkbox>.wpcf7-list-item{
width:160px;height:140px;}
.inq-check-image-135>span>.wpcf7-checkbox>.wpcf7-list-item,
.inq-check-image-135-sprite>span>.wpcf7-checkbox>.wpcf7-list-item{
width:135px;height:90px;}
.inq-check-image-160-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(1)>label>.wpcf7-list-item-label:after{
background-position:0px 0px;
}
.inq-check-image-160-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(2)>label>.wpcf7-list-item-label:after{
background-position:-160px 0px;
}
.inq-check-image-160-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(3)>label>.wpcf7-list-item-label:after{
background-position:-320px 0px;
}
.inq-check-image-160-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(4)>label>.wpcf7-list-item-label:after{
background-position:-480px 0px;
}
.inq-check-image-160-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(5)>label>.wpcf7-list-item-label:after{
background-position:0px -140px;
}
.inq-check-image-160-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(6)>label>.wpcf7-list-item-label:after{
background-position:-160px -140px;
}
.inq-check-image-160-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(7)>label>.wpcf7-list-item-label:after{
background-position:-320px -140px;
}
.inq-check-image-160-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(8)>label>.wpcf7-list-item-label:after{
background-position:-480px -140px;
}
.inq-check-image-160-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(9)>label>.wpcf7-list-item-label:after{
background-position:0px -280px;
}
.inq-check-image-160-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(10)>label>.wpcf7-list-item-label:after{
background-position:-160px -280px;
}
.inq-check-image-160-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(11)>label>.wpcf7-list-item-label:after{
background-position:-320px -280px;
}
.inq-check-image-160-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(12)>label>.wpcf7-list-item-label:after{
background-position:-480px -280px;
}
.inq-check-image-135-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(1)>label>.wpcf7-list-item-label:after{
background-position:0px 0px;
}
.inq-check-image-135-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(2)>label>.wpcf7-list-item-label:after{
background-position:-135px 0px;
}
.inq-check-image-135-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(3)>label>.wpcf7-list-item-label:after{
background-position:-270px 0px;
}
.inq-check-image-135-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(4)>label>.wpcf7-list-item-label:after{
background-position:-405px 0px;
}
.inq-check-image-135-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(5)>label>.wpcf7-list-item-label:after{
background-position:0px -90px;
}
.inq-check-image-135-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(6)>label>.wpcf7-list-item-label:after{
background-position:-135px -90px;
}
.inq-check-image-135-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(7)>label>.wpcf7-list-item-label:after{
background-position:-270px -90px;
}
.inq-check-image-135-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(8)>label>.wpcf7-list-item-label:after{
background-position:-405px -90px;
}
.inq-check-image-135-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(9)>label>.wpcf7-list-item-label:after{
background-position:0px -180px;
}
.inq-check-image-135-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(10)>label>.wpcf7-list-item-label:after{
background-position:-135px -180px;
}
.inq-check-image-135-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(11)>label>.wpcf7-list-item-label:after{
background-position:-270px -180px;
}
.inq-check-image-135-sprite>span>.wpcf7-checkbox>.wpcf7-list-item:nth-child(12)>label>.wpcf7-list-item-label:after{
background-position:-405px -180px;
}
/* contact-form-7のcheckbox画像ここまで*/

/* 20221003 contact-form-7のradioを画像にする */
.inq-check-image>span>.wpcf7-radio{
display:flex;flex-wrap:wrap;}
.inq-check-image>span>.wpcf7-radio>.wpcf7-list-item{
display:block;margin: 5px 10px;padding:0;border:0 none;}
.inq-check-image>span>.wpcf7-radio>.wpcf7-list-item>label{
display:block;margin:0;padding:0;border:0 none;position: relative;width:100%;height:100%;box-sizing:content-box;}
.inq-check-image>span>.wpcf7-radio>.wpcf7-list-item>label>input{
visibility:hidden;position:absolute;}
.inq-check-image>span>.wpcf7-radio>.wpcf7-list-item>label>.wpcf7-list-item-label{
position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;border: 3px solid #ccc;margin:0;text-align:center;box-sizing:content-box;}
.inq-check-image>span>.wpcf7-radio>.wpcf7-list-item>label>input:checked+.wpcf7-list-item-label{
border-color:#26f;}
.inq-check-image>span>.wpcf7-radio>.wpcf7-list-item>label>.wpcf7-list-item-label:before{
position:absolute;display:block;top:0;left:0;width:100%;height:40%;content:"";z-index:-1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,1+75,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 75%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 75%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 75%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.inq-check-image>span>.wpcf7-radio>.wpcf7-list-item>label>.wpcf7-list-item-label:after{
position:absolute;display:block;top:0;left:0;width:100%;height:100%;content:"";z-index:-2;background-position: center bottom;background-repeat: no-repeat;}

.inq-check-image>span>.wpcf7-radio>.wpcf7-list-item{
width:160px;height:90px;}
.inq-check-image-160>span>.wpcf7-radio>.wpcf7-list-item,
.inq-check-image-160-sprite>span.your>.wpcf7-radio>.wpcf7-list-item{
width:160px;height:140px;}
.inq-check-image-135>span>.wpcf7-radio>.wpcf7-list-item,
.inq-check-image-135-sprite>span>.wpcf7-radio>.wpcf7-list-item{
width:135px;height:90px;}
.inq-check-image-160-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(1)>label>.wpcf7-list-item-label:after{
background-position:0px 0px;
}
.inq-check-image-160-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(2)>label>.wpcf7-list-item-label:after{
background-position:-160px 0px;
}
.inq-check-image-160-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(3)>label>.wpcf7-list-item-label:after{
background-position:-320px 0px;
}
.inq-check-image-160-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(4)>label>.wpcf7-list-item-label:after{
background-position:-480px 0px;
}
.inq-check-image-160-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(5)>label>.wpcf7-list-item-label:after{
background-position:0px -140px;
}
.inq-check-image-160-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(6)>label>.wpcf7-list-item-label:after{
background-position:-160px -140px;
}
.inq-check-image-160-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(7)>label>.wpcf7-list-item-label:after{
background-position:-320px -140px;
}
.inq-check-image-160-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(8)>label>.wpcf7-list-item-label:after{
background-position:-480px -140px;
}
.inq-check-image-160-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(9)>label>.wpcf7-list-item-label:after{
background-position:0px -280px;
}
.inq-check-image-160-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(10)>label>.wpcf7-list-item-label:after{
background-position:-160px -280px;
}
.inq-check-image-160-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(11)>label>.wpcf7-list-item-label:after{
background-position:-320px -280px;
}
.inq-check-image-160-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(12)>label>.wpcf7-list-item-label:after{
background-position:-480px -280px;
}
.inq-check-image-135-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(1)>label>.wpcf7-list-item-label:after{
background-position:0px 0px;
}
.inq-check-image-135-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(2)>label>.wpcf7-list-item-label:after{
background-position:-135px 0px;
}
.inq-check-image-135-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(3)>label>.wpcf7-list-item-label:after{
background-position:-270px 0px;
}
.inq-check-image-135-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(4)>label>.wpcf7-list-item-label:after{
background-position:-405px 0px;
}
.inq-check-image-135-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(5)>label>.wpcf7-list-item-label:after{
background-position:0px -90px;
}
.inq-check-image-135-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(6)>label>.wpcf7-list-item-label:after{
background-position:-135px -90px;
}
.inq-check-image-135-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(7)>label>.wpcf7-list-item-label:after{
background-position:-270px -90px;
}
.inq-check-image-135-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(8)>label>.wpcf7-list-item-label:after{
background-position:-405px -90px;
}
.inq-check-image-135-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(9)>label>.wpcf7-list-item-label:after{
background-position:0px -180px;
}
.inq-check-image-135-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(10)>label>.wpcf7-list-item-label:after{
background-position:-135px -180px;
}
.inq-check-image-135-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(11)>label>.wpcf7-list-item-label:after{
background-position:-270px -180px;
}
.inq-check-image-135-sprite>span>.wpcf7-radio>.wpcf7-list-item:nth-child(12)>label>.wpcf7-list-item-label:after{
background-position:-405px -180px;
}
/* contact-form-7のradio画像ここまで*/


/* マーカーFAQスタイル*/
ol.faq-maker li {
    margin-bottom: 20px;
    border-bottom: 1px dashed #bbb;
}

/* サイドバーウィジェットにメニューを入れる */
#top .widget_nav_menu ul {
	display: block;
}

/* トップインフォメーション */
/* ページャー */
.pagination.top_information_nav {
	padding-bottom: 10px;
}
.pagination.top_information_nav a {
	background-color: #ebebeb;
	border-color: #aaa;
	box-shadow: 0 0 2px 2px #ccc;
}
.pagination.top_information_nav a.current {
	
	
}
.pagination.top_information_nav a.disabled {
	box-shadow: 0 0 2px 2px #fcfcfc;
}

/* プライバシーポリシー */
.policy ol ol {
	list-style-type: none;
	margin: 1em 0;
	counter-reset: olol;
	list-style-position: outside;
}
.policy ol.kakko {
	list-style-type: none;
	counter-reset: olol;
}
.policy ol.kakko li,
.policy ol ol li {
	margin-left: 1.2em;
}
.policy ol.kakko li:before,
.policy ol ol li:before {
	counter-increment: olol;
	content: "(" counter(olol) ")";
	margin-right: .5em;
	margin-left: -1.5em;
}
.policy ol ol ol{
	list-style-type: none;
	margin: 1em 0 1em 1em;
}
.policy ol ol ol li:before{
	content: "";
}

/*光響の歩み*/
.his-data {
    font-size: 0.85em;
    display: inline-block;
    background: #eee;
    padding: 1px 5px;
    color: #111;
    margin-bottom: 5px;
}

/*マーカーページ ソフトウェアの表*/
.ezcad {
border-collapse: collapse;
border-spacing: 0;
margin: 0px auto
}

.ezcad table {
table-layout: fixed
}


.ezcad th {
border-style: solid;
border-width: 1px;
font-size: 15px;
padding: 3px;
word-break: normal;
border-color:#000000
}

.ezcad td {
border-style: solid;
border-width: 1px;
width:50%;
font-size: 14px;
padding: 5px;
word-break: normal;
background-color: #ffffff;
text-align: left;
vertical-align: middle;
border-color:#000000
}

.ezcad .ezcadth01 {
background-color: #fdd500;
color: #000000;
text-align: center;
vertical-align: middle;
width: 200px
}

.ezcad .ezcadth02 {
background-color: #fcfbe3;
text-align: center;
vertical-align: middle
}

.ezcad .ezcadtext {
background-color: #ffffff;
border-color: inherit;
vertical-align: middle
}

.ezcad .ezcadimg {
background-color: #ffffff;
border-color: inherit;
text-align: center;
vertical-align: bottom;
border-color:#000000;
}