@charset "utf-8";
/*
Theme Name: telmicneo-new
Theme URI:
Description:
Author:atGunGun
Author URI:https://at-gungun.com/
Version:7.7
*/

/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/
html{
	scroll-padding-top: 150px;
}

body {
	width: 100% !important;
	color: #111111;
	line-height: 1.6;
	overflow: hidden;
	font-size: 1.6rem;
	font-family: 'Noto Sans JP', sans-serif!important;
	letter-spacing: 0.05em;
	background: #fff;
	z-index: 0;
	position: relative;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

.serif{
	font-family: 'Noto Serif JP', serif!important;
}

.mon{
	font-family: 'Montserrat', sans-serif!important;
}

.robo{
	font-family: 'Roboto', sans-serif!important;
}

/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background:#fff;
  text-align:center;
  color:#fff;
	top:0;
	left:0;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/


.pc-link-btn{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: flex;
    align-items: center;
}

.pc-link-btn.no-pc-btn{
	pointer-events:none;
}

/* color */
.white{
	color: #ffffff!important;
}
.blue{
	/* color: #1067B0!important; */
}
.red{
	color: red;
}
.green{
	color: green;
}
.orange{
	color: #F7931E;
}

.bgwh{
	background: #ffffff;
}
.bgwh2{
	background: #f8f8f8;
}
.bgblu{
	/* background:#1067B0; */
}
.bgbla{
	background: #111111;
}
.bgred{
	background: #BE3232;
}
.bggre{
	background: green;
}
.bgor{
	background: #F7931E;
}

/* fadein */

.fadel{
	transition:.8s;
	transform: translate(-100px, 0px);
	opacity:0;
}

.active .fadel{
	transform: translate(0px, 0px);
	opacity:1;
}

.fadec{
	transition:.8s;
	transform: translate(0px, 100px);
	opacity:0;
}

.active > .fadec,.active.fadec{
	transform: translate(0px, 0px);
	opacity:1;
}

.fader{
	transition:.8s;
	transform: translate(100px, 0px);
	opacity:0;
}

.active .fader{
	transform: translate(0px, 0px);
	opacity:1;
}

/*リンク表示方法*/

a {
	text-decoration: none;
}

a:link {
	color: #333;
}

a:visited {
	color: #333;
}

a:active {
	color: #333;
}

a:hover {
	opacity: 0.7;
}

a:hover img {
	opacity: 1;
}

a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	}

.hLogo a:hover img,.hLogo a:hover{
	opacity:1;
}

.btn1{
	max-width: 482px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 110px;
	border-radius: 4px;
	font-size: 2rem;
	transition: .6s;
	background:#fff;
	border-radius: 80px;
	font-weight:700;
	box-shadow:0 0 11px #00000029;
}

.btn1.pc2{
	display:flex;
}

.btn1.blu_btn{
	border:4px solid #1067B0;
}

.btn1.blu_btn2{
	background:#1067B0;
	border:4px solid #1067B0;
	color:#fff;
}

.btn1.blu_btn2:hover{
	background:#fff;
	color:#333;
}

.btn1.or_btn{
	border:4px solid #F7931E;
}

.btn1 span{
	font-size:1.6rem;
	display:block;
}

.btn1 .img{
	position:absolute;
	left:20px;
	top:0;
	background:#F8F8F8;
	width:61px;
	height:61px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	box-shadow:0 0 4px #00000029;
	bottom:0;
	margin:auto;
}

.btn1:hover{
	color:#fff;
	opacity:1;
}

.btn1.blu_btn:hover{
	background: #1067B0;
}

.btn1.or_btn:hover{
	background: #F7931E;
}


.btn1 .blue{
	font-weight:700;
}

.btn1.bgwh{
	background: #F8F8F8;
	border: 1px solid #F8F8F8;
}

.sh-btn{
	position:relative;
}

.sh-btn:before{
	position:absolute;
	content:"";
	width:28px;
	height:28px;
	background:url(./img/shiryou.svg)no-repeat;
	background-size:contain;
	left: -35px;
	top:0;
	bottom: 0;
	margin: auto;
}

.arrow1{
	position:relative;
}


.arrow1:before,.arrow1:after{
	position:absolute;
	content:"";
	transition:.4s;
}

.arrow1:before{
	width: 35px;
	height: 35px;
	background:#ffffff;
	border-radius:50%;
	right:14px;
	top:0;
	bottom:0;
	margin:auto;
	/* box-shadow:0 0 3px #00000029; */
	border: 1px solid #777777;
}

.arrow1.or_btn:before{
	background:#F7931E;
}

.arrow1.or_btn:hover:before{
	background:#fff;
}

.arrow1.blu_btn:before{
	/* background:#1067B0; */
}

.arrow1.blu_btn:hover:before{
	background:#fff;
}

.arrow1.blu_btn2:before{
	background:#ffffff;
}

.arrow1.blu_btn2:after{
	border-color: transparent transparent transparent #1067B0;
}

.arrow1.blu_btn2:hover:before{
	background:#1067B0;
}

.arrow1.blu_btn2:hover:after{
	border-color: transparent transparent transparent #fff;
}


.link-area .arrow1:before{
	background:#1067B0;
	width: 32px;
	height: 32px;
}

.arrow1:after{
  content: '';
  width: 7px;
  height: 7px;
  border-top: solid 1px #777777;
  border-right: solid 1px #777777;
  position: absolute;
  transform: rotate(45deg);
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.link-area .arrow1:after{
	border-color: transparent transparent transparent #ffffff;
	border-width: 6px 0 6px 12px;
	right: 22px;
}

.arrow1.blu_btn:hover:after{
	/* border-color: transparent transparent transparent #1067B0; */
}

.arrow1.or_btn:hover:after{
	border-color: transparent transparent transparent #F7931E;
}

#cover .abp{
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	width: 71px;
	font-size: 1.6rem;
	font-weight: 700;
	bottom: 15%;
}

#cover .abp span{
	position:relative;
}

#cover .abp span:before{
	position:absolute;
	content:"";
	width:1px;
	height:80px;
	background:#777777;
	left:0;
	right:0;
	margin:auto;
	bottom:-90px;
}

:has(> .lista){
	position:relative;
}

/*-----------------------------------------------------------
 #modal
-----------------------------------------------------------*/
.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0px;
  height: 100vh;
  width: 100%;
  overflow: scroll;
  background: #000000b3;
  z-index: 9999;
}

.modal-box{
    position: relative;
    margin: auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }


.modalClose{
      position: absolute;
      top: -20px;
      right: -20px;
      border-radius: 0;
      background: none!important;
}

.modal-cont{
	position:relative;
	max-width: 1080px;
	width: 92%;
	margin: auto;
	padding: 60px 3% 50px;
}

.mod-div1{
		margin-bottom: 20px;
}

.mod-div1 .img{
		max-width: 377px;
		width: 39%;
		margin-right: 4%;
}

.mod-div1 .text-area{
		max-width: 551px;
		width: 57%;
}

.mod-div1 .text-area .title-area{
	display:flex;
	align-items:center;
	flex-wrap: wrap;
	margin-bottom: 10px;
	justify-content: space-between;
}

.mod-div1 .text-area .title-area .title{
	display:flex;
	align-items:center;
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 5px;
}

.mod-div1 .text-area .title-area .title span{
		font-size: 1.2rem;
		font-weight: 300;
		display: block;
		margin-left: 10px;
		color: #777777;
}

.mod-div1 .text-area .title-area .cate{margin-bottom: 10px;/* border: 1px solid; */padding: 0px 10px;/* border-radius: 20px; */font-size: 1.4rem;font-weight: 300;background: #F8F8F8;}

.mod-div1 .text-area .text{
	font-size: 1.4rem;
	font-weight:400;
	line-height: 1.8;
}

.mod-div1 .text-area .text .mabo{
	margin-bottom:20px;
}

.mod-div2 .title-area{
	padding-bottom: 13px;
	margin-bottom: 25px;
	border-bottom: 1px solid #CCCCCC;
}

.mod-div2 .title-area .title{
	font-size: 1.8rem;
	font-weight: 700;
}

.modal-list1{
	display:flex;
}

.modal-list1 li{
	width: 30%;
	max-width:273px;
	margin-right: 5%;
}

.modal-list1 li:nth-child(3n+3){
	margin-right: 0;
}

.modal-list1 li .img{
	margin-bottom: 15px;
	width: 100%;
	height: 20vw;
	max-height: 154px;
}

.modal-list1 li .img p{
	width: 100%;
	height:100%;
}

.modal-list1 li .img img,.modal-list1 li .img iframe,.modal-list1 li .img video,.modal-list1 li .img p iframe,.modal-list1 li .img p video{
	width:100%;
	height:100%;
}

.modal-list1 li .img img{
	object-fit:cover
}

.modal-list1 li p{
	font-size: 1.6rem;
	text-decoration: underline;
}





.modal-list2{
	display:flex;
	flex-wrap: wrap;
}

.modal-list2 li{
	width: 24%;
	max-width:273px;
	margin-right: 5%;
}

.modal-list2 li:last-child{
	margin-right: 0;
}

.modal-list2 li .img{
	margin-bottom: 5px;
}


.modal-list2 li p{
	font-size: 1.8rem;
	font-weight:700;
}

.modal-list2 li p span{
	font-size: 1.4rem;
	display:block;
}

.modal-cont .mod-link{
	position:absolute;
	bottom:15px;
	right: 10px;
}


.modal-list3{
	display:flex;
	flex-wrap: wrap;
}

.modal-list3 li{
	width: 21.4%;
	max-width:195px;
	margin-right: 4.8%;
	margin-bottom: 20px;
}

.modal-list3 li:last-child{
	margin-right: 0;
}


/* レンタルページ増減ボタン */
.spinner-container {
	display: flex;
	justify-content: space-around;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	align-items: center;
	width: 100%;
	height: 47px;
	border: 1px solid #121212;
	padding: 0 10px;
	border-radius: 4px;
	max-width: 140px;
	}
  
  .spinner {
	padding: 0;
	text-align: center;
	border: none;
	background: none;
	outline: none;
	pointer-events: none;
	}
  
  .spinner::-webkit-inner-spin-button,
  .spinner::-webkit-outer-spin-button {
	-webkit-appearance: none;
  }
  
  .spinner-sub,
  .spinner-add {
	display: block;
	text-align: center;
	cursor: pointer;
	line-height: 35px;
	font-size: 2.4rem;
	line-height: 1;
	}
  
  .disabled {
	opacity: 0.3;
	cursor: inherit;
  }

/*-----------------------------------------------------------
PCサイズ
-----------------------------------------------------------*/

.pc,.pc2 {
	display: block;
}

.tablet,.sp,.sp2,.sp3, .spTel {
	display: none;
}

.pcTel {
	display: inline;
}

.btn4.sp2{
	display:none;
}


/*-----------------------------------------------------------
header
-----------------------------------------------------------*/

header {
	padding: 15.5px 2.4%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* position: absolute; */
	left: 0;
	top: 0;
	z-index: 9999;
	/* transform:translate(0px,-110px); */
	transition:.4s;
}

header.headerScroll{
	position:fixed;
	background:#fff;
	padding: 15.5px 1.4%;
}

.article header{
	transform:initial;
}

header.active{
	/* transform: initial; */
}

header .hLogo{
	max-width:230px;
	width: 16%;
}

.headerUl {
	margin: 0 0 0;
}

.headerUl:after {
	content: '';
	display: block;
	clear: both;
}

.logo a:hover img {
	opacity: 1;
}

.headerTel {
	margin: 0 0 0 0;
	padding: 0px 0 0;
	font-weight: 900;
}

/*-----------------------------------------------------------
テーブル共通
-----------------------------------------------------------*/

table {
	border-collapse: separate;
	width: 100%;
}

th {
	width: 34%;
	text-align: left;
	padding: 40px 0;
	border-bottom: 1px solid #ccc;
	vertical-align: baseline;
	font-weight: 700;
}

td {
	width: 66%;
	padding: 40px 0;
	border-bottom: 1px solid #ccc;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 28.8px;
}

td .map{
	width:100%;
	height:224px;
	margin-top:25px;
}

td .map iframe{
	width:100%;
	height:100%;
}

td a.blue{
	text-decoration:underline;
}

tr:last-child th ,tr:last-child td{
	border-bottom:0;
}

th em{
	color: #F7931E;
}

td input[type="text"],
textarea
{
	width:100%;
	background: #F8F8F8;
	border: none;
	height: 48px;
	padding: 5px 15px;
}

/*-----------------------------------------------------------
 nav
-----------------------------------------------------------*/

.hd_div{
	display:flex;
	width: 83%;
	justify-content: flex-end;
	align-items: center;
}

.header-pc{
	display:flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.header-pc > ul{
	width: 61%;
	font-size: 1.4rem;
	display: flex;
	justify-content: space-between;
	max-width: 780px;
}

.header-pc > ul > li{
	position:relative;
	font-size: 1.2rem;
	font-weight: 400;
	cursor: pointer;
}

.header-pc > ul > li.tri{
	margin-right: 1%;
	cursor: default;
	z-index: 9;
}

.header-pc > ul > li a,.header-pc > ul > li p{
	/* color:#1067B0; */
}

.tri:before{
	position:absolute;
	content:"";
	right:-15px;
  width: 4px;
  height: 4px;
  border-top: solid 1px #777777;
  border-right: solid 1px #777777;
	transform: rotate(135deg);
	top:0;
	bottom:0;
	margin:auto;
	transition:.4s;
}

.tri:hover:before{
	transform: rotate(-45deg);
}


.drop-div{
	align-items:center;
	justify-content:center;
	position:absolute;
	box-shadow: 0 0px 8px #00000029;
	background: #fff;
	width: 767px;
	top: 30px;
	padding: 40px;
	opacity: 0;
	display:flex;
	transition: 1.2s;
	transform: translateY(-130%);
	display: flex;
	z-index: -99999;
	left: -65%;
	font-size: 1.2rem;
	border-radius: 4px;
}

.drop-div .flex{
	justify-content:space-between;
	width:100%;
}

.drop-menu-title{
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom:24px;
	position:relative;
}

.drop-menu-title a{
	display:block;
	width: max-content;
	display: flex;
    align-items: center;
}

.arrow3{
	position:relative;
}

.arrow3:before{
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 1px #777777;
  border-right: solid 1px #777777;
  position: absolute;
  right: -20px;
  top: 0px;
bottom:0;
transform: rotate(45deg);
	margin:auto;
}

.drop-menu-title a:after{
	
right: 7px;
	
border-width: 5px 0 5px 7.65px;
}

.drop-menu-cont{
		margin-bottom:16px;
}

.drop-menu-cont:last-child{
		margin-bottom:0px;
}

.drop-menu-list{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.drop-menu-list li.parent a{
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom:8px;
}

.drop-menu-list li.parent{
	margin-bottom:8px;
	width:100%;
}


.drop-menu-list li.child a{
	font-size: 1.4rem;
	font-weight: 400;
	color:#333;
	padding-left:15px;
	position:relative;
}

.drop-menu-list li.child a:before,.sub-menu-list > li.child:before{
	position:absolute;
	content:"";
	width:8px;
	height:2px;
	background:#CCCCCC;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}

.tab-area{
	max-width:250px;
	width: 37%;
}

.tab-area li{
	font-size: 1.4rem;
	font-weight: 400;
	padding: 16px 10px;
	border-bottom: 1px solid #ccc;
	color: #777777;
	position:relative;
}

.tab-area li:hover{
	background:#e5e5e5;
}



.tab-area li:last-child{
	border-bottom:none;
}

.tab{
	cursor:pointer;
}

.tab.active,.tab:hover{color: #111111;background:#e5e5e5;}

.panel-area{
		max-width: 420px;
		width: 63%;
}


.panel{
	display:none;
}

.panel a{
	position:relative;
}

.panel a:after{
	position:absolute;
	content:"";
	width:0%;
	height:1px;
	background:#333;
	left:0;
	bottom:-5px;
	transition:.2s;
}

.panel a:hover:after{
	width:100%;
}

.panel.active{
	display:block;
}

.drop-menu{
	display:flex;
	width: 100%;
	flex-direction: column;
	font-size: 1.2rem;
}

.hov-menu li:hover p{
	opacity:0.7;
}

.header-pc li:hover .drop-div,.header-pc li:hover .drop-div2{
	opacity:1;
	transform: translateY(0px);
	z-index:1;
}

.drop-menu > li{
	position:relative;
	padding-left:16px;
	margin-bottom: 16px;
}

.drop-menu > li:last-child{
	margin:0;
}

.drop-menu > li:before{
	position:absolute;
	content:"";
	width:8px;
	height:1px;
	background:#232F57;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}

.link-btn1{
	max-width:152px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 96px;
	box-shadow: 0 0 16px #00000029;
	font-size: 1.6rem;
	border-radius:4px;
	transition: .4s;
}

.link-btn1 .libt-hv1{
	display:block;
}

.link-btn1 .libt-hv2{
	display:none;
}

.link-btn1:hover .libt-hv1{
	display:none;
}

.link-btn1:hover .libt-hv2{
	display:block;
}

.link-btn1:hover{
	/* background:#1067B0; */
	/* color:#fff; */
	/* opacity:1; */
	box-shadow: 0 0 16px #0000008f;
}

.link-div{
	display:flex;
	width: 38%;
	max-width: 475px;
	justify-content:space-between;
}

.hd_tel_btn{
	display:flex;
	align-items: flex-start;
	font-size: clamp(1.4rem,1.8vw,3.2rem);
	font-weight:700;
	font-family: 'Roboto', sans-serif!important;
	width: 51%;
}

.hd_cont_btn{
	display:none;
}

.hd_tel_btn img{
	max-width:18px;
	margin-right: 4px;
	margin-top: 12px;
}

.link-btn2{
	max-width: 200px;
	height:50px;
	width: 48%;
	display: flex;
	justify-content: center;
	align-items: center;
	/* border-radius:5px; */
	font-size: 1.2rem;
	font-weight: 700;
	transition:.4s;
}

.link-btn2 img{
	margin-right:10px;
}

.link-btn2.bgblu{
	border:3px solid #1067B0;
}

.link-btn2.bgblu:hover{
	background:#fff;
	color:#1067B0!important;
	opacity:1;
}

.link-btn2.bgor{
	border:3px solid #F7931E;
}

.link-btn2.bgor:hover{
	background:#fff;
	color:#F7931E!important;
	opacity:1;
}


.digital .h_digital,.product .h_product,.video .h_video,.event .h_event,.plan .h_plan,.electrical .h_electrical,.web .h_web{
	/* background:#ccc!important; */
}


/*-----------------------------------------------------------
#slide
-----------------------------------------------------------*/

#modal {
	display: none;
}

/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

#cover {
	width: 100%;
	position: relative;
	display: flex;
	z-index: 1;
	justify-content: center;
	padding-top: 110px;
	padding-bottom: 70px;
}


#cover > .img {
	position:absolute;
	right:0;
	top:0;
	z-index: -1;
	mix-blend-mode: darken;
}

.cov-div{max-width: 1257px;width: 95%;padding-top: 4%;position: relative;margin: 0 auto;}


.eachTextAnime {
  display: flex;
  overflow: hidden;
}

.none-cont{
	opacity:0;
}

.eachTextAnime span{ 
	transform: translate(0, 90%);
}

.eachTextAnime.appeartext span{ 
	animation:text_anime_on 0.25s ease-out forwards;
}

@keyframes text_anime_on {
  0% { 
	  transform: translate(0, 90%);
	}
  100% { 
	  transform: translate(0, 0%);
  }
}

.or4 span:nth-child(4){
	color: #F7931E;
}

.or2 span:nth-child(2){
	color: #F7931E;
}

.cov-div .img{
	position:absolute;
	width: 100%;
	z-index:-1;
	left:0;
	right:0;
	margin:auto;
	top:0;
	animation-name:color;
	animation-duration: 2s;
	animation-iteration-count: 1;
	opacity:0.3;
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 0;
}


@keyframes color {
    0% {
	transform: translate(0px, -900px) rotateY(89.8deg);
	opacity:1;
	}
    20% {
	transform:translate(0px, 0px) rotateY(89.9deg);
	opacity:1;
    }
	50% {
	transform:translate(0px, 0px) rotateY(0deg);
	opacity:1;
    }
	100% {
	opacity:0.3;
    }
}


.cov-div h2{
	font-size: 11.8rem;
	font-weight: 700;
	line-height: 1.29;
}

.sub-span{display: flex!important;align-items: center;margin-top: 10px;}

.cov-div h2  > .main-span:nth-child(2),.cov-div h2  > .main-span:nth-child(3){
	padding-left: 155px;
}

.cov-div h2  > .main-span{
	letter-spacing:0.05em;
}

.cov-div h2  > .main-span:nth-child(2){
		letter-spacing:0.083em;
}

.cov-list{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin-top:35px;
}

.cov-list li{
	margin-right:1%;
	margin-top:5px;
	font-size: 2rem;
}

.cov-list li:last-child{
	margin-right:0;
}

.btn-area{
	display:flex;
	justify-content:space-between;
	align-items:center;
	max-width: 632px;
	width: 100%;
}

.btn-area a{
	width:49%;
}

.delay-mv{
	transform:translate(0px,30px);
	opacity:0;
	transition:.4s;
}

.delay-mv.active{
		transform:translate(0px,0px);
	opacity:1;
}


.cover-inner{
	max-width:1824px;
	width: 98%;
}

.cover-list{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:space-between;
}

.cover-list li{
	width: 23%;
	max-width: 576px;
	position: relative;
	margin-bottom: 50px;
}

.cover-list li .text{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:2.4rem;
	font-weight:400;
	background: #111111ab;
	opacity:0;
	transition:.4s;
}

.cover-list li{
	transition:.5s;
	transform: translate(0px, 150px);
	opacity:0;
}


.active.fadec.cover-list li{
	transform: translate(0px, 0px);
	opacity:1;
}


.cover-list li:nth-child(2){
	transition:1s;
}

.cover-list li:nth-child(3){
	transition:1.5s;
}

.cover-list li:nth-child(4){
	transition:2s;
}

.cover-list li:nth-child(5){
	transition:2.5s;
}

.cover-list li:nth-child(6){
	transition:3s;
}

.cover-list li:nth-child(7){
	transition:3.5s;
}

.cover-list li:nth-child(8){
	transition:4s;
}

.cover-list li:hover .text{
	opacity:1;
}

.cover-list li .img{
	overflow:hidden;
}

.cover-list li .img img{
	transition:.4s;
}

.cover-list li:hover .img img{
	transform:scale(1.1);
}

/*-- 中ページカバー --*/

.privacy #cover {
	background: #555;
}

.company #cover {
	background: #444;
}

.contact #cover {
	background: #777;
}

.list #cover {
	background: #ccc;
}


/*-----------------------------------------------------------
 #main
-----------------------------------------------------------*/

#main {
	z-index: 1;
	width: 100%;
	margin: 0px auto 0;
	position: relative;
}

.article #main {
	margin: 135px auto 0;
}

.works.article #main {
	margin: 60px auto 0;
}

.privacy.article #main {
	margin: 45px auto 0;
}


.inner{
	width: 95%;
	max-width: 1080px;
	margin: 0 auto;
}

.inner2{
	width: 95%;
	max-width: 1080px;
	margin: 0 auto;
}

.mainTit{
	font-size: 4.5rem;
	text-align: center;
	line-height: 1.3;
}

.article .mainTit{
	font-size: 3.2rem;
}

.article .showroom2 .mainTit{
	font-size: 2.4rem;
}

.article .video1 .mainTit{
	letter-spacing: 0.05em;
}

.article .video1 .mainTit,.article .video2 .mainTit{
	font-size: 7rem;
}

.mainTit.left{
	text-align: left;
}

.mainTit  span{
	display: block;
}

h1,h2,h3,h4,h5,h6{
	color:#333;
	line-height: 1.4;
}

.mtit{
	    /* text-shadow: 50px 25px 0 #1067B0, -40px -15px 0 #F7931E; */
	    /* transition: 1s; */
	    /* opacity:0; */
	    line-height: 1.4;
}

.active > .mtit{
	/* text-shadow: 0px 0px 0 #1067B0, 0px 0px 0 #F7931E; */
	/* opacity:1; */
}

.about2 .mtit{
	text-shadow: 0px 0px 0 #1067B0, 0px 0px 0 #F7931E;
	opacity:1;	
}

.entit{
	font-family: 'Roboto', sans-serif!important;
}

.mainTit .entit{
	margin-bottom:5px;
	font-size: 2.4rem;
	font-weight: 300;
	/* opacity:0; */
	/* transition: 1s; */
	color: #777777;
	text-transform: lowercase;
}

.entit:first-letter{
	text-transform: uppercase;
}

.mainTit.active .entit{
	/* opacity:1; */
}

.about2 .mainTit .entit{
	opacity:1;
}

.fade1{
	opacity:0;
	transition:.8s;
}
.fade1.active{
	opacity:1;
}

.content01{padding: 135px 0 160px;}

.title_text{
	font-size:1.6rem;
	text-align:center;
	margin-top: 20px;
}

.service-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	max-width: 1235px;
	width: 100%;
	margin: 105px auto 0;
	transform: translate(0px, 0px)!important;
	opacity:1!important;
}

.service-list li{
	width:32%;
	max-width:360px;
	background: #fff;
	position: relative;
	box-shadow: 0 0 22px #00000029;
	margin-bottom: 120px;
	padding: 60px 1% 30px;
	min-height: 312px;
	border-radius:5px;
	border:5px solid #fff;
	transition:.4s;
}

.service-list li{
	transition:.5s;
	transform: translate(0px, 150px);
	opacity:0;
}

.active.fadec.service-list li{
	transform: translate(0px, 0px);
	opacity:1;
}


.service-list li:nth-child(2){
	transition:1s;
}

.service-list li:nth-child(3){
	transition:1.5s;
}

.service-list li:nth-child(4){
	transition:2s;
}

.service-list li:nth-child(5){
	transition:2.5s;
}

.service-list li:nth-child(6){
	transition:3s;
}


.service-list li:hover{
	border:5px solid #1067B0;
}

.service-list li .img{
	position:absolute;
	top:-48px;
	left:0;
	right:0;
	width:93px;
	height:93px;
	background:#FFFFFF;
	border-radius:50%;
	border:3px solid #1067B0;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:auto;
		transition:.2s;
}


.service-list li:hover .img{
	border:5px solid #1067B0;

}

.service-list li .title{
	text-align:center;
	font-size:2.4rem;
	font-weight:400;
	margin-bottom: 27px;
	color: #232F57;
}

.service-list li .text{
	font-size:1.6rem;
	font-weight:400;
}

.service-list li .more{
		font-size:1.4rem;
		font-weight:700;
		position:absolute;
		bottom: 32px;
		left:0;
		right:0;
		margin:auto;
		width:max-content;
}

.arrow2{
	position:relative;
}

.arrow2:before{
		position:absolute;
	content:"";
	right:-15px;
  width: 6px;
  height: 6px;
  border-top: solid 2px #232F57;
  border-right: solid 2px #232F57;
	transform: rotate(45deg);
	top:0;
	bottom:0;
	margin:auto;
	transition:.4s;
}

.contact-area{
	padding: 80px 0 100px;
	position: relative;
	background: linear-gradient(to right, #1C3B69, #1264AF,#1264AF);
	color: #fff;
}


.contact-area:before{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background:url(./img2/top/0725img/bg7.svg)no-repeat right bottom;
	background-size:contain;
	right:0;
	bottom:0;
}

.contact-area .mainTit span{
		color: #fff;
}

.contact-area.plan-contact {
		padding: 100px 0 60px;
}

.article .contact-area .inner{
	/* max-width:1535px; */
	max-width:1030px;
}



.contact-area .inner .btn1 .img{
	width: 40px;
	height: 40px;
}

.contact-area .abp{
	position:absolute;
	top: -100px;
	left:0;
	font-weight: 400;
	line-height: 1;
	font-size: clamp(4rem, 18vw , 18rem);
}

.contact-area.plan-contact .abp{
	top: -50px;
	font-size: clamp(2rem, 6vw , 9.6rem);
	right: 0;
	margin: auto;
	text-align: center;
}

.contd1{
	display:flex;
	align-items: center;
	margin-bottom: 55px;
}

.contd1 .mainTit{
	margin-right:60px;
}

.contd1 p{
	font-size:2rem;
	line-height:44px;
}

.contact-area.plan-contact ul{
	justify-content: center;
	margin-top: 35px;
}

.contact-area ul{
	display:flex;
	justify-content:space-between;
	margin-top: 45px;
	transform: translate(0px, 0px)!important;
	opacity:1!important;
}

.contact-area.plan-contact li{
	width:100%;
}

.contact-area ul li{
	transition:.5s;
	transform: translate(0px, 150px);
	opacity:0;
}

.contact-area ul.active.fadec li{
	transform: translate(0px, 0px);
	opacity:1;
}

.contact-area li:nth-child(2){
	transition:1s;
}

.contact-area li:nth-child(3){
	transition:1.5s;
}

.contact-area li:nth-child(3) a{
	background: #F07400;
	color: #FFFFFF;
}
.contact-area li:nth-child(3) a dt,
.contact-area li:nth-child(3) a dd{
	color: #FFFFFF;
}

.contact-area li{
	display:flex;
	flex-direction:column;
	width: 32%;
	max-width: 328px;
	text-align: center;
}


.content02{
	padding: 120px 0 135px;
	position: relative;
	z-index: 1;
}

.content02 .inner{
	/* max-width:1675px; */
}

.content02 .flex{
	margin-top:120px;
	justify-content:space-between;
}



.content02 .flex .left{
	max-width:555px;
	width: 35%;
}

.content02 .flex .right{
	max-width:980px;
	width: 63%;
}

.content02 .flex .right .works_list{
	justify-content:space-between;
}

.works_list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.works_list li{
	/*width: 48%;*/
	width: 30%; /*20240411変更*/
	/* background: #fff; */
	margin-bottom: 35px;
	border-radius: 4px;
	max-width: 453px;
	position: relative;
	transition:.4s;
}

.content02 .left .works_list li{
	width: 100%;
	max-width: initial;
	margin-bottom: 0;
}

.works_list li .img{
	max-height:279px;
	height:20vw;
	margin-bottom:20px;
	position: relative;
	transition: .4s;
}

.works_list li .img img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	transition:.4s;
}

