@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap');
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}

html {
	font-size: 62.5%;
}

body, table, input, textarea, select, option {
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}

a,
a:link {
	color: #244055;
	text-decoration: none;
}

a:visited {
	color: #244055;
}

a:hover {
	color: #244055;
}

a:active {
	color: #244055;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1250px;
	color: #244055;
	font-size: 1.6rem;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}

#container {
	padding-top: 106px;
	position: relative;
	text-align: left;
}

#main {
	width: 1120px;
	margin: 0 auto;
}

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

@media all and (min-width: 768px) {
	.sp {
		display: none !important;
	}
}

@media all and (max-width: 767px) {
	body {
		min-width: inherit;
		font-size: 1.4rem;
	}

	#container {
		padding-top: 64px;
	}

	#main {
		padding: 0 20px;
		width: auto;
	}

	a:hover,
	a:hover img {
		opacity: 1 !important;
	}

	.pc {
		display: none !important;
	}

	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}

}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	width: 100%;
	height: 106px;
	padding: 36px 10px 25px;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #fff;
	z-index: 99;
	box-sizing: border-box;
}

#gHeader .hBox {
/*	max-width: 1440px;
	min-width: 1240px;*/
	max-width: 1128px;
	min-width: 1128px;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
}

#gHeader .hBox h1 {
/*	margin-right: 39px;*/
	margin-right: 20px;
	float: left;
	width: 162px;
}

#gHeader .hBox .hLink {
	margin-top: -11px;
	display: flex;
}

#gHeader .hBox .hLink li {
	font-size: 14px;
	margin: 0 3px;
	width: 120px;
	/* float: left; */
}

/* #gHeader .hBox .hLink li:last-child { */
	/* float: right; */
/* } */

#gHeader .hBox .hLink li a {
	padding: 12px 16px;
	display: block;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-radius: 100px;
	box-shadow: 8px 13.856px 20px 0px rgba(0, 0, 0, 0.12);
}

#gHeader .hBox .hLink li a:hover {
	opacity: 0.7;
}

#gHeader .hBox .hLink li:first-child a {
	background-color: #00C1C8;
	/* background-color: #FC8D2A; */
	border: 1px solid white;
}

#gHeader .hBox .hLink li:nth-child(2) a {
	background-color: #FF8F3E;
}

#gHeader .hBox .hLink li:last-child a {
	background-color: #ffffff;
	border: 1px solid #00C1C8;
	color: #00C1C8;
}

@media all and (min-width: 768px) {
	.menuBox {
		display: none !important;
	}
}

@media all and (max-width: 767px) {
	#gHeader {
		padding: 22px 20px 21px;
		height: 64px;
	}

	#gHeader .hBox {
		min-width: inherit;
		max-width: inherit;
	}

	#gHeader .hBox h1 {
		margin-right: 0;
		float: none;
		width: 110px;
	}

	#gHeader .hBox .hLink {
		display: none;
	}

	#gHeader .menu {
		position: absolute;
		right: 25px;
		top: 15px;
	}

	#gHeader .hIcon {
		position: absolute;
		right: 75px;
		top: 15px;
	}

	.menuBox {
		display: none;
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		background: url("../../img/common/menu_bg.jpg") no-repeat center top;
		background-size: cover;
		z-index: 999;
		height: 100%;
		max-height: 100%;
		box-sizing: border-box;
		overflow-y: auto;
	}

	.fixed {
		position: fixed;
		width: 100%;
		height: 100%;
	}

	.menuBox .menuInner {
		padding: 59px 40px;
	}

	.menuBox .close {
		position: absolute;
		right: 25px;
		top: 18px;
	}

	.menuBox .menuLogo {
		margin-bottom: 35px;
		width: 110px;
	}

	.menuBox .menuList {
		margin-bottom: 16px;
	}

	.menuBox .menuList li {
		padding-bottom: 20px;
	}

	.menuBox .menuList li a {
		display: block;
		color: #fff;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.menuBox .menuLink li:first-child {
		margin-bottom: 20px;
	}

	.menuBox .menuLink li:first-child a {
		background-color: #00C1C8;
	}

	.menuBox .menuLink li a {
		padding: 11px 0;
		display: block;
		text-align: center;
		color: #fff;
		font-weight: bold;
		background-color: #FF8F3E;
		border-radius: 100px;
		box-shadow: 8px 13.856px 20px 0px rgba(0, 0, 0, 0.12);
	}

	.menuBox .menuLink li:last-child {
		margin-top: 20px;
	}

	.menuBox .menuLink li:last-child a {
		color: #13c4cb;
		background-color: #fff;
	}

	.menuBox .menuList li ul.sub-menu {
		padding: 20px 0 0 15px;
	}

	.menuBox .menuList li ul.sub-menu li {
		padding-bottom: 10px;
	}
	.menuBox .menuList li ul.sub-menu li a {
		display: inline-block;
	}
	.menuBox .menuList li ul.sub-menu li a:before {
		content: '－';
		color: #fff;
		padding-right: 0.5em;
		display: inline-block;
	}
	.menuBox .menuList li ul.sub-menu li:last-child {
		padding-bottom: 0;
	}
}

