@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.jp{font-family: "FOT-筑紫ゴシック Pr5 L",sans-serif;}
.jpr{font-family: "FOT-筑紫ゴシック Pr5 R",sans-serif;}
.jpm{font-family: "FOT-筑紫ゴシック Pr5 M",sans-serif;}
.jpd{font-family: "FOT-筑紫ゴシック Pr5 D",sans-serif;}

.en{
                font-family: "Roboto",sans-serif;
	font-weight: 300;
	font-style: normal;
                }

/*
*/
@font-face {
	font-family: 'financier-display-light';
	src: url('../fonts/financier-display-light.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'financier-display-regular';
	src: url('../fonts/financier-display-regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'financier-display-medium';
	src: url('../fonts/financier-display-medium.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.serif{font-family: "financier-display-light",serif;letter-spacing: .05em;}
.serifr{font-family: "financier-display-regular",serif;letter-spacing: .05em;}
.serifm{font-family: "financier-display-medium",serif;letter-spacing: .05em;}



/*================================

loading

================================*/


#loading-screen {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: #fff;
                z-index: 100001;
                opacity: 1;
                transition: opacity 1.5s ease;
	pointer-events: none;
	cursor: default;
                }

.fade-out {
                opacity: 0 !important;
                }


/*================================

KOKUYO Header / Footer

================================*/

/*
#hdArea {
                position: relative !important;
                }


#header_All02,
#footer_bottom02,
.pagetop,
#footer02{
	}
@media screen and (max-width: 1024px) {
#header_All02,
#footer_bottom02,
.pagetop,
#footer02 {
	display: none;
	}
	}

.p-page-top{
                display: none !important;
                opacity: 0 !important;
                }
.pagetop a{
                display: none;
                }

.p-main-title__sp-lower{
                display: none;
                }

.c-button-pagetop{
                display: none;
                }

.p-main-title{
                position: relative !important;
                top: auto !important;
                height: 50px;
                }

#main_title {
                z-index:1000;
                }

#footer_wrapper .pagetop{
                display: none !important;
                }

@media screen and (max-width: 1024px){
footer.p-footer.u-hidePc {
                display: block;
                }
                }
*/

/*================================

ヘッダー調整

================================*/
/*
@media screen and (min-width: 1025px){
#hdArea {
                display: block;
                position: relative;
                width: 100%;
                height: 89px;
                background-color: #fff;
                z-index: 100000;
                }
                }
.hdSpace {
                display: none;
                }
*/

[data-action~=header] {
                --headAreaYOffset: 0;
                position: absolute !important;
                }


/*================================

common

================================*/

html { scroll-behavior: auto; }

html, body {
                height: auto;   /* 100% は不要 */
                min-height: 100%; /* ページが短いときも全画面 */
                margin: 0;
	position: relative;
	/*height: 100%;*/
                background-color: #fff;
	}

html .allWrap, html body {
                overflow: unset !important;
                }


.__saibi .sp{	display: none !important;	}
@media screen and (max-width: 768px) {
.__saibi .sp{	display: block !important;	}
	}

.__saibi .pc{	display: block !important;	}
@media screen and (max-width: 768px) {
.__saibi .pc{	display: none !important;	}
	}

.__saibi .spi{	display: none;	}
@media screen and (max-width: 768px) {
.__saibi .spi{	display: inline;	}
	}

.__saibi .pci{	display: inline;	}
@media screen and (max-width: 768px) {
.__saibi .pci{	display: none;	}
	}

html, body, svg{
	margin: 0;
	padding: 0;
	}

.__saibi * {
	box-sizing: border-box;
	}

.__saibi p{
	margin: 0;
	padding: 0;
	font-weight: normal;
                font-weight: 300;
	}

::selection {
	background: #f3f3f3;
	color: #222;
	}
::-moz-selection {
	background: #f3f3f3;
	color: #222;
	}

.__saibi a{
	color: #222;
	text-decoration: none;
                -webkit-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}

.__saibi a:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
	}

.__saibi a:focus, *:focus {
	outline: none;
	}

.__saibi a.telLink{
	pointer-events: none;
	}
@media screen and (max-width: 768px) {
.__saibi a.telLink{
	pointer-events: auto;
	}
	}

.__saibi img{
	vertical-align: bottom;
	}

.__saibi ul,
.__saibi ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.__saibi ._white{
                color: #fff;
	}

#content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	}

.__saibi h1,h2,h3,h4,h5,p{
	font-weight: normal;
                font-weight: 300;
                }

.__saibi h1,h2,h3,h4,h5,p,img{
                padding: 0;
                margin: 0;
                }


.__saibi .scroll-prevent {
                position: fixed;
                z-index: -1;
                top: -60px;
                left: 0;
                width: 100%;
                height: 100%;
                }

.__saibi ._line {
                width: 50%;
                height: 60px;
                transform: scale(1, 2.5) translateY(50px);
                border-right: 1px solid #777;
                }
.__saibi ._line._over {
                width: 50%;
                height: 60px;
                transform: scale(1, 2.5) translateY(-50px);
                border-right: 1px solid #777;
                }
@media screen and (max-width: 768px) {
.__saibi ._line {
                height: 40px;
                }
.__saibi ._line._over {
                height: 60px;
                }
                }

.__saibi .view{
                opacity: 0;
                /*filter: grayscale(100%);*/
                }

.__saibi .view.inview{
                opacity: 1;
                /*filter: grayscale(0);*/
                transition:  all 3s;
                /*transition-delay:.5s;*/
                }

.__saibi .word.view{
                opacity: 0;
                transform: translateY(20px);
                }

.__saibi .word.view.inview{
                opacity: 1;
                transition:  all 2s;
                transform: translateY(0);
                }


.__saibi .rond {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
                }

.__saibi a:focus,
.__saibi button:focus {
  outline: none;
}



.__saibi ._link-center{
                margin: auto;
                }

.__saibi ._link-center a{
	display: flex;
	align-items: center;
	justify-content: center;
                padding: 15px 10px;
                border-bottom: 1px solid #000;
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
                }

.__saibi ._link-center a:hover{
                padding: 15px 40px;
                }

.__saibi ._link-center a p{
                font-size: .9em;
                text-align: center;
                line-height: 1em;
                }


.__saibi ._link-left{
                }

.__saibi ._link-left a{
	display: flex;
	align-items: flex-start;
	justify-content: center;
                padding: 15px 80px 15px 0;
                border-bottom: 1px solid #000;
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
                }

.__saibi ._link-left a:hover{
                padding: 15px 100px 15px 0;
                }

.__saibi ._link-left a p{
                font-size: .9em;
                text-align: left;
                line-height: 1em;
                }


.__saibi .scrolldownwrap{
	position: relative;
                width: 100%;
	height: 150px;
                }
@media (max-width: 768px) {
.__saibi .scrolldownwrap{
	height: 80px;
                }
                }

.__saibi .scrolldown{
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 100%;
                }

.__saibi .scrolldown::after{
	content: "";
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	background: #999;
	animation: pathmove 4s ease-in-out infinite;
	opacity:0;
                }

@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:100%;
		top:0;
		opacity: 1;
	}
	100%{
		height:0px;
		top:100%;
		opacity: 1;
	}
                }

