.subvisual, .rightview{
    box-sizing: border-box;
    width: 100%;
    position: relative;
    height: 250px;
    display: flex;
    align-items: end;
	mask-image: linear-gradient(102deg, #000 0%, #000 94%, transparent 94%, transparent 100%);
    overflow: hidden;
}
.leftview {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    height: 250px;
    display: flex;
    align-items: end;
	mask-image: linear-gradient(102deg, transparent 0%, transparent 5%, #000 5%, #000 100%);
    overflow: hidden;
}
.title-wrap{
    position: relative;
    width: 100%;
	height: auto;
    left: 0;
	z-index:15;
}
.page .title{
    color: #000;
    text-shadow: unset;
    text-align: left;
    font-style: italic;
}
.title:before{
    content: '';
    display: inline-block;
	background: linear-gradient(to top, #000 0%, #000 78%, transparent 100%);
    height: 120px;
    width: 2px;
    margin: 0;
    transform: rotate(12deg);
    margin: 0 0 -5px 0;
}
.subtitle-wrap{
    position: absolute;
    width: 100%;
    left: -1rem;
    top: -1rem;
    z-index: 10;
    line-height: .7;
}
.subtitle{
    text-align: left;
}
.panimate span:nth-of-type(1) {
	animation-delay: 1s;
}
.panimate span:nth-of-type(2) {
	animation-delay: 1.05s;
}
.panimate span:nth-of-type(3) {
	animation-delay: 1.1s;
}
.panimate span:nth-of-type(4) {
	animation-delay: 1.15s;
}
.panimate span:nth-of-type(5) {
	animation-delay: 1.2s;
}
.panimate span:nth-of-type(6) {
	animation-delay: 1.25s;
}
.panimate span:nth-of-type(7) {
	animation-delay: 1.3s;
}
.panimate span:nth-of-type(8) {
	animation-delay: 1.35s;
}
.panimate span:nth-of-type(9) {
	animation-delay: 1.4s;
}
.panimate span:nth-of-type(10) {
	animation-delay: 1.45s;
}
.panimate span:nth-of-type(11) {
	animation-delay: 1.5s;
}
.panimate span:nth-of-type(12) {
	animation-delay: 1.55s;
}
.panimate span:nth-of-type(13) {
	animation-delay: 1.6s;
}
.panimate span:nth-of-type(14) {
	animation-delay: 1.65s;
}
.panimate span:nth-of-type(15) {
	animation-delay: 1.7s;
}
.panimate span:nth-of-type(16) {
	animation-delay: 1.75s;
}
.panimate span:nth-of-type(17) {
	animation-delay: 1.8s;
}
.panimate span:nth-of-type(18) {
	animation-delay: 1.85s;
}
.panimate span:nth-of-type(19) {
	animation-delay: 1.9s;
}
.panimate span:nth-of-type(20) {
	animation-delay: 1.95s;
}
.panimate span:nth-of-type(21) {
	animation-delay: 2s;
}
.panimate span:nth-of-type(22) {
	animation-delay: 2.05s;
}
.panimate span:nth-of-type(23) {
	animation-delay: 2.1s;
}
.panimate span:nth-of-type(24) {
	animation-delay: 2.15s;
}
.panimate span:nth-of-type(25) {
	animation-delay: 2.2s;
}
.panimate span:nth-of-type(26) {
	animation-delay: 2.25s;
}
.panimate span:nth-of-type(27) {
	animation-delay: 2.3s;
}
.panimate span:nth-of-type(28) {
	animation-delay: 2.35s;
}
.panimate span:nth-of-type(29) {
	animation-delay: 2.4s;
}
.panimate span:nth-of-type(30) {
	animation-delay: 2.45s;
}
.panimate span:nth-of-type(31) {
	animation-delay: 2.5s;
}
.panimate span:nth-of-type(32) {
	animation-delay: 2.55s;
}
.panimate span:nth-of-type(33) {
	animation-delay: 2.6s;
}
.panimate span:nth-of-type(34) {
	animation-delay: 2.65s;
}
.panimate span:nth-of-type(35) {
	animation-delay: 2.7s;
}
.panimate span:nth-of-type(36) {
	animation-delay: 2.75s;
}
.panimate span:nth-of-type(37) {
	animation-delay: 2.8s;
}
.panimate span:nth-of-type(38) {
	animation-delay: 2.85s;
}
.panimate span:nth-of-type(39) {
	animation-delay: 2.9s;
}
.panimate span:nth-of-type(40) {
	animation-delay: 2.95s;
}
.panimate span:nth-of-type(41) {
	animation-delay: 3s;
}
.panimate span:nth-of-type(42) {
	animation-delay: 3.05s;
}
.panimate span:nth-of-type(43) {
	animation-delay: 3.1s;
}
.panimate span:nth-of-type(44) {
	animation-delay: 3.15s;
}
.panimate span:nth-of-type(45) {
	animation-delay: 3.2s;
}
.panimate span:nth-of-type(46) {
	animation-delay: 3.25s;
}
.panimate span:nth-of-type(47) {
	animation-delay: 3.3s;
}
.panimate span:nth-of-type(48) {
	animation-delay: 3.35s;
}
.panimate span:nth-of-type(49) {
	animation-delay: 3.4s;
}
.panimate span:nth-of-type(50) {
	animation-delay: 3.45s;
}
.panimate span:nth-of-type(51) {
	animation-delay: 3.5s;
}
.panimate span:nth-of-type(52) {
	animation-delay: 3.55s;
}
.panimate span:nth-of-type(53) {
	animation-delay: 3.6s;
}
.panimate span:nth-of-type(54) {
	animation-delay: 3.65s;
}
.panimate span:nth-of-type(55) {
	animation-delay: 3.7s;
}
.panimate span:nth-of-type(56) {
	animation-delay: 3.75s;
}
.panimate span:nth-of-type(57) {
	animation-delay: 3.8s;
}
.panimate span:nth-of-type(58) {
	animation-delay: 3.85s;
}
.panimate span:nth-of-type(59) {
	animation-delay: 3.9s;
}
.panimate span:nth-of-type(60) {
	animation-delay: 3.95s;
}
.panimate span:nth-of-type(61) {
	animation-delay: 4s;
}
.panimate span:nth-of-type(62) {
	animation-delay: 4.05s;
}
.panimate span:nth-of-type(63) {
	animation-delay: 4.1s;
}
.panimate span:nth-of-type(64) {
	animation-delay: 4.15s;
}
.panimate span:nth-of-type(65) {
	animation-delay: 4.2s;
}
.panimate span:nth-of-type(66) {
	animation-delay: 4.25s;
}
.panimate span:nth-of-type(67) {
	animation-delay: 4.3s;
}
.panimate span:nth-of-type(68) {
	animation-delay: 4.35s;
}
.panimate span:nth-of-type(69) {
	animation-delay: 4.4s;
}
.panimate span:nth-of-type(70) {
	animation-delay: 4.45s;
}
.panimate span:nth-of-type(71) {
	animation-delay: 4.5s;
}
.panimate span:nth-of-type(72) {
	animation-delay: 4.55s;
}
.panimate span:nth-of-type(73) {
	animation-delay: 4.6s;
}
.panimate span:nth-of-type(74) {
	animation-delay: 4.65s;
}
.panimate span:nth-of-type(75) {
	animation-delay: 4.7s;
}
.panimate span:nth-of-type(76) {
	animation-delay: 4.75s;
}
.panimate span:nth-of-type(77) {
	animation-delay: 4.8s;
}
.panimate span:nth-of-type(78) {
	animation-delay: 4.85s;
}
.panimate span:nth-of-type(79) {
	animation-delay: 4.9s;
}
.panimate span:nth-of-type(80) {
	animation-delay: 4.95s;
}
.panimate span:nth-of-type(81) {
	animation-delay: 5s;
}
.panimate span:nth-of-type(82) {
	animation-delay: 5.05s;
}
.panimate span:nth-of-type(83) {
	animation-delay: 5.1s;
}
.panimate span:nth-of-type(84) {
	animation-delay: 5.15s;
}
.panimate span:nth-of-type(85) {
	animation-delay: 5.2s;
}
.panimate span:nth-of-type(86) {
	animation-delay: 5.25s;
}
.panimate span:nth-of-type(87) {
	animation-delay: 5.3s;
}
.panimate span:nth-of-type(88) {
	animation-delay: 5.35s;
}
.panimate span:nth-of-type(89) {
	animation-delay: 5.4s;
}
.panimate span:nth-of-type(90) {
	animation-delay: 5.45s;
}
.panimate span:nth-of-type(91) {
	animation-delay: 5.5s;
}
.panimate span:nth-of-type(92) {
	animation-delay: 5.55s;
}
.panimate span:nth-of-type(93) {
	animation-delay: 5.6s;
}
.panimate span:nth-of-type(94) {
	animation-delay: 5.65s;
}
.panimate span:nth-of-type(95) {
	animation-delay: 5.7s;
}
.panimate span:nth-of-type(96) {
	animation-delay: 5.75s;
}
.panimate span:nth-of-type(97) {
	animation-delay: 5.8s;
}
.panimate span:nth-of-type(98) {
	animation-delay: 5.85s;
}
.panimate span:nth-of-type(99) {
	animation-delay: 5.9s;
}
.panimate span:nth-of-type(100) {
	animation-delay: 5.95s;
}
.panimate span:nth-of-type(101) {
	animation-delay: 6s;
}
.panimate span:nth-of-type(102) {
	animation-delay: 6.05s;
}
.panimate span:nth-of-type(103) {
	animation-delay: 6.1s;
}
.panimate span:nth-of-type(104) {
	animation-delay: 6.15s;
}
.panimate span:nth-of-type(105) {
	animation-delay: 6.2s;
}
.panimate span:nth-of-type(106) {
	animation-delay: 6.25s;
}
.panimate span:nth-of-type(107) {
	animation-delay: 6.3s;
}
.panimate span:nth-of-type(104) {
	animation-delay: 6.35s;
}
.panimate span:nth-of-type(105) {
	animation-delay: 6.4s;
}
.panimate span:nth-of-type(106) {
	animation-delay: 6.45s;
}
.panimate span:nth-of-type(107) {
	animation-delay: 6.5s;
}
.panimate span:nth-of-type(108) {
	animation-delay: 6.55s;
}
.panimate span:nth-of-type(109) {
	animation-delay: 6.6s;
}
.panimate span:nth-of-type(110) {
	animation-delay: 6.75s;
}
.panimate span:nth-of-type(111) {
	animation-delay: 6.8s;
}
.panimate span:nth-of-type(112) {
	animation-delay: 6.85s;
}
.panimate span:nth-of-type(113) {
	animation-delay: 6.9s;
}
.panimate span:nth-of-type(114) {
	animation-delay: 6.95s;
}
.panimate span:nth-of-type(115) {
	animation-delay: 7s;
}
.panimate span:nth-of-type(116) {
	animation-delay: 7.05s;
}
.panimate span:nth-of-type(117) {
	animation-delay: 7.1s;
}
.panimate span:nth-of-type(118) {
	animation-delay: 7.15s;
}
.panimate span:nth-of-type(119) {
	animation-delay: 7.2s;
}
.panimate span:nth-of-type(120) {
	animation-delay: 7.25s;
}
.panimate span:nth-of-type(121) {
	animation-delay: 7.3s;
}
.panimate span:nth-of-type(122) {
	animation-delay: 7.35s;
}
.panimate span:nth-of-type(123) {
	animation-delay: 7.4s;
}
.panimate span:nth-of-type(124) {
	animation-delay: 7.45s;
}
.panimate span:nth-of-type(125) {
	animation-delay: 7.5s;
}
/* text Animation */
.three span {
    transform: translate(200px, 0);
	animation: prevolveScale .4s forwards;
	opacity: 0;
}
@keyframes prevolveScale {
	60% {
		transform: translate(-20px, 0);
	    opacity: 1;
	}
	100% {
		transform: translate(0) scale(1);
        opacity: 1;
	}
}
.panimate span{
    font-family: "OpenSansEB", sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: 10rem;
    display: inline-block;
	text-shadow: 0px 0px 10px transparent;
    margin: 0;
	letter-spacing: -.8rem;
    color: rgb(238, 238, 238, .75);
}
.panimate span.space{
    padding: 0 1rem;
}
.hanimate span:nth-of-type(1) {
	animation-delay: 1.1s;
}
.hanimate span:nth-of-type(2) {
	animation-delay: 1.05s;
}
.hanimate span:nth-of-type(3) {
	animation-delay: 1s;
}
.hanimate span:nth-of-type(4) {
	animation-delay: 1.05s;
}
.hanimate span:nth-of-type(5) {
	animation-delay: 1.1s;
}
.hanimate span:nth-of-type(6) {
	animation-delay: 1.25s;
}
.hanimate span:nth-of-type(7) {
	animation-delay: 1.2s;
}
.hanimate span:nth-of-type(8) {
	animation-delay: 1.15s;
}
.hanimate span:nth-of-type(9) {
	animation-delay: 1.15s;
}
.hanimate span:nth-of-type(10) {
	animation-delay: 1.2s;
}
.hanimate span:nth-of-type(11) {
	animation-delay: 1.25s;
}
/* text Animation eight*/
.eight span{
	animation: moveUp .4s forwards;
	opacity: 0;
}
@keyframes moveUp {
	0%{
		transform: translate(0, 300px) scale(1.3);
	}
	60% {
		transform: translate(0, -50px) scale(1);
	    opacity: 1;
	}
	100% {
		transform: translate(0) rotate(0) scale(1);
		opacity: 1;
	}
}
.hanimate span{
    font-family: "OpenSansEB", sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: 10rem;
    display: inline-block;
	text-shadow: 0px 0px 10px transparent;
    margin: 0;
	letter-spacing: -.8rem;
    color: rgb(238, 238, 238, .75);
}
.page-about .title-wrap{
	height: 470px;
}
.page-about .title{
	text-align: center;
}
.page-about .title:before{
	display: block;
	height: 80px;
	margin: 0 auto;
}
.page-about .title-wrap h2{
	font-family: "OpenSansEB", sans-serif;
    font-weight: 900;
    margin: 1.5em 0;
	font-style: italic;
	text-align: center;
	letter-spacing: -.1rem;
}
.page-about .title-wrap h2 a{
	font-family: "OpenSansEB", sans-serif;
    font-weight: 900;
	letter-spacing: -.1rem;
}
.page-about .subtitle-wrap>div{
	text-align: center;
}
.page-biz .category{
	display: flex;
    align-items: center;
}
.page-biz .category a{
	font-style: italic;
	font-family: 'NotoBlack', sans-serif;
    font-weight: 900;
    font-style: italic;
	text-decoration: none;
}
.page-biz .category:before{
	content:"";
	display: inline-block;
	background: linear-gradient(to top, #000 0%, #000 78%, transparent 100%);
    height: 100px;
    width: 1px;
    transform: rotate(12deg);
    margin: 0 23px -5px 10px;
}
.page-biz .subvisual{
	position: relative;
	background-position: 50% 50%;
	filter: saturate(0.8);
	opacity: 0;
	animation: lefttoright .5s ease 2s forwards;
}
.page-about .subvisual{
	position: relative;
	background-position: 50% 50%;
	background-size: cover;
	opacity: 0;
	animation: lefttoright .5s ease 2s forwards;
}
.page-about .rightview.plane{
	position: relative;
	background-position: 50% 50%;
	background-size: cover;
	filter: sepia(.6);
	opacity: 0;
}
.page-about .leftview{
	position: relative;
	background-position: 50% 50%;
	background-size: cover;
	opacity: 0;
}
.page-about .subvisualr{
	position: relative;
	background-position: 50% 50%;
	background-size: cover;
	filter: saturate(0.8);
	box-sizing: border-box;
    width: 100%;
    position: relative;
    height: 250px;
    display: flex;
    align-items: end;
	mask-image: linear-gradient(102deg, transparent 0%, transparent 10%, #000 10%, #000 100%);
	opacity: 0;
}
.page-about .leftslide-nodelay{
	animation: righttoleft .5s ease 0s forwards;
}
.page-about .rightslide-delay{
	animation: lefttoright .5s ease .5s forwards;
}
.page-about .leftslide{
	animation: righttoleft .5s ease 1s forwards;
}
.page-about .rightslide{
	animation: lefttoright .5s ease 0s forwards;
}

.page-about .subvisual.plane .eng{
	position: absolute;
	height: 100%;
	bottom: 0;
	left: 0;
	font-family: "OpenSansEB", sans-serif;
    font-weight: 900;
	font-style: italic;
	font-size: 8rem;
	letter-spacing: -.2rem;
	color: rgba(255,266,255,.1);
}

.page-biz.outline, .page-pro .cat-wrap, .page-about .exp-wrap{
	position: relative;
}
.page-about .exp-wrap .eng{
	font-family: "OpenSansEB", sans-serif;
    font-weight: 900;
	font-style: italic;
	font-size: 8rem;
    color: rgba(0,0,0,.1);
    letter-spacing: -.3rem;
}
.page-about .exp .eng{
	font-family: "OpenSansEB", sans-serif;
    font-weight: 800;
	font-style: italic;
	font-size: 8rem;
    color: rgba(0,0,0,.1);
    letter-spacing: -.2rem;
	text-align: center;
	line-height: 1;
}
.page-biz .cat-index, .page-about .cat-index{
	position: absolute;
	width: 52%;
	min-height: 120%;
	bottom: 0;
	right: 0;
	background-Image: linear-gradient(102deg, transparent 0%, transparent 15%, rgba(155, 244, 253, .4) 15%, rgba(155, 244, 253, .4) 100%);
	display: flex;
	justify-content: left;
    align-items: center;
	background-position: 50% 50%;
	background-size: cover;
	mask-image: linear-gradient(102deg, transparent 0%, transparent 13%, #000 13%, #000 100%);
	opacity: 0;
	animation: righttoleft .5s ease 2.5s forwards;
}
.page-about .cat-index{
	background-Image: linear-gradient(102deg, transparent 0%, transparent 15%, rgb(155,207,253,.4) 15%, rgba(155, 244, 253, .4) 100%);
}
.page-about .expleft{
	position: absolute;
	width: 52%;
	min-height: 120%;
	bottom: 0;
	right: 0;
	background-Image: linear-gradient(102deg, transparent 0%, transparent 15%, rgba(155, 244, 253, .4) 15%, rgb(155,207,253,.4) 100%);
	display: flex;
	justify-content: left;
    align-items: center;
	background-position: 50% 50%;
	background-size: cover;
	mask-image: linear-gradient(102deg, transparent 0%, transparent 13%, #000 13%, #000 100%);
	opacity: 0;
}
.page-biz .cat-index-inner{
	padding: 1.5em 1.5em 1.5em 20%;
}
 .page-about .exp-about-left{
	padding: 1.5em 15% 1.5em 20%;
}
.page-biz .cat-index h2, .page-about .exp-about-left h3, .page-about .expleft h3, .page-about .expright h3, .page-about .exp h3{
	font-family: 'NotoBlack', sans-serif;
    font-weight: 900;
	font-size: 1.5rem;
	font-style: italic;
	margin: .5em 0;
}
.page-about h3.relate{
	font-family: 'NotoBlack', sans-serif;
    font-weight: 900;
	font-size: 1.5rem;
	font-style: italic;
	display: flex;
    align-items: center;
	margin: .5em 0 0;
}
.page-about h3.relate:before{
    content: "";
    display: inline-block;
    background: linear-gradient(to top, #000 0%, #000 78%, transparent 100%);
    height: 80px;
    width: 1px;
    transform: rotate(12deg);
    margin: 0 23px -5px 0;
}
.page-biz .sub-header, .page-pro .sub-header{
	font-family: 'NotoBlack', sans-serif;
    font-weight: 900;
	font-size: 1.75rem;
	margin: .5em 0;
}
.page-biz h3.sub-header{
	font-family: 'NotoBlack', sans-serif;
    font-weight: 900;
	font-size: 1.5rem;
	margin: .5em 0;
}
.page-biz .cat-index ul{
	list-style: none;
	padding: 0;
}
.page-biz .cat-index li{
	display: inline-block;
	margin: 0 .5em .5em 0;
}
.page-about .expright{
	position: absolute;
	width: 52%;
	min-height: 120%;
	bottom: 0;
	left: 0;
	background-Image: linear-gradient(102deg, rgba(155, 244, 253, .4) 0%, rgb(155,207,253,.4) 85%, transparent 85%, transparent 100%);
	display: flex;
	justify-content: left;
    align-items: center;
	background-position: 50% 50%;
	background-size: cover;
	mask-image: linear-gradient(102deg, #000 0%, #000 87%, transparent 87%, transparent 100%);
	opacity: 0;
}
.page-about .exp-about-right{
	padding: 1.5em 20% 1.5em 15%;
}
section.page-biz:last-of-type{
	background-Image: linear-gradient(to top, #eee 0%, transparent 35%, transparent 100%);
	padding-bottom: 3em;
}
section.page-about:last-of-type{
	background-Image: linear-gradient(to top, #eee 0%, transparent 10%, transparent 100%);
	padding-bottom: 3em;
}
.add-animation {
    animation: zoom-fade 10s both;
}
.leftslide {
    animation: zoom-fade 10s both;
}
@keyframes lefttoright{
    0% {
        transform: translateX(-15%);
        opacity: 0;
    }
    95% {
        transform: translateX(0.5%);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes righttoleft{
    0% {
        transform: translateX(15%);
        opacity: 0;
    }
    95% {
        transform: translateX(-0.5%);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fakemask{
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(15px);
    }
}
.page-biz .description{
	margin: 1.5em 0;
	text-align: right;
}
.page-pro .pro-list{
	background-Image: linear-gradient(to top, #eee 0%, transparent 5%, transparent 100%);
	padding-bottom: 3em;
}
.page-pro .subvisual{
	position: relative;
	background-position: 50% 50%;
	background-size: cover;
	filter: saturate(0.6);
	opacity: 0;
	animation: lefttoright .5s ease 2s forwards;
	overflow:hidden;
}
.page-pro .pc-indexes, .page-biz .pc-indexes{
	display: block;
}
.page-pro .mob-indexes, .page-biz .mob-indexes{
	display: none;
}
.page-pro .cat-index{
	position: absolute;
	width: 52%;
	min-height: 120%;
	bottom: 0;
	right: 0;
	background-Image: linear-gradient(102deg, transparent 0%, transparent 15%, rgba(238, 238, 238, .5) 15%, rgba(238, 238, 238, .5) 100%);
	display: flex;
	justify-content: left;
    align-items: center;
	z-index: 100;
	opacity: 0;
	animation: righttoleft .5s ease 2.5s forwards;
	overflow:hidden;
}
.page-pro .filters{
	padding: 1.5em 1.5em 1.5em 20%;
}
.page-pro .filters label{
	margin: 0 .5em .5em 0;
}

@media (max-width: 1199px) {
	.subvisual{
		mask-image: linear-gradient(102deg, #000 0%, #000 93%, transparent 93%, transparent 100%);
	}
	.page-about .expleft{
		mask-image: linear-gradient(102deg, transparent 0%, transparent 17%, #000 17%, #000 100%);
	}
	.page-about .expright{
		mask-image: linear-gradient(102deg, #000 0%, #000 83%, transparent 83%, transparent 100%);
	}
	.page-about .exp-wrap .eng, .page-about .exp .eng{
		font-size: 6.5rem;
	}
}
@media (max-width: 992px) {
	.subvisual{
		mask-image: linear-gradient(102deg, #000 0%, #000 91%, transparent 91%, transparent 100%);
	}
	.page-pro .subvisual{
		background-position: 30% 50%;
	}
	.page-biz .cat-index, .page-about .expleft, .page-about .cat-index{
		position: relative;
		background-Image: linear-gradient(102deg, transparent 0%, transparent 3%, rgba(155, 244, 253, .4) 3%, rgba(155, 244, 253, .4) 100%);
    	width: 100%;
		bottom: 15px;
	}
	.page-pro .pc-indexes, .page-biz .pc-indexes{
		display: none;
	}
	.page-pro .mob-indexes, .page-biz .mob-indexes{
		display: block;
	}
	.page-pro .cat-index{
		position: relative;
		background-Image: linear-gradient(102deg, transparent 0%, transparent 3%, rgba(238, 238, 238, .5) 3%, rgba(238, 238, 238, .5) 100%);
    	width: 100%;
		bottom: 15px;
	}
	.page-about .expright{
		position: relative;
		background-Image: linear-gradient(102deg, rgba(155, 244, 253, .4) 0%, rgba(155, 244, 253, .4) 97%, transparent 97%, transparent 100%);
    	width: 100%;
		bottom: 15px;
	}
	.page-about .expleft.inimage, .page-about .expright.inimage {
		height: 250px;
		background-position: 0 50%;
	}
	.page-about .exp-wrap .eng {
		text-align: center;
	}
	.page-biz .cat-index-inner, .page-pro .filters{
		padding: 1.5em 1.5em 1.5em 15%;
	}
	.page-pro .mob-indexes{
		width: 100%;
	}
	.page-pro .form-s{
		padding: 3em 1.5em 3em 15%;
	}
	.page-about .exp-about-left{
		padding: 3em 3em 3em 20%;
	}
	.page-about .exp-about-right{
		padding: 3em 20% 3em 3em;
	}
	.page-biz .description{
		text-align: left;
	}
	.page-pro .pro-caption{
		display: none;
	}
}
@media (max-width: 767px) {
	#concept {
		margin-top: -1px;
	}
	.subvisual{
		mask-image: linear-gradient(102deg, #000 0%, #000 89%, transparent 89%, transparent 100%);
	}
	.page-pro .subvisual{
		background-position: 23% 50%;
	}
	.point div:nth-of-type(odd) {
		padding-right: 5px;
	}
	.point div:nth-of-type(even) {
		padding-left: 5px;
	}
}
@media (max-width: 575px) {
	.subvisual{
		mask-image: linear-gradient(102deg, #000 0%, #000 85%, transparent 85%, transparent 100%);
	}
	.page-about .title-wrap{
		height: 520px;
	}
	.page-about .title-wrap h2 a{
		display: block;
	}
	.page-about .exp-wrap .eng, .page-about .exp .eng{
		font-size: 4.5rem;
	}
	.page-about .exp .eng.cs{
		font-size: 4rem;
	}
	.page-pro .subvisual{
		background-position: 15% 50%;
	}
	.page-biz .subvisual:after, .page-pro .subvisual:after{
		width: 15%;
	}
	.page-biz .cat-index-inner, .page-pro .filters, .page-about .exp-about-left{
		padding: 3em 1.5em 3em 15%;
	}
	.page-about .exp-about-right{
		padding: 3em 15% 3em 1.5em;
	}
	.page-biz .cat-index li, .page-pro .filters label{
		margin: 0 0 .5em 0;
	}
	.page-pro .form-s{
		padding: 3em 1.5em;
	}
}

/* #contact */
.post-81 .subvisual{
	background-size: cover;
}
.page-contact .finish, .page-contact .confirm, .page-contact .loading, .page-contact .issue{
    display: none;
}
.page-contact .section-form{
    position: relative;
}
.section-form{
	background: url(/images/bg-stripe-gray.png);
	padding-top: 3rem;
}
.section-form>.container{
	margin-bottom: 3rem;
}
.form-inner{
	padding: 2.5rem;
	background: rgba(255, 255, 255, .55);
}
.simple-page.post-89 .subvisual {
	position: relative;
	background-position: 50% 50%;
	background-size: cover;
	filter: saturate(0.8);
	/* opacity: 0;
	animation: lefttoright .5s ease 2s forwards; */
	overflow:hidden;
}
.wpcf7-form{
    margin-top: 3em;
    padding: 1.5em 0 0;
    background-color: #f7f7f2;
    //background-Image: linear-gradient(102deg, transparent, transparent 10%, #f7f7f2 11%, #f7f7f2 89%, transparent 90%, transparent);
    position: relative;
}
.table-contact{
    position: relative;
}
.wpcf7-form:before{
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 250px;
    left: -250px;
    top: 0;
    background-Image: linear-gradient(-102deg, #f7f7f2, #f7f7f2 50%, transparent 51%, transparent);
}
.wpcf7-form:after{
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 250px;
    right: -250px;
    bottom: 0;
    background-Image: linear-gradient(-102deg, transparent, transparent 50%, #f7f7f2 51%, #f7f7f2);
}
.table-contact th label{
    font-weight: bold;
}
.table-contact label span{
    font-size: .7rem;
    background-color: #ff7800;
    border-radius: 2px;
    color: #fff;
    font-weight: normal;
    padding: .1em .5em;
    margin-right: .5em;
    vertical-align: middle;
}
.wpcf7-form .wpcf7-submit{
    width: 100%;
    background-color: #00CAFF;
    border: 1px #ccc solid;
    color: #fff;
    transition: all .5s ease;
}
.wpcf7-form .wpcf7-submit:hover{
    -webkit-transform: scale(.98);
    transform: scale(.98);
    color: #fff !important;
    background: #2fd4ff;
}
.wpcf7-form .wpcf7-submit:active{
    background: #1D2087;
}
.wpcf7 form .wpcf7-response-output{
	background: rgba(255, 255, 255, .5);
	margin: 2em 0.5em 0;
    text-align: center;
	padding: 1em;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #dc3232;
}

.form-group {
	margin-bottom: 30px;
}
span.any {
	display: inline-block;
	color: #fff;
	background: #aaa;
	padding: 3px;
	border-radius: 3px;
	font-size: 80%;
}
span.required {
	display: inline-block;
	color: #fff;
	background: #a40000;
	padding: 3px;
	font-size: .9rem;
}
/* .form-parts-title {
	font-size: 1rem;
	margin-left: 5px;
}
@media (min-width: 992px) {
	.form-parts-title {
		font-size: 1rem;
	}
}
@media (max-width: 575px) {

}
label,
.control-label {
	font-weight: 500;
} */
input[type=submit] {
	width: 214px;
	padding: 12px 0;
	margin: 1.5rem 0 0;
	font-size: 1.25rem;
    letter-spacing: .5rem;
}
input[type=button] {
	width: 214px;
	padding: 12px 0;
	margin: 1.5rem .33rem 0;
}
.wpcf7-response-output{
	margin-bottom: 1rem;
}
.chktxt{
	background: #fff;
	font-size: 1rem;
	padding: .33rem 1rem;
	margin-bottom: 1.5rem;
	white-space: pre-wrap;
	border: var(--bs-border-width) solid var(--bs-border-color);
}
.section-form .cta p{
	color: #fff;
}
.thanks-wrap{
	text-align: center;
}
.thanks{
	width: 440px;
	margin: 3rem auto;
	background: #fff;
	padding: 1rem;
}
.thanks h4{
	font-family: "BIZ UDMincho", serif;
    font-weight: 500 !important;
	margin: 1rem 0 1.5rem;
}
.thanks-inner{
	border: 2px solid #000;
	padding: .33rem;
}
.thanks-inner2{
	border: 1px dashed #000;
	text-align: left;
	padding: 1rem 1rem 0;
}

/* simple-page */
.simple-page h2, .simple-page h3{
    margin: 40px 0;
}
.simple-page h2 {
    font-size: 1.5rem;
}
.simple-page h2.post-heading{
    margin: 40px 0;
    display: block;
    font-style: italic;
	position: relative;
	padding-left: 1em;
}
.simple-page h2.corporate-map:before {
    content: '';
    display: block;
	position: absolute;
    background: linear-gradient(to top, transparent 0%, #000 3%, #000 87%, transparent 100%);
    height: 75px;
    width: 1px;
    margin: 0 10px 0 0;
    transform: rotate(12deg);
    padding: 0;
	left: 8px;
    bottom: -40px;
}
.simple-page h3 {
    font-size: 1.3rem;
}
.simple-page .cta {
    background: rgba(0, 0, 0, .55);
}
.simple-page .cta-caption p {
    color: #fff;
}
.corporate-info{
    width: 100%;
}
.corporate-info tr{
    border-bottom: 1px solid #ddd;
}
.corporate-info tr:nth-of-type(1) {
    border-top: 1px solid #ddd;
}
.corporate-info th, .corporate-info td{
    padding: 1.5rem 1rem;
}
.corporate-info th:last-of-type{
	vertical-align: top;

}
.corporate-info .corporate-address{
	text-align:right;
}
.corporate-info ul{
	list-style: none;
	padding: 0;
}
.simple-page .corporate-address{
	display: block;
	position: relative;
	text-align: right;
	padding-right: 1.5em;
}
.simple-page .corporate-address::first-line{
	font-weight: bold;
}
.simple-page .corporate-address:after {
    content: '';
    position: absolute;
    background: linear-gradient(to bottom, transparent 0%, #000 3%, #000 87%, transparent 100%);
    height: 85px;
    width: 1px;
    margin: 0 10px 0 0;
    transform: rotate(12deg);
    padding: 0 0 0 0;
	right: 0;
	top: -8px;
}
@media (max-width: 1200px) {
	.simple-page .panimate span.space{
		display: block;
	}
	/* company info */
	.page-id-81 .subvisual{
    	background-position: 55% 50%;
		background-size: cover;
	}
	.page-biz .panimate span{
		font-size: 9rem;
		letter-spacing: -.75rem;
	}
}
@media (max-width: 991px) {
	/* company info */
	.page-pro .panimate span, .simple-page .panimate span{
		font-size: 8rem;
		letter-spacing: -.8rem;
	}
	.page-biz .panimate span{
		font-size: 8rem;
		letter-spacing: -.8rem;
	}
	.page-id-81 .subvisual{
    	background-position: 60% 50%;
	}
	.simple-page .panimate span{

	}
	/* contact */
	.wpcf7-form{
		background: transparent;
		background-Image: linear-gradient(102deg, transparent 0%, transparent 3%, #f7f7f2 3%, #f7f7f2 97%,  transparent 97%, transparent 100%);
		padding: 1.5em 1.5em 0;
	}
	.wpcf7-form:before, .wpcf7-form:after{
		content: none;
	}
}
@media (max-width: 768px) {
	.page-pro .panimate span{
		font-size: 6rem;
		letter-spacing: -.6rem;
	}
	.page-biz .panimate span, .simple-page .panimate span{
		font-size: 5.8rem;
		letter-spacing: -.6rem;
	}
	.page-about .exp .eng{
		font-size: 6rem;
	}
}
@media (max-width: 575px) {
    .title-wrap{
        position: relative;
        height: 240px;
        z-index: 15;
    }
	.subtitle-wrap{
		left: 0;
    	top: 0;
		line-height: .9;
	}
    .panimate span{
        font-size: 5rem;
        letter-spacing: -.5rem;
    }
    .panimate span.space{
        padding: 0 .2rem;
    }
	.page-pro .panimate span, .simple-page .panimate span{
		font-size: 4rem;
        letter-spacing: -.4rem;
	}
	.page-biz .panimate span{
		font-size: 3.2rem;
        letter-spacing: -.3rem;
	}
	/* #page about */
	.rightview{
        height: 190px;
		mask-image: linear-gradient(102deg, #000 0%, #000 90%, transparent 90%, transparent 100%);
    }
	.leftview {
        height: 190px;
		mask-image: linear-gradient(102deg, transparent 0%, transparent 10%, #000 10%, #000 100%);
	}
	.page-about .hanimate span{
		font-size: 5.9rem;
		letter-spacing: -.6rem;
	}
	.corporate-info th, .corporate-info td{
    	display: block;
	}
	.corporate-info th{
		font-weight: bold;
		padding: 1.5rem 0 0 0;
	}
	.corporate-info td{
		padding: 0;
	}
	/* contact */
	.simple-page.post-89 .subvisual {
        height: 190px;
	}
    .table-contact th, .table-contact td{
        display:block;
        margin-bottom: .3em;
    }
    .table-contact td{
        margin-bottom: .5em;
    }
    .table-contact th>p, .table-contact td>p{
        margin-bottom: 0;
    }

	.wpcf7-form input, .wpcf7-form textarea{
		width: 100% !important;
	}
}
@media (max-width: 500px) {
	.page-contact .subvisual{
        height: 190px;
    }
	.section-form{
		padding-top: 0;
	}
	.form-inner{
		padding-right: calc(var(--bs-gutter-x)* .5);
    	padding-left: calc(var(--bs-gutter-x)* .5);
	}
	.thanks{
		width: 100%;
	}
}