/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {
	margin-top: 5px;
	flex-grow: 1;
}

#gNavi li {
/*	padding-right: 24px;*/
	padding-right: 17px;
	display: inline-block;
}

#gNavi li:last-child {
	padding-right: 0;
}

#gNavi li a {
	padding-bottom: 7px;
	position: relative;
	font-weight: bold;
	display: inline-block;
	font-size: 15px;
}

#gNavi li a:hover {
	opacity: 0.7;
}

#gNavi li a:before {
	display: none;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	position: absolute;
	content: "";
	background-image: -moz-linear-gradient( 0deg, rgb(0,236,231) 0%, rgb(0,165,183) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,236,231) 0%, rgb(0,165,183) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,236,231) 0%, rgb(0,165,183) 100%);
}

#gNavi li.document {
	position: relative;
}

#gNavi li .sub-menu {
	position: absolute;
	top: 30px;
	padding: 5px 0 0 15px;
	width: 100%;
	background: #66d9de;
	-webkit-transition: .2s ease;
	transition: .2s ease;
	visibility: hidden;
	opacity: 0;
}

.header02 #gNavi li .sub-menu {
	background: #EAF9FA;
}

#gNavi li.document:hover {
	-webkit-transition: .2s ease;
	transition: .2s ease;
}

#gNavi li.document:hover .sub-menu {
	top: 30px;
	visibility: visible;
	opacity: 1;
}

@media all and (max-width: 767px) {
	#gNavi {
		display: none;
	}

}

/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {
	margin-bottom: 74px;
	padding: 13px 10px 14px;
	background-color: #EAF9FA;
	box-shadow: inset 0px 10px 6px -10px rgba(0, 0, 0, 0.2);
}

#pagePath ul {
	max-width: 1440px;
	margin: 0 auto;
}

#pagePath ul li {
	display: inline;
	font-size: 1.4rem;
}

#pagePath a {
	padding-right: 7px;
	text-decoration: underline;
}

#pagePath a:hover {
	opacity: 0.7;
	text-decoration: none;
}

@media all and (max-width: 767px) {
	#pagePath {
		margin-bottom: 35px;
		padding: 8px 18px 11px;
		box-shadow: inset 0px 10px 6px -10px rgba(0, 0, 0, 0.1);
	}

	#pagePath ul {
		max-width: inherit;
	}

	#pagePath ul li {
		font-size: 1.2rem;
	}

	#pagePath a:hover {
		text-decoration: underline;
	}

}
/*------------------------------------------------------------
	breadCrumbs
------------------------------------------------------------*/
#breadCrumbs {
    padding: 13px 10px 14px;
    background-color: #EAF9FA;
    box-shadow: inset 0px 10px 6px -10px rgba(0, 0, 0, 0.2);

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    padding-left: calc(50vw - 50% + 10px);
    padding-right: calc(50vw - 50% + 10px);
}

#breadCrumbs ul {
	max-width: 1440px;
	margin: 0 auto;
}

#breadCrumbs ul li {
	display: inline;
	font-size: 1.4rem;
}

#breadCrumbs a {
	padding-right: 7px;
	text-decoration: underline;
}

#breadCrumbs a:hover {
	opacity: 0.7;
	text-decoration: none;
}

@media all and (max-width: 767px) {
	#breadCrumbs {
		/* margin-bottom: 35px; */
		padding: 8px 18px 11px;
		box-shadow: inset 0px 10px 6px -10px rgba(0, 0, 0, 0.1);
	}

	#breadCrumbs ul {
		max-width: inherit;
	}

	#breadCrumbs ul li {
		font-size: 1.2rem;
	}

	#breadCrumbs a:hover {
		text-decoration: underline;
	}

}

/*------------------------------------------------------------
	ページタイトル
------------------------------------------------------------*/
#pageTitle {
    align-items: center;
    background-color: #EAF9FA;
    display: flex;
    flex-direction: column;
    height: 250px;
    justify-content: center;
    margin-bottom: 30px;
    width: 100%;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
}

