@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

@media (max-width: 1024px) {
    .-parallel .l-header__gnav .c-gnav>li>a {
			padding: 12px;		
    }
}




.menu-item-object-page, .menu-item-object-category, .menu-item-object-custom {
	font-weight:bold ;
}
.c-listMenu a {
    padding: 1em 1em 1em 1.5em;
    transition: padding .25s;
}

/* アイキャッチサイズ変更 */
.u-obf-cover {
	-o-object-fit: contain;
	object-fit: contain;
}
pre {
	white-space: pre-wrap;
}
/* セミナー案内 */
.seminar_schedule {
	text-align:center ;
	border:2px solid #f80 ;
	background:#eee ;
	padding:10px ;
}
.seminar_schedule a {
	color:#f80 ;
	font-weight:bold ;
}
.seminar_box {
	flex-wrap: wrap;
	display: flex;
	align-items: top;
}
.seminar_box li {
	width: calc(100%/4 - 10px);
	margin-bottom: 10px ;
}
.seminar_box li:not(:nth-of-type(4n)) {
	margin-right: calc(40px/3);
}
@media screen and (max-width: 767px) {
	.seminar_box li {
		width: calc(100%/2 - 5px);
	}
	.seminar_box li:not(:nth-of-type(4n)) {
	margin-right: 0;
}
	.seminar_box li:nth-child(odd) {
	margin-right: 10px;
}
}
/* メンテナンス案内 */
.inspection_box {
	border:2px solid #f00 ;
	padding:10px ;
	text-align:center ;
}
.inspection_box a {
	text-decoration:none ;
}
.maintenance_box {
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	align-items: top;
}
.maintenance_box li {
	width: calc(50% - 10px);
	margin-bottom:20px ;
}

@media screen and (max-width: 767px) {
	.maintenance_box li {
		width: 100%;
		margin-bottom:10px ;
	}
}

.box_tel {
	width: 100%;
}

.box_tel #st_tel {
	font-size:20px ;
	text-align: center;
	font-weight: bold;
}

