@charset "utf-8";

.video_play::before{
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 1px solid #7a0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.video_play::after{
    left: 5px;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-left: 3px solid #7a0;
}

.news-detail__text p img
 {
    width: 100%;
    height: auto;
}

.news-detail__text p iframe ,
.news-detail__text p video {
    width: 100%;
}


.newsline__item__title svg {
    width: 12px;
    height: auto;
}
.news-entries__title svg {
    width: 10px;
    height: auto;
    margin-bottom: -2px;
}

.news-entries__item {
    color: #101319;
    text-decoration: none;
}
.news-entries__item:hover {
    text-decoration: underline;
}


.news-detail__text {
    width: 100%;
}


/*.product-category {
    justify-content: flex-start;
}
.product-category__item:nth-child(3n-1) {
    margin-left: 2.857145%;
    margin-right: 2.857145%;
}*/

@media (max-width: 1200px) {
    .product-category {
        justify-content: space-between;
    }

    .product-category__item:nth-child(3n-1) {
        margin-left: 0%;
        margin-right: 0%;
    }
}

/*.achievements-ordermade02__list {
    justify-content: flex-start;
}*/
/*.achievements-product-category__item:nth-child(3n-1) {
    margin-left: 6.81383%;
    margin-right: 6.81383%;
}*/

@media (max-width: 767px) {
    .achievements-ordermade02__list {
        justify-content: space-between
    }

    .achievements-product-category__item:nth-child(3n-1) {
        margin-left: 0%;
        margin-right: 0%;
    }
}

.category__image__a {
    display: block;
    overflow: hidden;
}

.category__image__a img {
    transition: 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.category__image__a img:hover {
    transform: scale(1.08);
    transition: 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.recuit-news-entries__title_a {
    color: #fff;
}

.recuit-news-entries__title_a:hover {
    text-decoration: none;
}


/****  ナビ   ****/
.home .header-nav .nav_home ::after
{ /* ホーム */
    opacity: 1 !important;
}

.post-type-archive-news .header-nav .nav_news ::after,
.tax-news_cate .header-nav .nav_news ::after,
.single-news .header-nav .nav_news ::after
{ /* お知らせ */
    opacity: 1 !important;
}

.page-id-95 .header-nav .nav_business ::after,
.parent-pageid-95 .header-nav .nav_business ::after
{ /* 事業紹介 */
    opacity: 1 !important;
}

.page-template-page-products .header-nav .nav_product ::after,
.category .header-nav .nav_product ::after,
.single-post .header-nav .nav_product ::after
 { /* 製品･サービス */
    opacity: 1 !important;
}

.post-type-archive-ordermade .header-nav .nav_ordermade ::after,
.single-ordermade .header-nav .nav_ordermade ::after
{ /* 受託･共同開発 */
    opacity: 1 !important;
}

/*
.page-id-63 .header-nav li:nth-child(6) ::after,
.parent-pageid-63 .header-nav li:nth-child(6) ::after
{
    opacity: 1 !important;
}
*/
.parent-pageid-103 .header-nav .nav_company ::after,
.page-id-103 .header-nav .nav_company ::after
{ /* 企業情報 */
    opacity: 1 !important;
}

.page-template-page-recruit-php .header-nav .nav_recruit ::after
{ /* 採用情報 */
    opacity: 1 !important;
}


/****  ナビEND  ****/




/**** modal ****/
.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 105;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
	height: 130vh;
	position: absolute;
	width: 100%;
	z-index: 106;
}
.modal__content{
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 107;
	background: #fff;
	padding: 40px;
	max-width: 90vw !important;
	max-height: 110vh !important;
	width: auto !important;
	height: auto !important;
	overflow-y: auto;
}
.modal__content p{
	width: 100% !important;
	height: 100% !important;
}
.modal__content p img{
	max-width: calc(80vw - 80px) !important;
	max-height: calc(80vh - 80px) !important;
	width: auto !important;
	height: auto !important;
}
.modal__content.movieBox{
	width: 70vw !important;
	max-height: auto !important;
	box-sizing: border-box;
}
.modal__content.movieBox p{
	width: auto !important;
	
	max-width: 100%;
	height: auto !important;
	overflow: hidden;
	padding-bottom: 80vh;
	position: relative;
}
.modal__content.movieBox p iframe ,
.modal__content.movieBox p video {
	max-width: none;
	max-height: none;
	
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;	
}
@media (max-width: 767px){
.modal__content.movieBox{
	width: 90vw !important;
}
}





.modal__content {
}
#modal03 .movieBox {
}
#modal03 iframe {
}



a.js-modal-close{
	text-decoration: none;
	font-size: 30px;
	line-height: 1;
	z-index: 108;
	position: absolute;
	left: 8px;
	top: 5px;
	z-index: 110;
	color: #333;
}
#modal02-open__item{
display: none;
}
@media (max-width: 767px){
.modal__content{
	padding: 30px;
	max-width: 95vw !important;
	max-height: 95vh !important;
	
}

.modal__content.movieBox p {
	padding-bottom: 80%;
}

.modal__content p img{
	max-width: calc(85vw - 60px) !important;
	max-height: calc(85vh - 60px) !important;
}
#modal01-open__item{
	display: none;
}
#modal02-open__item{
	display: block;
}
}