#pageTitle h1 {
	font-size: 36px;
}

#pageTitle .pageDescription {
	font-size: 16px;
}

#pageTitle .downloadFile {
	align-items: center;
	background-color: white;
	border: 1px solid #00BCC7;
	border-radius: 25px;
	box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%),
	0 1px 3px 1px rgb(66 66 66 / 16%);
	color: #00BCC7;
	display: flex;
	font-weight: bold;
	height: 50px;
	margin-top: 1em;
	padding: 0 3em;
	transition: opacity 0.2s linear;
}

#pageTitle .downloadFile:hover {
	opacity: 0.7;
}

@media all and (max-width: 767px) {
	#pageTitle {
		box-sizing: border-box;
		padding: 0 1em;
	}

	#pageTitle h1 {
		font-size: 24px;
	}
}

@media all and (max-width: 355px) {
	#pageTitle .downloadFile {
		font-size: 13px;
	}
}

/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {
	width: 810px;
	margin-top: -2px;
	float: right;
}
#main #conts.contsNews {
	float: none;
	margin: 0 auto;
}
@media all and (max-width: 767px) {
	#conts {
		width: auto;
		margin-top: -1px;
		float: none;
	}
}

/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar {
	margin-top: 8px;
	width: 250px;
	float: left;
}

#sideBar .sLink {
	margin-bottom: 33px;
}

#sideBar .sLink a {
	padding: 9px 0 10px;
	display: block;
	font-weight: bold;
	text-align: center;
	font-size: 1.4rem;
	border: 1px solid #284155;
	border-radius: 50px;
	box-shadow: 4px 6.928px 10px 0px rgba(0, 0, 0, 0.06);
}

#sideBar .sLink a:hover {
	opacity: 0.7;
}

#sideBar .sLink a span {
	padding-left: 16px;
	display: inline-block;
	background: url("../../img/common/icon02.png") no-repeat center left;
	background-size: 8px auto;
}

#sideBar .sLink01 {
	margin: 37px 0 33px;
}

#sideBar .sLink01 a {
	color: #fff;
	background-color: #284155;
}

#sideBar .sLink01 a span {
	padding-left: 36px;
	background: url("../../img/common/icon03.png") no-repeat center left;
	background-size: 27px auto;
}

#sideBar .sLink01.sLinkManual a span {
	padding-left: 28px;
	background: url("../../img/common/icon09.png") no-repeat center left;
	background-size: 18px auto;
}

#sideBar .sBox {
	margin-bottom: 9px;
}

#sideBar .sBox .ttl {
	cursor: pointer;
	margin-bottom: 23px;
	padding-bottom: 13px;
	line-height: 1.75;
	font-weight: bold;
	border-bottom: 1px solid #E4E4E4;
	background: url(../../img/common/icon07.png) no-repeat top 5px right 20px;
	background-size: 18px auto;
}

#sideBar .sBox .ttl.on {
	color: #13c4cb;
	background: url(../../img/common/icon06.png) no-repeat top 13px right 20px;
	background-size: 18px auto;
}

#sideBar .sBox.manual ul {
	display: none;
}

#sideBar .sBox li {
	padding-bottom: 16px;
}

#sideBar .sBox li a {
	font-size: 1.4rem;
	line-height: 2;
}

#sideBar .sBox li a:hover {
	opacity: 0.7;
}

#sideBar .sNavi {
	margin-top: -2px;
	border-top: 1px solid #E4E4E4;
}

#sideBar .sNavi li {
	line-height: 1.75;
	font-weight: bold;
	border-bottom: 1px solid #E4E4E4;
}

#sideBar .sNavi li a {
	display: block;
	padding: 14px 0 12px;
}

#sideBar .sNavi li a:hover {
	opacity: 0.7;
}

@media all and (max-width: 767px) {
	#sideBar {
		margin-top: 42px;
		width: auto;
		float: none;
	}

	#sideBar .sLink {
		width: 260px;
		margin: 0 auto 35px;
	}

	#sideBar .sLink a {
		padding: 10px 0;
	}

	#sideBar .sLink a span {
		padding-left: 16px;
		background-size: 8px auto;
	}

	#sideBar .sLink01 {
		margin: 37px auto 33px;
	}

	#sideBar .sLink01 a span {
		padding-left: 36px;
		background-size: 25px auto;
	}

	#sideBar .sBox {
		margin-bottom: 11px;
	}

	#sideBar .sBox .ttl {
		margin-bottom: 13px;
		padding-bottom: 8px;
	}

	#sideBar .sBox li {
		padding-bottom: 5px
	}

}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
    margin-top: 100px;
    padding: 102px 10px 0;
    background-color: #F5F8F8;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

