@media all and (max-width: 960px) {
.mbs { margin-bottom: 4px; }
.mbm { margin-bottom: 8px; }
.mbl { margin-bottom: 16px; }
.mbxl { margin-bottom: 20px; }
.mbxl2 { margin-bottom: 40px; }
.nmb { margin-bottom: 0 !important; }

.mts { margin-top: 4px; }
.mtm { margin-top: 8px; }
.mtl { margin-top: 16px; }
.mtxl { margin-top: 20px; }
.mtxl2 { margin-top: 40px; }
.nmt { margin-top: 0 !important; }

.po { display: none; }
.mo { display: inline-block; }
.exwm {
	width: 100%;
	margin-left: 0;
}
.exwm .col {
	margin: 0;
	margin-bottom: 10px;
}
html {
	font-size: 52.5%;
}
body { }
#header {
	height: 50px;
}
.open #header {
	height: 100vh;
}
.open #logo {
	top: 25px;
}
#inq {
	padding: 20px;
	padding-bottom: 32px;
	width: 100%;
}
.call #inq {
	left: 0;
}
#inq .close {
	top: 16px;
	right: 16px;
}
#lnb {
	display: none;
	width: calc(100% - 40px);
}
#lnb a {
	border-top: 1px solid;
	padding: 12px 0;
	text-align: center;
	margin: 0;
	float: left;
	width: 50%;
}
#lnb a:first-child {
	border-right: 1px solid;
}
.open #lnb {
	display: block;
	left: 20px;
	right: auto;
	position: fixed;
	top: auto;
	bottom: 0;
}
.wpcf7-form textarea {
	max-height: 120px;
}
.wpcf7-form .wpcf7-submit {
	background-size: 20px;
}
#hamberger {
	position: fixed;
	top: 17px;
	width: 24px;
	height: 16px;
	right: 20px;
	cursor: pointer;
	z-index: 999;
}
#hamberger span {
	width: 100%;
	height: 2px;
	background-color: #000;
	display: block;
	position: absolute;
	top: 0;
	transform: rotate(0deg);
	transition: 300ms ease-in-out;
}
.dark #hamberger span {
	background-color: #fff;
}
/*
.single #hamberger, 
.page-template-home #hamberger {
	filter: invert(1);
}
.single #hamberger.act, 
.page-template-home #hamberger.act {
	filter: invert(0);
}
*/
#hamberger span:nth-child(1) {
	top: 0px;
}
#hamberger span:nth-child(2) {
	top: 50%;
	transform: translate(0%, -50%);
}
#hamberger span:nth-child(3) {
	top: auto;
	bottom: 0;
}
#hamberger.open span:nth-child(1) {
	transform: rotate(45deg);
	top: 50%;
}
#hamberger.open span:nth-child(2) {
	opacity: 0;
}
#hamberger.open span:nth-child(3) {
	transform: rotate(-45deg);
	top: 50%;
}
.cont {
	margin-top: 56px;
	margin-bottom: 64px;
}
#logo img {
	height: 32px;
}
#ty-intro {
	height: 80vh;
}
#banner {
	display: none;
}
#nav {
	background-color: #fff;
	width: calc(100% + 48px);
	top: 20vh;
	left: -24px;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	transition: opacity 50ms ease, top 200ms ease;
}
.dark #nav {
	background-color: #000;
}
#search-cont h1.title {
	font-size: 2.4rem;
	line-height: 1.4;
}
.col6 {
	padding-top: 10px;
	width: 47.5%;
}
#menu-gnb li {
	display: block;
	margin: 0 auto;
	border-top: 1px solid;
	padding: 16px 0;
	width: calc(100% - 40px);
	overflow: auto;
}
#menu-gnb .sub-menu li {
	padding: 0;
	margin: 0;
	width: 100%;
	border-bottom: none;
}
#menu-gnb li a {
	text-align: left;
	font-size: 2rem;
	padding: 2px 0;
	box-sizing: border-box;
}
#menu-gnb .sub-menu {
	width: 50%;
	float: left;
	position: static;
	display: block;
	background-color: #fff;
}
#menu-gnb .sub-menu li a {
	padding: 4px 0;
	width: 100%;
}
#menu-gnb {
	position: static;
	margin-top: 72px;
	width: 100%;
}
.page-template-home #menu-gnb {
	margin-top: 108px;
}
.open #nav {
	top: 0;
	left: 0;
	visibility: visible;
	opacity: 1;
	position: fixed;
	transform: translate(0, 0);
	transition: opacity 400ms ease, top 200ms ease;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}