.works_list li .img:before{
	position:absolute;
	content:"";
	width:100%;
	height:40%;
	background:linear-gradient(to top,#111111, transparent);
	bottom:0;
	left:0;
	z-index: 1;
}

.content02 .left .works_list li .img{
	max-height: 738px;
	height: 55vw;
}

.works_list li > .title{
	/*display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;*/ /* 制限したい行数が3の場合 */
	/*overflow: hidden;
	line-height: 1.4;
	font-size: 2.4rem;
	margin-bottom: 15px;*/
	
	/*20240411 変更*/
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.4;
    font-size: 1.2em;
    margin-bottom: 15px;
}

.works_list li .img .title{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1; 
	overflow: hidden;
	line-height: 1.4;
	font-size: 1.4rem;
	position: absolute;
	bottom: 15px;
	color: #fff;
	left: 15px;
	z-index: 2;
}

.works_list.works_list2 li .text,.works_list.works_list2 li .img .title{
		display:block;
	-webkit-box-orient: initial;
	-webkit-line-clamp: initial;
	overflow: initial;
}

.works_list li .cate{
	width:max-content;
	padding:0 10px;
	font-size: 1.4rem;
	font-weight:400;
	margin-bottom: 10px;
	background: #F8F8F8;
	color: #111111;
}

.works_list li .text{
		font-size:1.4rem;
	font-weight:400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.content02 .btn1{
	margin:45px auto 0;
}

.content03{
	padding: 80px 0;
}

.content03 .inner{
	max-width:1080px;
}

.co3d1{
	    display: flex;
	    align-items: end;
	    margin-bottom: 40px;
	    justify-content:space-between;
}

.co3d1 .btn1{
	max-width: 296px;
	height: 72px;
	font-size: 1.6rem;
}

.co3d1 .btn1:before{
	width: 22px;
	height: 22px;
}

.co3d1 .btn1:after{
	border-width: 4px 0 4px 6px;
	right: 21px;
}

.content03 .mainTit{
	font-size: 5rem;
	text-align:left;
}

.co3p1{
	margin-bottom:60px;
}

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


.news-ul .cate{
	/* border: 1px solid #1067B0; */
	font-size: 1.2rem;
	height: 25px;
	/* padding: 0 7.5px; */
	display: flex;
	align-items: center;
	justify-content: center;
	/* border-radius: 24px; */
	/* color: #1067B0; */
	margin: 0 32px 0 24px;
	background: #fff;
	min-width: 66px;
}

.date{
	font-size: 1.2rem;
	color:#777777;
	font-weight: 400;
}


.news-ul li{
	display:flex;
	position:relative;
	align-items:center;
	padding: 28px 3%;
	background: #fff;
	margin-bottom: 40px;
	transition:.4s;
}

.news-ul li:hover{
	opacity:1;
	box-shadow: 0 3px 4px #00000029;
}

.news-ul li:last-child{
	border-bottom:none;
}


.news-ul li .title{
	font-size: 1.4rem;
	font-weight: 400;
	width: 65%;
}


.content04{
	padding: 125px 0 120px;
	position:relative;
	z-index: 1;
}

.content04:before{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	max-width: 408px;
	max-height: 408px;
	background: url(./img2/top/co2.svg)no-repeat;
	left: 0;
	right: 0;
	margin: auto;
	top: 135px;
	background-size: contain;
	z-index: -1;
}

.mainTit2{
	text-align:center;
	font-size: 4rem;
	font-weight: 700;
}

.mainTit2 .entit{
	font-size:2.4rem;
	font-weight:300;
	display:block;
}

.mainTit2 .subtit{
	display:block;
	font-size: 2.4rem;
	font-weight: 400;
	line-height:45px;
	opacity:0;
	transition:.8s;
	margin-bottom: 15px;
}

.active.mainTit2 .subtit{
	opacity:1;
}

.mainTit2 .mtit{
	line-height:1.55;
}

.content04 .text{
	font-size: 1.4rem;
	margin: 40px auto 0;
	line-height: 2.49;
	text-align: center;
	font-weight: 400;
}

.content04 .text.right_text{
	text-align:right;
	line-height: 2.25;
	font-size: 1.7rem;
	margin: 50px auto 0;
}

.right_text span{
	display:block;
	font-size: 2.5rem;
	font-weight:900;
	line-height:1.6;
}

.co4_div2 .abp{
	position:absolute;
	left:0;
	top:0;
	opacity: 0.1;
	line-height: 1;
	right: 0;
	margin: auto;
	text-align: center;
	font-size: clamp(4rem, 18vw , 33rem);
}


.co4_div2{
		padding-top:225px;
	position:relative;
}

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

.co4d2 .left{
	max-width: 644px;
	width: 52%;
}


.co4d2 .left li{
	display:flex;
	padding:15px 0;
	font-size: 1.4rem;
	border-bottom: 1px solid #333333;
}

.co4d2 .left li:first-child{
	padding:0 0 15px;
}

.co4d2 .left li:last-child{
	border: none!important;
}

.co4d2 .left li .leftp{
	width: 28%;
	font-weight: 700;
}

.co4d2 .left li .rightp{
	width: 71%;
	line-height: 21px;
}

.co4d2 .left li .rightp span{
	margin-top:8px;
	display:block;
}

.co4d2 .left li .rightp.rightp2{
	line-height: 28.8px;
}

.tel.pc{
	display:contents!important;
}

.co4d2 .right{
	max-width: 500px;
	width: 47%;
}

.co4d2 .right .map{
	height: 508px;
	margin-bottom: 30px;
}

.map iframe{
	width: 100%;
	height:100%;
}

.co4d2 .right a{
	margin:auto;
	width:100%;
	display: block;
	max-width: 500px;
}


.link-area{
	padding: 125px 0 80px;
}

.link-area .inner{
	max-width:1080px;
	transform: translate(0px, 0px)!important;
	opacity:1!important;
}

.link-area ul{
	display:flex;
	justify-content:space-between;
	width: 100%;
}

.link-area li{
	width: 32%;max-width: 307px;transition: .4s;position: relative;
	transition:.5s;
	transform: translate(0px, 150px);
	opacity:0;
}

.link-area .fadec.active li{
	transform: translate(0px, 0px);
	opacity:1;
}

.link-area li:nth-child(2):before,.link-area li:nth-child(2):after{
	width:1px;
	height:100%;
	position:absolute;
	content:"";
	top:0;
	background:#CCCCCC;
}

.link-area li:nth-child(2):before{
	right: -12%;
}

.link-area li:nth-child(2):after{
	left: -12%;
}

.link-area li:nth-child(2){
		transition:1s;
}

.link-area li:nth-child(3){
		transition:1.5s;
}


.link-area li:hover{
	opacity:0.7;
}

.link-area li .img{
	margin-bottom: 10px;
}

.link-area li .text h3{
	font-size:2.4rem;
}

.link-area li .text p{
	font-size: 2.3rem;
	font-weight: 300;
}

.link-area li .text span{
	margin-top:8px;
	font-size: 1.4rem;
	font-weight: 300;
}

.side-btn{
	position:fixed;
	right:0;
	top: 160px;
	z-index:99;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	width: 40px;
	height: 187px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px 0px 0px 3px;
	font-size: 1.4rem;
	letter-spacing: 3px;
}

.side-btn img{
	width:20px;
	margin-bottom:5px;
}


/*-----------------------------------------------------------
 footer
-----------------------------------------------------------*/

footer {
	padding: 80px 0 0;
	/* border-top: 1px solid #CCCCCC; */
	box-shadow: 0 -10px 8px #0000000d;
}

footer .inner {
	padding: 0 0 70px;
	max-width: 1080px;
}

.logo{
	max-width:230px;
}

.fot1{
	padding-bottom:40px;
	border-bottom:1px solid #ccc;
}

.fot1 ul{
	display:flex;
	justify-content:space-between;
	margin-top: 40px;
}

.fot1 li{
	width: 32%;
	font-size: 1.4rem;
	max-width: 333px;
}

.fot1p1{
	font-weight:700;
}

.fot1p1.blue{
	color:#232F57!important;
}

.fot1p2{
	line-height: 25.2px;
}

.fot1p3{
	margin-top:20px;
}

.fot2{
	margin-top: 40px;
	display:flex;
	justify-content: space-between;
}

.fot2 .left{
	display:flex;
	max-width: 700px;
	width: 67%;
	justify-content: space-between;
}


.fot2 .left li{
	font-weight:700;
	margin-bottom:15px;
	font-size: 1.4rem;
}

.fot2 .left ul:nth-child(2) li{
	/* margin-bottom:8px; */
}

.fot2 .left li.small{
	font-weight:400;
	margin-bottom:8px;
	position:relative;
	padding-left:15px;
	font-size: 1.2rem;
}

.fot2 .left li.small:before{
	position:absolute;
	content:"";
	width:8px;
	height:1px;
	background:#232F57;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}

.fot2 .right{
	max-width: 340px;
	width: 40%;
}

.fot2 .right .link-div{
	width: 100%;
	max-width: initial;
	justify-content: space-between;
	flex-direction: column;
}

.fot2 .right .link-div img{
	margin-right: 10px;
}

.fot2 .right .link-div .link-btn1{
	height: 66px;
	max-width: initial;
	margin-bottom: 25px;
	border-radius: 0;
}

.fot2 .right .link-div .link-telmic{
	margin-bottom: 25px;
}

.fot2 .right .link-div .link-btn1:nth-child(2) img{
	width:53px;
	height: 43px;
}


.fot3{
	display:flex;
	justify-content: space-between;
	margin-top: 30px;
	align-items: end;
}

.fot3 .left{
	display:flex;
	width: 40%;
	justify-content: space-between;
	max-width: 300px;
}

.ft_list1{
	display:flex;
	width:100%;
	font-size: 1.4rem;
	justify-content: space-between;
	font-weight: 700;
}

.ft_list1.sp_list{
	display:none;
}

.fot3 .right{
		width: 60%;
		max-width: 264px;
}

.sns-ul{
	display:flex;
	justify-content:space-between;
	width:100%;
}


.copyright {
	background: #111111;
	color: #fff;
	text-align: center;
	padding: 30.5px 0;
	font-size: 1.2rem;
}

.copyright .inner{
	display: flex;
	justify-content: space-between;
	padding: 0;
}

.copyright ul{
	display:flex;
	justify-content:space-between;
	align-items:center;
	max-width:210px;
	width:100%;
}

.copyright a{
	color: #fff;
}

/* 全ページ共通クラス
----------------------------------------------------------- */

/*--- パンくず ---*/

.pankuzu {
    width: 100%;
    margin: 0 auto;
    font-size: 1.2rem;
    font-weight: 300;
}

.pankuzu li {
    margin: 0 0 0 10px;
    display: inline;
    color: #333333;
}

.pankuzu li:first-child {
    margin: 0;
}

.pankuzu li a {
    margin: 0 10px 0 0;
    color: #232F57;
}

.pankuzu li a:hover {opacity: 0.7;}


/*--- ページトップ ---*/
#pageTop {
	position: fixed;
	bottom: 200px;
	right: 25px;
	z-index: 9999;
}


/* -- お問い合わせ -- */

input {
	vertical-align: middle;
}

.btnBox1 {
	text-align: center;
}

.contact_cf .clearForm,.contact_cf .clearForm2 {
	padding: 10px 5px;
}

.choose_list1 > li {
	width: 200px;
	margin: 0 0 0 10px;
	float: left;
}

.choose_list1 > li:first-child {
	margin: 0;
}

.choose_list1 {
	width: 410px;
	margin: 20px auto;
}

.contact_tb td span {
	margin: 9px 0 0;
	display: block;
}

.clearForm,
.clearForm2,
.toHome {
	width: 100%;
	cursor: pointer;
	height: 100%;
	outline: 0;
	font-size: 100%;
	border: none;
	font-weight: bold;
	color: #fff;
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	background: none;
	margin: 0!important;
}

.clearForm:hover,
.clearForm2:hover,
.toHome:hover {
	color: #111;
}

.toHome {
	margin: 50px auto 0 !important;
	text-decoration: none;
	display: block;
	text-align: center;
}

#msg {
	height: 230px;
	border: none;
}

#msg::placeholder{
	line-height:1.6;
}

#zip1, #zip2 {
	width: 150px;
}

#city, #pref, #add {
	width: 580px;
	margin: 2px 0 0 10px;
}

#add {
    margin: 2px 0 0 40px;
}

input[type=radio]{
	accent-color:#111!important;
}

input,
textarea,
button,
select,
option {
	outline: none;
}

input[type="text"] {
	height: 25px;
	padding: 5px;
}

input[type="text"],
textarea,
select,
option {
	border: 1px solid #CCC;
}

button {
	border: none;
	outline: none;
	background: none;
}

.form_notice1 {
	font-size: 85.714%;
	display: block;
	margin: 5px 0 0;
}

.form_notice2 {
	font-size: 87.5%;
}

.modification_wrap {
	overflow: hidden;
}

.modification {
	width: 221px;
	float: left;
	margin: 0 0 0 246px;
}

.send_bt {
	width: 221px;
	float: right;
	margin: 0 245px 0 0;
}

.error_style {
	color: #FF0000;
	display: block;
	margin: 8px 0 0;
}

.contact_tb {
	width: 1000px;
	margin: 0 auto;
}

.contact_tb th {
	width: 250px;
	text-align: left;
	position: relative;
	line-height: 1.4;
}

.contact_tb th, .contact_tb td {
	padding: 13px 10px 10px 20px;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.contact_tb th em {
	background: #F00;
	color: #FFFFFF;
	padding: 2px 5px;
	margin-left: 5px;
	right: 10px;
	font-size: 85.714%;
}


/*-- エラーチェック --*/

.formError {
	top: 20px !important;
	left: 40px !important;
}

.zip2formError {
	left: 220px !important;
}

.prefformError, .cityformError, .addformError {
	top: 0 !important;
	left: 80px !important;
}

.zip1 label {
	position: relative;
}


/*-- 送信前ダイアログ --*/

.ui-dialog {
    margin: auto;
    position: absolute;
    left: 0 !important;
    right: 0 !important;
}

.ui-corner-all.ui-button-text-only:focus {
	color: #737373;
    background: #fff;
    outline: none;
    border-color: #ccc;
}

.ui-corner-all.ui-button-text-only:hover {
    color: #fff;
    background: #555;
    outline: none;
    border-color: #ccc;
    transition: .3s;
}

.ui-widget-header {
    background: #555 !important;
    border-color: #555 !important;
}

.ui-dialog .ui-dialog-content,
.ui-button-text-only .ui-button-text {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
}


/* TOP
----------------------------------------------------------- */

/*-- メインヴィジュアル スライダー --*/

.bx-wrapper {
	margin: 0 0 20px !important;
	position: relative;
}

.bx-controls-direction {
	width: 100%;
	position: absolute;
	top: 50%;
}

.bx-controls-direction a {
	width: 32px;
	height: 32px;
	margin: -16px 0 0;
	position: absolute;
	top: 50%;
	z-index: 9999;
	outline: 0;
	text-indent: -9999px;
}

.bx-prev {
	left: 1% !important;
	background: url(././img/prev.png) no-repeat 0 0;
	background-size: contain;
}

.bx-next {
	right: 1% !important;
	background: url(././img/next.png) no-repeat 100% 0;
	background-size: contain;
}


/*-- スクロールバーデザイン --*/

.scroll-pane {
	width: 100% !important;
	height: 300px; /*箱の高さ*/
	margin: 40px auto 0;
	overflow-y: auto;
}

.scroll-pane:focus {
	outline: none;
}

.jspContainer {
	width: 100% !important;
	overflow: hidden;
	position: relative;
}

.jspPane {
	width: 100% !important;
	position: absolute;
}

.jspVerticalBar {
	width: 20px;
	position: absolute;
	top: 0;
	right: -5px;
}

.jspArrowUp, .jspArrowDown {
	margin : 0;
	padding: 0;
	display: block;
	cursor : pointer;
	/* background: url(./img/scroll_top.png) no-repeat center; */
}

.jspArrowDown {
	background: url(./img/scroll_bottom.png) no-repeat center;
}

.jspTrack {
	/* background: url(././img/scroll_bg1.png) repeat-y; */
	position: relative;
	background-position: center;
}

.jspDrag {
	width: 4px;
	margin: 0 auto;
	background: #6b6b6b;
	position: relative;
	cursor: pointer;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.jspArrow.jspDisabled {
	cursor: default;
}

.jspVerticalBar .jspArrow {
	height: 20px;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}



/*-----------------------------------------------------------
 中ページ
-----------------------------------------------------------*/

.leadTxt {
	margin: 0px auto 50px;
	padding: 40px 3.4%;
	background: #F8F8F8;
}

.leadTxt .art-tit-area2 .text{
	margin:0;
}


/* プライバシーポリシー
----------------------------------------------------------- */

.privacy dl {
	margin: 30px 0 0;
}

.privacy dt {
	margin: 20px 0 0;
	padding: 0 5px;
	display: inline-block;
	font-weight: bold;
	border-bottom: 2px solid #ccc;
}

.privacy dt:first-child {
	margin: 0;
}

.privacy dd {
	font-size: 14px;
	margin: 10px 10px 0;
}


/* 会社概要
----------------------------------------------------------- */

.company table {
	width: 1000px;
	margin: 30px auto 0;
}

.company th {
	width: 170px;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #fff;
}

.company td {
	width: 470px;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #fff;
}

.company iframe {
	width: 1000px;
	height: 280px;
	margin: 30px auto 0;
}


.sld-on{opacity: 0;height: 0;z-index: -1;position: relative;}

.sld-on.active{opacity: 1;height: initial;z-index: 1;}

.cover_02 #cover2 {
	min-height: 330px;
	display: flex;
	align-items: center;
}

#cover2{
	min-height: 230px;
	display: flex;
	align-items: center;
}

.cover_02  .cov-div2{
	max-width: 1080px;
	width: 95%;
	margin: 0 auto;
}

.cov-div2{
	max-width: 1080px;
	width: 95%;
	margin: auto auto 0;
}

#cover2.column {
	background: url(./img2/column/mv.jpg) center center/cover;
}

.digital #cover2 {
	background: url(https://www2.telmic.co.jp/telmicneo/wp-content/themes/telmicneo-new/img2/top/mv11.webp) center center/cover;
	filter: saturate(60%);
}

.product #cover2 {
	background: url(https://www2.telmic.co.jp/telmicneo/wp-content/themes/telmicneo-new/img2/top/mv12.webp) center center/cover;
}

.video #cover2 {
	background: url(https://www2.telmic.co.jp/telmicneo/wp-content/themes/telmicneo-new/img2/top/mv13.webp) center center/cover;
}

.event #cover2 {
	background: url(https://www2.telmic.co.jp/telmicneo/wp-content/themes/telmicneo-new/img2/top/mv15.webp) center center/cover;
}

.plan #cover2 {
	background: url(https://www2.telmic.co.jp/telmicneo/wp-content/themes/telmicneo-new/img2/top/mv16.webp) center center/cover;
}

.electrical #cover2 {
	background: url(https://www2.telmic.co.jp/telmicneo/wp-content/themes/telmicneo-new/img2/top/mv17.webp) center center/cover;
}

.web #cover2 {
	background: url(https://www2.telmic.co.jp/telmicneo/wp-content/themes/telmicneo-new/img2/top/mv18.webp) center center/cover;
}

.digital #cover2 h1,.product #cover2 h1,
.video #cover2 h1,.event #cover2 h1,
.plan #cover2 h1,.electrical #cover2 h1
{
	color: #fff;
	text-shadow: 0 0 15px #000;
}

.digital .pankuzu li,.digital .pankuzu li a,
.product .pankuzu li,.product .pankuzu li a,
.video .pankuzu li,.video .pankuzu li a,
.event .pankuzu li,.event .pankuzu li a,
.plan .pankuzu li,.plan .pankuzu li a,
.electrical .pankuzu li,.electrical .pankuzu li a
{
	color: #fff;
	text-shadow: 0 0 15px #000;
}

.cov-div2{
	max-width: 1080px;
	width: 95%;
	margin: auto auto 0;
}

#cover2.column h1,
.column #cover2 h1,
#cover2 p.title
{
	color: #fff;
	text-shadow: 0 0 15px #000;
}

.column .pankuzu li,.column .pankuzu li a
{
	color: #fff;
	text-shadow: 0 0 15px #000;
}

#cover2 h1,
#cover2 p.title{
	font-size: 4rem;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 25px;
}

#cover2 h1 span,
#cover2 p.title span{
	font-size: 2.4rem;
	display: block;
	font-weight: 400;
	line-height: 54px;
}

/* video */

.video1-d1{
	
}

.artTit{
	font-size:2rem;
	text-align:center;
}

.artTit span{
	font-size:6rem;
	display:block;
	line-height: 87.8px;
}

.video1-d1 p{
	margin:60px 0 80px;
	line-height: 28.8px;
}

.artTit2{
	font-size:1.6rem;
	padding-bottom:20px;
	border-bottom:1px solid #B5B5B5;
}

.artTit2 span{
	font-size:4.5rem;
	display:block;
}

.flex{
	display:flex;
}

.video-sec1 .artTit2{
	position:relative;
	padding-left:140px;
}

.artTit2 .nom{
	position:absolute;
	font-size:9rem;
	font-weight:700;
	top:0;
	left:0;
	line-height: 80px;
	color: #F2F2F2;
	text-shadow: -1px 0 1px #0000000d;
}

.video1-d2{
	margin-bottom:180px;
}

.video1-d2 .flex{
	margin-top:50px;
	justify-content: space-between;
}

.video1-d2 .img{
	max-width:504px;
	width:48%;
}

.video1-d2 .text{
	max-width:515px;
	width: 50%;
}

.video1-d2 .text p{
	line-height:31.8px;
	margin-bottom:20px;
}

.video1-d3{
	margin-bottom:170px;
}

.video1-d3 > p{
	line-height:31.8px;
	margin:40px 0;
}

.video1-d3 > .img{
	margin-bottom:90px;
}

.video1-d3 .flex{
	justify-content:space-between;
	align-items: flex-end;
}

.video1-d3 .left{
	width:49%;
	max-width:504px;
	font-size:4.5rem;
	font-weight:700;
	text-align: center;
}

.video1-d3 .right{
	width:49%;
	max-width:504px;
}

.video1-d3 .left .img{
	margin-bottom:90px;
}

.video1-d4 .co4d2 .left li{
	border-bottom: 1px solid #333333;
}

.article .content03{
	padding: 130px 0 200px;
}


/* showroom */

.show-sec1{
	position:relative;
	z-index:1;
	padding:0 0 140px;
}

.show-sec1:before{
	position:absolute;
	content:"";
	width:100%;
	height:344px;
	background:#3B3B3B;
	left:0;
	bottom:0;
	z-index:-1;
}