.__saibi .mtS{
                margin-top: 50px;
                }
@media (max-width: 768px) {
.__saibi .mtS{
                margin-top: 0;
                }
                }

.__saibi .mtL{
                margin-top: 100px;
                }

.__saibi .pal img {
                width: 100% !important;
                }

.__saibi .jsp{
                display: block;
                padding: 15% 11%;
	box-sizing: border-box;
                }

.__saibi .jsp-top{
                display: block;
                padding: 15% 11%;
	box-sizing: border-box;
                }


/*================================

wrapper

================================*/

#_wrapper.__saibi {
                font-family: "Roboto","FOT-筑紫ゴシック Pr5 R",sans-serif;
	/*font-family: -apple-system, europa, "Zen Kaku Gothic New",メイリオ,Meiryo,sans-serif;*/
                font-weight: 300;
                font-style: normal;
	font-size: 14px;
	line-height: 1em;
	color: #222;
	position: relative;
	width: 100%;
	height: auto;
	margin: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
                overflow-x: hidden;
	}
@media screen and (max-width: 768px) {
#_wrapper.__saibi {
	font-size: 13px;
	}
                }

/*================================

:::::::::: menu ::::::::::

================================*/

#___content #menu {
                font-family: "Roboto","FOT-筑紫ゴシック Pr5 R",sans-serif;
                font-weight: 300;
                font-style: normal;
	font-size: 14px;
	line-height: 1em;
	color: #222;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
                position: sticky;
                top: 0;
                left: 0;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                flex-wrap: nowrap;
                flex-direction: row;
                align-items: stretch;
                margin: 0;
                height: 60px;
                z-index: 89;
                background: rgba(255, 255, 255, 1);
                }