.lmt {
	width: calc(100% - 40px);
}
.cont-head {
	height: auto;
	margin-bottom: 0;
}
.cont-head article {
	width: 80%;
}
.cont-head a.arrrmove {
	width: 32px;
	height: 32px;
}
.cont-head a.arrrmove::after {
	background-size: 20px;
}
.cont-head h1.title {
	font-size: 4rem;
}
.cont-body #cont-head-filter div.colcenter::after,
.cont-head .exw div.colcenter::after {
	display: none;
}
.cont-body #cont-head-filter div.colcenter::before,
.cont-head .exw div.colcenter::before {
	display: none;
}
.cont-body #cont-head-filter div.col, .cont-head .exw div.col {
	width: 100%;
	font-size: 1.6rem;
}
.cont-body #cont-head-filter div.col4,
.cont-head .exw div.col4 {
}
.cont-body #cont-head-filter div#info-first,
.cont-head .exw div#info-first {
	width: 100%;
}
#info-first p {
	float: left;
	width: 30%;
	line-height: 1.5;
}
#news-list #info-first p, 
#typogallery-list #info-first p {
	width: 100%;
}
#typogallery-list  #cont-head-info .last {
	width: 100%;
}
#cont-head-filter .colcenter, 
#cont-head-info .colcenter {
	width: 30%;
	line-height: 1.5;
}	
#cont-head-filter .last, 
#cont-head-info .last {
	width: 70%;
	line-height: 1.5;
}
.cont-head .menu li {
	margin-right: 10px;
	margin-bottom: 5px;
}
.pagination .current, .pagination a {
	width: 22px;
	height: 22px;
	padding: 0;
	line-height: 22px;
	margin-bottom: 5px;
}
.arrr::after {
	width: 18px;
	height: 18px;
	background-size: 12px;
	background-position: center;
}
.sec-inner {
	padding: 60px 0;
}
.sec-title {
	width: 80%;
}
.sec-title p {
	margin-top: 10px;
}
.slick-prev, .slick-next {
	width: 28px;
	height: 28px;
	background-size: 16px;
	display: none !important;
}
.slide-text {
	margin-top: 56px;
}
.slide-text div ul {
	margin-top: 10px;
}
#service-option .wp-block-media-text__content h3,
.slide-text h3 {
	margin: 0;
	width: 100%;
	float: none;
}
#service-option .wp-block-media-text__content p {
	margin-top: 4px;
}
.slide-text div {
	width: 100%;
	margin-left: 0;
}
#service-option .wp-block-media-text {
	width: 100%;
	margin: 0 0 24px 0;
}
#service-option .exw {
	width: 100%;
	margin-left: 0;
}
#service-option .wp-block-media-text__content ul {
	margin-left: 0;
}
#service-cost .li3 {
	width: calc(50% - 32px);
}
#service-cost li h4,
#service-cost li h5 {
	float: none;
}
#service-special .tab-cont div img {
	width: 100%;
}
#service-special .tab-cont article {
	width: 100%;
	margin-left: 0;
	margin-top: 16px;
}
#ft-logo img {
	height: 32px;
}
footer #ft-info {
	width: 100%;
	float: left;
	margin-top: 10px;
}
footer .inner ul li {
	width: calc(50% - 32px);
}
footer .inner {
	padding: 20px 0 0;
}
.tab-title li {
	padding: 4px 10px;
}
#menu-gnb .sub-menu li a:hover {
	color: #bbb;
}
#home-about div {
	padding: 0 20px;
}
#home-about p {
	font-size: calc(2vw + 2vh + 2vmin);
	line-height: 1.5;
}
#home-about {
	top: 3vh;
	height: 96vh;
}
#home-goto {
	width: 100%;
	margin-left: 0;
	left: 0;
	height: auto !important;
}
#home-goto a {
	width: 70% !important;
	margin: 10px auto;
	display: block;
	font-size: calc(2vw + 3vh + 2vmin) !important;
}
#home-about p.last {
	text-indent: 5rem;
}
.subtit {
	font-size: calc(2vw + 2vh + .75vmin); 
}
.col4 {
	width: 47.5%;
} 
.col .title {
	font-size: calc(1vw + 1vh + 1vmin);
	display: block;
	margin-left: 0;
}
.col .cate span {
}
#home-news .subtit,
#home-project .subtit {
	padding-top: 5vh;
	margin-bottom: 2.5vh;
}
#home-news .more2 {
	top: 5vh;
	padding: 8px 12px;
	padding-right: 38px !important;
}
#home-news .more2::after {
	background-position: right center;
}
.arrr::after {
}
.arrrnb::after {
	background-size: 75%;
}
ul.txt-list li a {
	flex-wrap: wrap;
}
ul.txt-list li a h3 {
	width: 66%;
}
ul.txt-list li a h3:nth-child(1) {
	font-size: 1.3rem;
	width: 100%;
	padding-bottom: 4px;
}
ul.txt-list li a h3.ellipsis {
	width: 60%;
	padding-right: 10px;
}
ul.txt-list li a h3:nth-child(3) {
	font-size: 1.3rem;
	width: auto;
	position: absolute;
	right: 0;
}
#fab {
	bottom: 16px;
	right: 16px;
	width: 40px;
	height: 40px;
}
#home-news {
	padding-top: 5vh;
	padding-bottom: 5vh;
}
ul.txt-list li a h3 {
	font-size: calc(1vw + 1vh + 1vmin);
}
footer .inner {
	padding: 32px 0 22px;
}
footer img.col {
	width: 120px;
}
footer .exw {
	width: 100%;
	margin-left: 0;
}
footer .inner ul li {
	width: 100%;
}
#copy a, #copy span, footer ul li, footer p, footer ul li a {
	font-size: calc(1vw + 1vh + .5vmin);
}
footer .col4 {
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
}
#sns {
	position: absolute;
	top: 32px;
	right: 0;
}
footer #sns a img {
	width: 30px;
	height: 30px;
}
#family a {
	width: 23% !important;
	margin: 1% !important;
}
#copy {
	margin-top: 8px;
}
#setting {
	font-size: 1.5rem;
	padding: 28px 20px;
	padding-bottom: 60px;
}
#setting h5 {
	padding-bottom: 0;
	margin-bottom: 10px;
	font-size: 1.5rem;
	line-height: 1;
	border-bottom: none;
}
#setting section:last-child {
	margin-left: 0;
	border-top: 1px solid #999;;
	margin-top: 16px;
	padding-top: 16px;
}
#setting a {
	font-size: 1.8rem;
}
#setting section {
	width: 100%;
}
#setting ol {
	line-height: 1;
}
#setting ol li {
	margin-left: 0;
}
#b-color ol li a {
	width: 18px;
	height: 18px;
}
#introduction p {
	font-size: 2.4rem;
	line-height: 1.5;
}
#introduction p.last {
	text-indent: 5rem;
}
.slick-dots {
	bottom: 5px !important;
	font-size: 0;
}
#about .sec h1.title {
	padding: 2.5vh 0 4vh;
}
.cont-title {
	padding: 3vh 0 5vh;
}
#about-brand .exw .col {
	width: 100% !important;
	padding: 0;
	margin: 0;
}
#about .sec {
	margin-top: 10vh;
}
#about-brand div.exw .col {
	padding-bottom: 0;
	padding-top: 0;
}
#about-brand div.exw .colcenter {
	padding: 2vh 0;
}
#about-brand div.exw {
	padding: 3vh 0;
}
#about-brand div.exw .col p {
	float: left;
	margin-right: 5px;
}
#about-culture .col2 {
	width: 100%;
	margin: 0;
}
#about-culture li.col2 {
	margin-bottom: 5vh;
}
#about-culture li.col2 .slide {
	margin-bottom: 2vh;
}
.pagination {
	margin-top: 1vh;
}
.mwbreak {
	word-break: break-all;
}
.category-typogallery .slick-lightbox-close {
	top: 16px;
	right: 16px;
}
.slick-lightbox .slick-prev {
	left: 8px;
}
.slick-lightbox .slick-next {
	right: 8px;
}
.category-typogallery .slick-lightbox-slick-caption {
	font-size: 1.5rem;
}
#typogallery-list .cont-body #cont-head-filter .col {
	margin-bottom: 2.25% !important;
}
#typogallery-list .cont-body #cont-head-filter .col:first-child, 
#typogallery-list .cont-body #cont-head-filter .colcenter {
	width: 50%;
	float: left;
}
.page-template-home #menu-gnb li a, .page-template-home #lnb a {
	color: #000;
}
.dark #menu-gnb li a,
.dark #lnb a {
	color: #fff;
}
span.more {
	display: none;
}
#single .cont-head {
	height: 36vh;
}
#single .cont-body {
	margin-top: 32px;
}
.post-head div {
	width: 100%;
}
.post-info .t6, 
.post-head .t6 {
	font-size: 2rem;
}
.post-info .fir {
	width: 100%;
}
.post-info ul {
	margin-top: 10px;
	width: 100%;
}
.post-info ul .col2 {
	width: 50%;
	padding-right: 5%;
	box-sizing: border-box;
}
.post-head .post-desc {
	border-top: 1px solid #000;
	margin-top: 10px;
	padding-top: 10px;
}
.post-head .subtit {
	font-size: 2.4rem;
	line-height: 1.4;
	margin-bottom: 2px;
}
.category-news #hamberger {
	filter: invert(0);
}
#single-news .cont-head {
	width: 100%;
}
#single-news .cont-head .cont-title {
	padding: 2.5vh 0;
}
#single-news .cont-head h1 {
	font-size: calc(1.5vw + 1.5vh + 1vmin);
	line-height: 1.5;
}
#single-news .cont-head .t6 {
	font-size: 1.6rem;
}
#single-news .cont-body .post-body {
	width: 100%;
	margin: 0;
}
#single-news .cont-body .post-related {
	width: 100%;
	margin: 0;
	padding-top: 8px;
}
#postlink {
	margin-top: 8px;
}
.col .cate span {
	font-size: calc(1vw + 1vh + .1vmin);
	margin-right: 5px;
	padding: 2px 7px;
	margin-bottom: 3px;
}
#fab .back img {
	width: 60%;
}
#home-visual .item::after {
	width: calc(100% - 40px);
	height: calc(100% - 100px);
	top: 60px;
	left: 20px;
}
#home-visual div h2 {
	font-size: calc(4vw + 4vh + 1vmin);
}
.slick-dots li button {
	width: 8px;
	height: 8px;
}
.slick-dots li {
	margin: 0 3px;
}
#about .sec a, #about .sec p {
	font-size: 2rem;
}
#home-visual #main-visual-3.slick-current::after {
	width: 76%;
	border-color: #fff;
	left: 12%;
	border-radius: 0;
	transform: skewX(5deg);
	transition: 1s;
}
#about-organization .col {
	width: 100%;
}
#about-organization .col:first-child {
	margin: 16px 0 40px;
}
#about-organization h4 {
	float: left;
	width: 40%;
}
#about-organization .col img.rd {
	top: 12px;
	top: 12px;
	width: 36px;
}
.cont-body #cont-head-filter div.col, .cont-head .exw div.col {
	padding-top: 10px;
}
.category-typogallery .slick-prev,
.category-typogallery .slick-next {
	display: block !important;
}
#single-news #postlink li span {
	font-size: 1.3rem;
	display: block;
}
#searching {
	padding: 20px;
	height: calc(var(--vh, 1vh) * 100);
}
#searching.act {
	height: 100vh;
}
#intro,
#home-visual, 
#intro a img {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}
#searching .search-wrap {
	left: 20px;
	width: calc(100% - 40px);
}
#searchform input[type=search] {
	font-size: 2rem;
	padding: 0;
	height: 40px;
	width: calc(100% - 32px);
}
#searching #rec {
	left: 20px;
}
#searching #rec .item {
	margin-top: 20px;
	width: 100%;
}
#searchform input#searchsubmit {
	width: 32px;
	background-size: 20px;
	height: 40px;
}
#searching a.close {
	top: 16px;
	right: 20px;
	line-height: 1;
}
#document {
	margin-top: 90px;
}
#search-cont .cont-body li {
	font-size: 1.4rem;
}
#single .cont-body h2 {
	font-size: 1.8rem;
	margin-top: 48px;
	margin-bottom: 12px;
}
#single .cont-body .gall {
	margin-top: 48px;
}
#single .cont-body .wp-block-image figcaption {
	font-size: 1.6rem;
}
.meta {
	margin-right: 4px;
}
.post-body figure.mtxl {
	margin-top: 48px !important;
}
.wp-block-table th,
.wp-block-table td {
	padding: 16px;
	box-sizing: border-box;
}
#setting #type ol li {
	margin-right: 8px;
	padding-left: 8px;
}
#setting #type ol li a {
	font-size: 1.8rem;
}
.post-head a.arrr {
	font-size: 1.6rem;
	padding-right: 18px;
}
/* typocommunication 
------------------------------------------------------------------------ */
.page-template-typocommunication #hamberger span {
	background-color: #fff;
}
#page-typocommunication {
	word-wrap: break-word;
}
#page-typocommunication .twrap h4 {
	font-size: 2.3rem;
	letter-spacing: -0.03em;
}
#page-typocommunication .twrap h2 {
	font-size: 3.5rem;
	letter-spacing: -0.03em;
}
#ty-1-t p {
	width: 100%;
}
#ty-1-v {
	width: 100%;
}
#ty-1 {
	padding-bottom: 0;
}
#ty-2 h2 {
	font-size: 3.5rem;