.show-sec1:after{
	position:absolute;
	content:"";
	width:100%;
	height:772px;
	background:#3B3B3B;
	background: linear-gradient(0deg, #3B3B3B , #3B3B3B00);
	left:0;
	bottom:344px;
	z-index:-1;
}

.show1-d1 p{
	text-align:center;
	line-height:28.8px;
	margin:0 auto 100px;
}

.show1-d1 .artTit span{
	font-size:5.1rem;
	line-height:74.8px;
}

.show1-d1 .artTit span .big{
	font-size:6rem;
}

.show1-d2 ul{
	margin-top:85px;
}

.show1-d2 ul li{
	display:flex;
	justify-content:space-between;
	margin-bottom: 130px;
}

.show1-d2 ul li:nth-child(2n){
	flex-direction: row-reverse;
}


.show1-d2 ul li .img{
max-width: 488px;
width: 48%;
}

.show1-d2 ul li .img img{
	border-radius:4px;
	box-shadow: 5px 7px 12px #2C2C2C1f;
}

.show1-d2 ul li .text{max-width: 515px;width: 50%;position:relative;min-height: 313px;padding-bottom: 40px;}

.show1-d2 ul li .text .title-area{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}

.show1-d2 ul li .text .title-area p{
	font-size: 3.9rem;
	font-weight: 600;
	margin-right: 10px;
}

.show1-d2 ul li .text .title-area h4{
	font-size: 3rem;
	font-weight: 700;
}

.show1-d2 ul li .text > p{
	line-height: 31.8px;
}

.show1-d2 ul li .text > .bot-p{
		position:absolute;
	font-size:4.5rem;
	font-weight:700;
	bottom:0;
	line-height: 80px;
	color: #F2F2F2;
	text-shadow: -1px 0 1px #0000000d;
	right:0;
}

.show1-d2 ul li:nth-child(2n) .text > .bot-p{
	left:0;
	right:auto;
}

.show1-d3 .flex{
	margin-top:80px;
	justify-content:space-between;
}

.show1-d3 .flex .left{
		max-width:323px;
		width: 44%;
}

.show1-d3 .flex .left .img{
	margin-bottom:60px;
}


.show1-d3 .flex .left p{
	margin-bottom:25px;
	color:#fff;
	line-height:28.8px;
	font-size: 1.4rem;
}

.show1-d3 .flex .right{
	max-width:592px;
	width: 55%;
}

.show1-d3 .flex .right .map{
	width:100%;
	height:444px;
}


.show1-d3 .flex .right .map iframe{
	width:100%;
	height:100%;
}

.video-sec1{
	padding-bottom:130px;
}


/*-- 固定ここまで --*/


/* video */
.side_nav{
	position:fixed;
	background:#fff;
	left:2.5%;
	box-shadow:0 0 22px #00000029;
	border-radius:0 0 10px 10px;
	padding:15px;
	border-top: 3px solid #111111;
	max-width:128px;
	width: 100%;
	z-index: 5;
	bottom: 25%;
	min-width: 128px;
}

.side_nav.open{
	min-width: 250px;
	max-width:305px;
}

.side_nav .close_btn{
	position:absolute;
	top: -35px;
	right: -35px;
	display:none;
	cursor: pointer;
}

.open.side_nav .close_btn{
	display:block;
}

.nav-link{
	display:none;
}

.open > .side_cont >.nav-link{
	display:block;
}

.side_cont{
	position:relative;
}

.side_cont .flex{
	align-items: center;
	/* text-align: center; */
	/* justify-content: center; */
}

.side_cont .flex > .text{
	width:100%;
}

.open_btn{
	cursor:pointer;
}

.open > .side_cont >.open_btn{
	cursor:initial;
}

.open .side_cont .flex{
	align-items: flex-start;
}

.open .side_cont .flex{
	padding-bottom: 13px;
	border-bottom:2px solid #ccc;
}

.side_cont .flex .text p{
	display:none;
}

.menu-btn{
	/* display: flex; */
	/* font-size: 1.2rem; */
	/* font-weight: 700; */
	display: block;
	text-align: center;
	margin: auto;
}

.open > .side_cont .flex .text .menu-btn{
	display:none;
}

.open > .side_cont .flex .text p{
	display:block;
}

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

.side_cont .flex p{
	font-size: 1.4rem;
	font-weight:700;
	line-height: 27px;
}

.side_cont .flex p span{
	display:block;
	font-size:1.2rem;
	font-weight:300;
	line-height: 15px;
	font-family: 'Roboto', sans-serif!important;
}

.nav-link-list li.parent{
	margin-top: 10px;
	font-size: 1.2rem;
	font-weight:700;
	padding-left:15px;
	position:relative;
}

.nav-link-list li a{
	color:#111;
}

.nav-link-list li.parent:before{
	position:absolute;
	content:"";
	width: 8px;
	height: 2px;
	background: #CCCCCC;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}


.nav-link-list li.child{
	margin-top: 5px;
	font-size: 1.2rem;
	font-weight:400;
	padding-left:15px;
	position:relative;
	margin-left:15px
}

.nav-link-list li.child:before{
	position:absolute;
	content:"";
	width: 8px;
	height: 2px;
	background: #CCCCCC;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}

.video1 .works_list{
	margin-top:65px;
	justify-content: space-between;
}

.video1 .works_list li:last-child{
/* 	margin:auto; */
}

.works_list li{
	max-width:459px;
}

.works_list li:hover .img{
	box-shadow: 0 0px 23px #000000a6;
}

.works_list .mov{
	width: 100%;
	max-height: 257px;
	/*height: 26vw;*/
	height: 180px; /*20240411変更*/
	margin-bottom: 30px;
	box-shadow:0 0 22px #00000029;
}

.works_list .mov a ,.works_list .mov a img{
	width:100%;
	height:100%;
}

.mov iframe{
	width:100%;
	height:100%;
}

.video1 .works_list li .text{
  -webkit-line-clamp: 3;
  line-height: 26.8px;
}


.video2{
	margin-top:90px;
}

.video2 .art-div1{
	margin:70px auto 120px;
}

.art-div1 .art-list1{
	margin-top:60px;
}

.art-div1{
	background:#fff;
	box-shadow:0 0 22px #00000029;
	padding: 40px 4%;
	border-radius: 8px;
}

.plan1 .art-div1{
	padding: 60px 4.9% 0px;
	margin-bottom: 120px;
}

.art-div1 .title{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.2;
}

.product-div .art-div1 .title{
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}

.plan1 .art-div1 .title{
	text-align:center;
	border:none;
	margin-bottom: 0;
}

.plan1 .art-div1 .text{
	text-align:center;
}

.art-div1 .text{
	font-size: 1.4rem;
	font-weight:400;
	line-height: 1.8;
}

.art-list1 ul{
	margin-top: 110px;
}

.art-list1 li{
	display:flex;
	justify-content: space-between;
	margin-bottom: 60px;
}

.web3 .art-list1 li{
	margin-bottom: 120px;
}

.plan1 .art-list1 li{
	margin-bottom: 80px;
}

.art-list1 li:nth-child(2n+2){
	flex-direction:row-reverse;
}

.art-list1.rev li{
	flex-direction:row-reverse;
}

.plan .art-list1{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.plan .art-list1.rev li,.plan .art-list1.rev li:nth-child(2n+2){
	flex-direction: column;
	width: 45%;
}

.art-list1.rev li:nth-child(2n+2){
	flex-direction:initial;
}

.art-div1 .art-list1 li:last-child{
	margin:0;
}

.art-list1 li .mov{
	max-width: 433px;
	width: 45%;
	max-height: 244px;
	height: 23vw;
	box-shadow: 0px 0px 22px #00000029;
}

.art-list1 li .img{
	max-width: 433px;
	width: 45%;
}

.plan .art-list1 li .img{
	max-width: 100%;
	width: 100%;
}

.art-list1 li .img img{
	width:100%;
	box-shadow: 0px 0px 22px #00000029;
}

.art-list1 li .mov img{
	width:100%;
	height:100%;
}

.art-list1 li .text-area{
	max-width: 540px;
	width: 53%;
	position:relative;
	min-height: 244px;
}

.plan .art-list1 li .text-area{
	max-width: 540px;
	width: 100%;
	position:relative;
	min-height: 190px;
	margin-top: 20px;
}

.art-list1 li .text-area h3{
	font-size: 2.4rem;
	border-bottom: 1px solid #C1C1C1;
	line-height: 35.2px;
	margin-bottom: 20px;
	font-weight: 900;
	padding-bottom: 15px;
}

.art-list1 li .text-area p{
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.8;
}

.art-list1 li .text-area .nom{
	font-size: 12rem;
	font-weight:400;
	opacity:0.1;
	position:absolute;
	right:0;
	bottom:0;
	line-height: 1;
	color: #ccc;
}

.video3{
	background:#F8F8F8;
	padding: 80px 0;
}

.art-tit-area1{
	display:flex;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
	padding-bottom: 25px;
}

.video3 .art-tit-area1{
		padding-bottom: 25px;
		border-bottom: 1px solid #A2A2A2;
}

.art-tit-area1 .left{
	max-width:385px;
	width: 38%;
}

.art-tit-area1 .left .mainTit{
	text-align:left;
}

.art-tit-area1 .left p{
	font-size:2rem;
	font-weight:700;
	line-height: 1.76;
	margin-top: 5px;
}


.art-tit-area1 .right{
	max-width:626px;
	width: 61%;
}

.art-tit-area1 .right p{
	font-size: 1.4rem;
	font-weight:400;
	line-height: 1.8;
}

.art-tit-area1 .right p.subtit{
	font-size: 2.4rem;
	font-weight: 700;
}

.art-tit-area1 .right p span{
	display:block;
	font-weight:700;
	font-size:2.4rem;
	margin-bottom: 8px;
}


.video3-div h3{
	font-size:3rem;
	margin:27px auto;
	text-align:center;
	font-weight:700;
}

.video3-div > .img{
	text-align:center;
	margin:0 auto 75px;
	width:100%;
}

.video3-div1{
	background:#fff;
	padding: 30px 30px 40px;
	box-shadow: 0 0 22px #00000029;
	border-radius: 8px;
	/* margin-bottom: 130px; */
}

.video3-div1a{
	margin-bottom:40px;
}

.video3-div1a .img{
	max-width: 454px;
	margin-right: 6%;
	width: 45%;
}

.video3-div1a .text-area{
	max-width: 456px;
	width: 48%;
}

.video3-div1a .text-area h4{
		font-size: 2.4rem;
		font-weight:900;
}

.video3-div1a .text-area h4 span{
	font-size: 1.2rem;
	font-weight:300;
	display:block;
	margin-bottom:7px;
}

.video3-div1a .text-area .text{
	font-size: 1.4rem;
	font-weight:400;
	margin-top:17px;
}

.video3-div1b{
	justify-content: space-between;
}

.video3-div1b .content{
	width: 100%;
	margin-top: 20px;
}

.video3-div1b .content .title{
	padding-bottom: 12px;
	border-bottom: 1px solid #C4C4C4;
	margin-bottom: 15px;
	display:flex;
	align-items:center;
	font-size:1.6rem;
	font-weight:700;
}

.video3-div1b .content .title img{
	margin-right:10px;
}

.video3-div1b .content .text{
	font-size:1.4rem;
	font-weight:400;
	line-height:25px;
}

.video3 .btn1{
	margin:auto;
	font-size:2rem;
}

.video4{padding: 65px 0 95px;background: url(./img/video/bg4.webp)no-repeat center;background-size: cover;}

.video4 .mainTit2{
	font-size:4rem;
}

.video4 .title_text{
	font-size:1.8rem;
}

.video4 .img1{
	margin: 15px auto 0;
	max-width: 800px;
}

.video4-div{
	margin-top:100px;
}

.video4-div h3{
	font-size:3.5rem;
	font-weight:900;
	margin:0 auto 35px;
	padding-bottom:5px;
	border-bottom:1px solid #707070;
	max-width:max-content;
}

.video4-div > p{
	text-align:center;
	font-size:1.8rem;
	font-weight:500;
	line-height:30px;
	margin-bottom:60px;
}

.icon-list{
	display:flex;
	justify-content:space-between;
	max-width:666px;
	width:100%;
	margin:auto;
}

.icon-list li{
	text-align:center;
	font-size: 1.8rem;
	font-weight:500;
	line-height:24px;
}

.video5{padding: 120px 0 140px;}

.video5 .inner2{
	/* padding-bottom:130px; */
}

.video5 .art-tit-area1 .left{
	max-width: 400px;
	width: 40%;
}

.video5 .art-tit-area1 .left .mainTit{
	font-size: 2.4rem;
}

.video5 .art-tit-area1 .right{
	max-width: 654px;
	width: 60%;
}

.video5 .art-tit-area1 .right p{
	font-size: 1.4rem;
	font-weight:500;
}

.part-tab-div{
	margin:70px auto;
}

.part-tab-div ul{
	display:flex;
	align-items:center;
	flex-wrap: wrap;
}

.part-tab-div li{
	width: 18.3%;
	background:#fff;
	border: 1px solid #777777;
	min-height:42px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size: 1.4rem;
	font-weight:500;
	max-width: 188px;
	cursor: pointer;
	transition:.4s;
	margin-bottom: 10px;
	position:relative;
	margin-right: 2.125%;
}

.part-tab-div li:nth-child(5n+5){
	margin-right:0;
}

.part-tab-div li label{
	display:flex;
	width:100%;
	height:100%;
	justify-content:center;
	align-items:center;
	cursor:pointer;
}

.part-tab-div li input{
opacity:0;
	position:absolute;
}

.part-tab-div li.active,.part-tab-div li:hover,.part-tab-div li:has(input:checked){
	background: #F8F8F8;
}

.part-panel{
	display:none;
}

.part-panel.active{
	display:block;
}

.partner-list{
	display:flex;
	flex-wrap:wrap;
	column-gap: 5%;
}

.partner-list li{
	width: 30%;
	margin-bottom: 75px;
	position:relative;
}

.partner-list li.is-hide{
	display:none;
}

.modalOpen{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	cursor:pointer;
	z-index: 10;
}


.partner-list li:nth-child(3n+3){
	margin-right:0%;
}

.partner-list li:hover .img img{
	transform:scale(1.3);
}

.partner-list li .img img{
	transition:.4s;
}

.partner-list li .img{
	margin-bottom:5px;
	overflow:hidden;
	width: 100%;
	height: 20vw;
	max-height: 210px;
}

.partner-list li .img img{
	box-shadow:0 0 22px #00000029;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.partner-list li p{
	font-size:2.5rem;
	font-weight:700;
}

.partner-list li p span{
	display:block;
	font-size:1.2rem;
	font-weight:300;
}

.art-div2{
	width: 95%;
	margin: 0 auto 120px;
	text-align: center;
	position: relative;
	padding: 40px 7%;
	max-width: 1080px;
}

.rental3 .art-div2{
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

.art-div2 .abp{
	margin:auto;
	font-size: 2.4rem;
	line-height: 54px;
	color: #777777;
}

.art-div2 .title{
	font-size: 4rem;
	font-weight:700;
	margin-bottom:25px;
}

.rental3 .art-div2 > .title{
	font-size: 2.4rem;
}

.art-div2 .text{
	font-size: 1.4rem;
	font-weight:400;
	line-height: 1.8;
}

.art-div2 .btn1{
	margin:65px auto 0;
	letter-spacing: 0.014em;
	width: 95%;
}

.art-div2-list{
	display:flex;
	justify-content: space-between;
	max-width: 700px;
	margin: 24px auto 0px;
	width: 95%;
}

.art-div2-list li{
	width: 49%;
	display:flex;
	align-items:center;
	text-align:left;
	font-size: 1.4rem;
	position: relative;
	padding-left:15px;
}

.art-div2-list li:before{
	position:absolute;
	content:"";
	width:8px;
	height:8px;
	border-radius:50%;
	background:#777777;
	left:0px;
}

.art-div2-list li .img{
	margin-right:10px;
	width: 33%;
}

.art-div2 .btn4{
	margin: 24px auto 0;
	max-width: 236px;
}

.nomal-list-col5{
	flex-wrap:wrap;
	display:flex;
	justify-content:space-between;
	margin: 40px auto 0;
	max-width: 950px;
}

.nomal-list-col5 li{
	width: 18%;
	max-width: 152px;
}

.nomal-list-col5 li p{
	font-size: 1.4rem;
	margin-top: 7px;
}

.works-sec{
	padding: 120px 0 80px;
}

.works-sec.det-div2{
	padding:75px 0 100px;
}

.works-sec .works_list{
	margin: 0px auto 0;
}

.works-sec.det-div2 .works_list{
	margin:55px auto 0;
}

.works-sec .works_list li{
	width: 30.371%;
	max-width: 328px;
	padding: 0;
	margin-right: 4.4435%;
}

.works-sec .works_list li:nth-child(3n+3){
	margin-right:0;
}

.works-sec .works_list li .img{
	max-height: 218px;
	margin-bottom: 10px;
}

.works-sec .works_list li .cate{
	font-size:1.4rem;
	background: #fff;
}

.works-sec .works_list li .title{
	font-size: 1.4rem;
	font-weight: 400;
}

.works-sec .works_list li .text{
	font-size:1.4rem;
	font-weight:400;
	-webkit-line-clamp: 3;
}

.works-sec .btn1,.det-div1 .btn1{
	margin:auto;
}

.btn1.back:before{
	right: auto;
	left: 14px;
}

.btn1.back:after{
	right: auto;
	left: 23px;
}

.business-sec{
	padding:120px 0 70px;
}

.business-sec .inner{
	/* max-width:1535px; */
	max-width: 1030px;
}


.business-sec .mainTit{
	margin-bottom:75px;
}

.busi-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	transform: translate(0px, 0px)!important;
	opacity:1!important;
}

.busi-list li{
	width: 32.5%;
	margin-bottom:34px;
	max-width: 482px;
}


.busi-list li{
	transition:.5s;
	transform: translate(0px, 150px);
	opacity:0;
}

.active.fadec.busi-list li{
	transform: translate(0px, 0px);
	opacity:1;
}


.busi-list li:nth-child(2){
	transition:1s;
}

.busi-list li:nth-child(3){
	transition:1.5s;
}

.busi-list li:nth-child(4){
	transition:2s;
}

.busi-list li:nth-child(5){
	transition:2.5s;
}

.busi-list li:nth-child(6){
	transition:3s;
}

.busi-list li .btn1{
	height:78px;
	font-size: 1.5rem;
	font-weight: 400;
}

.busi-list li .btn1 .img{
	width: 40px;
	height: 40px;
	background: #FCFCFC;
}

.busi-list li .btn1 .img img{
	width: 60%;
	height: 60%;
}

.busi-list li .btn1:before{
	width: 22px;
	height: 22px;
}

.busi-list li .btn1:after{
	    border-width: 4px 0 4px 6px;
	    right: 21px;
}

/* DIGITAL */

.digital1{
	
}

.digital1 .mainTit{
	margin-bottom:55px;
}

.digital1-cont{
	padding-bottom: 80px;
}

.art-tit-area2 .title{
	font-size: 2.4rem;
	font-weight:900;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-bottom: 25px;
	display:flex;
	align-items:center;
}
.art-tit-area2 .studio_box2  .title{
	display: inline-block;
	border: unset;
}



.art-tit-area2 .title span.robo{
	color:#777777;
	font-size:1.2rem;
	margin-left:15px;
	margin-top: 6px;
}

.art-tit-area2 .title.mainTit{
	font-size:3.8rem;
	text-align:left;
	padding-bottom: 25px;
}



.art-tit-area2 .text{
	font-size:1.6rem;
	font-weight:400;
	line-height: 35.2px;
	margin-bottom: 25px;
}

.studio1 .art-tit-area2 .text{
	display:flex;
	justify-content: space-between;
	align-items: baseline;
}

.studio1 .art-tit-area2 .text .left{
	display:block;
	background:#F8F8F8;
	font-size:1.4rem;
	padding: 0 16px;
}


.studio1 .art-tit-area2 .text .right{
	width: 82%;
	font-size:2.4rem;
	font-weight:700;
}

.studio1 .art-tit-area2 .text2{
	margin: 16px 0 40px;
}

.digital1-div1a{
	justify-content:space-between;
	margin: 15px auto 60px;
}

.digital1-div1a .left{
	max-width: 516px;
	width: 48%;
}

.digital1-div1a .right{
	max-width: 516px;
	width: 48%;
}

.digital1-div1a .right h4{
	font-size:2.4rem;
	font-weight:700;
	margin-bottom:20px;
	line-height: 1;
	padding-left: 30px;
	position:relative;
}

.digital1-div1a .right h4:before{
	position:absolute;
	content:"";
	width:23px;
	height:25px;
	background:url(./img2/common/title-icon1.svg)no-repeat;
	left:0;
	background-size:contain;
}

.digital1-div1a .right .img{
	margin-bottom:15px;
}

.digital1-div1a .right p{
		font-size: 1.4rem;
		font-weight:400;
		line-height: 1.8;
		margin-bottom:40px;
}

.digital1-div1a .right p span{
	font-size: 1.6rem;
	display:block;
	font-weight:700;
}

.see-btn{
	display:flex;
	position:relative;
	width:max-content;
	margin-left:auto;
	font-size: 1.6rem;
	padding-right:55px;
	font-weight: 700;
}

.digital1-div2{
	background:#fff;
	box-shadow:0 0 22px #00000029;
	border-radius:8px;
	padding: 55px 7%;
}

.digital1-div2 h4{
	text-align:center;
	font-size: 2.4rem;
	font-weight:700;
	margin-bottom:50px;
}

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

.digital-list1 li{
	width:32%;
	margin-bottom:40px;
	text-align:center;
	font-size: 1.4rem;
	font-weight:400;
	max-width: 285px;
}

.digital-list1 li .img{
	margin-bottom:8px;
}

.warning-div{
		display:flex;
	align-items:center;
}

.warning-div p{
	font-size: 1.4rem;
	font-weight:400;
	width:90%;
}

.ex-icon{
	font-size:1.8rem;
	font-weight:400;
	width:47px;
	height:47px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:10px;
	background: #fff;
	border: 1px solid #777777;
	color: #777777;
}

.digital1-div2 .btn4{
	margin: 40px auto 0;
}

.digital1-cont .btn1{
	margin:50px auto 0;
}

.digital2{
	padding:120px 0;
	z-index: 1;
	position: relative;
}

.digital2 .title_text{
	margin:25px auto 45px;
}


.digital2-div1a{
	position:relative;
}

.digital2-div1a:before{
	position:absolute;
	content:"";
	width:6px;
	height:90%;
	top:0;
	left:0;
	right:0;
	margin:auto;
	background:#1067B0;
	z-index:-1;
}

.art-list2 li{
	display:flex;
	background:#fff;
	box-shadow:0 0 22px #00000029;
	border-radius:8px;
	margin-bottom: 40px;
	padding: 16px 5% 16px;
	align-items: center;
}

.art-list2 li .img{
	margin-right:24px;
	width: 13%;
}

.art-list2 li .text-area{
	width: 80%;
}

.art-list2 li .text-area .title{
	font-size:2.4rem;
	font-weight:700;
	line-height: 54px;
}

.art-list2 li .text-area .text{
		font-size:1.6rem;
		font-weight:400;
		letter-spacing: 0.014em;
}

.digital2-div1a-p1{
	margin: 90px auto 150px;
	border-radius:50px;
	border:5px solid #1067B0;
	width:max-content;
	font-size:2.4rem;
	padding: 19px 24px;
	font-weight: 700;
	color: #333;
}

.digital2-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	position:relative;
}

.digital2-list li{
	width: 30%;
	text-align: center;
	position:relative;
	z-index:1;
}

.digital2-list li:before{
	position:absolute;
	content:"";
	width:6px;
	height:50%;
	top: -30%;
	background:#1067B0;
	z-index:-1;
	left:0;
	right:0;
	margin:auto;
}

.digital2-list:before{
	position:absolute;
	content:"";
	width:70%;
	height:6px;
	top: -30%;
	background:#1067B0;
	z-index:-1;
	left:0;
	right:0;
	margin:auto;
}


.digital2-list li:nth-child(2):before{
	display:none;
}

.digital2-div1{
	padding-bottom:150px;
}

.digital2 .art-div2{
	margin-top:30px;	
}


/* product */
.product1{
	background: url(./img/product/bg1.webp)no-repeat left top;
	background-size: contain;
	padding: 0 0 205px;
}

.product1 .mainTit2{
	font-size:4rem;
	margin-bottom: 50px;
}

.product1 > .inner2 > p{
	text-align:center;
	line-height: 54px;
	margin-bottom: 110px;
	font-size: 1.8rem;
	font-weight: 500;
}

.nomal-list-col3{
	display:flex;
	justify-content:space-between;
}

.nomal-list-col3 li{
	width: 32%;
	max-width: 328px;
	text-align: center;
	font-size: 1.6rem;
}

.nomal-list-col3 li .img{
	margin-bottom:15px;
	height: 20vw;
	max-height: 228px;
	width: 100%;
}

.nomal-list-col3 li .img img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:bottom;
}

.product1-div{
	margin:85px auto 0;
	background: #fff;
	box-shadow:0 0 22px #00000029;
	border-radius:8px;
	padding:55px 3%;
}

.product1-div h3{
	text-align:center;
	font-size:3rem;
	font-weight:700;
	margin-bottom:35px;
}

.product1-div ul{
	max-width:740px;
	width: 95%;
	margin:auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.product1-div li{
	width: 28%;
	max-width: 133px;
}

.product1-div li:nth-child(2){
	max-width:initial;
	width: 40%;
}


.product1-div li .img{
	width:100%;
	height:100vw;
	max-height:130px;
	max-width:130px;
	background:#fff;
	border:1px solid #1067B0;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 3px 6px #00000029;
	margin:auto;
}

.product1-div li .blue{
	font-size:2.4rem;
	font-weight:700;
	text-align:center;
	margin:8px auto;
}

.product1-div li .text{
		font-size:1.6rem;
	font-weight:400;
	text-align:center;
}

.strong-point{
	position:relative;
	padding: 0 0 120px;
}

.strong-point .abp{
	position:absolute;
	top: -100px;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	font-size: 9.6rem;
	font-weight: 400;
}

.fukidashi{
	font-size:2.4rem;
	font-weight:300;
	opacity:0;
	transition:.4s;
	margin-bottom:5px;
}

.fukidashi span{
	display:contents;
}

.active .fukidashi{
	opacity:1;
}

.strong-point .mainTit{
	margin-bottom:55px;
}

.strong-point .art-list2 li{
	margin-bottom:120px;
	position:relative;
	padding: 35px 5%;
}

.strong-point .art-list2 li:before{
	position:absolute;
	content:"";
	width:36px;
	height:36px;
	background:url(./img/common/m-close.svg)no-repeat;
	background-size: contain;
	bottom:-80px;
	left:0;
	right:0;
	margin:auto;
	transform: rotateZ(45deg);
}

.strong-point .art-list2 li:last-child{
	margin-bottom:0;
}

.strong-point .art-list2 li:last-child:before{
	display:none;
}


.strong-point .art-list2 .text{
	line-height:35.2px;
}

.product3{
	padding:100px 0 0;
}

.product3 > .inner2 > .mainTit{
	/* text-align:left; */
	margin-bottom: 15px;
}

.product-div:nth-child(2){
	padding: 45px 0 120px;
}

.product-div{
padding:115px 0 60px; 
}

.product-div >.inner2 >.text{
	margin-bottom:50px;
	font-size: 1.6rem;
}

.product-div .title-area{margin-bottom: 40px;}

.product-div .title-area .flex{
align-items: center;
margin-bottom: 10px;
}


.product-div .title-area .flex .cate{
border-radius: 20px;
padding: 6px 25px;
font-size: 1.6rem;
font-weight: 400;
margin-right: 20px;
}

.product-div .title-area .flex p{font-size: 1.4rem;font-weight: 400;background: #F8F8F8;padding: 5px 10px;margin-right: 20px;}
.product-div .title-area h4{font-size: 2.4rem;font-weight: 700;}

.product-div .content-area{
	display:flex;
	justify-content:space-between;
	align-items: flex-start;
	margin-bottom: 65px;
}

.product-div .content-area .img{
	max-width: 357px;
	width: 36%;
	box-shadow: 0 0 8px #00000029;
}

.product-div .content-area .yt{
	max-width: 476px;
	width: 47%;
	max-height:268px;
	height: 26vw;
}

.product-div .content-area .text-area{
	max-width: 659px;
	width: 62%;
}

.product-div.product-div-sys .content-area .text-area{
	max-width: 494px;
	width: 51%;
}

.product-div .content-area .text-area .top{
	position:relative;
	margin-bottom:50px;
}

.product-div .content-area .text-area .top:before{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 8px 0 8px;
	border-color: #777777 transparent transparent transparent;
	left:0;
	right:0;
	margin:auto;
	bottom:-35px;
}

.product-div .content-area .text-area h4{
	font-size: 1.8rem;
	display:flex;
	align-items:center;
}

.product-div .content-area .text-area h4 img{
	margin-right:15px;
}

.product-div .content-area .text-area p{
	margin-top:15px;
	font-size: 1.4rem;
	font-weight:400;
	line-height: 1.8;
}

.sl-sec{
padding: 60px 0 50px;
}

.sl-sec .mainTit{
	font-size:2.4rem;
}

.sl-sec .right_text{
	text-align:right;
	font-size:1.4rem;
	margin-top: 40px;
}

.sl-sec .inner2{
	/* max-width: 750px; */
}

.sl-sec .mtit{
	font-size: 2.4rem;
	font-weight:900;
	margin-bottom:35px;
}

.slider .sld{
	position: relative;
	margin: 0 11%;
}

.slider .sld .img{
	margin-bottom:10px;
	text-align: center;
	width: 100%;
	height: 20vw;
	max-height: 218px;
}

.slider .sld .img img{
	margin:auto;
	width:100%;
	height:100%;
	object-fit:cover;
}

.slider .sld .title{
	margin-bottom:8px;
	font-size:1.8rem;
	font-weight:700;
}

.slider .sld .title span{
	display:block;
	font-size:1.4rem;
}

.slider .sld .text{
	font-size:1.4rem;
	font-weight:400;
}

.slider2 .sld .yt{
	max-width:427px;
	width: 80%;
	margin:auto;
	height: 47vw;
	max-height:240px;
}



.slider2 .sld .text{
	max-width:427px;
	width: 80%;
	margin:auto;
	font-size:1.4rem;
	font-weight:700;
	margin-top:10px;
}

.product4{
	padding:80px 0 0;
}

.product4 .mainTit{
	margin-bottom:65px;
}

.step-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 100%;
	margin: auto;
}

.step-list li{
	width: 24.4%;
	margin-bottom:55px;
	background:#fff;
	box-shadow:0 0 22px #00000029;
	padding: 44px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 13.4%;
	position: relative;
}

.step-list li:before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 11px;
	border-color: transparent transparent transparent #1067B0;
	position:absolute;
	content:"";
	right:-30%;
	top:0;
	bottom:0;
	margin:auto;
}

.step-list li:last-child:before{
	display:none;
}

.step-list li:nth-child(3n+3){
	margin-right:0;
}

.step-list li .step{
	font-weight:400;
	font-size: 3.2rem;
	padding-bottom:16px;
	margin-bottom:16px;
	border-bottom:1px solid #ccc;
}

.step-list li .text{
	font-size:1.8rem;
	font-weight:400;
}

.product4 .art-div2{
	margin:150px auto 0;	
}

.product7{
	padding: 80px 0 30px;
}

.product7 .art-tit-area1{
	align-items: center;
	padding-bottom: 32px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 32px;
}

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

.other-list1 li{
	width: 49%;
	max-width: 460px;
	margin-bottom: 70px;
}

.other-list1 li .title{
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:16px;
}

.other-list1 li .flex{
	justify-content: space-between;
}

.other-list1 li .img{
	max-width: 211px;
	width: 48%;
}

.other-list1 li .text-area{
	max-width: 225px;
	width: 50%;
	position: relative;
	min-height: 159px;
	padding-bottom: 40px;
}

.other-list1 li .text-area p{
	font-size:1.4rem;
}

.other-list1 li .text-area .see-btn{
	font-size:1.6rem;
	margin: auto auto 0 0;
	position: absolute;
	bottom: 5px;
	left: 0;
}

/* event */

.event1{
	
}

.event1 .title_text{
	line-height:35.2px;
	margin-top: 35px;
}

.event1-div{
	padding: 0 0 90px;
}

.event1-div .right_text{
	text-align: right;
}

.event1-div .art-tit-area2{
	margin:60px auto 65px;		
}

.event1-div .art-div3{
	margin-bottom:60px;
}

.event1-div .art-div3.matop{
	margin-top:60px;
}

.art-div3{
	display:flex;
	justify-content:space-between;
}

.art-div3 .left{
	max-width: 508px;
	width: 48%;
}

.art-div3 .left .yt{
	width:100%;
	height: 23vw;
	max-height: 285px;
}


.art-div3 .right{
	max-width: 516px;
	width: 48%;
}

.art-div3 .right .title{
	font-size:2.4rem;
	font-weight:700;
	margin-bottom: 20px;
}

.event1 .art-div3 .right .title{
	padding-left: 30px;
	position:relative;
}

.event1 .art-div3 .right .title:before{
	position:absolute;
	content:"";
	width:23px;
	height:25px;
	background:url(./img2/common/title-icon1.svg)no-repeat;
	left:0;
	background-size:contain;
	top: 0;
	bottom: 0;
	margin: auto;
}

.art-div3 .right .text{
	font-size:1.6rem;
	font-weight:400;
	line-height:35.2px;
	letter-spacing:0.014em;
}

.art-div3 .right .text span{
	display:block;
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:8px;
}

.event1-div .img1{
	margin-top:90px;
}

.event1 .art-div2{
	margin: 120px auto 115px;
}

/* plan */

.slider3 .sld{
	position: relative;
	margin: 0 4%;
}

.plan1{
	margin: 80px auto 120px;
}

.plan1 .title_text{
	margin:35px auto 80px;
	line-height:35.2px;
}

.art-div1 .plan-list1{
	margin:40px auto 0;
}

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

.plan-list1 li{
	width: 49%;
	margin-bottom: 60px;
	max-width: 440px;
}

.plan-list1 li .title2{
	font-size:1.8rem;
	font-weight:700;
	margin: 10px auto 5px;
}

.plan-list1 li .text2{
	font-size:1.4rem;
	font-weight:400;
	line-height:24.5px;
}

.plan-list1 li .yt{
	width:100%;
	max-height:246px;
	height: 30vw;
}

.yt iframe{
	width:100%;
	height:100%;
}

.web1{
	padding-bottom: 70px;
}

.web1 .title_text{
	margin-top:35px;
	line-height:35.2px;
}

.web3{padding: 0 0 120px;}

.web3 .title_text{
	margin-top:25px;
}

.web3 .art-list1{
	margin-top: 40px;
}

.web3 .art-list1 li:last-child{
	margin-bottom: 0px;
}

/* showroom */
.showroom1-div{
	margin-top:120px;
	padding:80px 0;
	position:relative;
}

.showroom1-div .abp{
	position:absolute;
	top:-60px;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	font-size:9.6rem;
	font-weight:400;
	line-height:1;
}

.showroom1-div .yt{
	max-height:418px;
	max-width:744px;
	margin:auto;
	width:100%;
	height:50vw;
}

.showroom1 .art-tit-area1 .right p{
	line-height:30px;
}

.showroom2{
	padding: 30px 0 30px;
}

.showroom2 .art-div1{
	padding: 20px 6% 10px;
}

.swiper{
	padding: 150px 0!important;
}

.swiper .img{
	position:relative;
}


.swiper .img:before{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	bottom:0;
	right:0;
	z-index:1;
	background:#fff;
	opacity:0.8;
	transition:.4s;
}

.swiper-slide:hover .img:before{
	opacity:0;
}

.swiper .img:after{
	position:absolute;
	content:"";
	width:118px;
	height:118px;
	background: url(./img/common/click.svg)no-repeat right bottom;
	bottom:0;
	right:0;
	background-size:contain;
	z-index:1;
}

.swiper img{
	width: 100%;
	height:100%;
}

.ab-text{margin-top: 10px;}

.ab-text p{
}

.ab-text span{
	display:block;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.4;
}

.access-sec{
	position:relative;
	padding: 80px 0 95px;
}


.studio3.access-sec{
	position:relative;
	padding: 80px 0;
}

.access-sec .abp{
	position:absolute;
	font-weight: 400;
	opacity: 0.1;
	line-height: 1;
	top: -30%;
	left: 0;
	text-align: center;
	right: 0;
	margin: auto;
	font-size: clamp(4rem, 22vw , 40rem);
}

.studio3.access-sec .abp{
	top: -16%;
}

.access-sec .flex{
	justify-content:space-between;
}

.access-sec .flex .left{
	max-width:500px;
	width: 49%;
}

.access-sec .flex .left .map{
	height: 444px;
	width:100%;
}

.access-sec .flex .right{
	max-width:450px;
	width:50%;
}


.access-sec .flex .right .access-p1{
	margin-top:30px;
	font-size:1.6rem;
	font-weight:400;
}

.access-sec .flex .right .access-p1 span{
	display:block;
	font-size:1.8rem;
	font-weight:700;
}

.access-sec .flex .right .access-p2{
	margin-top:20px;
	font-size:1.6rem;
	font-weight:400;
}

.access-sec .flex .right .access-p2 span{
	display:block;
	font-size:1.6rem;
	font-weight:700;
}

.access-sec .btn1{
	margin:65px auto 0;
}

.access-sec .flex .right .btn4{
	max-width: 173px;
	margin: 40px 0 0;
}

.showroom4{
	padding: 120px 0;
}

.showroom4 .inner2{
	/* max-width:1430px; */
	/* margin-left: 2.45%; */
}

.showroom4.studio-sec{
	padding: 80px 0 120px;
}

.showroom4.studio-sec .inner2:nth-child(1){
	max-width: 1030px;
	margin: 0 auto 100px;
}

.showroom4 .flex{
	justify-content:space-between;
	align-items: center;
}

.showroom4 .flex .img{
	max-width:783px;
	width: 55%;
}

.showroom4 .flex .text-area{
	max-width:550px;
	text-align:center;
	width: 42%;
}

.showroom4 .flex .text-area .entext{
	font-size: 2.4rem;
	font-weight:400;
	color: #777777;
}

.showroom4 .flex .text-area .btn4{
	margin: 40px auto 0;
	max-width: 236px;
}

.showroom4 .flex .text-area .mainTit{
	font-size: 4rem;
	font-weight:700;
	margin-bottom:15px;
}

.showroom4 .flex .text-area .text{
	font-size:1.6rem;
	line-height:28px;
}

.showroom4 .flex .text-area .btn1{
	margin:40px auto 0;
}

/* studio */
.studio1 .art-tit-area1{
	align-items: center;
	margin-bottom: 50px;
}

.studio3 .img1{
	margin: 0px auto 80px;
}

.access-sec .flex .left .img{
	max-width: 500px;
	margin: 25px auto 0;
}

/* abot */

.about1{
	position:relative;
}

.about1-div1{margin: 0 auto 130px;}

.about1-div1 .mainTit2{
font-size: 4rem;
}


.about1-div1 > p{
	margin-top:25px;
	line-height:35.2px;
	font-size:1.6rem;
}


.about1-div2{
	padding: 40px 0 30px;
}

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

.about-list1 li{
	width: 48%;
	margin-bottom: 55px;
	max-width: 516px;
}

.about-list1 li .title{
	font-size: 1.8rem;
	font-weight:700;
	margin: 10px auto 0px;
}

.about-list1 li .title span{
	display:block;
	font-size: 1.2rem;
	font-weight:300;
	margin-top:10px;
	color: #777777;
}

.about-list1 li .text{
	font-size:1.6rem;
	line-height:35.2px;
}

.about2{
	padding: 60px 0 0px;
}

.about2 .title_text{
	line-height:35.2px;
	margin:30px 0 60px;
}


.about2 .step-list li{width: 15.5%;margin-right: 5.625%;padding: 24px 0;}

.about2 .step-list li:nth-child(5n+5){
	margin-right:0;
}

.about2 .step-list li .step{
	font-size:1.8rem;
}

.about2 .step-list li .text{
	font-size:1.6rem;
}

.about2 .step-list li:before{
	right:-20%;
}

.about3{
	padding:90px 0 20px;
}


.about-list2.service-list li{max-width: 305px;padding: 60px 1.2%;}

.about4 .about-list2.service-list li{padding: 60px 1.2% 20px;pointer-events: none;}

.about-list2.service-list li .title{
	font-size:1.8rem;
	font-weight:300;
}

.about-list2.service-list li .text{
	font-size:1.4rem;
	font-weight:400;
	line-height:24.5px;
}


.about-list2.service-list li .more{
		bottom: 15px;
}

.about4{
padding: 0 0 130px;
}

.company1 .mainTit{
	margin-bottom: 25px;
}

.maru-p{
	position:relative;
	font-size:1.6rem;
	font-weight:400;
	padding-left:20px;
}

.maru-p:before{
	position:absolute;
	content:"●";
	font-size:1.6rem;
	font-weight:400;
	left:0;
}

.company1{
	padding:0 0 60px;
}

/* works */

.works1.works-sec{
	padding:0px 0 120px;
}

.works1.works-sec.det-div1{
	padding:0px 0 80px;
}

.works1 .cate_area{
	display:flex;
	justify-content:space-between;
	/* padding-bottom: 50px; */
	/* border-bottom: 1px solid #ccc; */
}

.works1 .cate_area .left{
	width: 21%;
}
.works1 .cate_area .left .works_cate_list li{
	width:100%;
	margin-right: 0;
}

.works1 .cate_area .right{
	width: 77%;
	max-width: 750px;
}

.works_cate_list{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

.works_cate_list li{
	width: 23%;
	text-align:center;
	margin-bottom:12px;
	font-size:1.6rem;
	font-weight:400;
	margin-right: 2.667%;
	position: relative;
}

.works_cate_list li:first-child{
	margin-right: 70%;
}

.works_cate_list a{
	display:flex;
	align-items:center;
	justify-content:center;
	height:43px;
	font-size: 1.3rem;
	padding-left: 20px;
	padding-right:20px;
}

.works_cate_list li:nth-child(5),.works_cate_list li:nth-child(9){
	margin-right:0;
}



.works_cate_list li.active a,.works_cate_list li:hover a{
	/* color:#fff; */
	opacity:1;
}

.works-sec.works1 .works_list{
	margin:60px auto 0;
}

.works1.works-sec .works_list li{
	margin-bottom: 25px;
}

.works-sec.det-div2 .works_list li{
	margin-bottom:0px;
	background: none;
}

.pagination-list{
	display:flex;
	justify-content:center;
}

.pagination-list .page-numbers{
	width:63px;
	height:63px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 0.5%;
		transition:.4s;
}

.pagination-list .page-numbers:hover,.pagination-list .page-numbers.current{
	background: #111111;
	color:#fff;
	opacity:1;
}

.pagination-list .page-numbers.prev{
	position:relative;
	margin-right:2%;
	margin-left:0%;
}

.pagination-list .page-numbers.next{
	position:relative;
	margin-right:0%;
	margin-left:2%;
}

.pagination-list .page-numbers.prev:before,.pagination-list .page-numbers.next:before{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 8px 4.5px 0;
	border-color: transparent #333 transparent transparent;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	transition:.4s;
}

.pagination-list .page-numbers.next:before{
	border-width: 4.5px 0 4.5px 8px;
	border-color: transparent transparent transparent #333;
}

.pagination-list .page-numbers.prev:hover:before{
	border-color: transparent #fff transparent transparent;
}

.pagination-list .page-numbers.next:hover:before{
	border-color: transparent transparent transparent #fff;
}

.det-div1 .contents-area .title-area{
	display:flex;
	flex-wrap:wrap;
	margin:60px auto 45px;
	align-items: center;
}

.det-div1 .contents-area .title-area .cate{
    background: #fff;
    /* color: #fff; */
    /* border-radius: 22px; */
    width: max-content;
    /* padding: 0 10px; */
    font-size: 1.2rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    min-width: 104px;
    height: 25px;
    margin-bottom: 5px;
}

.det-div1 .contents-area .title-area .title{
	font-size:3.2rem;
	width: 100%;
}


.det-div1 .contents-area .detail-area{
	margin-bottom:60px;
}

.det-div1 .contents-area .detail-area img{
	margin-bottom:60px;
	display: block;
}

.aligncenter{
	margin:auto;
}

.det-div1 .contents-area .detail-area .container{
	display:flex;
	justify-content:space-between;
	align-items: stretch;
	margin-bottom: 30px;
}

.det-div1 .contents-area .detail-area .container .main-img{
	width: 76%;
	max-width:816px;
	background: #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 32px;
	max-height: 586px;
}

.det-div1 .contents-area .detail-area .container .main-img img{
	margin-bottom: 0px;
	max-height: 100%;
}

.det-div1 .contents-area .detail-area .container .sub-img{
	width: 22%;
	max-width:232px;
	display: flex;
	flex-direction: column;
}

.det-div1 .contents-area .detail-area .container .sub-img.col3{
	justify-content: space-between;
}

.det-div1 .contents-area .detail-area .container .sub-img img{
	margin-bottom: 0%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.det-div1 .contents-area .detail-area .container .sub-img li{
	margin-bottom: 32px;
	max-height: 174px;
	height: 15vw;
}

.det-div1 .contents-area .detail-area .container .sub-img li img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.det-div1 .contents-area .detail-area .container .sub-img li:last-child{
	margin-bottom:0;
}

.det-div1 .contents-area .detail-area .container .sub-img li.current img{
	filter: opacity(0.5);
}

.det-div1 .contents-area .detail-area .container .sub-img li:last-child img{
	margin-bottom:0;
}

.table-area{
	/* margin-bottom:40px; */
}

.det-div1 th{
width: 14%;
}

.news1.det-div1 th{width: 16%;}

.news1.det-div1 td{width: 74%;}

.det-div1 th .flex{
	align-items:center;
}

.det-div1 th .flex img{
	margin-right:5px;
}

.det-div1 td{
width: 76%;
}

.pager{
	width: 100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin: 80px auto 0;
	max-width: 456px;
}

.pager .center{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 160px;
	width: 100%;
}

.pager .pre a{
	padding-left:35px;
	font-weight: 700;
	font-size: 1.6rem;
}

.pager .pre a:before{
	right:auto;
	left:0;
	width:22px;
	height:22px;
}

.pager .pre a:after{
	right:auto;
	left: 10px;
	/* border-width: 4px 0 4px 6px; */
	width: 4px;
	height: 4px;
}

.pager .next a{
	padding-right:35px;
	font-weight: 700;
	font-size: 1.6rem;
}

.pager .next a:before{
	right:0;
	left:auto;
	width:22px;
	height:22px;
}

.arrow1.back:after{
	transform: rotate(-135deg);
}

.pager .next a:after{
	right: 10px;
	left:auto;
	/* border-width: 4px 0 4px 6px; */
	width: 4px;
	height: 4px;
}

/* news */

.news1{
	padding-bottom: 100px;
}

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

.news_cate_list li{
	width: 19%;
	text-align:center;
	/* margin-right: 1.25%; */
	position:relative;
	max-width: 185px;
}

.news_cate_list li:before,.works_cate_list li:before{
	position:absolute;
	content:"";
	width: 0;
height: 0;
border-style: solid;
border-width: 16px 16px 0 0;
	left:0;
	top:0;
}

.gra_term{
	border:1px solid #777777;
}

li.active.gra_term ,li.gra_term:hover{
	background: #7777771a;
}

.gra_term:before{
	border-color: #777777 transparent transparent transparent;
}

.re_term{
	border:1px solid #E72212;
}

li.active.re_term ,li.re_term:hover{
	background: #E722121a;
}

.re_term1{
	border:1px solid #E72212;
}

.re_term:before{
	border-color: #E72212 transparent transparent transparent;
}

.bla_term{
	border:1px solid #111;
}

li.active.bla_term ,li.bla_term:hover{
	background: #1111111a;
}

.bla_term1{
	border:1px solid #111;
}

.bla_term:before{
	border-color: #111 transparent transparent transparent;
}

.bl_term{
	border:1px solid #1D68B7;
}

li.active.bl_term ,li.bl_term:hover{
	background: #1D68B71a;
}

.bl_term1{
	border:1px solid #1D68B7;
}

.bl_term:before{
	border-color: #1D68B7 transparent transparent transparent;
}

.pi_term{
	border:1px solid #E385DC;
}

li.active.pi_term ,li.pi_term:hover{
	background: #E385DC1a;
}

.pi_term1{
	border:1px solid #E385DC;
}

.pi_term:before{
	border-color: #E385DC transparent transparent transparent;
}

.or_term{
	border:1px solid #F39801;
}

li.active.or_term,li.or_term:hover{
	background: #F398011a;
}

.or_term1{
	border:1px solid #F39801;
}

.or_term:before{
	border-color: #F39801 transparent transparent transparent;
}

.gre_term{
	border:1px solid #259C66;
}

li.active.gre_termm ,li.gre_term:hover{
	background: #259C661a;
}

.gre_term1{
	border:1px solid #259C66;
}

.gre_term:before{
	border-color: #259C66 transparent transparent transparent;
}

.pur_term{
	border:1px solid #7F1586;
}

li.active.pur_term ,li.pur_term:hover{
	background: #7F15861a;
}

.pur_term1{
	border:1px solid #7F1586;
}

.pur_term:before{
	border-color: #7F1586 transparent transparent transparent;
}

.ye_term{
	border:1px solid #C2C908;
}

li.active.ye_term ,li.ye_term:hover{
	background: #C2C9081a;
}

.ye_term1{
	border:1px solid #C2C908;
}

.ye_term:before{
	border-color: #C2C908 transparent transparent transparent;
}


.news_cate_list li:hover a,.news_cate_list li.active a{
	opacity:1;
}

.news_cate_list li:nth-child(5n+5){
	margin-right:0;
}

.news_cate_list li a{
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 43px;
	font-size: 1.4rem;
}

.news1 .cate_area{
	/* padding-bottom: 60px; */
	margin-bottom: 80px;
	/* border-bottom: 1px solid #ccc; */
}

.news1 .news-ul li{
	background:#F8F8F8;
}

.news1 .news-ul li:last-child{
	/* border-bottom:1px solid #ccc; */
}

.news1 .news-ul{
	margin-bottom: 90px;
}

.news1.det-div1 .contents-area .title-area .top {
	display:flex;
	align-items:center;
	margin-bottom: 25px;
}

.news1.det-div1 .contents-area .title-area .top .date{
	margin-right:10px;
	font-size: 1.4rem;
}

.news1.det-div1 .contents-area .title-area .top .cate{
	background:#fff!important;
	border: 1px solid;
	min-width: 150px;
	padding: 5px 0;
}

/* privacy */
.privacy1{
	padding:0 0 115px;
}

.privacy-div{
	margin: 40px auto 0;
}

.privacy1 .art-tit-area2 .title{
	margin-bottom:0;
	font-size: 1.8rem;
}


.privacy1 .art-tit-area2 .text2{
	font-size: 1.4rem;
	font-weight:400;
	margin-top:25px;
	line-height: 1.8;
}

.privacy1 .art-tit-area2 .text2 .pr-sp{
	display:block;
	font-size: 1.4rem;
	font-weight:700;
	margin-bottom:5px;
}

.privacy1 .art-tit-area2 .text2 .unli{
	text-decoration:underline;
}

.radio-div{
	display:flex;
	flex-wrap:wrap;
}

.radio-div .mwform-radio-field{
	margin-right:5%;
	margin-bottom:5px;
	margin-left:0!important;
}

.contact1-div{
	margin-top:40px;
}

.privacy-area{
	margin:20px auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mw_wp_form_confirm.mw_wp_form_preview .privacy-area .flex{
	display:none;
}

.privacy-area a.blue{
	text-decoration:underline;
}

.contact1{
	padding-bottom:115px;
}

.contact1 .btn1{
	margin:auto;
}


.contact1 th {
	width: 29%;
}

.contact1 td {
	width: 71%;
}

/* rental */

.rental1{
	padding-bottom: 95px;
}

.rental-list{
	display:flex;
	flex-wrap:wrap;
	margin-bottom: 115px;
}

.rental-list li{
	width:30%;
	margin-right: 5%;
	margin-bottom:55px;
	position: relative;
}

.rental-list li:nth-child(3n+3){
	margin-right: 0%;
}

.rental-list li .img{
	width: 100%;
	border: 1px solid #ccc;
	height: 36vw;
	max-height: 305px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:15px;
	overflow: hidden;
	background: #fff;
}

.rental-list li .img img{
	display:block;
	width: 75%;
	transition:.4s;
}

.rental-list li:hover .img img{
	transform:scale(1.3);
}

.rental-list li .title{
	font-size: 1.6rem;
	font-weight:700;
	margin-bottom: 4px;
}

.rental-list li .cate{
	background: #F8F8F8;
	/* color: #fff; */
	/* border-radius: 22px; */
	width: max-content;
	padding: 0 10px;
	font-size: 1.4rem;
	font-weight: 300;
	margin-bottom: 4px;
}

.rental3 .rental-list li .cate{
	background: #CCCCCC;
}

.rental-list li .comp_cate{
	font-size:1.4rem;
	font-weight:400;
	color: #777777;
	margin-bottom: 8px;
}

.rental-list li .day-pri{
	display:flex;
	align-items:center;
}

.rental-list li .day-pri .day{
	border:1px solid #ccc;
	padding: 0px 14px;
	font-size:1.4rem;
	margin-right:10px;
	background: #fff;
}

.rental-list li .day-pri .price{
	font-size:1.6rem;
}

.rental-list li .day-pri .price span{
	font-size:1.2rem;
}

.rental1 .cate_area{
	display:flex;
	justify-content:flex-end;
	margin-bottom:55px;
}

.rental1 .cate_area select{
	width: 204px;
	height: 42px;
	padding: 0 15px;
}

.rental2{
	
}

.rental2 > .inner2 > .flex{
	justify-content:space-between;
	margin-bottom: 120px;
}

.rental2 > .inner2 > .flex .left{
	max-width:610px;
	width: 60%;
}

.rental2 > .inner2 > .flex .right{
	max-width:335px;
	width: 38%;
}

.rental2 > .inner2 > .flex .left .img1{
	width: 100%;
	border: 1px solid #ccc;
	height: 70vw;
	max-height: 770px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:15px;
}

.rental2 > .inner2 > .flex .left .img1 img{
	display:block;
	width: 75%;
	height: 90%;
	object-fit: contain;
}

.rental2 > .inner2 > .flex .left > .flex{
	justify-content:space-between;
}

.rental2 > .inner2 > .flex .left .img2{
	width: 49%;
	border: 1px solid #ccc;
	height: 50vw;
	max-height: 300px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:15px;
}

.rental2 > .inner2 > .flex .left .img2 img{
	display:block;
	width: 75%;
	height: auto;
}

.rental2 .flex .right .title-area{
	border-bottom:1px solid #ccc;
	padding-bottom:40px;
	margin-bottom:40px;
}

.rental2 .flex .right .title{
	font-size: 2.4rem;
	font-weight:700;
	margin-bottom: 4px;
}

.rental2 .flex .right .cate{
	background: #F8F8F8;
	width: max-content;
	padding: 0 10px;
	font-size: 1.4rem;
	font-weight: 300;
	margin-bottom: 4px;
}

.rental2 .flex .right .comp_cate{
	font-size:1.4rem;
	font-weight:400;
	color: #777777;
	margin-top: 8px;
}

.rental2 .det-area .day-pri{
	display:flex;
	align-items:center;
	margin-bottom:16px;
}

.rental2 .det-area .day-pri .day{
	border:1px solid #ccc;
	padding: 0px 14px;
	font-size:1.4rem;
	margin-right:10px;
}

.rental2 .det-area .day-pri .price{
	font-size:2.4rem;
}

.rental2 .det-area .day-pri .price span{
	font-size:1.2rem;
}

.input-list{
	margin-bottom:40px;
}

.input-list li{
	max-width:204px;
	width:100%;
	margin-bottom:24px;
}

.input-list li label{
	display:block;
	margin-bottom:5px;
}

.input-list li select,.input-list li input[type=date]{
	width:100%;
	height:42px;
	border:1px solid #121212;
	padding:0 10px;
	border-radius:4px;
}

.btn3{
	display:flex;
	align-items:center;
	justify-content:center;
	height:46px;
	border-radius:4px;
	font-size:1.6rem;
	font-weight:700;
	position:relative;
	max-width: 335px;
}

.btn3 input{
	width: 100%!important;
	height: 100%!important;
	border: none!important;
	background: none!important;
	color: #fff!important;
	cursor:pointer;
	margin:0!important;
}

.btn3.contact-btn:before{
	position:absolute;
	content:"";
	width:17px;
	height:11px;
	background:url(./img/wh_mail.svg)no-repeat;
	top:0;
	bottom:0;
	margin:auto;
	background-size:contain;
	left:15%;
}

.rent-p1{
	font-size:1.4rem;
	text-align:center;
	margin-top:5px;
}

.rental3{
	padding: 90px 0 100px;
}

.rental3 h2{
	font-size:3.2rem;
	font-weight:700;
	border-bottom:1px solid #333333;
	padding-bottom:15px;
	margin-bottom:8px;
}

.rental3 table{
	/* margin-bottom:140px; */
}

.rental3 th {
	padding: 16px 0;
}

.rental3 td {
	padding: 16px 0;
}


.rental-list{max-width: 1080px;margin:auto;text-align:left;width: 100%;}


.rental1 .rental-list{
	
max-width: initial;
	
width: 100%;
}

.top-slider{
	padding-top:60px;
}

.coming-sec{
	padding-bottom:200px;
}

.coming-sec h2{
	text-align:center;
	font-size:6rem;
	margin-bottom:50px;
}

.coming-sec .btn4{
	margin:auto;
}

/* 1030 */
.mainTit3{
	display:flex;
	align-items:center;
	font-size: 2.4rem;
}

.mainTit3 .entit{
	font-size:1.2rem;
	color:#777777;
	margin-left: 16px;
	margin-top: 5px;
}

.btn4{
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #777777;
	max-width:160px;
	height:50px;
	width:100%;
	font-size:1.2rem;
	transition:.4s;
	background: #fff;
}

.btn4:hover{
	background:#111111;
	border:1px solid #111111;
	color:#fff;
	opacity:1;
}

.btn4.bg_bla:hover{
	background: #fff!important;
	border:1px solid #777777!important;
	color:#333333!important;
}

.bg_bla{
	background:#111111!important;
}
.orenge{
	background:#F07400!important;
}

.co4_div1 ul{
	display:flex;
	align-items:center;
	justify-content:space-between;
	max-width:576px;
	width:100%;
	margin:40px auto 0;
}

.co4_div1 ul li{
	width:32%;
	max-width: 160px;
}

.btn5{
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	background:#fff;
	box-shadow:0 0 16px #00000029;
	height:144px;
}
.btn5 div{
	font-size: 2.2rem;
	font-weight:700;
	text-align:center;
}

.btn5 div span{
	display:flex;
	align-items:center;
	font-size:1.4rem;
	font-weight:400;
	justify-content:center;
	margin-bottom:5px;
}
.btn5 div span.footer_span {
    font-size: 2.2rem;
    display: block;
    font-weight: bold;
}
.btn5 div span img{
	margin-right:10px;
}

.works-sec .btn4{
	margin:auto;
}


.drop-div2{
	align-items:center;
	justify-content:center;
	position:absolute;
	box-shadow: 0 0px 8px #00000029;
	background: #fff;
	width: max-content;
	top: 30px;
	padding: 20px 40px;
	opacity: 0;
	display:flex;
	transition: .8s;
	transform: translateY(-200%);
	display: flex;
	/* z-index: -99999; */
	left: 0%;
	font-size: 1.2rem;
	border-radius: 4px;
}

.header-list li{
	padding: 10px;
	border-bottom:1px solid #ccc;
	font-size: 1.4rem;
}

.header-list li:hover{
	background:#e5e5e5;
}

.header-list li:last-child{
	border-bottom:none;
}

.add-tit-area1{
	display:flex;
	justify-content: space-between;
	border-bottom:1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.add-tit-area1 .left{
	max-width:385px;
	width: 36%;
}

.add-tit-area1 .left .mainTit{
	text-align:left;
}

.add-tit-area1 .left p{
	font-size:2rem;
	font-weight:700;
	line-height: 1.76;
	margin-top: 5px;
}


.add-tit-area1 .right{
	max-width: 654px;
	width: 63%;
	text-align: right;
}

.add-tit-area1 .right p{
	font-size: 1.4rem;
	font-weight:400;
	line-height: 1.8;
}

.add-tit-area1 .right p span{
	display:block;
	font-weight:700;
	font-size:2.4rem;
	margin-bottom: 8px;
}

.video3-div1 .btn4{
	max-width: 223px;
	margin: auto;
}

.add-art-div2{
	max-width:1080px;
	width:95%;
	margin:auto;
	background:#fff;
	box-shadow:0 0 16px #00000029;
	padding: 50px 90px;
}

.add-art-div2 .flex{
	justify-content:space-between;
	align-items: center;
}



.add-art-div2 .left p{
	font-size: 2.4rem;
	font-weight: 400;
	color: #777777;
}

.add-art-div2 .left .title{
	font-size: 4rem;
	font-weight: 700;
}


.add-art-div2 .right .text{
	font-size:1.4rem;
	line-height:1.8;
}

.add-art-div2 .right .btn4{
	max-width:262px;
	margin-top:10px;
}

.add-product-sec{
	padding:120px 0 0;
}

.add-product-sec .art-div2{
	padding: 40px 0;
}

.plan1 .add-product-sec{
	padding:0px 0 0;
}

.add-product-sec .art-div2-list{
	max-width:820px;
}

.add-event1{
	padding:120px 0 0;
}

.add-str-list1{
	display:flex;
	justify-content:space-between;
}

.add-str-list1 li{
	width:32%;
	max-width: 328px;
	background: #fff;
	box-shadow: 0 0 16px #00000029;
	padding: 24px;
}

.add-str-list1 li .title{
	display:flex;
	align-items:center;
}

.add-str-list1 li .title span{
	display:block;
	margin-left:15px;
	font-size:1.8rem;
	font-weight:700;
	line-height:1.5;
}

.add-str-list1 li .text{
		font-size:1.4rem;
	font-weight:400;
	margin-top:15px;
	line-height:1.8;
}


.add-ele-title .mainTit4{
	font-size:3.2rem;
	font-weight:700;
}

.add-ele-title p{
	margin:15px 0 60px;
	font-size:1.6rem;
}

.elect1 .art-div1{
	margin:0 auto 120px;
}

.elect1 .art-div1 .elec-div{
	align-items:center;
}

.elect1 .art-div1 .elec-div .left{
	margin-right:3%;
	font-size:1.8rem;
	font-weight:700;
}

.elect1 .art-div1 .elec-div .right{
	font-size:1.8rem;
	font-weight:400;
	width:78%;
}

.elect1 .art-div1 .elec-div .right .bold{
	font-weight:700;
}

.add-modal-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top: 40px;
}

.add-modal-list li{
	position:relative;
	width:48%;
	max-width:452px;
	margin-bottom: 50px;
}

.showroom1 .yt{
	max-width:745px;
	margin: 65px auto 0;
	height: 55vw;
	max-height: 418px;
}

.contact1-div .btn4{
	margin:auto;
}

.about1 .add-ele-title{
	margin: 0 0 130px;
	position: relative;
	text-align: center;
}

.about1 .add-ele-title:before{
	position:absolute;
	content:"";
	width:312px;
	height:312px;
	background:url(./img2/top/co2.svg)no-repeat center;
	background-size:contain;
	z-index:-1;
	right:0;
	top:0;
	bottom: 0;
	margin: auto;
	left: 0;
}

.about1 .add-ele-title .mainTit4{
	font-size:4rem;
	font-weight:700;
	margin:0 0 40px;
}

.about1 .add-ele-title .mainTit4 .entit{
	font-size:2.4rem;
	display:block;
	color:#777777;
}

.about1 .add-ele-title p{
	margin:0 0 20px;
	font-size: 1.4rem;
	line-height: 1.8;
}

.link-about-list1 li .img{
	overflow:hidden;
}

.link-about-list1 li .img img{
	transition:.4s;
}

.link-about-list1 li:hover .img img{
	transform:scale(1.3);
}

.link-about-list1 li .arrow1:before{
	right: 0;
	background: none;
}

.link-about-list1 li .arrow1:after{
	right: 16px;
}

.add-about-div{
	padding:120px 0;
}

.add-link-list{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.company1 .add-link-list{
	margin:80px auto 120px;
}

.add-link-list li{
	width:48%;
}

.btn6{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 16px #00000029;
	font-size: 2.4rem;
	border-radius: 4px;
	transition: .4s;
	height: 144px;
	font-weight: 700;
}

.btn6 img{
	margin-right:10px;
}

.btn6:hover{
	opacity:1;
	box-shadow: 0 0 16px #00000059;
}


.message1{
	padding:0 0 120px;
}

.message1 .mainTit2{
	margin-bottom:60px;
}

.message1 .mtit .small{
	color: #CCCCCC;
}

.message1 .flex{
	max-width: 800px;
	width: 100%;
	justify-content: space-between;
	margin: 0 auto 120px;
}

.message1 .flex .img{
	max-width: 285px;
	width: 38%;
}

.message1 .flex .text-area{
	max-width: 465px;
	width: 59%;
}

.message1 .flex .text-area .title{
	font-size:2.4rem;
	font-weight:700;
}

.message1 .flex .text-area .text{
	font-size:1.4rem;
	margin-top:24px;
}

.message1 .flex .text-area .right-text{
	text-align:right;
	margin-top:40px;
	font-size:1.4rem;
}

.message1 .flex .text-area .right-text span{
	display:block;
	font-size:2.4rem;
	font-weight:700;
}

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

.works-sec .works_list li .cate_flex .cate{
	width: 48%;
	font-size: 1.2rem;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 2%;
	min-height: 24px;
	line-height: 1.1;
}

.works-sec .works_list li .cate_flex .cate:nth-child(2n+2){
	margin-right:0;
}

.about2 .add-tit-area1 .left{
	max-width:initial;
	width: 63%;
}

.about2 .add-tit-area1 .right{
	width: 36%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.about2 .add-tit-area1 .right .small1{
	color:#777777;
	font-size:1.2rem;
	display: block;
}

.rental-btn-det{
	padding:0px 0 60px;
	margin:20px auto 0;
}

.rental-btn-det .btn4{
	margin:auto;
	max-width:240px;
}

.add-studio{
	padding:0 0 120px
}

.add-studio .add-tit-area1 .right{
	text-align:left;
}

.add-studio .yt{
	    width: 100%;
	    max-width: 745px;
	    margin: 65px auto 0;
	    height: 55vw;
	    max-height: 418px;
}

/* 追加ページ */
.add_page_01{
	
}

.add_page_01 .header_text{
	margin-bottom:30px;
}

.addtit1{
	font-size:3rem;
	font-weight:700;
}

.addtit2{
	font-size:2rem;
	font-weight:700;
}


.add_page_01 table th{
	font-size:1.6rem;
	font-weight:500;
	padding: 15px 0;
	border: none;
}

.add_page_01 table th .index{
	position:relative;
}

.add_page_01 table th .index:before{
	content:"■";
	margin-right:5px;
}

.add_page_01 #select1,.add_page_01 #select2{
	margin-bottom:60px;
}

#entry label{
	margin-bottom:30px;
	position:relative;
	display: block;
	border-bottom:1px solid #ccc;
	padding:20px;
	cursor:pointer;
}

#entry label:before{
	position:absolute;
	content:"";
	width:10px;
	height:10px;
	border-radius:50%;
	background:#333;
	left:0;
	top:32px;
	margin:auto;
}

#entry label p{
	margin-right:10px;
}

#entry .triangle{
	position:absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	display: flex;
	align-items: center;
}

#select1,#select2{
	display:none;
}
	
	
#menu1:checked + #select1,#menu2:checked + #select2{
	display: block;
}