#gFooter .fBox {
	display: flex;
}

#gFooter .fInner {
	flex-grow: 1;
}

#gFooter .fInner li {
	font-weight: bold;
}

#gFooter a:hover {
	opacity: 0.7;
}

#gFooter .fBox .fLeft {
	width: 250px;
}

#gFooter .fBox .fLeft .fTxt {
	color: #00bcc7;
	line-height: 1.625;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, right top, color-stop(20%, #00E1E0), color-stop(80%, #00ADBB));
	background: -webkit-linear-gradient(left, #00E1E0 20%, #00ADBB 80%);
	background: linear-gradient(90deg, #00E1E0 20%, #00ADBB 80%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

#gFooter .fBox .fInner .footerTop {
	border-bottom: 1px solid #e4e4e4;
	display: flex;
	justify-content: space-between;
	margin-left: 30px;
	margin-right: 80px;
	padding-bottom: 30px;
}

#gFooter .fBox .fInner .footerTop .column li {
	margin-bottom: 1em;
}

#gFooter .fBox .fInner .footerBottom {
	display: flex;
	margin-left: 30px;
	margin-top: 30px;
}

#gFooter .fBox .fInner .footerBottom li {
	margin-right: 3em;
}

#gFooter .fInfo {
	background-image: -moz-linear-gradient( 0deg, rgb(0,236,231) 0%, rgb(0,165,183) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,236,231) 0%, rgb(0,165,183) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,236,231) 0%, rgb(0,165,183) 100%);
	margin: 0 -10px;
	margin-top: 30px;
	padding: 44px 10px 45px;
}

#gFooter .fInfo .fSub {
	display: flex;
	justify-content: space-between;
}

#gFooter .fInfo .fSub .fText {
	font-size: 1.4rem;
	color: #fff;
	font-weight: bold;
}

#gFooter .fInfo .fSub .copyright {
	font-size: 1.2rem;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}

@media all and (max-width: 767px) {
	#gFooter .fBox {
		align-items: center;
		flex-direction: column;
	}

	#gFooter .fBox .fInner .footerTop {
		flex-wrap: wrap;
		margin: 0;
		margin-top: 30px;
	}

	#gFooter .fBox .fInner .footerTop .column {
		flex-basis: 45%;
		text-align: center;
	}

	#gFooter .fBox .fInner .footerBottom {
		flex-direction: column;
	}

	#gFooter .fBox .fInner .footerBottom li {
		margin-bottom: 1.5em;
	}
}

@media all and (-ms-high-contrast:none){
	#gHeader .hBox .hLink li a {
		padding: 19px 0 13px;
	}

	#sideBar .sLink a {
		padding: 13px 0 6px;
	}

	#gFooter .fBox .fInner .fNavi > li > ul > li li li::before {
		top: 7px;
	}

	#gFooter .fBox .fLeft .fTxt {
		background: none;
	}
}

/*------------------------------------------------------------
	404
------------------------------------------------------------*/
.notfound #conts {
	width: 100%;
}

.notfound #main #conts h2 {
	padding-bottom: 20px;
	margin-bottom: 32px;
	position: relative;
	font-size: 2.8rem;
	line-height: 1.58;
}

.notfound #main #conts h2:before {
	background-image: -moz-linear-gradient( 0deg, rgb(0,236,231) 0%, rgb(0,165,183) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,236,231) 0%, rgb(0,165,183) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,236,231) 0%, rgb(0,165,183) 100%);
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	content:"";
}
.notfound #main #conts a {
	text-decoration: underline;
}

.notfound #main #conts a:hover {
	text-decoration: none;
}

/*------------------------------------------------------------
	CTA
------------------------------------------------------------*/
#cta {
	align-items: center;
	background-color: #EAF9FA;
	display: flex;
	flex-direction: column;
	margin-top: 30px;
	padding-top: 80px;
	padding-bottom: 60px;
}

#cta p {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}

#cta .cta-buttons {
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 100%;
}

#cta .cta-buttons a {
	align-items: center;
	border-radius: 40px;
	display: flex;
	font-weight: bold;
	height: 80px;
	justify-content: center;
	transition: opacity 0.2s linear;
	width: 500px;
}

#cta .cta-buttons a:hover {
	opacity: 0.7;
}

#cta .cta-buttons a.contact {
	background-color: white;
	border: 1px solid #FC8D2A;
	color: #FC8D2A;
	margin-top: 35px;
}