#___content ._fade-element {
                transform: translateY(-80);
                transition: transform 0.5s ease-in-out;
                }

#___content #menu #inner {
                position: relative;
                width: 100%;
                height: 100%;
                border-bottom: 1px solid #ccc;
                }
@media screen and (max-width: 768px) {
#___content #menu #inner {
                min-width: 100%;
                padding-left: 0;
                }
                }

#___content #menu #inner #menu-inner{
                position: relative;
                width: 100%;
                height: 100%;
                }

#___content #menu h1{
                display:none;
                margin: 0;
                }
@media screen and (max-width: 768px) {
#___content #menu h1{
                display:block;
                position: absolute;
                top:0;
                left: calc(50% - 100px);
                background-position: center center;
                background-repeat: no-repeat;
                background-image: url(../images/saibi.svg);
                overflow: hidden;
                text-indent: 100%;
                white-space: nowrap;
                width: 200px;
                height: 60px;
                background-size: 90px;
                z-index:100;
                }
                }

#___content #menu h1 a{
                display: block;
                width: 100%;
                height: 100%;
                }

#___content #menu-inner {
                position: relative;
                }

#___content #menu-btn {
                display: none;
                }

#___content #menu-inner #navArea nav > div{
                width: 100%;
                }

#___content #menu-content {
                padding: 15px 20px 15px 0;
                margin: 0;
                list-style-type: none;
                letter-spacing: 0;
                display: flex;
                }
@media screen and (max-width: 768px) {
#___content #menu-content {
                display: block;
                padding: 0 0;
                }
                }

#___content #menu-content > li {
                height: 30px;
                position: relative;
                float: left;
                }
@media screen and (max-width: 768px) {
#___content #menu-content > li {
                height: 60px;
                }
                }

#___content #menu-content > li:first-child {
                width: 100px;
                margin-right: auto;
                }
@media screen and (max-width: 768px) {
#___content #menu-content > li:first-child {
                display: none;
                }
                }

#___content #menu-content > li._sub {
                display: none;
                }
@media screen and (max-width: 768px) {
#___content #menu-content > li._sub {
                display: block;
                }
#___content #menu-content > li._sub._gv {
                margin-top: 10px;
                }
                }

#___content #menu-content > li > a {
                /*width: 100%;*/
                display: block;
                padding: 0 10px;
                margin: 0 0;
                color: #222;
                font-size: .9em;
                line-height: 30px;
                text-decoration: none;
                font-style: normal;
                font-weight: 300;
                border-bottom: 1px solid transparent;
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
                }
@media screen and (max-width: 1000px) {
#___content #menu-content > li > a {
                font-size: .8em;
                }
                }
@media screen and (max-width: 768px) {
#___content #menu-content > li > a {
                font-size: 1em;
                line-height: 60px;
                padding: 0 40px;
                margin: 0 0;
                }
                }


#___content #menu-content > li:nth-child(3),
#___content #menu-content > li:nth-child(6),
#___content #menu-content > li:nth-child(7),
#___content #menu-content > li:nth-child(8){
                margin-right: 20px;
                padding-right: 20px;
                border-right: 1px solid #aaa;
                }