#menu1,#menu2{
	display:none;
}

.add_page_01 .flow{
	margin: 100px auto 40px;
}

.add_page_01 .flow .f_title{
	margin-bottom: 30px;
}

.add_page_01 .flow .s_text{
	font-size:2rem;
	font-weight:700;
	margin-bottom:10px;
}

.add_page_01 .flow .arrow{
	margin-bottom:10px;
}



.add_tel_bnr{
	max-width:1080px;
	width:100%;
	margin: 0 auto 60px;
	background:#fff;
	box-shadow:0 0 34px #00000012;
	padding: 17px 2.13% 27px;
	color: #333333;
}

.add_tel_bnr .top{
	border-bottom:1px solid #E2E2E2;
	text-align: center;
	padding-bottom: 14px;
}

.add_tel_bnr .top .title{
	font-size:2.5rem;
	font-weight: 900;
}

.add_tel_bnr .bottom{
	display:flex;
	padding: 23px 0 0;
	align-items: center;
	justify-content: flex-end;
}

.add_tel_bnr .bottom .left{
	display:flex;
	align-items:center;
	justify-content:space-between;
	max-width: 715px;
	width: 70%;
}

.add_tel_bnr .bottom .left .time{
	font-size:2.5rem;
	font-weight:700;
	text-align:center;
	line-height:1.4;
	font-size: clamp(1.8rem,2.2vw,2.5rem);
}