padding: 12px;
}
#ty-44 {
	width: 100%;
}
#ty-3 .twrap .slk2 {
	margin-bottom: 10vw;
}
#ty-4 {
	margin-top: 0 !important;
	width: 100% !important;
	padding: 20vh 20px;
	box-sizing: border-box;
}
#ty-4 .fx>* {
	padding: 16px;
	width: 100%;
}
#ty-4 .fx>* h2 {
	font-size: 4rem;
}
#ty-4 .fx>* p.nrw {
	width: 100%;
		   margin-left: 0;
}
#ty-4per {
	flex-direction: column-reverse !important;
}
#ty-4 h2 {
	margin-top: 0 !important;
}
#ty-4 .fx {
	flex-wrap: wrap;
	flex-direction: column;
	padding: 5vh 0;
}
#ty-4-end h2 {
	font-size: 3.5rem;
	margin-top: 5vh !important;
}
#ty-4-end {
	margin-top: 5vh;
}
#ty-6-1,
#ty-45 .wl {
	width: 100%;
}
#ty-6-1 h2,
#ty-45 h2 {
	font-size: 4rem;
}
#ty-6-1 h3,
#ty-45 h3 {
	font-size: 3rem;
}
#ty-6-1 h4,
#ty-45 h4 {
	font-size: 2.4rem;
}
#ty-6-1 p,
#ty-45 p {
	font-size: 1.8rem;
	width: 100%;
}
#ty-45 .slk2 img {
height: 100px;
margin: 0;
}
#ty-4 .twrap {
	width: 100%;
}
#ty-44 h2::after,
#ty-44 h2, #ty-44 h3 {
	font-size: 4rem;
}
#ty-3 {
	flex-wrap: wrap;
	flex-direction: column;
}
#ty-3 img {
width: 100%;
height: 50vh;
		object-fit: cover;
		object-position: bottom;
}
#ty-3 .twrap {
width: 100%;
margin-top: 0 !important;
padding-top: 40px;
}
#ty-3 .twrap .slk2 div h2 {
	font-size: 4rem;
}
#ty-3 .twrap h4 {
	margin-top: 30px;
}
#ty-3 .twrap section h4 {
	width: 100%;
	padding-left: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
}
#ty-3 .twrap article {
	padding-left: 20px;
}
.wm {
	width: 75%;
}
#ty-1-t h2 {
	margin: 20px auto;
}
#ty-3 .twrap {
	position: static;
}
#ty-4 .slk .slick-slide {
	border-radius: 24px;
	background: #222;
	padding: 16px;
	box-sizing: border-box;
	border: 1px solid #888;
	position: relative;
	aspect-ratio: 3 / 4;
	margin: 0 10px;
}
#ty-5 .d2 h6 {
	font-size: 3rem;
}
#ty-8 {
	margin-top: 20vh !important;
}
#ty-4 .slk .slick-slide h3 {
	font-size: 1.8rem;
	margin-top: 4px;
}
#ty-4 .slk .slick-slide img {
	width: 48px;
	right: 16px;
	bottom: 16px;
}
#page-typocommunication .sec {
	margin: 20vh auto;
	width: calc(100% - 40px);
}
#page-typocommunication #ty-5, 
#page-typocommunication #ty-intro {
	width: 100%;
}
.secl {
	padding-left: 0%;
	box-sizing: border-box;
}
#page-typocommunication .twrap h3 {
	font-size: 3rem;
}
#page-typocommunication .twrap p {
	font-size: 1.85rem;
}
#ty-3 video {
	width: 100%;
}
#ty-4 .slk .slick-slide {
	margin-left: 0;
}
#ty-3 .twrap {
	margin-top: 16px;
}
#ty-5 .twrap {
	width: 100%;
}
#ty-7 .img {
	width: 90%;
}
#ty-7 .act img#i1 {
	transform: translate(0, 0px) rotate(10deg);
}
#ty-7 .act img#i2 {
	transform: translate(0, -0%) rotate(-15deg);
}
#ty-7 .act img#i3 {
	transform: translate(0, -0%) rotate(15deg);
}
#ty-7 .act img#i4 {
	transform: translate(0, -0%) rotate(-20deg);
}
#ty-2 ul {
	margin-top: 5vh;
}
#ty-2 li {
	padding: 0;
	margin: 0 12px;
	margin-left: 0;
}
#ty-2-2 li {
	padding: 16px;
    aspect-ratio: 2 / 3;
}
#ty-2-2 li img {
	width: 60px !important;
}
#ty-2 .twrap li h3 {
	font-size: 1.8rem;
}
#ty-2 li img {
	width: 100%;
		   margin-top: 24px;
}
#ty-2 .twrap {
	padding: 0;
}
#ty-7 ul.fx {
	flex-wrap: wrap;
	flex-direction: column;
}
#ty-7 .txt {
	position: static;
	transform: translate(0);
}
#ty-7 .txt li {
	aspect-ratio: initial;
	padding: 9vh 0;
	border-bottom: none;
}
#ty-7-txt {
	width: 90%;
}
#ty-7 {
	padding-bottom: 0;
}
#ty-7-txt h4 {
	font-size: 2.8rem !important;
}
#ty-7 .txt li h4 {
	margin-bottom: 12px;
}
#ty-7 .txt li .cent {
	width: 90%;
}
#ty-7 .txt li.ee {
	display: none;
}
#ty-8-txt h2 {
	font-size: 5rem !important;
}
#ty-6 .txt li.ee {
display: none;
}
#ty-6 ul.fx {
	flex-wrap: wrap;
	flex-direction: column;
	border-bottom: 1px solid;
}
#ty-6 .txt li {
	aspect-ratio: auto;
	padding: 24px 10px;
	border: none;
	border-top: 1px solid;
}
#ty-6 .txt li h4 {
	margin-bottom: 16px;
	font-size: 2.8rem;
}
#ty-7-txt h4 {
	font-size: 2.2rem !important;
}
#ty-5 .fx {
	flex-wrap: wrap;
	flex-direction: column;
	padding: 0 20px;
			 box-sizing: border-box;
			 align-items: initial;
}
#ty-5 {
	margin-bottom: 0;
	padding-bottom: 0;
}
#ty-5 h4 {
	text-align: left;
}
#ty-6 .txt li .cent {
position: static;
transform: translate(0);
}
#ty-8-txt a span {
	font-size: 4rem;
	vertical-align: top;
}
#ty-9 .img img {
	height: 40px;
}
#ty-9 .img img#i1.on {
	left: 50%;
}
#ty-9 .img img#i2.on {
	top: 32.5%;
	left: 45%;
}
#ty-9 .img img#i3.on {
	top: 52.5%;
	left: 55%;
}
#ty-9 .img img#i4.on {
	top: 72.5%;
}
.slk2 img {
	width: 280px;
}
article.secl h3 {
	margin: 18px 0;
}
#ty-11 .por video {
	position: absolute;
	z-index: -2;
	right: 0;
	width: 40%;
	bottom: 0;
}
article.secl p {
	font-size: 1.7rem;
	margin-top: 24px;
	margin-bottom: 0;
	padding-bottom: 24px;
}
#ty-8-txt a {
	margin-top: 12px;
	display: block;
}
#ty-11,
#ty-12,
#ty-13,
#ty-15,
#ty-16,
#ty-10 {
	width: 100% !important;
}
.page-template-typocommunication #hamberger.open span {
	background-color: #000;
}
#ty-11 article, 
#ty-12 article, 
#ty-13 article, 
#ty-15 article, 
#ty-16 article, 
#ty-10 article {
	padding-left: 20px;
}
#ty-4 .twrap p {
	width: 100%;
}
#ty-13 {
	margin-top: 10vh !important;
}
#ty-9 #lt2 {
	width: 45%;
	z-index: -2;
	top: -20%;
	right: 0;
}
#ty-12 #gom {
	width: 20%;
	right: 20px;
	bottom: 24px;
}
#ty-13 #ttwe {
	left: 20px;
	height: 15vh;
	width: auto;
}
#ty-13 #ttwe2 {
	height: 15vh;
}
#ty-13 #ttwe.on {
	top: 150px;
}
#ty-12 .porvv {
	z-index: -1;
	height: 70vh;
	object-fit: cover;
}
.por article {
	position: static;
}	
#ty-12 .porv {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
#ty-9 {
	width: 100% !important;
}
#ty-13 #ttwe2.on {
	top: 100px;
	right: 20px;
}
#ty-14 ul li div {
	position: static;
	padding: 5vh 0;
}
#ty-14 ul li div h3 {
	font-size: 2rem;
}
#ty-14 ul {
	flex-direction: column;
	flex-wrap: wrap;
}
#ty-14 ul::after {
	display: none;
}
#ty-14 ul li {
	padding-bottom: 0;
	width: 100%;
}
#ty-15 p {
	font-size: 4rem;
}
#ty-16 a span {
	font-size: 2rem;
}
#ty-16 a {
	width: 100%;
	font-size: 3rem;
}
#ty-9 article {
	width: calc(100% - 40px) !important;
	padding-left: 20px;
}
#wrap4.on::before {
display: none;
}
#ty-4 .fx>* p {
width: 100%;
}
}