@media screen and (max-width: 1000px) {
#___content #menu-content > li:nth-child(3),
#___content #menu-content > li:nth-child(6),
#___content #menu-content > li:nth-child(7),
#___content #menu-content > li:nth-child(8){
                margin-right: 5px;
                padding-right: 5px;
                }
                }
@media screen and (max-width: 768px) {
#___content #menu-content > li:nth-child(3),
#___content #menu-content > li:nth-child(6),
#___content #menu-content > li:nth-child(7),
#___content #menu-content > li:nth-child(8) {
                margin-right: 0;
                padding-right: 0;
                border-right: none;
                }
                }

#___content #menu-content > li:first-child > a{
	display: flex;
	align-items: center;
	justify-content: center;
                width: 100%;
                height: 100%;
                padding: 0 40px;
                margin: 0 0;
                box-sizing: content-box;
                border:0;
                }

#___content #menu-content > li:first-child > a img{
                width: 100%;
                }

#___content #menu-content > li > a:hover {
                border-bottom: 1px solid #000;
                }
@media screen and (max-width: 768px) {
#___content #menu-content > li > a:hover {
                }
                }

#___content #menu-content > li:first-child > a:hover {
                border-bottom: none;
                }

#___content #menu-content > li.stay > a{
                }

#___content #menu nav {
                width: 100%;
                height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	flex-direction: row;
                }
@media screen and (max-width: 768px) {
#___content #menu nav {
	display: block;
                position: fixed;
                top: 60px;
                left: -100%;
                bottom: 0;
                width: 100%;
                height: auto;
                background: #fff;
                overflow-x: hidden;
                overflow-y: auto;
/*                -webkit-transition: all 0.3s;
                transition: all 0.3s;*/
                z-index: 3;
                }
#___content #menu .open nav {
                left: 0;
                border-top: 1px solid #ccc;
                }
#___content #menu nav .inner ul {
                list-style: none;
                margin: 0;
                padding: 0;
                }
#___content #menu nav .inner ul li {
                position: relative;
                margin: 0;
                }
#___content #menu nav .inner ul li a {
                display: block;
                color: #222;
                font-size: .8em;
                text-decoration: none;
                -webkit-transition-duration: 0.2s;
                transition-duration: 0.2s;
                }
#___content #menu .toggle_btn {
                display: block;
                position: sticky;
                top: 0;
                left: 100%;
                width: 60px;
                height: 60px;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                cursor: pointer;
                z-index: 5;
                /*background: #fff;*/
                }
#___content #menu .toggle_btn span {
                position: absolute;
                left: 0;
                width: 20px;
                height: 1px;
                background-color: #222;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                }
#___content #menu .toggle_btn span:nth-child(1) {
                top: 24px;
                left: 20px;
                }
#___content #menu .toggle_btn span:nth-child(2) {
                top: 30px;
                left: 20px;
                }
#___content #menu .toggle_btn span:nth-child(3) {
                top: 36px;
                left: 20px;
                }
#___content #menu .open .toggle_btn span {
                background-color: #222;
                }
#___content #menu .open .toggle_btn span:nth-child(1) {
                top: 24px;
                left: 21px;
                -webkit-transform: translateY(6px) rotate(-315deg);
                transform: translateY(6px) rotate(-45deg);
                }
#___content #menu .open .toggle_btn span:nth-child(2) {
                display: none;
                }
#___content #menu .open .toggle_btn span:nth-child(3) {
                top: 36px;
                left: 21px;
                -webkit-transform: translateY(-6px) rotate(315deg);
                transform: translateY(-6px) rotate(45deg);
                }
#___content #menu #mask {
                display: none;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                }
#___content #menu .open #mask {
                display: block;
                position: fixed;
                top: 60px;
                left: 0;
                width: 100%;
                height: calc(100svh - 60px);
                z-index: 1;
                cursor: pointer;
                }
#___content #menu #menu-content > li {
                width: 100%;
                }
#___content #menu #menu-content > li:hover {
                background: none;
                }
#___content #menu #menu-content > li > a {
                height: 100%;
                padding: 0 30px;
                border-bottom: 1px solid #ccc;
                }