.box_tel .wrap_tel {
	width:100% ;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.box_tel .wrap_tel .div_tel {
	background: #eee;
	padding: 1em 0.5em;
	width: calc(25% - 10px);
	display: flex;
	flex-direction: column;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.box_tel .wrap_tel .div_tel {
	width: calc(50% - 5px);		
	margin-top: 10px;
}
}

.box_tel .wrap_tel .div_tel .tel_title {
	font-size: .85em;
	font-weight: bold;
	margin-bottom: .5em;
	color: rgba(0, 0, 0, 0.8);
}

.box_tel .wrap_tel .div_tel .phone_number {
	margin-top: auto;
}

.box_tel .wrap_tel .div_tel .phone_number a[href^="tel:"] {
	font-size: 1.6em;
	color: #f34955;
}
@media(min-width: 768px){
  .box_tel .wrap_tel .div_tel .phone_number a[href^="tel:"] {
    pointer-events: none;
  }
}

@media screen and (max-width: 767px) {
	.box_tel .wrap_tel .div_tel .phone_number a[href^="tel:"] {
	font-size: 1.4em;
}
}

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

.container_box_ppt li {
	width: 48.5% ;
	font-size: 16px ;
	text-align: center ;
}

.container_box_ppt li a {
	width: 100% ;
	height: 100px ;
	margin: 0 auto ;
	border: 1px solid #ccc ;
	border-radius: 12px ;
	display: flex ;
	justify-content: center ;
	align-items: center ;
}
.container_box_ppt li a img {
	height: 60px ;
}

.container_box_ppt li p {
	margin-top: 10px ;
}

@media screen and (max-width: 767px) {
.container_box_ppt li {
	font-size: 12px ;
	line-height: 1.2 ;
	text-align: center ;
	margin-bottom: 20px ;
}
.container_box_ppt li a {
	height: 80px ;
}
}

/* newマーク */
.new-mark .p-postList__link::before {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 4em solid transparent;
	border-left: 4em solid red;
	position: absolute;
	z-index: 10;
}
.new-mark .p-postList__link::after {
	content: "New!";
	top: 12px;
	left: 4px;
	transform: rotate(-45deg);
	color: #fff;
	position: absolute;
	z-index: 10;
	font-size: .8em;
	font-weight: 700;
	/* ホバー時のチラつき対策 */
	-webkit-font-smoothing: antialiased;
}
/* NBSのサービス・ブランドサイト一覧 */
.brand_list {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
}
.brand_list li {
	width: 19%;
	margin: 0 auto 15px auto;
	text-align: center;
	font-size: 11px;
	border: 1px solid #ccc;
	padding: 10px;
}
.brand_list li.empty_item {
	border: none;
}

.brand_list li img {
	max-height: 100px;
}
@media screen and (max-width: 767px) {
	.brand_list li {
		width: 48%;
	}
}

/*フリーワード検索*/
.searchandfilter {
	background:#eee ;
	padding:10px ;
	margin-bottom:0 ;
	text-align: center;
	margin-bottom: 4em;
}
.searchandfilter ul {
	width: 100%;
	padding-left: 0;
}
.searchandfilter select {
	padding: 10px;
	border-radius: 6px;
}
.searchandfilter input {
	padding: 9px 10px 7px 10px;
	border-radius: 6px;
}
@media screen and (max-width: 767px) {
	.searchandfilter {
		text-align: left;
	}
	.searchandfilter select {
		width: 100%;
	}
}


/*インスタグラム*/
.lcl-sec04 {
	width: 100%;
}

.lcl-sec04 .lcl-sec04__icon {
	position: relative
}
.lcl-sec04 .lcl-sec04__icon:before {
	content: "";
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -50px;
	background: url(../img_new/insta/icon.png) center/cover no-repeat;
	width: 30px;
	height: 30px
}
@media screen and (max-width: 767px) {
	.lcl-sec04 .lcl-sec04__icon:before {
		width: 5.3333333333vw;
		height: 5.3333333333vw;
		left: -8vw
	}
}
.lcl-sec04__list--insta {
	display:flex ;
	justify-content:space-between ;
	flex-wrap:wrap ;
	width:100% ;
}
.lcl-sec04__list--insta::after {
display: block;
content:"";
	width: calc( 100%/5 - 5px ) ;
}
.lcl-sec04__list--insta__item {
	width: calc( 100%/5 - 5px ) ;
}
@media screen and (max-width: 767px) {
	.lcl-sec04__list--insta__item {
	width: calc( 50% - 5px ) ;
}
}


@media screen and (min-width: 768px) {
	.lcl-sec04 .lcl-sec04__list--insta .lcl-sec04__list--insta__item:not(:last-child) {
		margin-bottom: 10px
	}
}
@media screen and (max-width: 767px) {
	.lcl-sec04 .lcl-sec04__list--insta .lcl-sec04__list--insta__item {
		margin-top: 2vw
	}
}
.lcl-sec04 .lcl-sec04__list--insta .lcl-sec04__list--insta__item a {
	background-color: #f5f5f5;
	width: 100% ;
	height: 80px;
	padding:5px ;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-radius: 10px;
	transition: opacity 0.25s
}
@media (hover: hover) {
	.lcl-sec04 .lcl-sec04__list--insta .lcl-sec04__list--insta__item a:hover {
		opacity: 0.5
	}
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none), screen and (min-width: 768px) and (-ms-high-contrast: active) {
	.lcl-sec04 .lcl-sec04__list--insta .lcl-sec04__list--insta__item a:hover {
		opacity: 0.5
	}
}
@media screen and (max-width: 767px) {
	.lcl-sec04 .lcl-sec04__list--insta .lcl-sec04__list--insta__item a {
		width: 100%;
		height: 20vw
	}
}
.lcl-sec04 .lcl-sec04__list--insta .lcl-sec04__list--insta__img {
	width: 50px ;
	margin-right: 10px ;
	display: flex ;
	justify-content: center ;
	align-items: center ;	
}
@media screen and (max-width: 767px) {
	.lcl-sec04 .lcl-sec04__list--insta .lcl-sec04__list--insta__img {
		width: 40px;
		margin-right:5px;	
	}
}
.lcl-sec04 .lcl-sec04__list--insta .lcl-sec04__list--insta__txt {
	width:  calc( 100% - 65px ) ;
}
@media screen and (max-width: 767px) {
	.lcl-sec04 .lcl-sec04__list--insta .lcl-sec04__list--insta__txt {
	width:  calc( 100% - 50px ) ;
	}
}
.lcl-sec04 .lcl-sec04__list--insta .lcl-sec04__list--insta__txt h2 {
	font-size: 14px;
	line-height: 1.5
}
@media screen and (max-width: 767px) {
	.lcl-sec04 .lcl-sec04__list--insta .lcl-sec04__list--insta__txt h2 {
		font-size: 10px ;
	}
}
.lcl-sec04 .lcl-sec04__list--insta .lcl-sec04__list--insta__txt p {
	font-size: 12px;
	color: #666
}
@media screen and (max-width: 767px) {
	.lcl-sec04 .lcl-sec04__list--insta .lcl-sec04__list--insta__txt p {
		font-size: 10px ;
	}
}

video {
    width: 100%;
}