.add_tel_bnr .bottom .left .bnr_tel{
	font-size: 6.4rem;
	font-weight: 900;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.4376;
	font-size: clamp(3rem,5vw,6.4rem);
}

.add_tel_bnr .bottom  .link-btn2{
	max-width: 260px;
	height: 81px;
	font-size: 1.9rem;
	font-weight: 700;
	margin-left: 5%;
	width: 30%;
}

.add_tel_bnr.add_tel_bnr2{
	margin: 30px auto 0;
	padding: 15px 2.13% 15px;
	max-width: 335px;
}

.add_tel_bnr.add_tel_bnr2 .top .title{
	font-size: 1.6rem!important;
	font-weight: 900;
	margin-bottom: 0;
}

.add_tel_bnr.add_tel_bnr2 .bottom .left{
	width: 100%;
	flex-direction: column-reverse;
	margin: 0 auto!important;
}

.add_tel_bnr.add_tel_bnr2 .bottom .left .time{
	font-size: 1.6rem;
}

.add_tel_bnr.add_tel_bnr2 .bottom .left .bnr_tel{
	font-size: 3rem;
}

.add_tel_bnr.add_tel_bnr2 .bottom .left img{
	width: 50px;
}

.add_tel_bnr.add_tel_bnr2 .bottom{
	padding: 5px 0 0;
}


.works_list.studio_works{
	justify-content:space-between;
	margin:60px auto 0;
}

.works_list.studio_works li{
	max-width: initial;
}

.works_list.studio_works .mov{
	margin-bottom: 15px;
	max-height: 290px;
}

.works_list.studio_works .title{
	border: none;
	font-weight: 500;
}

/* 0213add */

.works_list.studio_works.max-mv{
	margin: 0 auto 60px;
}

.works_list.studio_works.max-mv li{
	max-width: initial;
	width: 100%;
	max-width: 745px;
}

.works_list.studio_works.max-mv .mov {
	width: 100%;
    margin: 0px auto 15px;
    height: 55vw;
    max-height: 418px;
}

.works_list.studio_works li{
	margin: 0 auto 35px;
}

.studio_box {
    margin: 30px auto;
}

.studio_box2 {
    justify-content: space-around;
}

.access-sec .flex .right .mov {
    height: 280px;
    margin-bottom: 20px;
}


/* 0619studio */

.studio,
.studio3{
	letter-spacing:0.059em;
}

#cover3{
	color: #fff;
	display:flex;
	align-items:center;
	justify-content:center;
	padding: 9.856% 0 8.514%;
	letter-spacing:0.059em;
}

.studio #cover3,
.studio3 #cover3{
	background:url(./img/studio3/mv.jpg)no-repeat;
	background-size:cover;
}

.inner3{
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
}

.cov3-div{
	text-align:center;
	width: 95%;
	margin: 0 auto;
}

.cov3-div .img{
}

.cov3-div .title{
	color: #fff;
	line-height:1.47;
	font-size: clamp(1.4rem,3vw,2.3rem);
	margin:26px auto 22px;
	font-weight:400;
}

.cov3-div .text1{
	line-height:1.47;
	font-size: clamp(2.8rem,3vw,6rem);
	margin:0px auto 44.6px;
	font-weight:700;
}

.cov3-div .text1 span{
	font-size: clamp(2.45rem,3vw,5rem);
}

.cov3-div .text2{
	line-height:2.375;
	font-size: clamp(1.4rem,3vw,1.6rem);
}

.n_stu01{
	margin-bottom:80px;
}

.n_stu01_list{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.n_stu01_list li{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	background: #fff;
	box-shadow: 0 0 16px #00000029;
	height: 169px;
	width: 32%;
	max-width:369px;
}

.gra_blue{
  background: linear-gradient(180deg, #1067B0 0%, #19497D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 4px;
}

.n_stu01_list li .text1{
	font-size:1.4rem;
	font-weight:400;
	line-height:1;
	text-align: center;
}

.n_stu01_list li .text2{
	line-height:1.5;
	font-size: clamp(1.9rem,3vw,2.8rem);
	text-align:center;
	margin-top: 10px;
	font-weight:700;
	letter-spacing:0.059em;
}

.n_stu01_list{
	margin-bottom:80px;
}

.ma1920{
	max-width:1920px;
	width:100%;
	margin:0 auto;
}

.n_stu01 .flex{
	justify-content:flex-start;
	align-items: center;
}

.n_stu01 .flex .img{
	max-width:897px;
	width: 48%;
	margin-right: 3%;
}

.n_stu01 .flex .text_area{
	max-width:607px;
	width: 47%;
	margin-right: 2%;
}

.n_stu01 .flex .text_area .mainTit{
	text-align:left;
	margin-bottom: 7.91%;
}

.n_stu01 .flex .text_area .text{
	font-size:1.4rem;
	font-weight:400;
	line-height:2;
}

.n_stu02{
	margin: 0 auto 80px;
}

.n_stu02 .img{
	max-width:1840px;
	margin-left:auto;
	width:98%;
}

.n_stu02_div{
	padding: 71px 9.7%;
	background: #fff;
	box-shadow: 0 0 16px #00000029;
	margin-top: -193px;
	position: relative;
}

.n_stu02_div .mainTit{
	text-align:left;
	margin-bottom:48px;
}

.n_stu02_div .mainTit .entit{
	text-transform: initial;
}

.n_stu02_div .text{
	font-size:1.4rem;
	font-weight:400;
	line-height:2;
}

.n_stu03{
	padding: 80px 0;
	
}

.n_stu03 .img1{
	max-width:1560px;
	width:85%;
	margin:48px auto 48px 0;
}

.n_stu03 .art-tit-area1{
	padding-bottom:16px;
}


.n_stu_div1_text{
	margin-top:32px;
	font-size:1.4rem;
	font-weight:400;
	line-height:2;
}

.n_stu03_div1{
	margin:48px auto 80px;
	display:flex;
	background: #fff;
	box-shadow: 0 0 16px #00000029;
	position:relative;
}

.n_stu03_div1:before{
	  width: 0;
  height: 0;
  border-style: solid;
  border-top: 29px solid transparent;
  border-bottom: 29px solid transparent;
  border-left: 29px solid #333333;
  border-right: 0;
	position:absolute;
	content:"";
	left: 29.417%;
	top:0;
	bottom:0;
	margin:auto;
}

.n_stu03_div1 .left{
	display:flex;
	align-items:center;
	justify-content:center;
	font-size: clamp(1.5rem,4vw,1.6rem);
	font-weight:400;
	text-align:center;
	color:#fff;
	background:#333333;
	width: 29.417%;
	margin-right: 3.334%;
}

.n_stu03_div1 .left span{
	font-size: clamp(1.2rem,3vw,3rem);
	display:flex;
}

.n_stu03_div1 .right{
	padding: 28px 3.334%;
	width: 67.249%;
}

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

.n_stu03_list1 li{
	background:#F8F8F8;
	font-size: clamp(1.4rem,1vw,1.6rem);
	font-weight:700;
	height:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:33%;
	max-width:230px;
	margin:12px 0;
}

.n_stu03_div2{
	max-width:1920px;
	width:100%;
	margin:0 auto;
}

.n_stu03_list2 li{
	display:flex;
	align-items:center;
	margin-bottom:80px;
	width: 98%;
	margin-right: auto;
}

.n_stu03_list2 li:nth-child(2n){
	flex-direction:row-reverse;
	margin-right: 0;
	margin-left: auto;
}

.n_stu03_list2 li .img{
	max-width: 859px;
	width: 46%;
	margin-right: 5.308%;
}

.n_stu03_list2 li:nth-child(2n) .img{
	margin-left:5.308%;
	margin-right:0;
}

.n_stu03_list2 li .text_area{
	max-width: 600px;
	width: 50%;
}

.n_stu04{
	background:url(./img/studio3/bg4.jpg)no-repeat;
	background-size:cover;
	padding:75px 0 80px;
}

.n_stu04 .mainTit{
	color:#fff;
}

.n_stu04 .mainTit .entit{
	color:#fff;
}

.n_stu04_list{
	display:flex;
	justify-content:space-between;
	margin-top:48px;
}

.n_stu04_list li{
	background:#fff;
	max-width:368px;
	width:33%;
	padding: 39px 2% 16px;
	box-shadow: 0 0 16px #00000029;
}

.n_stu04_list li .img{
	margin:0 auto 24px;
	text-align:center;
	min-height: 73px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.n_stu04_list li .title{
	font-size: clamp(1.5rem,2vw,1.8rem);
	font-weight:700;
	text-align: left;
	margin: 0 auto;
	max-width: fit-content;
}

.n_stu04_list li .text{
	font-size:1.4rem;
	font-weight:400;
	line-height:2;
	margin-top:16px;
}

.n_stu05{
	padding: 80px 0;
}

.stutit{
	font-size: clamp(1.5rem,4vw,4rem);
	font-weight:700;
	line-height:1.725;
	text-align:center;
}

.n_stu05 .stutit{
	padding:60px 0;
	margin:48px auto;
	position:relative;
}

.n_stu05 .stutit:before{
	position:absolute;
	content:"";
	width:247px;
	height:247px;
	background: url(./img/studio3/co5_icon.svg)no-repeat center;
	background-size:contain;
	left:0;
	right:0;
	margin:auto;
	top:0;
	bottom:0;
	z-index:-1;
}

.st_plan-list1.plan-list1 li{
	max-width: 555px;
	margin-bottom: 8%;
}

.st_plan-list1.plan-list1 li:last-child{
	margin-bottom: 0%;
}

.st_plan-list1.plan-list1 li .yt {
    width: 100%;
    max-height: 351px;
    height: 32vw;
}

.st_plan-list1.plan-list1 li .yt:has(.lista):hover{
	opacity:0.7;
}

.plan-list1 li .yt img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.st_plan-list1.plan-list1 li .title2{
font-size: 2rem;
margin: 24px auto 0px;
}


.st_plan-list1.plan-list1 li .text2{
	font-size:1.4rem;
	font-weight:400;
	line-height:2;
	margin-top:16px;
}

.n_stu05_div1{
	background:#fff;
	box-shadow: 0 0 16px #00000029;
	padding: 48px 3%;
	margin-bottom:64px;
}

.n_stu05_div1 .title{
	text-align:center;
	font-size: clamp(1.5rem,4vw,2.4rem);
	font-weight:700;
}

.n_stu05_div1 .text{
	font-size:1.4rem;
	font-weight:400;
	line-height:2;
	margin-top:32px;
	text-align:center;
}

.n_stu05_list1{
	display:flex;
	justify-content:space-between;
	margin-top:32px;
}

.n_stu05_list1 li{
	width:14%;
	max-width:140px;
	text-align:center;
}

.n_stu05_list1 li p{
	font-size: clamp(1.1rem,1.6vw,1.8rem);
	font-weight:400;
	margin-top:6px;
}

.n_stu05_div2{
	max-width:980px;
	width:100%;
	margin:0 auto;
}

.open_btn2 p{
	background:#333333;
	height:76px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-size: clamp(1.5rem,4vw,2.4rem);
	font-weight:700;
	position:relative;
}

.open_btn2 p:before,
.open_btn2 p:after{
	position:absolute;
	content:"＋";
	right: 2.347%;
	top:0;
	bottom:0;
	margin:auto;
	display:flex;
	align-items:center;
	transition:.4s;
}

.open_btn2.open p:before,
.open_btn2.open p:after{
	content:"ー";
}

.n_stu05_list2{
	margin: 20px auto 0px;
}

.n_stu05_list2 li{
	padding:23px 0;
	border-bottom:1px solid #C7C7C7;
	font-size:1.4rem;
	font-weight:400;
	line-height:2.857;
	display:flex;
	align-items:center;
}

.n_stu05_list2 li .left{
	font-weight:700;
	width: 30%;
}

.n_stu05_list2 li .right{
	width: 70%;
}

.n_stu05_list3{
	display:flex;
	justify-content:space-between;
	margin: 64px auto 0;
}

.n_stu05_list3 li{
	max-width:555px;
	width:49%;
}

.n_stu05_list3 li p{
	margin-top:24px;
	font-size:2rem;
	font-weight:700;
	line-height:2.7;
}

.n_stu06{
	padding:80px 0;
}

.n_stu06_div{
	background:#fff;
	box-shadow: 0 0 16px #00000029;
	padding: 64px 5%;
}

.n_stu06_div p{
	margin:48px auto 24px;
}

.n_stu06_div ul{
	display:flex;
	justify-content:space-between;
}

.n_stu06_div ul li{
	width:33%;
	max-width:345px;
}

.n_stu07{
	background:#F8F8F8;
	padding:80px 0 32px;
}

.n_stu07 .mainTit{
	margin-bottom:48px;
}

.n_stu07 .st_plan-list1.plan-list1 li{
	margin-bottom: 48px;
}

.n_stu08{
	padding:80px 0;
}

.n_stu08_div1 .scroll_img{
	margin:76px auto 98px;
}

.n_stu08_div2 .text{
	font-size:1.4rem;
	font-weight:400;
	line-height:2;
	margin:48px auto;
	text-align:center;
}

.n_stu08_list li{
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:#F8F8F8;
	margin-bottom:8px;
	padding: 22px 2.667%;
}

.n_stu08_list li .left{
	/* font-size: clamp(1.4rem,4vw,2rem); */
	/* font-weight:700; */
}

.n_stu08_list li .right{
	/* font-size: clamp(3rem,5vw,4.9rem); */
	/* font-weight:700; */
}

.n_stu08_list li .right span{
	font-size: clamp(1.5rem,4vw,2.9rem);
}

.n_stu08_div2 .text1{
	font-size:1.4rem;
	font-weight:400;
	line-height:2;
	margin-top:24px;
}
/*  328 */
.n_stu08_list {
    list-style: none;
    padding: 0;
}

.n_stu08_list li {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.n_stu08_list .left, 
.n_stu08_list .middle, 
.n_stu08_list .right {
    flex: 1;
    text-align: center;
}
.n_stu09 .img{
	width:100%;
}

.n_stu09_div{
	padding: 80px 0 80px 0;
	background:#fff;
	box-shadow: 0 0 16px #00000029;
	margin-top:-126px;
	position:relative;
}

.n_stu09_div .mainTit{
	margin-bottom:48px;
}

.n_stu09_list{
	max-width:1011px;
	width:98%;
	margin:0 auto;
}

.n_stu09_list li{
	display:flex;
	justify-content:space-between;
	align-items: center;
	margin-bottom:58px;
}

.n_stu09_list li:last-child{
	margin-bottom:0px;
}

.n_stu09_list li .left{
	font-size: clamp(5rem,10vw,10rem);
	font-weight:700;
	letter-spacing:0;
	width: 15.6%;
	line-height: 1;
}

.n_stu09_list li .right{
width: 83.4%;
}

.n_stu09_list .art-tit-area1{
	padding-bottom:16px;
}

.n_stu09_list .n_stu_div1_text{
	margin-top:24px;
}

.n_stu09{
	padding:0 0 100px;
}


.n_stu10{
	padding:80px 0;
}

.n_stu10 .mainTit{
	margin-bottom:48px;
}

.n_stu10 .img{
	width:100%;
	margin:0 auto 32px;
}

.n_stu10_div1{
	padding-bottom:80px;
}

.n_stu10_div1 .art-tit-area1{
	padding-bottom:16px;
	margin-bottom: 24px;
}

.n_stu10_div1 .flex{
	justify-content:space-between;
}

.n_stu10_div1 .flex .text_area{
	max-width: 600px;
	width: 53%;
}

.n_stu10_div1 .flex .text_area .text1{
	font-size:1.4rem;
	font-weight:400;
	line-height:2;
}

.n_stu10_list1{
	margin-top: 36px;
}

.n_stu10_list1 li{
	background:#F8F8F8;
	font-size:1.4rem;
	font-weight:400;
	line-height:2;
	padding: 17px 3.754%;
	margin-top:16px;
}

.n_stu10_list1 li .title{
	font-weight:700;
}

.n_stu10_div1 .flex .map{
	max-width:536px;
	width: 45%;
	height:289px;
}

.n_stu10_div1 .flex .map iframe{
	width:100%;
	height:100%;
}

.fukidashi2{
	position:relative;
	display: inline-block!important;
	padding:0 70px;
}

.fukidashi2:before,
.fukidashi2:after{
	position:absolute;
	content:"";
	height:46px;
	width:2px;
	background:#333333;
	bottom:-5px;
}

.fukidashi2:before{
	left:0;
	transform:rotateZ(-15deg);
}

.fukidashi2:after{
	right:0;
	transform:rotateZ(15deg);
}

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

.n_stu10_list2 li{
	width:49%;
	max-width:562px;
	margin-bottom:80px;
}

.n_stu10_list2 li .title{
	font-size:2rem;
	font-weight:700;
	margin: 24px auto 0px;
}

.n_stu10_list2 li .yt{
	width:100%;
	max-height: 275px;
	height: 32vw;
}

.n_stu10_div3{
	border:1px solid #333333;
	padding: 48px 2%;
}

.n_stu10_div3 .text{
	text-align:center;
	margin:32px auto;
}

.n_stu10_div3 .btn4{
	max-width: 236px;
	margin: 0 auto;
}

.side_studio{
	position:fixed;
	right: 0;
	bottom: 28px;
	max-width: 142px;
	width: 100%;
	z-index: 9999;
}

.side_studio a{
	background:#777777;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	color:#fff;
	text-align:center;
	font-size:1.4rem;
	font-weight:400;
	line-height:1.28;
	padding:12px 0 5px;
	width:100%;
}

.side_studio a:first-child{
	border-radius:10px 0 0 0px;
	margin-bottom:2px;
}

.side_studio a:last-child{
	border-radius:0 0 0 10px;
}

.side_studio a .img{
	margin-bottom:4.8px;
}

.close_area{
	display:none;
}

.led_vision > .pankuzu,
.studio > .pankuzu,
.studio3 > .pankuzu{
	max-width:1200px;
	width:95%;
	margin-top:24px;
	text-align: left;
}

/* 2024/0725 */
#top-cover{
	position:relative;
}

.tsld{
	max-height:800px;
	height:100vw;
}

.tsld1{
	background:url(./img2/top/0725img/mv11.jpg)no-repeat;
	background-size:cover;
}

.tsld2{
	background:url(./img2/top/0725img/mv12.jpg)no-repeat;
	background-size:cover;
}

.tsld3{
	background:url(./img2/top/0725img/mv13.jpg)no-repeat;
	background-size:cover;
}

.tsld4{
	background:url(./img2/top/0725img/mv14.jpg)no-repeat;
	background-size:cover;
}

.lsld1{
	background:url(./img/led_vision/mv1.jpg)no-repeat;
	background-size:cover;
}

.lsld2{
	background:url(./img/led_vision/mv2.jpg)no-repeat;
	background-size:cover;
}

.lsld3{
	background:url(./img/led_vision/mv3.jpg)no-repeat;
	background-size:cover;
}

.lsld4{
	background:url(./img/led_vision/mv4.jpg)no-repeat;
	background-size:cover;
}

.top-cov-div{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom: 0;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.top-cov-div span{
	color:#fff;
	background:#111111;
	font-feature-settings: "palt";
	padding:0 15px;
	font-weight:400;
}

.top-cov-div .text1{
	font-size: clamp(1.5rem,3.4vw,3rem);
	margin-bottom:16px;
	line-height:1.46667;
}

.top-cov-div .text2{
	font-size: clamp(2.9rem,7vw,6.9rem);
	line-height:1.44927;
}


.content7251{
	max-width:1920px;
	width:100%;
	margin:0 auto;
	padding-bottom: 72px;
}

.content7251_div1{
	width:95%;
	text-align:center;
	margin:0px auto 0;
	padding:93px 0 95px;
}

.content7251_div1 .img{
	max-width:888px;
	margin:40px auto 0;
	width:100%;
}

.content7251_div1 .mainTit .mtit{
	line-height:1.8125;
}

.content7251 .flex{
	max-width:1500px;
	margin-right:auto;
	width:97.5%;
	justify-content: space-between;
}

.content7251 .flex .img{
	max-width:876px;
	width: 59%;
}

.content7251 .flex .text_area{
	max-width:540px;
	width: 39%;
	padding-top: 6.4%;
}

.content7251 .flex .text_area .text{
	margin:40px 0 32px;
	font-size:1.4rem;
	letter-spacing:0.059em;
	line-height:2;
}

.article .content7251 .text_area .mainTit{
	font-size: clamp(2rem,2vw,3.2rem);
	text-align: left;
}

.content7252{
	padding:53px 0;
}

.busi_list{
	display:flex;
	flex-wrap:wrap;
	margin-top:47px;
}

.busi_list li{
	width: 30.926%;
	margin-right: 3.611%;
	margin-bottom:54px;
}

.busi_list li:nth-child(3n+3){
	margin-right: 0%;
}

.busi_list li:hover{
	opacity:0.7;
}

.busi_list li .img{
	margin-bottom:16px;
	width:100%;
	height: 19vw;
	max-height:217px;
}

.busi_list li .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.busi_list li .title{
	margin-bottom:8px;
	font-size: clamp(1.6rem,2vw,2rem);
}

.busi_list li .text{
	font-size:1.4rem;
	letter-spacing:0.059em;
	line-height:2;
}

.top-works-sec {
    padding: 0px 0 80px;
}

.top-work1{
	margin-bottom:90px;
}

.work_tit{
	background:url(./img2/top/0725img/bg4.jpg)no-repeat center;
	background-size:cover;
	min-height: 130px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:115px;
	max-height: 268px;
	height: 16vw;
}

.work_tit .mainTit span{
	color:#fff;
}

.article#main .content03{
	padding: 75px 0 115px;
}

/* column */

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

.column_flex .left{
	max-width:774px;
	width: 73%;
}

.column_flex .right{
	max-width:250px;
	width:25%;
}


.column_flex .left .column_title{
	font-size: clamp(2.4rem,2.4vw,3.2rem);
	margin-bottom:32px;
	font-weight:700;
}

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

.column_list li{
	width:49%;
	margin-bottom:32px;
}

.column_list li .img{
	width:100%;
	height: 21vw;
	max-height:233px;
	margin-bottom: 15px;
}

.column_list li .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.date_cate{
	display:flex;
	align-items:center;
}

.date_cate .date{
	font-size:1.2rem;
	font-weight:400;
	margin-right: 9px;
}

.date_cate .cate{
	font-size:1.2rem;
	font-weight:400;
	line-height:1.66667;
	background:#878787;
	color:#fff;
	padding:0 5px;
}

.column_list li .title{
	margin-bottom:8px;
	font-size:1.4rem;
	font-weight:700;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	line-height:1.5;
}

.column_list li .text{
	font-size:1.4rem;
	font-weight:400;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height:2;
	margin-bottom:8px;
}

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

.alltag a{
	font-size:1.2rem;
	color:#878787;
	margin-right:2%;
	margin-bottom: 5px;
}

.column_list li:first-child{
	width:100%;
}

.column_list li:first-child .img{
	height:50vw;
	max-height:481px;
}

.column_side{
	margin: 0 auto 47px;
}

.column_side:last-child{
	margin: 0 auto;
}

.column_side > .title{
	font-size: clamp(1.6rem,2vw,1.8rem);
	font-weight:700;
	padding-bottom:7px;
	border-bottom:1px solid #333333;
}

.column_access{
	margin-top:16px;
}

.column_access li{
	display:flex;
	justify-content:space-between;
	position:relative;
	margin-bottom:16px;
}

.column_access li:hover{
	opacity:0.7;
}

.column_access li .img{
	max-width:99px;
	max-height:89px;
	width: 40%;
	height: 8vw;
}

.column_access li .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.column_access li .text_area{
	max-width:143px;
	width: 58%;
	padding-top: 4%;
}

.column_access li .text_area .date{
	font-size:1.2rem;
	margin-bottom:8px;
	color:#878787;
}

.column_access li .text_area .title{
	font-size:1.4rem;
	font-weight:400;
	line-height:1.7142;
	letter-spacing:0.059em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.column_cate2 li{
	padding:16px 0;
	border-bottom:1px solid #DFDFDF;
	position:relative;
	font-size:1.4rem;
	letter-spacing:0.059em;
	line-height:1.42857;
}

.column_cate2 li:before{
	content: '';
	width: 6px;
	height: 6px;
	border-top: solid 1px #333333;
	border-right: solid 1px #333333;
	position: absolute;
	right: 0px;
	top: 0px;
	transform: rotate(45deg);
	bottom:0;
	margin:auto;
}

.column_tags{
	display:flex;
	align-items:baseline;
	flex-wrap:wrap;
	margin-top: 16px;
}


.column_tags li{
	margin-right: 6%;
	margin-bottom: 4%;
}

.column_tags li a{
	color:#8D8D8D;
	font-size:1.2rem;
	font-weight:400;	
}

.column01{
	padding:0 0 90px;
}

.column_flex .left > .title_area {
	margin-bottom:38px;
}

.column_flex .left > .title_area .title{
	font-size: clamp(2.4rem,2.4vw,3.2rem);
	line-height:1.6875;
	letter-spacing:0.059em;
	font-weight:700;
	margin-bottom:7px;
}

.column_det_div2 .main_img{
	margin-bottom:28px;
	width:100%;
}

.column_det_div2 .main_img img{
	width:100%;
}

.column_det_div2 .detail_area h2{
	background:#F3F3F3;
	margin-bottom:28px;
	font-size: clamp(2rem,2.4vw,2.3rem);
	line-height:1.739;
	font-weight:700;
	letter-spacing:0.06em;
	padding:13px 16px 6px;
	border-top:3px solid #1264AF;
}


.column_det_div2 .detail_area h3{
	padding-block:8px;
	margin-bottom:38px;
	font-size: clamp(1.8rem,2vw,2rem);
	line-height:1.7;
	font-weight:700;
	letter-spacing:0.06em;
	position:relative;
	border-bottom:2px solid #BCBFC2;
	max-width:max-content;
}

.column_det_div2 .detail_area h3:before{
	position:absolute;
	content:"";
	width:20px;
	height:2px;
	background:#1264AF;
	bottom:-2px;
	left:0;
}


.column_det_div2 .detail_area h4{
	margin-bottom:32px;
	font-size: clamp(1.6rem,1.8vw,1.8rem);
	font-weight:700;
	letter-spacing:0.06em;
	line-height:1.4444;
}

.column_det_div2 .alltag{
	background: #F3F3F3;
	padding: 14px 16px 7px;
}

.column_det_div2 .alltag span{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:8px;
	padding-top: 3px;
	margin-bottom: 5px;
}

.column_det_div3{
	margin-top:76px;
}

.column_det_div3 h2{
	font-size: clamp(2.4rem,2.4vw,3.2rem);
	line-height:1.6875;
	letter-spacing:0.059em;
	font-weight:700;
	margin-bottom:48px;
}

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

.column_list2 li{
	width:49%;
	margin-bottom:32px;
}

.column_list2 li .img{
	width:100%;
	height: 21vw;
	max-height:233px;
	margin-bottom: 15px;
}

.column_list2 li .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}


.column_list2 li .title{
	margin-bottom:8px;
	font-size:1.4rem;
	font-weight:700;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	line-height:1.5;
}

.column_list2 li .text{
	font-size:1.4rem;
	font-weight:400;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height:2;
	margin-bottom:8px;
}

#rtoc-mokuji-title{
	justify-content: flex-end!important;
	padding: 24px 24px 0!important;
}


#rtoc-mokuji-title button{
	background:none!important;
	color:#1264AF!important;
	font-size:1.4rem!important;
	font-weight:400!important;
	padding: 0!important;
}

#rtoc-mokuji-title span{
	font-size:1.8rem!important;
	font-weight:700!important;
	margin-right:20px;
}

.rtoc-mokuji-content{
	margin:0 auto 40px!important;
	max-width:initial!important;
	width:100%!important;
}

.column_det_div2 .rtoc-mokuji-content .rtoc-mokuji.level-1 {
	margin: 0 24px!important;
	padding-bottom: 10px;
	padding-left: 24px!important;
}

.column_det_div2 .rtoc-mokuji a{
	text-decoration: underline!important;
	font-size: 1.4rem;
	font-weight: 700;
}

.rtoc-mokuji-content .mokuji_ol > .rtoc-item::before{
	font-size:1.4rem!important;
	top: 18px!important;
	font-weight: 700!important;
}

.column_det_div2 .rtoc-mokuji .level-2 a{
	font-weight: 400;
}

.rtoc-mokuji-content .rtoc-mokuji .mokuji_ul .rtoc-item::before, .rtoc-mokuji-content .rtoc-mokuji.mokuji_none .mokuji_ul .rtoc-item::before{
	width: 3px!important;
	height: 3px!important;
	top: 16px!important;
	left: -0.8em!important;
}