#___content #menu #menu-content > li > ul.second-content {
                visibility: visible;
                opacity: 1;
                width: 100%;
                position: relative;
                -webkit-box-shadow: none;
                box-shadow: none;
                }
#___content #menu #menu-content > li > ul.second-content > li {
                width: 100%;
                text-align-last: left;
                }
#___content #menu #menu-content > li > ul.second-content > li > a {
                }
#___content #menu #menu-content > li > ul.second-content > li > a:hover {
                background: none;
                }
                }

@media screen and (max-width: 768px) {
/*#menu-content > li > a {
	background-position: right 30px center;
	background-repeat: no-repeat;
	background-image: url(../images/chevron-rights.svg);
	background-size: 5px;
                }*/
#___content #menu #menu-content > li._sub > a {
                line-height: 30px;
                border-bottom: none;
                font-size: .9em;
                background: none;
                }
                }

/*================================

:::::::::: _contents ::::::::::

================================*/

#_wrapper.__saibi #_contents {
                display: block;
                position: relative;
                width: 100%;
	}

#_wrapper.__saibi.__concept #_contents,
#_wrapper.__saibi.__philosophy #_contents {
                padding-bottom: 100px;
	}


/*================================

pagetop

================================*/

#___content .__pagetop {
                position: sticky;
                display: flex;
                justify-content: flex-end;
                bottom:0;
                left: 0;
	pointer-events: none;
	cursor: default;
	height: 60px;
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	opacity: 0;
                display: none;
	}

#___content .__hidept {
	opacity: 1;
	}

#___content .__pagetop div{
                display: none;
                width: 60px;
	height: 60px;
	pointer-events: auto;
	cursor: pointer;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(../images/pagetop.svg);
	background-size: cover;
                border-top: 1px solid #ccc;
                border-left: 1px solid #ccc;
                background-color: #fff;
	}

/*================================

:::::::::: bread ::::::::::

================================*/

#___content ._bread {
                font-family: "Roboto","FOT-筑紫ゴシック Pr5 R",sans-serif;
                font-weight: 300;
                font-style: normal;
	color: #222;
                width: 100%;
                height: 30px;
                background: #fff;
                border-bottom: 1px solid #ccc;
                padding-left: 39px;
                color: #777;
                font-size: .9em;
                line-height: 30px;
	box-sizing: border-box;
                }
@media screen and (max-width: 768px) {
#___content ._bread {
                display: none;
                }
	}

#___content ._bread a{
                color: #000;
                }

#___content ._bread.nb {
                border-bottom: none;
                }


/*================================

_localfooter

================================*/

#___content ._localfooter{
	width: 100%;
	padding: 90px 0 100px;
                overflow: hidden; 
                background: #fff;
                border-top: 1px solid #ccc;
	}
@media screen and (max-width: 768px) {
#___content ._localfooter{
	padding: 50px 0 60px;
	}
	}

#___content ._localfooter._nb{
                border-top: none;
	}

#___content ._localfooter ._inner{
	width: 100%;
                margin: auto;
                border-top: 1px solid #ccc;
                padding-top: 40px;
	}
@media screen and (max-width: 768px) {
#___content ._localfooter ._inner{
	width: 100%;
                padding-top: 0;
	}
	}

#___content ._localfooter p._downloadview{
                text-align: center;
	}

#___content ._localfooter ._catalog{
	width: 80%;
                margin: auto;
                overflow: hidden;
                display: flex;
                align-items: stretch;
                justify-content: space-between;
                flex-wrap: wrap;
                column-gap: 30px;
                margin-top:50px;
                padding-bottom: 60px;
	}
@media screen and (max-width: 768px) {
#___content ._localfooter ._catalog{
	width: 86%;
                column-gap: 10px;
                row-gap: 10px;
                padding-bottom: 50px;
	}
	}

#___content ._localfooter ._catalog div._download{
                position: relative;
                display: flex;
                align-items: stretch;
	width: calc((100% - 90px) / 4);
                margin-bottom: 30px;
                height: 80px;
	}