#cta .cta-buttons a.trial {
	background-color: #FC8D2A;
	color: white;
	margin-top: 15px;
	margin-bottom: 50px;
}

#cta .cta-downloads {
    align-items: center;
    background-color:white;
    border-radius: 10px;
    color: #333333;
    display: flex;
    height: 120px;
    justify-content: space-around;
    margin-top: 1em;
    padding: 0 2em;
}

#cta .cta-downloads p {
    font-weight: bold;
    margin: 0;
}

#cta .cta-downloads p:first-child {
    align-items: center;
    border: 1px solid #333333;
    border-radius: 30px;
    color: #333333;
    display: flex;
	font-size: 18px;
    height: 60px;
    justify-content: center;
    margin-right: 2em;
    width: 60px;
}

#cta .cta-downloads p:nth-child(2) {
	font-size: 18px;
    flex-grow: 1;
	margin-right: 1em;
}

#cta .cta-downloads a {
    align-items: center;
    background-color: white;
	border: 1px solid #00BCC7;
    border-radius: 30px;
    box-shadow: 0 1px 1px 0 rgb(66 66 66 / 8%),
    0 1px 3px 1px rgb(66 66 66 / 16%);
    color: #00BCC7;
    display: flex;
    font-weight: bold;
    height: 60px;
    justify-content: center;
    text-decoration: none;
	transition: opacity 0.2s linear;
    width: 300px;
}

#cta .cta-downloads a:hover {
	opacity: 0.7;
}

@media all and (max-width: 767px) {
	#cta {
		padding: 60px 1em;
	}

	#cta p {
		font-size: 21px;
	}

	#cta .cta-buttons a {
		width: 95%;
	}

	#cta .cta-downloads {
		box-sizing: border-box;
		flex-direction: column;
		height: auto;
		padding: 1em;
		width: 100%;
	}

	#cta .cta-downloads p {
		margin-bottom: 1em;
	}

	#cta .cta-downloads p:first-child {
		margin-right: 0;
	}

	#cta .cta-downloads p:nth-child(2) {
		margin-right: 0;
	}

	#cta .cta-downloads a {
		width: 100%;
	}
}

@media all and (max-width: 355px) {
	#cta p {
		font-size: 19px;
	}
}

/*------------------------------------------------------------
	More Info
------------------------------------------------------------*/
#more-info {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-top: 45px;
}

#more-info p {
	color: #00BCC7;
	font-size: 28px;
	font-weight: bold;
}

#more-info ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

#more-info ul li {
	border-radius: 4px;
	box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08),
		0 1px 3px 1px rgba(66, 66, 66, 0.16);
	box-sizing: border-box;
	flex-basis: 40%;
	font-weight: bold;
	margin: 0.5em;
}

#more-info ul li a {
	display: block;
	padding: 40px;
}

#more-info ul li a:hover {
	opacity: 0.7;
}

@media all and (max-width: 767px) {
	#more-info {
		padding: 0 1em;
	}

	#more-info p {
		font-size: 21px;
		text-align: center;
	}

	#more-info ul li {
		flex-basis: 100%;
		text-align: center;
	}

	#more-info ul li a {
		padding: 20px;
	}
}

@media all and (max-width: 355px) {
	#more-info p {
		font-size: 19px;
	}
}

/*------------------------------------------------------------
	Share Buttons
------------------------------------------------------------*/
#main #conts .shareButtons, #main #contsBlog .shareButtons {
    border: 1px solid #ccc;
    display: flex;
    padding: 2em;
}

#main #conts .shareButtons h3, #main #contsBlog .shareButtons h3 {
	border: none;
	line-height: initial;
	font-size: 18px;
	padding: 0;
    margin: 0;
}

#main #conts .shareButtons ul, #main #contsBlog .shareButtons ul {
    display: flex;
    list-style: none;
    margin: 0;
}

#main #conts .shareButtons ul li, #main #contsBlog .shareButtons ul li {
    /* align-items: center; */
    display: flex;
    margin: 0 0.2em;
}

@media all and (max-width: 767px) {
	#main #conts .shareButtons, #main #contsBlog .shareButtons {
		flex-direction: column;
		padding: 1em;
	}

	#main #conts .shareButtons h3, #main #contsBlog .shareButtons h3 {
		margin-bottom: 0.5em;
		text-align: center;
	}

	#main #conts .shareButtons ul, #main #contsBlog .shareButtons ul {
		justify-content: center;
	}
}

#features .points {
    background: #EAF9FA;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
}