.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title.is_close,
.rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title.is_close {
	padding: 24px 24px!important;
}

#rtoc-mokuji-wrapper{
	display:none!important;
}

.column01 #rtoc-mokuji-wrapper{
	display:block!important;
}

.column_det_div4{
	padding:25px 29px 44px;
	border:1px solid #B5B5B5;
	margin: 34px auto 0;
}

.column_det_div4 .title{
	font-size:1.8rem;
	font-weight:700;
	margin-bottom: 24px;
}

.column_det_div4 .flex{
	justify-content:space-between;
	margin-bottom:14px;
}

.column_det_div4 .flex .img{
	max-width:100px;
	width: 16%;
	height: 13.26vw;
	border-radius:50%;
	overflow:hidden;
	max-height: 100px;
}

.column_det_div4 .flex .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}


.column_det_div4 .flex .text_area{
	max-width:580px;
	width: 82%;
}

.column_det_div4 .flex .text_area .name{
	font-size:1.6rem;
	font-weight:700;
	position:relative;
	padding-left:10px;
	margin-bottom:14px;
}

.column_det_div4 .flex .text_area .name:before{
	position:absolute;
	content:"";
	width:4px;
	height:17px;
	background:#1264AF;
	left:0;
	bottom:0;
	top:0;
	margin:auto;
}

.column_det_div4 .flex .text_area .text{
	font-size:1.4rem;
}

.column_det_div4 a{
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #B5B5B5;
	font-size:1.4rem;
	background:#fff;
	height:40px;
	max-width:214px;
	margin:0 auto;
	transition:.4s;
}

.column_det_div4 a:hover{
	opacity:1;
	background:#404040;
	color:#fff;
}
.h_time {
    font-size: 1.2rem;
    display: block;
}
.tb_br{
display: none;
}
li.list-top {
    background: #333333;
    color: #FFF;
    font-weight: bold;
}
/* studio table追加 */
.table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.pricing-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px; /* 横スクロールを確保 */
}
.pricing-table th, .pricing-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}
.pricing-table th {
    background-color: #f4f4f4;
    font-weight: bold;
}
table.pricing-table tr {
	border-bottom: 1px solid #f7f0f0
}
table.pricing-table tr th,
table.pricing-table tr td{
    width: auto !important;
    min-width:  270px;
    display: table-cell;
    vertical-align: middle;
    border: none;
    border-right: 1px solid #f7f0f0;
}
table.pricing-table tr th:last-child,
table.pricing-table tr td:last-child{
    border-right: none;
}


table.pricing-table thead  tr th{
    background: #333333;
    color: #FFFFFF;
    font-weight: bold;
    border-right: 1px solid #FFF;
}
/* footerの横並び調整 */
.fadec {
    display: flex;
    justify-content: space-between; /* 均等配置 */
    gap: 20px; /* アイテム間の余白 */
    flex-wrap: wrap; /* レスポンシブ対応 */
}

.fadec li {
    flex: 1;
    min-width: 280px; /* 最小幅を確保 */
}

.fadec .btn5 {
    display: block;
    text-align: center;
    padding: 15px;
    transition: 0.3s;
}

.fadec .btn5:hover {
    background: #eee;
}

.fadec dl {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fadec dt {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px; /* dtの高さを統一 */
}

.fadec dt span {
    display: flex;
    align-items: center;
}

.fadec dt img {
    /* width: 40px; */
    height: auto;
}

.fadec dd {
    color: #333;
    min-height: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

ul.fadec li .btn5 {
    height: auto;
}
/*  パンフレットページ */
.works-sec.panf{
	padding: 0 0 90px;
}
ul.panf_list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 32px;
}

.panf_list li {
  padding: 7%;
  background: #fff;
  /* border-radius: 8px; */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.panf_list li:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.panf_list .img img {
  width: 100%;
  height: auto;
  display: block;
}

.panf_list dl {
  padding: 16px 0 30px;
  flex-grow: 1;
}

.panf_list dt {
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 8px;
  color: #333;
}

.panf_list dd {
  font-size: 1.6rem;
  color: #666;
  margin: 0;
}

.panf_list a.dl {
  display: block;
  background: #1e2c4d;
  color: #fff;
  text-align: center;
  padding: 12px;
  font-size: 1.4rem;
  text-decoration: none;
  transition: background 0.3s ease;
    max-width: 300px;
     /* margin: 0 auto; */
}
.panf_list a.dl:before {
	content: "\f019";
	font-family: "Font Awesome 6 Free";
	padding-right: 0.5rem;
  font-weight: 900; /* solidアイコン */
}
.panf_list a.dl:hover {
  background: #14203a;
}
.kiyaku_link {
    margin: 20px auto;
}
.kiyaku_link a {
margin: 0 auto;
}
.kiyaku_link a:before {
	content: "\f019";
	font-family: "Font Awesome 6 Free";
	padding-right: 0.5rem;
  font-weight: 900; /* solidアイコン */
}


/* 20250624 */


#cover3.bg_sld{
	position: relative;
	z-index: 1;
	padding: 0;
	max-height: 800px;
    height: 100vw;
}

#cover3.bg_sld .top-slider1_sld_area{
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}

#cover3.bg_sld .cov3-div{
	max-width: 1200px;
}



.n_stu04.led04{
    background: url(./img/led_vision/bg4.jpg) no-repeat;
    background-size: cover;
}

.open_list{
	margin:0 auto;
}

.close_list_span{
	display:block;
}

.open_list_span{
	display:none;
}

.open_list.open .close_list_span{
	display:none;
}

.open_list.open .open_list_span{
	display:block;
}

.led06{
	padding:80px 0;
}

.led06_div1{
	margin:32px auto 38px;
	padding: 48px 4.667%;
	border:1px solid #333333;
	max-width: 1020px;
	width: 100%;
}

.led06_div1 .title1{
	text-align: center;
    font-size: clamp(1.5rem, 4vw, 2.4rem);
    font-weight: 700;
}

.led06_div1 .text1{
	    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 22px auto 17px;
    text-align: center;
}

.led06_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

.led06_list li{
	max-width: 156px;
	width: 19%;
	border: 1px solid #333333;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	height: 48px;
	margin-top: 17px;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0.059em;
}

.led06 .btn4{
	margin:64px auto 0;
}

.led06_sld{
	position:relative;
	max-width: 497px;
	margin: 0 auto 20px;
	width: 98%;
}

.led06_sld .text1{
	max-width:max-content;
	margin:15px auto 0;
	width:100%;
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 700;
	line-height:1.45;
}

.led03{
	padding: 80px 0;
}

.led03 .btn4{
	margin: 0px auto 0;
}

.led05 .st_plan-list1.plan-list1 li:last-child{
	margin-bottom: 48px;
}

.led02 .n_stu03_list2 li:last-child{
	margin-bottom:0!important;
}

.st_plan-list1.plan-list1 li{
	margin-bottom: 48px;
}

.led05 .stutit {
    font-size: clamp(1.5rem, 3vw, 4rem);
}

.led01 .n_stu01_list li .text2{
	font-size: clamp(1.9rem,2vw,2.8rem);
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	
.contact-area li a{font-size: 2rem;}

	
.contact-area li{
	width:32.5%;
}

.busi-list li .btn1{
	font-size:1.8rem;
}


.showroom4 .flex .img{
	max-width:783px;
	width: 49%;
}

.showroom4 .flex .text-area{
	max-width:550px;
	text-align:center;
	width: 48%;
}


.studio3.access-sec .abp{
	top: -12%;
}


.content02 .left .works_list li .img{
	height: 54vw;
}

.cover-list li .text{
	font-size:1.8rem;
}

.hd_tel_btn img{
	margin-top: 7px;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1400px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.cov-div{
	max-width: 970px;
}
	
.cov-div h2{
	font-size: 8rem;
}

.cov-div h2  > .main-span:nth-child(2),.cov-div h2  > .main-span:nth-child(3){
	padding-left: 105px;
}

.mainTit2{
	font-size: 3.8rem;
}

.mainTit2 .subtit{
	font-size: 3rem;
}


.cov-list li{
	font-size: 1.5rem;
}

.busi-list li .btn1{
	font-size:1.6rem;
}

.art-div2 .abp{
}

	
.access-sec .abp{
	top:-15%;
}

.showroom4 .flex .text-area .entext{
}

.showroom4 .flex .text-area .mainTit{
	font-size:3rem;
}

.header-pc > ul > li{
	/* font-size: 1.6rem; */
}

.content02 .left .works_list li .img{
	height: 55vw;
}

.tri:before{
	right:-8px;
}
.tb_br{
display: block;
}	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1300px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

	.link-area li:nth-child(2):before{
	right: -3%;
}

.link-area li:nth-child(2):after{
	left: -3%;
}


.link-area ul{
	max-width:945px;
	margin:auto;
}

.service-list li .title{
	font-size:2rem;
}

.btn1 .img{
	width: 41px;
	height: 41px;
}
	
.contact-area li a{font-size: 1.6rem;}

.video5 .art-tit-area1 .left .mainTit{
	font-size:3rem;
}

.busi-list{
	max-width:900px;
	margin:auto;
	width:100%;
}

.busi-list li{
	width:49%;
}

.product1 > .inner2 > p{
	margin-bottom: 60px;
	font-size: 1.6rem;
}

.step-list{
	width:95%;
	margin:auto;
}
	
.step-list li{
	width: 30%;
	margin-right: 5%;
}

.step-list li:before{
	right:-11%;
}


.studio3.access-sec .abp{
	top: -9%;
}

.header-pc > ul > li{
	font-size: 1.1rem;
}

.drop-div{
	left:-100%
}


.contact-area.plan-contact .abp{
	top: -30px;
}

.content02 .left .works_list li .img{
	height: 56.4vw;
}

	.elect1 .art-div1 .elec-div .left{
	font-size:1.6rem;
}

.elect1 .art-div1 .elec-div .right{
	font-size:1.6rem;
	width:70%;
}


.cover-list li .text{
	top: auto;
	transition:1s;
	height: 40%;
	bottom: 0;
	font-size: 1.4rem;
	justify-content: flex-start;
	opacity:1;
	background: linear-gradient(to top,#111111, transparent);
	align-items: end;
}

.cover-list li .text p{
	padding-left:5%;
	padding-bottom: 5px;
}

.header-pc > ul{
	width: 68%;
}

.link-div {
    width: 31%;
}

.hd_tel_btn {
    font-size: clamp(1.4rem,1.4vw,3.2rem);
    width: 50%;
}

.hd_tel_btn img{
	max-width:14px;
	margin-top: 3px;
}

.link-btn2 {
    width: 49%;
    font-size: 1rem;
}

.link-btn2 img {
    margin-right: 4px;
}
.h_time {
    font-size: 1rem;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


.content02 .left .works_list li .img{
	height: 58vw;
}
	
.add-art-div2{
	padding: 50px 4%;
}


.drop-div{
	left: -200px;
}
	
/* 1100px studio0619 */

.n_stu04_list li{
	padding: 39px 1% 16px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1100px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

img {
	width: auto;
	max-width: 100%;
	height: auto;
}



/*-----------------------------------------------------------
header
-----------------------------------------------------------*/



.headerAdd {
	width: 45%;
	margin: 0 0 0 1%;
	font-size: 90%;
}



/*-----------------------------------------------------------
cover
-----------------------------------------------------------*/






/* トップページ
----------------------------------------------------------- */

.conte02 .txtBox {
    width: 96%;
    padding: 2%;
}

.scroll-pane {
	width: 100% !important;
}


/* 中ページ
----------------------------------------------------------- */

.leadTxt {
	padding: 20px 2%;
	font-size: 100%;
}

.privacy dt {
	padding: 0 1%;
}

.privacy dd {
	margin: 10px 2%;
}

.company table {
	width: 100%;
}

.company th {
	width: 30%;
	padding: 10px 2%;
	border-bottom: 1px solid #fff;
}

.company td {
	padding: 10px 2%;
	border-bottom: 1px solid #fff;
}

.company iframe {
	width: 100%;
}

.listUl {
	width: 100%;
	margin: 30px auto 0;
}

.listUl li {
	width: 31.3%;
	margin: 0 1%;
}


/*-- お問い合わせ --*/

.clearForm,
.clearForm2 {
	width: 96%;
	padding: 15px 2%;
}

.contact_tb {
	width: 98%;
}

.contact_tb th {
	width: 30%;
	padding: 13px 2% 10px;
	font-size: 80%;
}

.contact_tb td {
	padding: 13px 2% 10px;
	font-size: 80%;
}

.contact_cf .clearForm,.contact_cf .clearForm2 {
	padding: 10px 5px;
}

.choose_list1 > li {
	width: 48%;
	margin: 0 0 0 2%;
}

.choose_list1 > li:first-child {
	margin: 0;
}

.choose_list1 {
	width: 60%;
	margin: 20px auto;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 100%;
}

#zip1, #zip2 {
	width: 40%;
}

#city, #pref {
	width: 86%;
	margin: 2px 0 0 2%;
}

#add {
	width: 86%;
	margin: 2px 0 0 6.3%;
}

/*-- エラーチェック --*/

.formError {
	top: 20px !important;
	left: 10% !important;
}

.zip2formError {
	left: 54% !important;
}

.prefformError, .cityformError, .addformError {
	top: 30px !important;
	left: 10% !important;
}

.ui-dialog {
	width: 80% !important;
}

.header-pc > ul{
	font-size: 1.4rem;
	width: 88%;
}

.header-pc > ul > li:nth-child(2){
	/* margin-right:4%; */
}
	
.link-div{
	/* width: 18%; */
	max-width: 70px;
	width: 11%;
}

.link-btn1{
	font-size: 1.2rem;
}

.link-btn1 img{
	/* width: 40%; */
}


.header-pc{
	/* width: 83%; */
}

.hLogo{
	width:180px;
}

.hLogo img{
	width:100%;
}


.contd1 .mainTit{
	margin-right:20px;
}

.contd1 p{
	font-size: 1.8rem;
	line-height:1.6;
}


.works_list li h3{
	font-size:2rem;
}


.video1-d3 .left{
	font-size:3.8rem;
}

.artTit2 span{
	font-size:3.4rem;
}

#cover2 h1 span{
	font-size: 2rem;
}

#cover2 h1,
#cover2 p.title {
    font-size: 3.5rem;
}

.artTit span{
	font-size:4rem;
	line-height: 70px;
}

.show1-d1 .artTit span{
	font-size:3rem;
	line-height:50px;
}

.show1-d1 .artTit span .big{
	font-size:4rem;
}

.show1-d2 ul li .text .title-area p{
	font-size: 2.6rem;
}

.show1-d2 ul li .text .title-area h4{
	font-size: 2.2rem;
}

.show1-d2 ul li .text > .bot-p{
	font-size:3.5rem;
}


header {
	padding: 33px 1%;
}


.cov-div{
	max-width: 700px;
	margin: auto;
}
	
.cov-div h2{
	font-size: 6rem;
}

.cov-div h2  > .main-span:nth-child(2),.cov-div h2  > .main-span:nth-child(3){
	padding-left: 80px;
}

.cov-list{
	margin-top:25px;
}

.cov-div:before{
	max-width: 540px;
	max-height: 560px;
}

.service-list li .title{
	font-size:1.7rem;
}


.mainTit{
	font-size: 4rem;
}

.article .mainTit{
	font-size: 2.6rem;
}

.article .plan-contact .mainTit{
	font-size: 3rem;
}
	
.content03 .mainTit{
	font-size: 4rem;
}


.works_list li .cate{
	font-size:1.4rem;
}

.contact-area ul{
	flex-direction:column;
	margin-top: 60px;
}

.contact-area li{
	width: 100%;
	max-width: initial;
	margin:0 auto 20px;
}

.contact-area li .btn1{
	width: 100%;
	max-width: 500px;
	margin: auto;
	font-size: 2rem;
}

.btn1 .img{
	width: 51px;
	height: 51px;
}

.mainTit2{
	font-size: 3.8rem;
}

.about1-div1 .mainTit2{
font-size: 3.8rem;
}
	
.mainTit2 .subtit{
	font-size: 2rem;
}






.content04:before{
	max-width:265px;
	max-height:265px;
	top: 125px;
}


.co4_div2{
		padding-top:160px;
}

.fot2{
	margin-top:40px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.fot2 .left{
	max-width:initial;
	width:100%;
}

.fot2 .right{
	margin:40px auto 0;
	width: 100%;
}

.news-ul li .title{
	width: 62%;
}


.cov-list li{
	font-size: 1.8rem;
}

#cover {
}

.art-list1 li .text-area .nom{
	font-size:10rem;
}

.art-tit-area1 .left p{
	font-size:1.6rem;
}

.video4 .mainTit2{
	font-size:3rem;
}

.video4-div h3{
	font-size:2.8rem;
}

.part-tab-div li{
	font-size:1.6rem;
}

.video5 .art-tit-area1 .right p{
	font-size:1.6rem;
}

.video5 .art-tit-area1 .left .mainTit{
	font-size:2.8rem;
}

.busi-list li .btn1 .img{
	width:40px;
	height:40px;
}

.modal-list1 li{
	width: 32%;
	margin-right: 2%;
}

.digital1-div1a .right p span{
	font-size:1.6rem;
}

.digital1-div2{
	padding: 55px 2%;
}


.digital1-div2 h4{
	font-size:2.4rem;
	margin-bottom: 25px;
}

.art-list2 li .text-area .title{
	font-size:2rem;
	line-height: 2;
}

.tablet{
	display:block;
}


.art-div2 .abp{
}

.art-div2 .title{
	font-size: 3rem;
}

.art-div3 .right .text span{
	font-size:1.6rem;
}

.nomal-list-col5 li{
	width:30%;
	max-width:initial;
	margin: 0 0 25px;
	margin-right: 5%;
}

	.nomal-list-col5 li:nth-child(3n+3){
		margin-right:0;
	}

.nomal-list-col5 li p{
	font-size:1.5rem;
}


.ab-text p{
	font-size:2.4rem;
	line-height: 1.4;
}

.showroom4 .flex .text-area .btn1{
	font-size:1.8rem;
	height:70px
}

.showroom4 .flex .text-area .entext{
}

.showroom4 .flex .text-area .mainTit{
	font-size:2.4rem;
}

.showroom4 .flex{
	align-items:center;
}


.studio3.access-sec .abp{
	top: -7%;
}

.showroom4.studio-sec{
	padding: 60px 0 200px;
}

.mainTit2 .entit{
	font-size:2rem;
}

.about2 .step-list{
	justify-content:flex-start;
}

.about2 .step-list li{width: 19%;margin-right: 8%;}

.about2 .step-list li:nth-child(5n+5){
	margin-right:8%;
}

.about2 .step-list li:nth-child(4n+4){
	margin-right:0%;
}

.about2 .step-list li:before{
	right:-28%;
}

.about2 .step-list li:nth-child(4n+4):before{
	right: -15%;
}


.works1 .cate_area{
flex-direction:column;
}

.works1 .cate_area .left{
	width: 32%;
}


.works1 .cate_area .right{
	width: 100%;
	max-width: initial;
}


.det-div1 .contents-area .title-area .title{
	font-size:2.8rem;
}

.rental-list li{
	width:32%;
	margin-right: 2%;
}

.rental2 .flex .right .title{
	font-size: 2.4rem;
}


.btn3.contact-btn:before{
	left:10%;
}


.header-pc > ul > li{
	font-size: 1rem;
}

.drop-div{
	left: -220px;
	width: 730px;
	padding: 40px 20px;
}

.article .video1 .mainTit,.article .video2 .mainTit{
	font-size: 5rem;
}

.content02 .left .works_list li .img{
	height: 61vw;
}

.link-btn2{
	font-size: 1rem;
}

.mainTit3{
	font-size:2rem;
}


.add-art-div2 .left .title{
	font-size: 3rem;
}

.add-str-list1 li{
	padding:24px 2%;
}

.add-str-list1 li .title span{
	font-size:1.6rem;
}

.add-ele-title .mainTit4{
	font-size:2.4rem;
}

.studio1 .art-tit-area2 .text .right{
	width: 78%;
	font-size:2rem;
	line-height: 1.4;
}

.about-list1 li .title{
	font-size: 1.4rem;
}

.about-list1 li .title span{
	font-size: 1rem;
	width:80%
}

.btn6{
	font-size: 2rem;
}


.about1 .add-ele-title .mainTit4{
	font-size:3rem;
}

.about1 .add-ele-title .mainTit4 .entit{
	font-size:2rem;
}

.message1 .flex .text-area .title{
	font-size:2rem;
}

.works_cate_list li{
	width: 24%;
	margin-right: 1.333%;
}


.works_cate_list a{
	font-size: 1.2rem;
}

.nomal-list-col5{
	justify-content:flex-start;
}

.art-div1 .title{
	font-size: 2rem;
}

.cover-list li .text{
	font-size: 1rem;
}



.works-sec .works_list li{
	width: 32.8%;
	max-width: 328px;
	padding: 0;
	margin-right: 0.8%;
}

.works-sec .works_list li .cate_flex .cate{
	font-size: 1rem;
	width: 32.8%;
	margin-right: 0.8%;
}

/* 1000px studio0619 */

.hd_tel_btn span{
	display:none;
}

.hd_tel_btn img {
	max-width: 24px;
}
	
.hd_cont_btn{
	display:flex;
	max-width: 30px;
}

.link-btn2{
	display:none;
}

.content7251 .flex .img{
	width: 52%;
}

.content7251 .flex .text_area{
	width: 46%;
}


.mainTit .entit{
	font-size: 1.8rem;
}

.led02 .n_stu03_div1 .right {
    padding: 28px 2%;
}

.led02 .n_stu03_list1 li{
	font-size: clamp(1.3rem, 1vw, 1.6rem);
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1000px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.service-list li .title{
	font-size:1.5rem;
}


.showroom4 .flex .img{
	width: 47%;
}

.showroom4 .flex .text-area{
	width: 50%;
}


.content02 .left .works_list li .img{
	height: 63vw;
}

.add-art-div2 .left .title{
	font-size: 2.4rem;
}

.works_cate_list a{
	font-size: 1rem;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 850px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc {
	display: none;
}

.sp {
	display: block;
}

nav li a {
	font-size: 1.5rem;
}


.contact_tb th {
	font-size: 70%;
}


/* ヘッダー
----------------------------------------------------------- */


.telBtn {
	width: 35%;
	line-height: 1;
	margin: 3px 11% 0 0;
	font-size: 4rem;
}

.headerUl{
	display: flex;
	/* width: 30%; */
	justify-content: center;
	align-items: center;
}

.menuBtn.sp{
	display:flex;
}	
/*--- modal ---*/

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 42px;
  height: 38px;
  z-index: 9999;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 18px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(18px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-18px) rotate(45deg);
}

/*gnav*/
.gnav{
    background: #fffffff5;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999;
    transition: 1s;
    left: 0;
    top: 0;
}

.gnav.active{
	display: block;
}

.gnav__menu{
	display: block;
	width: 100%;
	height: 100%;
	padding: 40px 0;
}

.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: fixed;
    width: 100%;
    top: 0px;
    overflow: scroll;
}

nav .gnav__menu__item{
    width: 95%;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}

.gnav__menu__item a{
    font-size: 1.8rem;
    font-weight: 700;
    padding: 0;
    text-decoration: none;
    transition: .5s;
    background: none;
    width: 85%;
    text-align: left;
    display: block;
    padding-left: 8px;
	display: flex;
    align-items: center;
}

.sub-menu > li:before,.sub-menu-list > li.parent:before{
	position:absolute;
	content:"";
	width:8px;
	height:1px;
	left:0;
	top: 12px;
	margin:auto;
}


nav .gnav__menu__item a.btn03{
    padding: 0 5%;
    font-size: 2rem;
}


.sub-menu > li{
	padding-left: 8px;
	margin: 5px 0 10px;
	position: relative;
	color: #cccccc;
	font-weight: 700;
}

.slide-btn{
	position:relative;
	width:max-content;
	padding-right:10px;
}

.open_arrow{
	position:absolute;
	right: 6%;
	top: 12px;
}

.open_arrow span{
	position:relative;
}

.open_arrow span:before{
	position:absolute;
	content:"";
	right:-15px;
  width: 6px;
  height: 6px;
  border-top: solid 2px #ccc;
  border-right: solid 2px #ccc;
	transform: rotate(135deg);
	top:0;
	bottom:0;
	margin:auto;
	transition:.4s;
}

.open_arrow.open span:before{
	transform: rotate(-45deg);
}

.hd_div{
	width: 50%;
	justify-content: flex-end;
}

.header-pc{
	/* display:none; */
	max-width: 101px;
	margin-right: 40px;
}


#cover {
	padding-top: 60px;
	/* max-height: 700px; */
	height: auto;
}

.cov-div h2{
	font-size: 5rem;
	line-height: 1.6;
}

.side-btn{
	bottom:0;
	top:auto;
	left:0;
	margin:auto;
	-ms-writing-mode: initial;
	writing-mode: initial;
	width: 100%;
	height: 40px;
}

.side-btn img {
    width: 20px;
    margin-bottom: 0px;
	margin-right:5px;
}

.btn-area{
	width: 100%;
	flex-direction: column;
}

	
.btn-area .btn1{
	width: 100%;
	margin-bottom: 20px;
}

.co1ul > li{padding: 20px 15px 0;width: 48%;margin-bottom: 20px;max-width: 260px;}

.co1ul{
    justify-content: space-around;
    margin-bottom: 10px;
}

.sld-content .text h4{
	font-size:2rem;
	margin:0 0 10px;
}

.co1ul > li h3{
	font-size: 1.4rem;
	margin-bottom: 10px;
}

.sld-content .text {padding: 10px;font-size: 1.4rem;}

.morep{
	margin: 10px 0 0 auto;
}



.contd1{
	margin-bottom: 35px;
	flex-direction: column;
	text-align: center;
}

.contd1 .mainTit{
	text-align: center;
	margin: auto;
}

	
.contact-area li .btn1{
	height: 90px;
}


.contact-area{
	padding: 60px 0;
}

.content02{
	padding: 60px 0;
}


.works_list li{
	width: 48%;
	padding: 20px 2%;
	margin: 0 auto 20px!important;
}

.works_list li h3{
	font-size:1.8rem;
}

.event-ul li{
	flex-direction: column-reverse;
	margin: 60px auto 0;
	max-width: 500px;
}

.event-ul li .img{
	width: 100%;
	height: 40vw;
	margin: 20px auto 0;
}

.event-ul li .text{
	width: 100%;
	max-width: initial;
}

.news-ul li {
	flex-wrap:wrap;
}
	
.news-ul li .title{
	width: 100%;
}

.content05{
	padding-bottom:60px;
}

.co6d1{
	flex-direction:column;
}

.co6d1 .text{
	width: 100%;
	margin:auto;
}

.co6d1 .img{
	width: 100%;
	margin:0 auto 20px;
}

.co6d1 .text h3{
	font-size: 2rem;
	margin-bottom:15px;
}

.co6d1 .text > p{
	margin-bottom:30px;
}

.co4d2{flex-direction:column;margin-top: 40px;}

.co4d2 .left{margin:0 auto 20px;width: 100%;max-width: initial;}

.co4d2 .right{margin:0 auto;width: 100%;max-width: initial;}
	
.co4d2 .right .map{
	height: 300px;
}


.link-area ul{flex-wrap: wrap;}

.link-area li{width: 48%;margin-bottom: 30px;}

.fot1 ul{
	margin-top: 40px;
	flex-wrap: wrap;
}

.fot1 li{
	width: 48%;
	margin-bottom: 20px;
}

footer {
	padding: 40px 0 0;
}

.link-area{
	padding: 40px 0 40px;
}



footer .inner {
	padding: 0 0 40px;
}

.copyright {
	padding: 30.5px 0;
}


header {
	padding: 21px 3%;
	position: fixed;
	background: #f8f8f8;
}

.content03{
	padding: 40px 0;
}

.content06{
	padding: 60px 0;
}

.content06:before,.content06:after{height: 100px;}

.gnav__menu .link-div{
	width: 90%;
	justify-content: space-between;
	margin: 40px auto;
	max-width: 340px;
}

.tel.pc{
	display:none!important;
}

.tel.sp{
	display:contents!important;
}

.content02:before{
	width: 510px;
	height: 450px;
	left: -202px;
}

.link-area li:nth-child(2):before,.link-area li:nth-child(2):after{
	display:none;
}

.artTit2 .nom{
	font-size:6rem;
	line-height: 50px;
}

.video-sec1 .artTit2{
	padding-left:80px;
}

.artTit2{
}

.artTit2 span{
	font-size: 2.6rem;
}


.video1-d2 .flex{
	flex-direction:column-reverse;
	margin-top: 40px;
}

.video1-d2 .img{
	max-width:504px;
	width:100%;
	margin:30px auto 0px;
}

.video1-d2 .text{
	max-width:initial;
	width: 100%;
}


.video1-d3 .flex{
	flex-direction:column;
}

.video1-d3 .left{
	width:100%;
	margin:0 auto 40px;
}

.video1-d3 .right{
	width:100%;
	margin:0 auto 0px;
}

.video1-d3 .left .img{
	margin-bottom:40px;
}

.artTit span{
	font-size:3.2rem;
}

.article #main{
	margin:60px auto 0;
}

.video1-d1 p{
	margin:40px 0 80px;
}

.video1-d2{
	margin-bottom:120px;
}

.video1-d3{
	margin-bottom:60px;
}

.article .content03{
	padding:80px 0 60px;
}


.show1-d2 ul li .img{max-width: 488px;width: 100%;margin: 30px auto 0;}


.show1-d2 ul li .text{max-width: initial;width: 100%;min-height: initial;padding: 0 0 80px;}

.show1-d2 ul li{
	display:flex;
	flex-direction: column-reverse!important;
	margin-bottom: 70px;
}

.show1-d2 ul li .text > .bot-p{
	font-size: 3rem;
	line-height: 1.6;
	left: auto!important;
	right: 0!important;
}

.show1-d2 ul li .text .title-area{
	margin-bottom:20px;
}

.show1-d2 ul{
	margin-top:40px;
}

.show1-d3 .flex{
	margin-top:40px;
	flex-direction:column;
}

.show1-d3 .flex .left{
		margin:auto;
		max-width: 592px;
		width: 100%;
}