@media screen and (max-width: 768px) {
#___content ._localfooter ._catalog div._download{
	width: calc((100% - 10px) / 2);
                height: 5em;
                margin-bottom: 0;
	}
	}

#___content ._localfooter ._catalog div a{
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
	width: 100%;
                height: 100%;
                padding: 25px 0;
	}

#___content ._localfooter ._catalog div a.cs{
                pointer-events: none;
                cursor: default;
                color:#999;
	}

#___content ._localfooter ._catalog a p span{
                font-size: .8em;
	}

#___content ._localfooter ._catalog a p{
                font-size: .9em;
	}

#___content ._localfooter ._catalog a ._overlay{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: 1px solid #ccc;
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}

#___content ._localfooter ._catalog a:hover ._overlay{
                border: 1px solid #000;
	}

#___content ._localfooter ._inner p._lead{
                font-size: 1em;
                line-height: 1.8em;
                margin-top: 60px;
                margin-bottom: 30px;
                text-align: center;
                }
@media screen and (max-width: 768px) {
#___content ._localfooter ._inner p._lead{
                margin-top: 60px;
                font-size: .9em;
                }
	}

#___content ._localfooter ._inner a{
                position: relative;
                display: block;
                width: 200px;
                min-width: 200px;
                margin: auto;
	}
@media screen and (max-width: 768px) {
#___content ._localfooter ._inner a{
                width: 150px;
                min-width: 150px;
	}
	}

#___content ._localfooter ._inner a p{
                text-align: center;
                font-size: .9em;
                padding: 1.3em 0;
	}

#___content ._localfooter ._inner a ._overlay{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border-bottom: 1px solid #ccc;
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}

#___content ._localfooter ._inner a:hover ._overlay{
                border-bottom: 1px solid #222;
	}



/*================================

CAD DATA

================================*/

.modal-wrapper {
                z-index: 999;
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                text-align: center
                }

.modal-wrapper:not(:target) {
                opacity: 0;
                visibility: hidden;
                transition: opacity .6s, visibility .6s;
                }

.modal-wrapper:target {
                opacity: 1;
                visibility: visible;
                transition: opacity .6s, visibility .6s;
                }

.modal-wrapper::after {
                display: inline-block;
                height: 100%;
                vertical-align: middle;
                content: ""
                }

.modal-wrapper .modal-window {
                box-sizing: border-box;
                display: inline-block;
                z-index: 20;
                position: relative;
                width: 70%;
                max-width: 600px;
                padding: 5rem;
                background: #fff;
                vertical-align: middle
                }
@media screen and (max-width: 768px) {
.modal-wrapper .modal-window {
                width: 90%;
                max-width: 90%;
                padding: 5rem 1rem;
                }
	}

.modal-wrapper .modal-window .modal-content {
                max-height: 80vh;
                overflow-y: auto;
                text-align: center;
                }

.modal-overlay {
                z-index: 10;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background-color: rgba(230, 230, 232, 1);
                }

.modal-wrapper .modal-close {
                z-index: 20;
                position: absolute;
                top: 0;
                right: 0;
                height: 60px;
                width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
                }
@media screen and (max-width: 768px) {
.modal-wrapper .modal-close {
                }
	}

.modal-wrapper .modal-close:hover {
                color: #2b2e38 !important
                }

.modal-content p {
                margin: 0 0;
                }

.modal-content p a{
                display: block;
                width: 100%;
                font-style: normal;
                font-size: 1em;
                line-height: 1em;
                font-weight: 300;
                color: #000;
                text-decoration: none;
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-image: url(../images/chevron-rights.svg);
	background-size: 5px;
	box-sizing: border-box;
                border-bottom: 1px solid #ccc;
                padding: 1.5rem 0;
                outline: none;
                }
@media screen and (max-width: 768px) {
.modal-content p a{
                font-size: 1em;
                }
	}

.modal-content p a.cs{
                color: #ccc;
                background-image: none;
	pointer-events: none;
	cursor: default;
                }

.modal-content p a:hover{
                border-bottom: 1px solid #222;
                }

.modal-content p a.cs:hover{
                border-bottom: 1px solid #ccc;
                }