.show1-d3 .flex .right{
		margin:auto;
		width: 100%;
}

.show1-d3 .flex .right .map{
	width:100%;
	height:300px;
}

.video-sec1{
	padding-bottom:60px;
}

.cov-div h2  > .main-span:nth-child(2),.cov-div h2  > .main-span:nth-child(3){
	padding-left: 65px;
}


.content01{padding: 0px 0 60px;}

.service-list li{
	width:48%;
	margin-bottom: 80px;
}

.service-list li .title{
	font-size:1.8rem;
}


.mainTit{
	font-size: 3rem;
}

.article .mainTit{
	font-size: 2.6rem;
}


.article .plan-contact .mainTit{
	font-size: 2.6rem;
}
	

.art-tit-area2 .title.mainTit{
	font-size:2.6rem;
}
	
.mainTit .entit{
	font-size: 2rem;
}

.content03 .mainTit{
	font-size: 3rem;
	text-align:left
}

.contact-area .abp{
	right:0;
	margin:auto;
	top: -11%;
	text-align: center;
}

.content02 .flex{
	margin-top:60px;
	flex-direction:column;
}

.content02 .flex .left{
	max-width:initial;
	width: 100%;
}

.content02 .flex .right{
	max-width:initial;
	width: 100%;
}

.works_list li .img{
	height: 70vw;
	max-height: 210px;
}

.btn1{
	max-width: 430px;
	height: 80px;
	font-size: 2rem;
}


.mainTit2{
	font-size: 2.8rem;
}

.about1-div1 .mainTit2{
font-size: 2.8rem;
}

.content04{
	padding: 100px 0 60px;
}

.content04 .text{
	/* font-size: 1.6rem; */
	line-height: 1.8;
	/* margin: 50px auto 0; */
}


.content04 .text.right_text{
	font-size: 1.6rem;
	margin: 25px auto 0;
}

.right_text span{
	font-size:2rem;
}

.content04:before{
	max-width: 200px;
	max-height: 200px;
	top: 90px;
}

.co4_div2{
		padding-top:100px;
}

.sub-menu-list a{
	font-size:1.6rem;
	font-weight:400;
}

.sub-menu-list > li.child a{
	color: #333;
}

.sub-menu-list > li{
	position:relative;
	padding-left: 15px;
}

.sub-menu-list > li.parent{
	margin-left: 2px;
	font-weight:700;
}

.sub-menu-list > li.parent a{
	font-weight:700;
}


.sub-menu-list > li.child{
	margin-left: 21px;
}

.sub-menu-div{
	display:none;		
}

.sub-menu-cont{
	margin-top:10px;
}

.menu-btn{
	margin-bottom:20px;
}


.cov-list li{
	font-size: 1.5rem;
}

.works_list li.active .img img{
	filter: opacity(1);
}

.video1 .works_list li{
	width: 100%;
}

.video1 .works_list li .mov{
width: 100%;
height: 50vw;	
margin: 0 auto 20px;
}

.art-div1 .title{
	font-size: 1.8rem;
}

.art-div1 .text{
	font-size:1.5rem;
}


.art-list1 li{
	margin-bottom: 80px;
	flex-direction:column-reverse!important;
}

.art-list1 li .mov{
	width: 100%;
	max-height: 244px;
	height: 56vw;
	margin: 30px auto 0;
}

.art-list1 li .text-area{
	max-width: initial;
	width: 100%;
	min-height: initial;
}

.art-list1 li .img{
	max-width: 433px;
	width: 100%;
	margin: 30px auto 0;
}

.art-list1 li .text-area h3{
	font-size: 2rem;
}

.video3{
	padding:80px 0 60px;
}

.art-tit-area1{
	flex-direction:column;
}

.art-tit-area1 .left{
	max-width:initial!important;
	width: 100%!important;
	margin-bottom:15px
}

.art-tit-area1 .right{
	max-width:initial!important;
	width: 100%!important;
}


.art-tit-area1 .left p{
	font-size:2rem;
}

.video3 .art-tit-area1{
	padding-bottom: 35px;
}

.video3-div h3{
	font-size:2.4rem;
}

.video3-div1a{
	flex-direction:column-reverse;
	margin: 0 auto;
}

.video3-div1a .img{
	max-width:420px;
	margin: 20px auto;
	width: 100%;
}

.video3-div1{
	padding: 20px 3%;
	/* margin-bottom: 60px; */
}

.video3-div1b{
	flex-direction:column;
}

.video3-div1b .content{
	width:100%;
	margin-top:20px;
}

.video3 .btn1 {
    margin: auto;
    font-size: 1.6rem;
}

.video4 .mainTit2{
	font-size:2.2rem;
}

.video4{
	padding: 60px 0;
	background: url(./img/video/bg4.webp)no-repeat center top;
	background-size: 100%;
}

.video5{padding: 60px 0;}

.video5 .art-tit-area1 .left .mainTit{
	font-size:3rem;
}

.video5 .art-tit-area1 .right p{
	font-size:1.6rem;
}

.part-tab-div{
	margin:30px auto;
	max-width: 590px;
}

.part-tab-div ul{
	flex-wrap:wrap;
	justify-content: flex-start;
}

.part-tab-div li{
	width: 32%;
	margin-right: 2%;
	font-size: 1.5rem;
}

.part-tab-div li:nth-child(3n+3){
	margin-right:0;
}

.part-tab-div li:nth-child(5n+5){
	margin-right: 2%;
}

.partner-list li{
	width: 32%;
	margin-bottom: 30px;
}


.partner-list li p{
	font-size:2rem;
}


.art-div2 .abp{
}

.art-div2 .title{
	font-size:3rem;
	margin-bottom:25px;
}

.art-div2 .text{
	font-size:1.6rem;
}

.art-div2 .btn1{
	margin:45px auto 0;
	font-size:1.6rem;
	height: 70px;
}

.art-div2{
	width: 95%;
	padding: 40px 2%;
	border-radius: 10px;
	margin: 0 auto 60px;
}

.video5 .inner2{
	padding-bottom:60px;
}

.works-sec{
	padding: 60px 0 60px;
}

.works-sec .works_list{
	margin:40px auto 0;
}

.works-sec .works_list li .img{
	max-height: 279px;
	height: 44vw;
}


.works-sec .btn1{
	margin:40px auto 0;
}

.busi-list li{
	width:100%;
	margin: 0 auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.busi-list li .btn1{
	height: 65px;
	margin: 0 auto;
}

.business-sec{
	padding:60px 0;
}

.business-sec .mainTit{
	margin-bottom:30px;
}

#cover2 {
	min-height: 180px;
	text-align: center;
}

#cover2 h1 span{
	font-size: 1.8rem;
}

#cover2 h1,
#cover2 p.title {
    font-size: 2.5rem;
}


.video1 .works_list{
	margin-top:30px;
}

.side_nav{
	display:none;
}

.works-sec .works_list li{
	width: 100%;
	max-width: initial;
	padding: 0;
}

.mod-div1{
	margin-bottom: 25px;
	flex-direction:column
}

.mod-div1 .img{
		max-width: 305px;
		width: 100%;
		margin:0 auto 20px;
}

.mod-div1 .text-area{
		max-width: initial;
		width: 100%;
}

.modal-list1 {
	justify-content: space-between;
	flex-wrap:wrap;
}

.modal-list1 li{
	width: 48%;
	max-width: initial;
	margin: 0 0 20px;
}


.digital1-div1a{
	margin: 25px auto;
	flex-direction:column-reverse;
}

.digital1-div1a .left{
	width:100%;
	margin:30px auto;
	max-width: 280px;
	display: none;
}

.digital1-div1a .right{
		width:100%;
		max-width:initial;
		margin: 0 auto 30px;
}


.digital1-div1a .right p span{
	font-size:1.8rem;
}
	
.digital-list1 li{
	width:32%;
	margin-bottom:20px;
	font-size:1.4rem;
}

.digital1-div2 h4{
	font-size:2rem;
}

.art-tit-area2 .title{
	font-size:2.4rem;
	margin-bottom: 20px;
}

.digital1-cont{
	padding-bottom:80px;
}


.art-tit-area2 .text{
	margin-bottom: 30px;
}

.digital1-div2{
	padding: 25px 2%;
}


.digital2{
	padding:60px 0;
}

.art-list2 li .text-area .title{
	font-size:1.8rem;
}


.digital2-div1a-p1{
	margin: 50px auto 100px;
	font-size:2rem;
}

.digital2-div1{
	padding-bottom:50px;
}

.art-div2-list{
	flex-direction:column;
}

.art-div2-list li{
	width:100%;
	max-width: max-content;
	margin:auto;
}

.art-div2-list li .img{
	width: 18%;
}

.product1 .mainTit2{
	font-size:3rem;
	margin-bottom: 30px;
}

.product1 > .inner2 > p{
	line-height:2.4;
	margin-bottom: 30px;
}

.product1-div li .blue{
	font-size:2rem;
}

.product1-div li .text{
	font-size:1.4rem;
}

.product1-div{
	margin:40px auto 0;
	padding: 30px 3%;
}

.product1-div h3{
	font-size:2.2rem;
}


.fukidashi{
	font-size:2rem;
}

.strong-point .abp{
	top: -60px;
	font-size: 6rem;
}

.product1{
	padding: 0 0 100px;
	background: url(./img/product/bg1.webp)no-repeat;
	background-size: cover;
}


.strong-point .art-list2 li{
	margin-bottom:80px;
	padding: 15px 5%;
}

.strong-point .art-list2 li:before{
	width: 26px;
	height: 26px;
	bottom: -55px;
}


.strong-point{
	position:relative;
	padding: 0 0 60px;
}


.product3{
	padding:60px 0 0;
}

.product-div .content-area{
	margin-bottom: 35px;
	flex-direction:column;
}

.product-div .content-area .img{
	max-width: 357px;
	width: 100%;
	margin:auto;
}

.product-div .content-area .yt{
	max-width: 476px;
	width: 100%;
	max-height:268px;
	height: 50vw;
	margin:auto;
}


.product-div .content-area .text-area{
	max-width: initial;
	width: 100%;
	margin:30px auto;
}

.product-div.product-div-sys .content-area .text-area{
	max-width: initial;
	width: 100%;

}

.product-div .content-area .text-area p{
	font-size:1.5rem;
	line-height:2;
}

.sl-sec .mtit{
	font-size:2.4rem;
}

.product-div{
padding:60px 0; 
}

.product-div .title-area h3{font-size: 2rem;}

.product-div .content-area .text-area h4{
	font-size:2rem;
}

.sl-sec{
padding: 40px 0;
}


.step-list li:before{
	right:-13%;
}


.product4 .art-div2 .abp{
	top: -25px;
	font-size: 4rem;
}

.art-div2 .title{
	font-size: 2.4rem;
	margin-bottom:25px;
}

.other-list1 li{
	width: 100%;
	margin:0 auto 30px;
}

.product4 .art-div2{
	margin:80px auto 0;	
}

.art-div3{
	display:flex;
	justify-content:space-between;
	flex-direction: column;
}

.art-div3 .left{
	max-width:380px;
	width: 100%;
	margin: 0 auto 20px;
}

.art-div3 .left .yt{
	height: 50vw;
	max-height: 213px;
}

.art-div3 .right{
	max-width:initial;
	width: 100%;
}


.art-div3 .right .text span{
	font-size:1.8rem;
	line-height: 1.6;
}

.event1-div{
	padding: 0 0 60px;
}

.art-div3 .right .title{
	font-size:2rem;
}

.event1 .art-div2{
	margin: 80px auto 60px;
}

.event1 .title_text{
	text-align:left;
}

.plan1 .title_text{
	margin:35px auto 60px;
	text-align:left;
}

.plan-list1 li{
	width: 100%;
	margin: 0 auto 40px;
	max-width: 440px;
}


.plan-list1 li .yt{
	height: 50vw;
}

.web3 .title_text{
	text-align:left;
}

.web1{
	padding-bottom: 60px;
}

.web1 .title_text{
text-align:left
}

.web3{padding: 0 0 60px;}

.art-tit-area1 .right p span{
	font-size:2rem;
}


.showroom1-div .abp{
	top:-30px;
	font-size:6rem;
}

.showroom1-div{
	margin-top:60px;
	padding:40px 0;
}


.showroom2{
	padding: 60px 0 60px;
}

.ab-text p{
	font-size:2rem;
}


.swiper .img:after{
	width: 60px;
	height: 60px;
}

	
.access-sec .abp{
	top:-10%;
}

.access-sec{
	padding: 60px 0;
}


.studio3.access-sec{
	padding: 60px 0;
}

.access-sec .flex{
	flex-direction:column-reverse;
}

.access-sec .flex .left{
	max-width:initial;
	width: 100%;
}

.access-sec .flex .right{
	max-width:450px;
	width:100%;
	margin:0 auto 30px;
}

.showroom4 .flex{
	flex-direction: column;
}

.studio-sec.showroom4 .flex{
		flex-direction: column-reverse;
	}


.showroom4 .flex .img{
	max-width:500px;
	width: 100%;
	margin:30px auto 0;
}

.showroom4 .flex .text-area{
	max-width:initial;
	width: 100%;
}

.showroom4{
	padding: 60px 0;
}


.modal-list2 li{
	width: 48%;
	max-width:273px;
	margin-right: 0;
}


.studio3.access-sec .abp{
	top: -5%;
}

.showroom4.studio-sec{
	padding: 60px 0 100px;
}

.mainTit2 .entit{
	font-size:1.8rem;
}

.about1-div1{margin: 0 auto 60px;}

.about-list1{
	max-width:650px;
	margin:auto;
	width:100%;
}

.about-list1 li{
	width: 48%;
	margin-bottom:30px;
}

.about2 .step-list li{width: 30%;margin-right: 5%;}

.about2 .step-list li:nth-child(5n+5){
	margin-right:5%;
}

.about2 .step-list li:nth-child(4n+4){
	margin-right:5%;
}

.about2 .step-list li:nth-child(3n+3){
	margin-right:0%;
}

.about2 .step-list li:before{
	right:-12%;
}

.about2 .step-list li:nth-child(4n+4):before{
	right: -12%;
}

.about2 .title_text{
text-align:left;
}


.about4{
padding: 0 0 70px;
}

.about1-div2{
	padding: 40px 0 20px;
}

a[href*="tel:"] {
	pointer-events: initial;
	cursor: pointer;
	text-decoration: none;
}

	
.works_cate_list {
	justify-content:space-between;
}

.works_cate_list li{
	width: 48%;
	margin-right: 0%;
}

.works_cate_list li:nth-child(3n+3){
	margin-right:0;
}

.works1 .cate_area .left{
	width: 48%;
}

.works1 .cate_area{
	padding-bottom:20px;
}

.pager .center{
	/* max-width: 320px; */
	/* width: 100%; */
}
	
.det-div1 .btn1{
	margin:auto;
}

.det-div1 .contents-area .title-area .title{
	font-size:2.4rem;
}

.det-div1 .contents-area .title-area{
	flex-direction:column;
	text-align:left;
	align-items:flex-start;
}

.privacy1{
	padding:0 0 60px;
}

.privacy-div{
	margin: 30px auto 0;
}

.privacy1 .art-tit-area2 .title{
	margin-bottom:0;
}

.rental-list{
	justify-content:space-between;
	margin-bottom: 20px;
}
	
.rental-list li{
	width: 95%;
	max-width: 500px;
	margin: 0 auto 30px;
}

.rental-list li .title{
	font-size:1.6rem;
}


.rental2 > .inner2 > .flex{
	margin-bottom: 50px;
	flex-direction: column;
}

.rental2 > .inner2 > .flex .left{
	max-width:610px;
	width: 100%;
	margin: 0px auto 30px;
}

.rental2 > .inner2 > .flex .right{
	max-width:initial;
	width: 100%;
}

.rent-p1{
	text-align:left;
}

.rental3 table{
	margin-bottom:60px;
}


.rental3{
	padding: 60px 0 0px;
}

.rental3 h2{
	font-size:2.4rem;
}


.modal-list2{
	justify-content:space-between;
}

.article .video1 .mainTit,.article .video2 .mainTit{
	font-size: 3.8rem;
}


.contact-area.plan-contact {
	padding:60px 0;
}

.contact-area.plan-contact .abp{
	top: -20px;
}

.modal-list3{
	justify-content:space-between;
}
	
.modal-list3 li{
	width: 48%;
	margin-right: 0%;
	max-width:initial;
}

.about1:before{
	width: 100%;
	top: 0%;
}

.top-slider{
	padding:0px 0 80px;
}

.modal-cont{
	padding: 60px 3% 80px;
}

.see-btn{
	font-size: 1.5rem;
}

.showroom4.studio-sec .inner2:nth-child(1){
	margin: 0 auto 40px;
}
	
.step-list li .step{
	font-size: 2.2rem;
	padding-bottom: 8px;
	margin-bottom: 8px;

}

.pankuzu {
	font-size: 1.5rem;
	padding: 0 0 0px;
	text-align: center;
}

.coming-sec h2{
	font-size:4rem;
}

.slider .sld .img{
	height: 56vw;
	max-height: 420px;
}


.cover-list{
	
}

.cover-list li{
	width:48%;
	max-width: 576px;
	margin:0 auto 25px;
}

.cover-inner{
	width: 95%;
}

header .hLogo{
	width: 180px;
}

.add-tit-area1{
	flex-direction:column;
}

.add-tit-area1 .left{
	width:100%;
}

.add-tit-area1 .right{
	width:100%;
	margin-top:10px;
	text-align: left;
}

.copyright .inner{
	flex-direction:column;
}

.copyright .inner ul{
	margin:0 auto 10px;
}

.video3-div1a .text-area{
	max-width: initial;
	width: 100%;
}

.add-art-div2 .flex{
	align-items: center;
	flex-direction:column;
}

.add-art-div2{
	max-width: 600px;
	text-align: center;
}

.add-art-div2 .left .title{
	font-size: 3rem;
}

.add-art-div2 .left {
	margin-bottom:10px;
}

.add-art-div2 .right .btn4{
	max-width:262px;
	margin:20px auto 0;
}


.add-art-div2 .right{
	width:100%;
}

.add-art-div2 .left{
	width:100%;
}

.product-div .title-area .flex{
	flex-direction:column;
	align-items: flex-start;
}

.plan1{
	margin: 60px auto 60px;
}


.plan1 .art-div1{
	padding: 40px 4.9% 0px;
	margin-bottom: 60px;
}

.add-str-list1{
	flex-wrap:wrap;
}

.add-str-list1 li{
	width:48%;
	margin:0 auto 30px;
}

.web3 .art-list1 li{
	margin-bottom: 60px;
}

.elect1 .art-div1 .elec-div{
	flex-direction:column;
	align-items:flex-start;
}

	.elect1 .art-div1 .elec-div .left{
	margin:0 0 10px;
}

.elect1 .art-div1 .elec-div .right{
	width:100%;
}

.access-sec .flex .left .map{
	height: 320px;
	width:100%;
}
.access-sec .flex .right .move{
	height: 180px;
	width:100%;
}

.showroom2 .art-div1{
	padding: 40px 6% 10px;
}

.modalClose{
      top: 20px;
      right: 20px;
}

.studio1 .art-tit-area2 .text{
	flex-direction:column;
}

.studio1 .art-tit-area2 .text .right{
	width: 100%;
	font-size:2rem;
	margin-top:10px;
}

.studio3 .img1{
	margin: 0px auto 40px;
}


.add-link-list{
	flex-direction:column;
}
	
.add-link-list li{
	width:100%;
	margin:0px auto 20px;
}

	.add-link-list li:last-child{
		margin:0 auto;
	}


.btn6{
	font-size: 2rem;
	height:120px;
	max-width: 500px;
	margin: auto;
}

.add-about-div{
	padding:60px 0;
}	


.about1 .add-ele-title .mainTit4{
	font-size:2.4rem;
}

.about1 .add-ele-title .mainTit4 .entit{
	font-size:1.8rem;
}

.about1 .add-ele-title{
	margin: 0 0 60px;
}

.message1 .flex .text-area .text{
	margin-top:15px;
}


.message1{
	padding:0 0 60px;
}

.company1 .add-link-list{
	margin:60px auto 60px;
}


.news_cate_list li{
	width: 48%;
	margin-bottom:10px;
	max-width:initial
}

.works_cate_list a{
	font-size: 1.4rem;
}

.ft_list1.pc_list{
	display:none;
}

.ft_list1.sp_list{
	display:flex;
	margin-bottom:40px;
}

.product-div .title-area h4{font-size: 2rem;}

.add-product-sec{
	padding:60px 0 0;
}

.video2{
	margin-top: 0px;
}

.video2 .art-div1{
	margin:20px auto 60px;
}

.add-event1{
	padding:60px 0 0;
}

.about1 .add-ele-title:before{
	width:350px;
	height:350px;
	right:0;
	top:0;
	bottom: 0;
	left:0;
}

.rental-list li .img{
	height: 65vw;
}

.about2 .add-tit-area1 .right{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.add-studio{
	padding:0 0 60px
}

.add-studio .yt{
	    margin: 30px auto 0;
}

.about2 .add-tit-area1 .left{
	max-width:initial;
	width: 100%;
}

.product7{
	padding: 0px 0 30px;
}

.works_cate_list li:first-child{
	margin-right: 52%;
}

.cover-list li .text{
	font-size: 1.6rem;
}

.works-sec .works_list li .cate_flex{
		justify-content:flex-start;
}

.works-sec .works_list li .cate_flex .cate{
	width:32%;
	margin-right: 2%;
}

.partner-list{
	column-gap: 2%;
}

.addtit1{
	font-size:2.4rem;
}

.addtit2{
	font-size:1.8rem;
}

.add_page_01 .flow{
	margin: 60px auto 40px;
}

.add_page_01 .flow .f_title{
	margin-bottom: 20px;
}

.add_page_01 .flow .s_text{
	font-size:1.8rem;
}
	

.add_tel_bnr{
	max-width: 640px;
	padding: 31px 3.428% 27px;
}

.add_tel_bnr .top{
	padding-bottom: 25px;
}

.add_tel_bnr .top .title{
	font-size: 3rem;
	line-height: 1.53;
}

.add_tel_bnr .bottom{
	padding: 28px 0 0;
	justify-content: center;
	flex-direction: column;
}

.add_tel_bnr .bottom .left{
	width: 100%;
	flex-direction: column-reverse;
	margin-bottom: 40px;
}

.add_tel_bnr .bottom .left .time{
	font-size: 2.5rem;
}

.add_tel_bnr .bottom .left .bnr_tel{
	font-size: 6.4rem;
}

.add_tel_bnr .bottom  .link-btn2{
	max-width: 583px;
	font-size: 3rem;
	margin: 0 auto;
	width: 100%;
}

.add_tel_bnr.add_tel_bnr2 .top{
	padding-bottom: 14px;
}
	
.works_list.studio_works .title{
	font-size:1.8rem;
}

.works_list.studio_works li{
	max-width: initial;
	padding: 0;
}

/* 0619studio768px */
#cover3{
	margin:80px auto 0;
	padding: 9% 0;
}


.studio #cover3,
.studio3 #cover3{
	background:url(./img/studio3/mv_sp.jpg)no-repeat;
	background-size:cover;
}
	
.side_studio{
	display:none!important;
}

.cov3-div .text2{
	text-align:left;
}

.cov3-div .img{
	width:20%;
	margin:0 auto;
	min-width:95px;
}

.cov3-div .title{
	margin:12px auto 8px;
}

.cov3-div .text1{
	margin:0px auto 20px;
}

.n_stu01_list{
	flex-direction:column;
	margin-bottom: 40px;
}

.n_stu01_list li{
	height: 130px;
	width: 85%;
	max-width:618px;
	margin: 0 auto 32px;
}
	
.n_stu01_list li:last-child{
	margin-bottom:0;
}
	
.n_stu01 .flex{
	flex-direction:column;
}

.n_stu01 .flex .img{
	max-width:initial;
	width: 100%;
	margin-right: 0%;
}

.n_stu01 .flex .text_area{
	max-width: initial;
	width: 95%;
	margin: 0 auto;
}

.n_stu01 .flex .text_area .mainTit {
	text-align:center;
	margin: 40px auto;
}

.article.studio .mainTit{
	font-size: clamp(2.2rem,4vw,3rem);
}

.article.studio .mainTit .entit{
	font-size: clamp(1.2rem,3vw,1.8rem);
}


.n_stu02 .img{
	width:100%;
}

.n_stu02_div{
	padding: 40px 2%;
	margin-top: -62px;
}
	
.article.studio .n_stu02_div .mainTit,
.article.studio3 .n_stu02_div .mainTit{
	text-align:center;
	margin-bottom:40px;
	font-size: clamp(2rem,4vw,3rem);
}


.n_stu03 .img1{
	width:100%;
	margin:40px auto;
}

.n_stu03_div1{
	margin:48px auto 80px;
	flex-direction:column;
}

.n_stu03_div1:before{
	display:none
}

.n_stu03_div1 .left{
	font-size: clamp(1.5rem,4vw,1.6rem);
	width: 100%;
	margin-right: 3.334%;
	padding: 4.2% 1%;
	text-align: center;
}

.n_stu03_div1 .left span{
	font-size: clamp(1.2rem,4vw,3rem);
	text-align: center;
	margin: 0 auto;
	display: block;
}

.n_stu03_div1 .right{
	padding: 5% 2% 2.5%;
	width: 100%;
	position:relative;
	z-index: 1;
}

.n_stu03_div1 .right:before{
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 29.5px solid transparent;
	border-left: 29.5px solid transparent;
	border-top: 29px solid #333333;
	border-bottom: 0;
	position:absolute;
	content:"";
	left:0;
	right:0;
	margin:auto;
	top:0;
	z-index: 1;
}


.n_stu03_list2 li{
	width: 100%;
	margin: 0 auto 60px!important;
	flex-direction:column!important;
}
.n_stu03_list2 li .img{
	max-width: initial;
	width: 100%;
	margin: 0 auto !important;
}


.n_stu03_list2 li .text_area{
	max-width: initial;
	width: 95%;
	margin:40px auto 0;
}

.n_stu04_list{
	flex-direction:column;
	margin-top: 40px;
}
	
.n_stu04_list li{
	display:flex;
	width:100%;
	max-width:initial;
	text-align:left;
	margin-bottom: 24px;
	padding: 20px 3%;
}

.n_stu04_list li:last-child{
	margin-bottom:0;
}

.n_stu04_list li .img{
	margin:0;
	width: 18%;
	margin-right: 2%;
}

.n_stu04_list li .text_area{
	width: 80%;
}

.n_stu04_list li .title{
	text-align:left;
	margin: 0;
}


.n_stu05 .stutit{
	padding: 30px 0;
	margin: 8% auto;
}

.n_stu05 .stutit:before{
	width: 30%;
}

.st_plan-list1.plan-list1 li .yt {
    max-height: 351px;
    height: 60vw;
}

.n_stu05_div1{
	padding: 30px 3%;
	margin:80px auto 64px;
}

.n_stu05_div1 .text{
	margin-top: 24px;
	text-align: left;
}


.n_stu05_list1{
	justify-content:flex-start;
	margin-top:20px;
	flex-wrap:wrap;
}

.n_stu05_list1 li{
	width:24%;
	max-width:initial;
	margin-right:1.333%;
}

.n_stu05_list1 li:nth-child(4n+4){
	margin-right:0;
}

.open_btn2 p{
	height: 15vw;
	font-size: clamp(1.5rem,4vw,2.4rem);
	max-height: 76px;
}

.n_stu05_list2 li{
	padding: 16px 0;
	line-height:2;
	flex-direction:column;
}

.n_stu05_list2 li .left{
	width: 100%;
}

.n_stu05_list2 li .right{
	width: 100%;
	margin-top:8px;
}

.n_stu05_list2{
	margin: 20px auto 0px;
}

.n_stu06_div{
	padding: 11% 5%;
}

.n_stu06_div p{
	margin:19px auto;
}

.n_stu06_div ul{
	flex-direction:column;
}

.n_stu06_div ul li{
	width:100%;
	max-width:initial;
	margin-top:20px;
}

.n_stu06{
	padding: 10.5% 0;
}

.n_stu07{
	padding: 10.5% 0 32px;
}

.n_stu07 .mainTit {
    margin-bottom: 24px;
}

.n_stu07 .st_plan-list1.plan-list1 li{
	margin-bottom: 40px;
}


.n_stu08_div1 .scroll_img{
	margin: 40px auto 0px;
	overflow-x:scroll;
}

.n_stu08_div1 .scroll_img .img{
	width:800px;
}

.n_stu08_div1 p.sp{
	margin:10px auto 80px;
	font-size:1.4rem;
	font-weight:400;
	line-height:2;
}

.n_stu08_div2 .text{
	margin:48px auto;
	text-align:left;
}

.n_stu08_list li{
	margin-bottom:8px;
	padding: 22px 2.667%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}


.n_stu09_list li{
	margin-bottom:30px;
	flex-direction:column;
}

.n_stu09_list li:last-child{
	margin-bottom:0px;
}

.n_stu09_list li .left{
	width: 100%;
	text-align:center;
	margin:0 auto 16px;
}

.n_stu09_list li .right{
width: 100%;
}

.n_stu09_list{
	width:95%;
}

.n_stu09_list .n_stu_div1_text{
	margin-top:16px;
}


.n_stu09_div{
	padding: 11% 0;
	margin-top: -10%;
}

.n_stu09_div .mainTit{
	margin-bottom:40px;
}

.n_stu09{
	padding: 0 0 10.5%;
}




.n_stu10{
	padding:10.5% 0;
}

.n_stu10 .mainTit{
	margin-bottom:30px;
}

.n_stu10_div1{
	padding-bottom: 60px;
}

.n_stu10_div1 .art-tit-area1{
	padding-bottom:16px;
	margin-bottom: 16px;
}

.n_stu10_div1 .flex{
	flex-direction:column;
}

.n_stu10_div1 .flex .text_area{
	max-width: initial;
	width: 100%;
}

.n_stu10_div1 .flex .text_area .text1{
	font-size:1.4rem;
	font-weight:400;
	line-height:2;
}

.n_stu10_list1{
	margin-top: 36px;
}

.n_stu10_list1 li{
	padding: 17px 2%;
	margin-top:8px;
}

.n_stu10_list1 li .title{
	font-weight:400;
}

.n_stu10_div1 .flex .map{
	max-width:initial;
	width: 100%;
	height:240px;
	margin:40px auto 0;
}
	
.fukidashi2{
	padding:0 30px;
}

.fukidashi2:before,
.fukidashi2:after{
	height:30px;
	bottom:0px;
}


.n_stu10_list2 li{
	width:100%;
	max-width:initial;
	margin-bottom:40px;
}


.n_stu10_list2 li .yt{
	max-height: 400px;
	height: 54vw;
}

.n_stu10_list2 li .title{
	margin: 16px auto 0px;
}

.n_stu10_div3 .text{
	text-align:left;
	margin:16px auto 24px;
}

.n_stu10_div3{
	padding: 32px 2%;
}

.studio > .pankuzu,
.studio3 > .pankuzu{
	font-size:1.2rem;
}

.header-pc > ul{
	display:none;
}

.link-div{
	max-width: initial;
	width: 100%;
}
	
.hd_tel_btn img {
	max-width: initial;
}
	
.hd_cont_btn{
	display:flex;
	max-width: initial;
}
	
.top-product{
	padding: 56px 0 40px;
}


.busi_list{
	margin-top:47px;
	justify-content:space-between;
}

.busi_list li{
	width: 100%;
	margin-right: 0%;
	margin-bottom: 32px;
}


.busi_list li .img{
	height: 61vw;
	max-height: initial;
}

#top-cover{
	margin-top:80px;
}

.content7251_div1{
	padding: 80px 0 70px;
}

.content7251 .flex{
	width:95%;
	margin:0 auto;
	flex-direction: column;
}

.content7251 .flex .img{
	max-width:876px;
	width: 100%;
}

.content7251 .flex .text_area{
	max-width:initial;
	width: 100%;
	padding-top: 40px;
}

.content7251 .btn4{
		margin:0 auto;
	}

.top-pro2{
	margin-top:50px;
}

.top-works-sec {
    padding: 0px 0 80px;
}

.article .content7251 .text_area .mainTit{
	font-size:2.6rem;
}


.content7251 .flex .text_area .text{
	margin: 24px 0 24px;
}

.tsld{
	max-height:800px;
	height: 107vw;
}

.tsld1{
	background:url(./img2/top/0725img/mv11_sp.jpg)no-repeat;
	background-size:cover;
}

.tsld2{
	background:url(./img2/top/0725img/mv12_sp.jpg)no-repeat;
	background-size:cover;
}

.tsld3{
	background:url(./img2/top/0725img/mv13_sp.jpg)no-repeat;
	background-size:cover;
}

.tsld4{
	background:url(./img2/top/0725img/mv14_sp.jpg)no-repeat;
	background-size:cover;
}

.top-cov-div{
	right:auto;
	bottom: 98px;
	top:auto;
	flex-direction:column;
	align-items: flex-start;
	justify-content: left;
}


.content7251{
	padding-bottom: 60px;
}


.content7252{
	padding:46px 0 56px;
}

.busi_list{
	margin-top: 40px;
}

.busi_list li .title{
	font-size:2rem;
}

.work_tit{
	background:url(./img2/top/0725img/bg4_sp.jpg)no-repeat center;
	background-size:cover;
	min-height: 155px;
	margin-bottom: 10px;
}

#splash_logo  {
	width: 100%;
}

/* column */

.column_flex{
	flex-direction:column;
}

.column_flex .left{
	max-width:initial;
	width: 100%;
}

.column_flex .right{
	width:100%;
	margin: 80px auto 0;
	max-width:initial;
}


.cover_02 .column .cov-div2{
	text-align:left;
	width: 83%;
}

.cover_02 .column .pankuzu{
	text-align:left;
}

.cover_02 #cover2.column {
	margin-top:80px;
}
	

.column_flex .left .column_title{
	font-size: clamp(2rem,5vw,4rem);
	text-align:center;
	margin-bottom:40px;
}

	
.date_cate .date{
	font-size: clamp(1.2rem,3vw,2.4rem);
}

.date_cate .cate{
	font-size: clamp(1.2rem,3vw,2.4rem);
}

.column_list li .title{
	margin-bottom:10px;
	font-size: clamp(1.4rem,3vw,2.8rem);
}

.column_list li .text{
	margin-bottom:10px;
	font-size: clamp(1.4rem,3vw,2.8rem);
}


.alltag a{
	font-size: clamp(1.2rem,3vw,2.4rem);
	margin-right:2%;
}

.column_list li{
	width:100%;
}

.column_list li .img{
	height:50vw;
	max-height:481px;
}




.column_side > .title{
	font-size: clamp(2rem,5vw,4rem);
	padding-bottom:16.5px;
}

.column_access{
	margin-top:40px;
}

.column_access li{
	margin-bottom:24px;
}

.column_access li .img{
	max-width:387px;
	max-height:348px;
	width: 50%;
	height: 40vw;
}

.column_access li .text_area{
	max-width:361px;
	width: 48%;
}

.column_access li .text_area .date{
	font-size: clamp(1.2rem,3vw,2.4rem);
	margin-bottom:16px;
}

.column_access li .text_area .title{
	font-size: clamp(1.4rem,3vw,2.8rem);

}

.column_cate2 li{
	padding: 5.5% 0;
	font-size: clamp(1.4rem,3vw,2.8rem);
}


.column_tags{margin-top: 5.6%;}


.column_tags li a{
	font-size: clamp(1.2rem,3vw,2.4rem);
}

.column01{
	padding:0 0 80px;
}


.column_list2 li .title{
	margin-bottom:10px;
	font-size: clamp(1.4rem,3vw,2.8rem);
}

.column_list2 li .text{
	margin-bottom:10px;
	font-size: clamp(1.4rem,3vw,2.8rem);
}

.column_list2 li{
	width:100%;
}

.column_list2 li .img{
	height: 60vw;
	max-height:481px;
}

.column_det_div3{
	margin-top: 11%;
}

.column_det_div3 h2{
	font-size: clamp(1.8rem,5.2vw,4rem);
	margin-bottom: 5.5%;
}


.column_det_div2 .detail_area h2,
.column_det_div2 .detail_area h3{
	margin-bottom:28px;
	font-size: clamp(2rem,5.2vw,4rem);
	padding:13px 16px 6px;
}


.column_det_div2 .detail_area h4{
	padding-block:8px;
	margin-bottom:38px;
	font-size: clamp(2rem,5.2vw,4rem);
}


.column_det_div2 .detail_area h5{
	margin-bottom:32px;
	font-size: clamp(1.8rem,3vw,2.8rem);
}


.column_flex .left > .title_area .title{
	font-size: clamp(2rem,5.2vw,4rem);
}


#rtoc-mokuji-title button{
	font-size: clamp(1.4rem,3vw,2.8rem)!important;
}

#rtoc-mokuji-title span{
	font-size: clamp(1.8rem,3vw,2.8rem)!important;
	margin-right:20px;
}


.column_det_div2 .rtoc-mokuji a{
	font-size: clamp(1.4rem,3vw,2.8rem)!important;
}

.rtoc-mokuji-content .mokuji_ol > .rtoc-item::before{
	font-size: clamp(1.4rem,3vw,2.8rem)!important;
	top: 18px!important;
}


#rtoc-mokuji-title{
	justify-content: flex-end!important;
	padding: 20px 20px 0!important;
}


.column_det_div2 .rtoc-mokuji-content .rtoc-mokuji.level-1 {
	margin: 0 20px!important;
	padding-left: 20px!important;
}

    .rtoc-mokuji-content .mokuji_ol > .rtoc-item::before {
        left: -2.5em!important;
    }


.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title.is_close,
.rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title.is_close {
	padding: 20px!important;
}

.column_det_div4 {
    padding: 40px 20px;
}


.column_det_div4 .title{display: none;}

.column_det_div4 .flex{
	justify-content:space-between;
	margin-bottom:14px;
}

.column_det_div4 .flex .img{
	max-width: 140px;
	width: 21.31%;
	height: 17.95vw;
	max-height: 140px;
}


.column_det_div4 .flex .text_area{
	width: 77%;
	max-width: 588px;
}

.column_det_div4 .flex .text_area .name{
	font-size: clamp(1.4rem,3vw,2.8rem);
	margin-bottom:8px;
}

.column_det_div4 .flex .text_area .text{
	font-size: clamp(1.4rem,3vw,2.8rem);
}

.column_det_div4 a{
	font-size: clamp(1.4rem,3vw,2.4rem);
	height:69px;
	max-width:370px;
}

.n_stu08_list .left, 
.n_stu08_list .middle, 
.n_stu08_list .right {
	border-bottom: 1px dotted #CCC;
	width: 100%;
	font-size: 1.8rem;
}

#cover3.bg_sld{
	max-height: 800px;
	height: 107vw;
	min-height: 460px;
}

#cover3.bg_sld .cov3-div .text1{
	font-size: clamp(2.4rem,3vw,6rem);
}

#cover3.bg_sld .tsld {
        max-height: 800px;
        height: 107vw;
        min-height: 460px;
    }

.led06_list{
}

.led06_list li{
	max-width: initial;
	width: 32%;
	height: 48px;
	margin-top: 17px;
}

.led01 .n_stu01_list li .text2{
	font-size: clamp(1.9rem,3vw,2.8rem);
}

.n_stu05.led05{
	padding: 80px 0 40px;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc2, .pcTel {
	display: none;
}

.btn1.pc2{
	display:none;
}
	
.sp2 {
	display: block;
}

.spTel  {
	display: inline;
}

.btn1.sp2{
	display:flex;
}

.btn4.pc2{
	display:none;
}
	
.btn4.sp2{
	display:flex;
}

/*-- テーブル --*/

table {
	width: 100%;
}

th, td {
	width: 100% !important;
	display: block;
}

th {
	padding: 20px 0 20px;
	border-bottom: 0;
}


td {
	padding: 0 0 20px;
}




/*-- ページトップ --*/

#pageTop {
	display: none !important;
}


/* フッター
----------------------------------------------------------- */

.sp nav {
	margin: 0 auto;
}



/* 中ページ
----------------------------------------------------------- */
.company iframe {
	width: 100%;
	margin: 30px auto 0;
	display: block;
}

.listUl li {
	width: 48%;
}

.contact_tb th {
	font-size: 100%;

}

.choose_list1 {
	width: 80%;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 100%;
}

#zip1, #zip2 {
	width: 40%;
}

#city, #pref, #add {
	width: 96%;
	margin: 2px 0 0;
}

/*-- エラーチェック --*/

.zip1formError {
	left: 10% !important;
}

.zip2formError {
	left: 54% !important;
}

.prefformError, .cityformError, .addformError {
	top: 30px !important;
	left: 50% !important;
}

.detailBox > div {
	width: 100%;
	float: none;
}

.detailBox > .detailTxt {
	width: 98%;
	margin: 20px auto 0;
}

.formError {
	top: 20px !important;
	left: 10% !important;
}

.zip2formError {
	width: 42% !important;
	left: 50% !important;
}


.cov-div h2{
	font-size: 3rem;
	line-height: 1.6;
}

.covp{
	font-size: 1.6rem;
	margin: 30px 0 50px;
}

#cover {
	margin-bottom: 30px;
}

.covp:before{
	width: 25%;
}

.co1ul > li{padding: 10px 15px 0;width: 100%;margin-bottom: 20px;max-width: initial;}


.contd1 p{
	font-size: 1.6rem;
	margin:20px auto 0;
}

.works_list li{
	width: 100%;
	padding: 20px 2%;
	max-width: initial;
}

.co3d1,.co4d1,.co5d1{
	flex-direction:column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 20px;
}

.co3d1 .mainTit,.co4d1 .mainTit,.co5d1 .mainTit{
	margin-bottom:20px;
}



.co6d1 .text h3{
	font-size: 1.8rem;
	margin-bottom: 15px;
}

.co4d2 .left li{
	flex-direction:column;
}

.co4d2 .left li .leftp{
	width: 100%;
}

.co4d2 .left li .rightp{
	width: 100%;
	margin-top:10px;
}

.link-area ul{flex-wrap: wrap;justify-content: center;}
	
.link-area li{width: 100%;margin-bottom: 30px;}

.fot1{
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.fot1 li{
	width: 100%;
}

.fot1 ul{
	justify-content: center;
	margin-top: 20px;
}

.fot2 .left{
	max-width:initial;
	width:100%;
	max-width: 380px;
	flex-wrap: wrap;
}

.fot2 .left ul{
	width:48%;
}

.fot3{
	flex-direction: column;
	align-items: center;
}

.fot3 .left{
	width: 100%;
	margin-bottom: 20px;
}

.fot3 .right{
		width: 100%;
}
	
#cover2 h1,
#cover2 p.title{
	font-size: 2.4rem;
}


#cover2 {
	min-height: 130px;
	margin-top: 60px;
}



.artTit2{
	font-size: 1.4rem;
}

.video-sec1 .artTit2{
	padding-left:0px;
}

.artTit2 .nom{
	top: -50px;
}

.video1-d3 .left{
	font-size: 2.8rem;
}

.artTit {font-size: 1.6rem;}
	
.artTit span{
	font-size:2.4rem;
	line-height: 1.6;
}

.show1-d1 .artTit span{
	font-size: 2.4rem;
	line-height:40px;
}

.show1-d1 .artTit span .big{
	font-size: 2.8rem;
}

.show1-d1 p{
margin: 20px auto 50px;
font-size: 1.5rem;
}


.cov-div h2  > .main-span:nth-child(2),.cov-div h2  > .main-span:nth-child(3){
	padding-left: 48px;
}

.cov-list{
	flex-direction:column;
	justify-content:center;
	align-items:center;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	bottom: -205px;
	top: auto;
}


.cov-div{
	max-width: 355px;
}

.service-list li{
	width:100%;
	margin:0 auto 80px;
	padding: 60px 3% 60px;
	min-height: initial;
}

.service-list li .more{
	bottom:20px
}

.contact-area .mainTit{
	font-size: 2.6rem;
}

.mainTit{
	font-size: 2.8rem;
}

.article .mainTit{
	font-size: 2.4rem;
}


.article .plan-contact .mainTit{
	font-size: 2.4rem;
}
	

.art-tit-area2 .title.mainTit{
	font-size:2.4rem;
}


.contact-area li .btn1{
	font-size: 1.6rem;
}


.btn1 .img{
	width: 42px;
	height: 42px;
}

.works_list li .img{
	height: 70vw!important;
	max-height: 210px!important;
}


.content04 .text{
	/* font-size:1.8rem; */
}
	
.content04 .text.right_text{
	font-size:1.8rem;
}

.right_text span{
	font-size:2.2rem;
}


.mainTit2{
	font-size: 2.4rem;
}

.about1-div1 .mainTit2{font-size: 2.6rem;}

.content04{
	padding: 80px 0 60px;
}

.content04:before{
	top: 60px;
}


.co4_div2{
		padding-top:60px;
}


.co4_div2 .abp{
	top: 30px;
}

.contact-area .abp{
	top: -8%;
}

.video3-div1a .text-area h4{
		font-size:2.2rem;
}

.video3-div1a .text-area h4 span{
	font-size:1.5rem;
}

.video3-div1a .text-area .text{
	font-size:1.5rem;
}


.video4 .title_text{
	font-size:1.5rem;
}

.video4-div h3{
	font-size:2rem;
}

.video4-div > p{
	font-size:1.6rem;
}

.icon-list{
	flex-wrap:wrap;
	max-width:240px;
}

.icon-list li{
	width:48%;
	font-size:1.5rem;
	margin-bottom:20px;
}

.video5 .art-tit-area1 .left .mainTit{
	font-size:2.8rem;
}

.part-tab-div ul{
	justify-content:space-between;
}
	
.part-tab-div li{
	width: 48%;
	margin-right: 0%;
}

.partner-list{
	justify-content:space-between;
	column-gap: 0%;
}

.partner-list li{
	width: 48%;
}

.part-tab-div{
	max-width: 400px;
}

.art-div2 .abp{
	font-size: 2rem;
}

.rental3 .art-div2 .abp{
	top:-20px;
	font-size:3rem;
}


.art-div2 .btn1 .img{
	width: 41px;
	height: 41px;
}

.digital-list1 li{
	width:48%;
	margin-bottom:20px;
	font-size:1.5rem;
}


.art-div2 .title{
	font-size: 1.8rem;
}

.digital2-div1a-p1{
	font-size:1.6rem;
	margin: 50px auto 50px;
}

.art-list2 li{
	flex-direction:column;
}

.art-list2 li .img{
	margin: 0 auto;
	width: 30%;
}

.art-list2 li .text-area{
	width: 100%;
}

.digital2-list li{
	width: 100%;
	font-size: 1.4rem;
	max-width: 300px;
	margin: 0 auto 30px;
}

.digital2-list:before{
	display:none;
}
	
.digital2-list li p{
	background:#fff;		
}

.digital2-list:before{
	width: 69%;
}


.digital2-list li:before{
	display:none;
}

.art-tit-area2 .title{
	font-size:2rem;
	flex-direction: column;
	align-items: flex-start;
}


.digital1 .mainTit{
	margin-bottom:25px;
}


.digital1-div1a .right h4{
	font-size:2rem;
}

.nomal-list-col3{
	flex-direction:column;
}

.nomal-list-col3 li{
	width: 100%;
	max-width: 300px;
	margin:0 auto 30px;
}


.product1-div li{
	width: 49%!important;
	max-width: initial!important;
	margin:0 auto 30px;
}

.product1-div li .img{
	max-height: 100px;
	max-width: 100px;
}

.product1-div li .blue{
	font-size:1.8rem;
}

.product1-div{
	padding: 30px 3% 0;
}

.art-list2 li .text-area .title{
	font-size:1.8rem;
}

.strong-point .abp{
	top: -30px;
	font-size: 4rem;
}

.art-div1{
	padding: 20px 3%;
}

.sl-sec .mtit{
	font-size: 1.8rem;
}

.product-div .title-area h3{
font-size: 2.2rem;
}

.step-list li .step{
	font-size: 1.6rem;
}


.step-list li .text{
	font-size: 1.4rem;
}

.step-list li:before{
	right:-15%;
}


.product4 .art-div2 .abp{
	top:-10px;
	font-size:2.4rem;
}

.product1 .mainTit2{
	font-size:2.4rem;
}

.product1 > .inner2 > p{
	letter-spacing: 0;
	font-size: 1.5rem;
}

.nomal-list-col5 li{
	width:48%;
	margin: 0 0 25px!important;
}

.web2 .fukidashi{
	font-size: 1.6rem;
}

.fukidashi{
	position:relative;
	width:max-content;
	margin: 0 auto 5px;
	padding: 0 10px;
}
	
.fukidashi > span{
	display:block;
	position:absolute;
	bottom:0;
}

.fukidashi > span.left{
	left:-5px;
}

.fukidashi > span.right{
	right:-5px;
}

.swiper{
	padding: 120px 0!important;
}

.access-sec .abp{
	top: -5%;
}

.showroom4 .flex .text-area .text{
	font-size:1.5rem;
}

.studio3.access-sec .abp{
	top: -3.4%;
}


.mainTit2 .entit{
	font-size:1.6rem;
}

.about2 .step-list {
	justify-content:space-between;
}

.about2 .step-list li{width: 46%;margin-right: 0%;margin-bottom: 25px;}

.about2 .step-list li:nth-child(5n+5){
	margin-right:0%;
}

.about2 .step-list li:nth-child(4n+4){
	margin-right:0%;
}

.about2 .step-list li:nth-child(3n+3){
	margin-right:0%;
}

.about2 .step-list li:before{
	right:-12%;
}

.about2 .step-list li:nth-child(4n+4):before{
	right: -12%;
}

.about-list1 li{
	width: 100%;
	margin:0 auto 30px;
}

.about-list1.col2 li{
	width: 48%;
	margin:0 auto 10px;
}

.about-list1 li .title{
	/* font-size:2.2rem; */
	/* margin: 5px auto 10px; */
}

.about-list1 li .title span{
	margin-top:5px;
}

.works_cate_list li{
	width: 100%;
}

.works1 .cate_area .left{
	width: 100%;
}

.det-div1 .btn1{
	max-width: initial;
	font-size: 1.6rem;
	height: 60px;
}


	
.pager .pre a,.pager .next a{
	font-size:1.5rem;
}

.pager {
	flex-wrap:wrap;
	max-width: 320px;
	width: 100%;
	margin: 60px auto 0;
}

.pager .center{
	max-width: initial;
	width: 100%;
	order:1;
	margin-bottom: 30px;
}

.pager .pre{
	order:2;
	width: 48%;
}

.pager .next{
	order:3;
	width: 48%;
	text-align: right;
}

.rental-list li .day-pri{
	flex-direction:column;
	align-items:flex-start;
}

.rental3 th {
	padding: 16px 0 0;
}

.rental3 td {
	padding: 8px 0 16px;
}

.btn1{
	margin:30px auto 0;
	font-size: 1.8rem;
}

.article .video1 .mainTit,.article .video2 .mainTit{
	font-size: 3rem;
}


.contact-area.plan-contact .abp{
	top: -10px;
}

.partner-list li .img{
	height: 28vw;
}

.step-list li{padding: 20px 0;margin-bottom: 30px;}


.mod-div1 .text-area .title-area .title{
	font-size: 2rem;
	margin-bottom: 0;
}

.modal-list2 li p{
	font-size: 1.6rem;
}
	
	
/* 1030 */

.cov-list li{
	font-size: 1.3rem;
}
	
.cover-list li{
	width:100%;
	margin:0 auto 25px;
}


.btn4.sp2{
	margin:auto;
}

.co4_div1 ul{
	flex-direction:column;
}

.co4_div1 ul li{
	width:100%;
	margin:0 auto 20px;
}

.art-tit-area2 .title span.robo{
	display:block;
	margin-left: 0;
}

.add-str-list1 li{
	width:100%;
	padding:24px;
}

.add-modal-list li{
	width:100%;
	max-width:452px;
	margin-bottom: 20px;
}

.btn6{
	font-size: 1.6rem;
	height:100px;
}

.about1 .add-ele-title .mainTit4{
	font-size:2rem;
}

.about1 .add-ele-title .mainTit4 .entit{
	font-size:1.6rem;
}

.message1 .flex{
	margin: 0 auto 60px;
	flex-direction:column;
}

.message1 .flex .img{
	margin:0 auto 20px;
}

.message1 .flex .text-area{
	width:100%;
	max-width:initial;
}

.det-div1 .contents-area .detail-area .container{
	display:flex;
	justify-content:space-between;
	flex-direction:column;
}

.det-div1 .contents-area .detail-area .container .main-img{
	width: 100%;
	margin:auto;
}

.det-div1 .contents-area .detail-area .container .sub-img{
	width: 100%;
	max-width:initial;
	display:flex;
	flex-direction: initial;
	margin-top: 2%;
}

.det-div1 .contents-area .detail-area .container .sub-img li{
	width:32%;
	margin-right:2%;
}

.det-div1 .contents-area .detail-area .container .sub-img li:last-child{
	margin-right:0;
}

.art-tit-area1 .right p.subtit{
	font-size: 2rem;
}

.cover-list li .text{
	height: 35%;
}

.cover-list li .text p{
	padding-left:5%;
}

.nomal-list-col5{
	justify-content:space-between;
}

.works_cate_list li:first-child{
	margin-right: 0%;
}

.addtit1{
	font-size:2.2rem;
}

.addtit2{
	font-size:1.6rem;
}
	

.add_tel_bnr .top .title{
	font-size: 2rem;
}

.add_tel_bnr .bottom{
	padding: 15px 0 0;
}

.add_tel_bnr .bottom .left{
	margin-bottom: 20px;
}

.add_tel_bnr .bottom .left .time{
	font-size: 2rem;
}

.add_tel_bnr .bottom .left .bnr_tel{
	font-size: 3.4rem;
}

.add_tel_bnr .bottom .left .bnr_tel img{
	width:60px;
}

.add_tel_bnr .bottom  .link-btn2{
	font-size: 2rem;
	height:60px;
}

.nomal-list-col3 li .img{
	height: auto;
	max-height: initial;
}


.works_list.studio_works{
	margin:60px auto 0;
}


.works_list.studio_works .mov{
	max-height: 400px;
	height: 51vw;
}

/* 591pxstudio0619 */
.n_stu03_list1 li{
	width:48%;
	margin:8px 0;
}
	
.n_stu03_div1 .right{
	padding: 10% 2% 2.5%;
}

.n_stu05_list3{
	flex-direction:column;
	margin: 40px auto 0;
}

.n_stu05_list3 li{
	width:100%;
	max-width:initial;
	margin:20px auto 0;
}

.n_stu08_div1 .scroll_img .img{
	width:650px;
}

.n_stu03 .mainTit3{
	font-size:1.8rem;
}

	
.header-pc{
	margin-right: 20px;
	max-width: 90px;
}


.busi_list li{
	width: 100%;
	margin-right: 0%;
	margin-bottom: 16px;
}

.busi_list li:last-child{
	margin-bottom:0;
}

.busi_list li .img{
	height: 58vw;
	max-height: initial;
}

.content7251_div1 .mainTit{
	font-size: 2rem!important;
}

.article .content7251 .text_area .mainTit {
	font-size: 2rem;
}

.top-cov-div{
	bottom: 49px;
}

.content7251_div1{
	padding: 40px 0 37.5px;
}
.content7251 .flex .text_area{
	padding-top: 20px;
}

.content7251 .flex .text_area .text{
	margin: 12px 0 13.5px;
}

.content7251{
	padding-bottom: 30px;
}

.website .article .mainTit,
.testtop .article .mainTit{
	font-size:2.2rem;
}

.website .article .mainTit .entit,
.testtop .article .mainTit .entit{
	font-size:1.2rem;
}

.work_tit{
	min-height:107px;
}

.cover_02 .column .cov-div2{
	text-align:left;
	width: 91%;
}
	
.cover_02 #cover2.column {
	min-height: 200px;
}

.column_det_div4 a{
	height: 40px;
	max-width: 214px;
	font-size: 1.4rem;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.telBtn {
	width: 12%;
}




.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons {
    width: 94% !important;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}

.choose_list1 {
	width: 96%;
	font-size: 90%;
}

.choose_list1 > li {
	width: 49%;
}

.step-list li:before{
	right: -12%;
	z-index: 1;
}

.step-list li{
    width: 31%;
    margin-right: 3.5%;
}


.step-list li .text{
	font-size: 1.2rem;
}

.fukidashi{
	font-size:1.6rem;
}


.partner-list li p{
	font-size:1.6rem;
}

.art-div2 .abp{
	top:-10px;
	font-size: 1.8rem;
	line-height: 2;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.sp3{
	display:block;
}

#cover2 h1{
	font-size: 2rem;
}

.mainTit2{
	font-size: 2rem!important;
}

.mainTit{
	font-size: 2rem!important;
}

.product1 > .inner2 > p{
	font-size: 1.3rem;
}


.product1-div h3{
	font-size:1.8rem;
}


.product-div .title-area h3{
font-size: 2rem;
}

.sl-sec .mtit{
	font-size:1.8rem;
}

.other-list1 .arrow1:before{
	/* width: 15px; */
	/* height: 15px; */
	right: -20px;
}

.other-list1 .arrow1:after{right: -4px;/* border-width: 4px 0 4px 6px; */}

.other-list1 li .text-area .see-btn{
	font-size:1.4rem;
	padding-right:20px;
}

.article .mainTit{
	font-size:2rem;
}

.busi-list li .btn1:after{
	    border-width: 4px 0 4px 6px;
	    right: 12px;
}

.busi-list li .btn1{
	font-size:1.4rem;
}


.busi-list li .btn1 .img{
	width:35px;
	height:35px;
	left: 10px;
}

.busi-list li .btn1 .img img{
	width:80%;
	height:80%;
	object-fit:contain;
}

.link-area .arrow1:after{
	right: 15px;
}

.contact-area li .btn1{
	height: 80px;
}



.digital2-div1a-p1{
	font-size:1.4rem;
}

.video4 .mainTit2{
	font-size:1.8rem!important;
}

.video4-div h3{
	font-size:1.8rem;
}


.art-div2 .text{
	font-size:1.3rem;
}

.art-div2 .btn1 .img{
	width: 30px;
	height: 30px;
	left:5px;
}

.art-div2 .btn1 .img img{
	width:80%;
	height:80%;
	object-fit:contain;
}

.art-list2 li .text-area .title{
	font-size:1.7rem;
}

.btn1.back:after{
	left: 18px;
}

.btn1{
	font-size: 1.6rem;
}

.privacy1 .art-tit-area2 .title{
	font-size: 1.8rem;
}


.article .contact-area .inner .btn1{
	font-size: 1.4rem;
}

.article .contact-area .inner .btn1 .img{
	width: 34px;
	height: 34px;
}

.works-sec .works_list li .cate_flex .cate{
	font-size: 1rem;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 350px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* 2024/09 撮影アセット */
.n_stu11-assets {
	padding: 40px 0 80px;
}
.n_stu11-assets h2.mainTit + p {
	margin: 45px 0 30px;
}
.assets-flex {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 2%;
	width: 100;
}
.assets-box {
	box-sizing: border-box;
	width: 32%;
}
.assets-text {
	font-size: 14px;
	margin-top: 20px;
}
.assets-s-img {
	cursor: pointer;
}
.assets-s-img:hover {
	opacity: .7;
}
.assets-l-img {
	display: none;
}
.assets-modal {
	background-color: rgba(0, 0, 0, .8);
	box-sizing: border-box;
	display: none;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
}
.assets-modal .asset-imgs {
	box-sizing: border-box;
	margin: 100px auto 10px;
	overflow-y: scroll;
	overscroll-behavior: contain;
	text-align: center;
	width: 70%;
}
.assets-modal .assets-modal-close {
	color: #fff;
	margin: 0 auto 30px;
	text-align: right;
	width: 70%;
}
@media screen and (max-width: 768px) {
	.n_stu11-assets {
		padding-top: 0;
	}
	.n_stu11-assets h2.mainTit + p {
		margin: 30px 0 20px;
	}
	.assets-flex {
		gap: 20px 2%;
	}
	.assets-box {
		width: 49%;
	}
	.assets-text {
		margin-top: 10px;
	}
	.assets-modal .asset-imgs {
		margin-top: 90px;
		width: 90%;
	}
}