@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*------------------------------------------------------------------*/
/* Header
------------------------------------------------------------------*/
header {
	height: 80px;
}
#header {
	width: 100%!important;
	margin: 0 auto!important;
	z-index: 69;

	position: fixed;
	box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 6px;
	background: rgb(255, 255, 255);
	border-bottom: 1px solid rgb(224, 224, 224);
}
.mega-dropdown {
	position: static !important;
}
.dropdown-menu {
	margin: 0;
	top: 101%;
	border-color: #eee;
	border-top: 1px solid rgba(0,0,0, .05);
}
.mega-dropdown-menu > li > ul {
	padding: 0;
	margin: 0;
}
.mega-dropdown-menu > li > ul > li {
	list-style: none;
}
.carousel-control {
	width: 30px;
	height: 30px;
	top: -35px;
}
.left.carousel-control {
	right: 30px;
	left: inherit;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	font-size: 12px;
	background-color: #fff;
	line-height: 30px;
	text-shadow: none;
	color: #333;
	border: 1px solid #ddd;
}
/*bootstrap */
.navbar-nav {
	margin: 20px 0 0;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: none;
	background: none;
	color: #f7b100;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: none;
	border-color: none;
}
.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: none !important;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: none !important;
	border-color: none;
}
.navbar {
	margin-bottom: 0px;
}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
	text-decoration: underline;
}
.mega-dropdown-menu > li > ul > li {
	line-height: 2;
	font-size: 13px;
}
.navbar-nav>li {
	font-size: 14px;
}
#pcMenu>.container-fulid {
	padding-left: 14px;
	padding-right: 14px;
}
#header #pcNav {
	float: left;
	font-size: 15px;
}
#pcNavL {
	font-size: 15px;
}
#header {
	height: 80px;
}


#topLogo img {
	width: 100px !important;
	margin-right: 16px !important;
	margin-left: 16px!important;
	margin-top: 33px!important;
}
#topLogo {
	float: left;
}
.menu {
	float: left;
	margin: 15px 5px 0 0;
}
.menu__mega {
	padding: 15px 15px 15px 0;
}
/*.menu > li {
    float: left;
    width: 25%;
    height: 50px;
    line-height: 50px;
    background: rgb(29, 33, 19);
}
*/
.menu > li a {
	display: block;
	color: #333;
}
.menu > li a:hover {
/*color: #999;*/
}
ul.menu__second-level {
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

.menu__mega__title{
	display: flex;
	justify-content: space-around;
	margin-top: 16px;
	margin-bottom: 16px;
}

.menu__mega__title li{
	color: #5b5b5b;
	width: 48%;
	font-size: 17px;
	font-weight: bold;
	border-bottom: rgb(235, 235, 235) 1px solid;
}

ul.menu__third-level {
	visibility: hidden;
	opacity: 0;
}
ul.menu__fourth-level {
	visibility: hidden;
	opacity: 0;
}
.menu > li:hover {
	/*background: #072A24;*/
	-webkit-transition: all .5s;
	transition: all .5s;
}

/* new */
.menu__mega .icon_new {
	background: #fff;
	border: 1px solid #cf1126;
	font-size: 9px;
	color: #cf1126;
	padding: 0px 3px;
	top: -14px;
	left: 0;
	z-index: 100;
	line-height: 1.3;
	position: absolute;
}
/* sp new */
.spl .icon_new {
	background: #cf1126;
	/*    border: 1px solid #cf1126;*/
	font-size: 9px;
	color: #fff;
	padding: 0px 3px;
	line-height: 1.3;
	margin-left: 5px;
}
/* 下矢印 */
.init-bottom:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 3px 5px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* floatクリア */
.menu:before, .menu:after {
	content: " ";
	display: table;
}
.menu:after {
	clear: both;
}
.menu {
 *zoom: 1;
}
li.menu__mega ul.menu__second-level {
	position: absolute;
	/*top: 88px;*/
	left: 0;
	margin-top: 28px;
	box-sizing: border-box;
	width: 100%;
	padding: 40px 40px 50px 110px;
	background: #fff;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border: 1px solid #eee;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 8px 10px -4px #4f4f4f;
	display: flex;
}

li.wdt300 ul.menu__second-level {
	width: 350px;
}

li.menu__mega ul.menu__second-level .col-sm-3 {
	width: 100%;
}

li.menu__mega ul.menu__second-level .wdt50{
	width: 33%!important;
    padding-right: 30px;
}

li.menu__mega:hover ul.menu__second-level {
	top: 50px;
	visibility: visible;
	opacity: 1;
}

/*li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 32%;
    border: none;
}

li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
    margin: 0 1%;
}*/

.dropdown-header, .dropdown-header a {
	font-size: 15px;
	color: #3D6D9E;
	padding: 5px 0 7px 0px;
	line-height: 1.4;
	word-wrap: break-word;
}
.menu__second-level li {
	line-height: 2.2;
}
.menu__mega .menu__second-level li .dropdown-header {
	line-height: 1.4;
    font-size: 16px;
    margin-bottom: 10px;
    border-bottom: rgb(235, 235, 235) 1px solid;
    padding-bottom: 10px;
}
.menu__mega > li ul > li > a:hover, .menu__mega > li ul > li > a:focus {
	text-decoration: none;
}
.menu__mega .fa-caret-right {
	font-size: 8px;
	color: #ccc;
	padding-right: 5px;
}
.menu__mega .fa-external-link {
	font-size: 8px;
	color: #ccc;
	padding-right: 5px;
}

.menu li.TxtIdt {
	text-indent: 1em;
}

#header #pcNavR {
	float: right;
	font-size: 13px;
}
#header #pcNavR .navLink{
	display: flex;
}

.nav__service__list a{
	display: inline-block;
	/*margin-top: 70px;*/
	margin-top: 20px;
    text-align: right;
    padding: 5px 32px;
    background-color: #eee;
    border-radius: 25px;
    float: right;
    font-size: 11px;
}

.header__new__button a{
	height: inherit;
	font-size: 13px;
	display: block;
	font-weight: bold;
	padding: 22px 40px 0 40px;
	height: 80px;
	background-color: #002178;
	color: #FFF;
	text-align: center;
	letter-spacing: 1px;
	max-width: 200px;
}

.header__new__button a:hover span{
	color: #d8dbe5;
	transition: 0.3s;
}

.header__new__button a span{
	font-weight: bold;
	color: #fff;
}

.header__new__button a span.en{
	display: block;
	font-size: 10px;
}

.header__new__other{
	border-left: 1px solid #eee;
}

.header__new__other{
	text-align: center;
}

.header__new__other:hover{
	background-color: #f8f8f8;
	transition: 0.3s;
}

.header__new__other a{
	font-size: 8px;
	padding: 20px 8px 0 8px;
	display: block;
	height: 78px;
	text-align: center;
}

.header__new__other a span{
	color: #333333;
}

.header__new__other a svg{
	max-width: 25px;
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
}

.navbar{
	border: none!important;
}

@media screen and (max-width: 1200px){
	.header__new__button a{
		padding: 22px 10px 0 10px;
		font-size: 11px;
	}
	.header__new__other span{
		display: none;
	}
}

/* mobile menu
------------------------------------------------------------------*/
#spMenu {
	position: fixed !important;
	/*right: 0 !important;*/
	right: -1300px;
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
}
.side-open #spMenu {
	right: 0;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
#spNav {
	font-size: 14px;
}
#spNav dl dd a:before {
	content: "";
	border: 5px solid transparent;
	border-left: 5px solid #fff;
	width: 5px;
	height: 0;
	margin-right: 0.4em;
	display: inline-block;
	font-size: 14px;
}
#spNav dt.ac_btn {
	color: #fff;
	display: block;
	height: 50px;
	border-bottom: 1px solid #242C32;
	border-top: 1px solid #546370;
	vertical-align: middle;
	line-height: 50px;
	background: #313d48;
	font-size: 14px;
	font-weight: normal;
}
#spNav dd .spLink li {
	background: #3C4852;
	/*	border-bottom: 1px solid #242C32;
	border-top: 1px solid #546370;*/
	font-size: 14px;
}

#header .spLink .noLink {
	color: #fff;
    display: block;
    padding-left: 20px;
    height: 50px;
    border-bottom: 1px solid #242C32;
    border-top: 1px solid #546370;
    vertical-align: middle;
    line-height: 50px;
}

#spNav dd .spLink .idt {
    background: #2f3840;
    font-size: 14px;
    margin-left: 20px;
}

#spNav dd .spLink .idt2 {
    background: #546470;
    font-size: 14px;
    margin-left: 50px;
}



#spNav li, #spNav dt {
	position: relative;
	text-align: left;
}
/* icon common */

.menuIcon {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	position: absolute;
	right: 10px;
}
/* Plus */
.arP:before, .arP:after {
	display: block;
	content: '';
	width: 3px;
	height: 17px;
	background-color: #fff;
	border-radius: 10px;
	position: absolute;
	top: 14px;
	left: 19px;
}
.arP:before {
	width: 17px;
	height: 3px;
	top: 21px;
	left: 12px;
}
/* mainasu */
.icon7 {
	position: relative;
	margin-right: 28px;
}
.icon7:before {
	display: inline-block;
	content: '';
	width: 20px;
	height: 5px;
	background-color: #f7b100;
	border-radius: 10px;
	position: absolute;
	top: 8px;
	left: 0px;
}
.faqEn .icon7:before {
	top: 12px;
}
/* right>  */
.arR:after, .arR:before {
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #3C4852;
	position: absolute;
	top: 18px;
	right: 0;
}
.arR:before {
	background-color: #fff;
	left: 12px;
}
.arD:after {
	content: "\f078";
	font-family: 'FontAwesome';
	padding-right: 10px;
	position: absolute;
	right: 0;
	color: #ddd !important;
	vertical-align: middle;
	z-index: 10;
}
.blank:after {
	content: "";
	background: url(/common/img/ico_blank.png) right center no-repeat;
	padding-left: 18px;
	z-index: 10;
	background-size: 13px 13px;
}
.arX:after {
	content: "";
	background: url(/common/img/ico_arX.png) right center no-repeat;
	padding-top: 50px;
	position: absolute;
	right: 7px;
	z-index: 10;
	background-size: 20px 20px;
	width: 20px;
	height: 30px;
}
#spNav .spLink li a.jp, #spNav .spLink li a.cn, #spNav .spLink li a.en {
	color: #fff;
	font-size: 17px;
}
#spNavR .icon a.jp:hover, #spNavR .icon a.cn:hover, #spNavR .icon a.en:hover {
	background-position: 8px center;
}
#spNav li a:hover {
	color: #ccc;
}
.spLink li a {
	padding-left: 20px;
	display: block;
}

/*------------------------------------------------
	slide Menu Mobile
--------------------------------------------------*/
.overlay {
	content: '';
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 40;
}
.overlay::after {
	content: "";
	visibility: hidden;
	position: fixed;
	top: 40%;
	left: 0;
	display: block;
	width: 100%;
	height: 50px;
	color: rgba(255,255,255,0);
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.side-open .overlay {
	visibility: visible;
	cursor: pointer;
	background: rgba(0,0,0,.6);
}
.side-open .overlay::after {
	visibility: visible;
	color: rgba(255,255,255,.8);
}
/* side-menu */
.side-menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	padding-top: 80px;
	text-align: left;
	font-size: 13px;
	background: #3C4852;
	z-index: 30;
}
.spNavHead {
	height: 80px;
	vertical-align: middle;
	line-height: 80px;
	background: #222;
	color: #fff;


	padding-left: 20px;
	margin-top: -80px;
}
.side-menu li, .side-menu p, .side-menu div, .side-menu h2, .side-menu h3, .side-menu a {
	color: #fff;
}
.side-menu a:link {
	text-decoration: none;
}
#spNav li a {
	display: block;
}
.side-menu li {
	color: #fff;
	display: block;
	vertical-align: middle;
	line-height: 50px;
}
.side-menu .parent {
	padding-left: 20px;
}
/*.spl {
    border-bottom: 1px solid #555;
}*/
.side-menu__ul {
	width: 100%;
	height: 100%;
	display: block;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
/* close*/
.side-menu-btn {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	padding: 5px;
	/*background: #ccc;*/
	cursor: pointer;/*z-index: 4;*/
}
/* main-contants */
.wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 13px;
	/*background: #F8F8F8;*/
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 10;
}


.side-open .wrapper, .side-open .overlay {
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
}
.side-menu-btn {
	height: 30px;
	display: block;
	width: 40px;
	background-color: #24c1fe;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	outline: none;
	position: fixed;
	right: 20px;
	top: 18px;
	z-index: 30;
	padding: 7px 8px;
}
.icon-bar {
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.side-menu-btn .icon-bar {
	background: #fff;
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	z-index: 2;
}

.side-open .icon-bar:nth-child(2) {
	-webkit-transform: rotate(45deg) translate(5px, 4px);
	transform: rotate(45deg) translate(5px, 4px);
}

.side-open .icon-bar:nth-child(3) {
	opacity: 0;
}
.side-open .icon-bar:nth-child(4) {
	-webkit-transform: rotate(-45deg) translate(4px, -4px);
	transform: rotate(-45deg) translate(4px, -4px);
}

/* css sprite
------------------------------------------------------------------*/

.clearText {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 24px;
}
.navLink li i.icon {
	height: 24px;
}
.icon {
	display: inline-block;
	content: "";
	background-image: url(/common/img/spritesheet.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	vertical-align: middle;
	background-position-y: -5px;
}
.icon.tel {
	width: 24px;
	height: 24px;
	background-position: -339px -5px;
}
.icon.mail {
	width: 24px;
	height: 24px;
	background-position: -271px -5px;
}
.icon.mail:hover, a.h_mail:hover>.icon.mail {
	width: 24px;
	height: 24px;
	background-position: -305px -5px;
}
.icon.en {
	width: 24px;
	height: 24px;
	background-position: -50px 0;
}
.icon.cn {
	width: 24px;
	height: 24px;
	background-position: 0 0;
}
.icon.f_facebook {
	width: 26px;
	height: 26px;
	background-position: -497px -4px;
	margin-right: 5px;
}
.icon.f_twitter {
	width: 26px;
	height: 26px;
	background-position: -465px -4px;
	margin-right: 5px;
}
.icon.f_mail {
	width: 22px;
	height: 22px;
	background-position: -139px -5px;
	margin-right: 5px;
}
.icon.f_tel {
	width: 22px;
	height: 22px;
	background-position: -171px -5px;
	margin-right: 5px;
}
.mr5 {
	margin-right: 5px;
}
.mr8 {
	margin-right: 8px;
}



@media (max-width: 1000px) {
/*
	header {
height: 80px;
}*/
 #header {
height: 80px;
}
 #pcMenu {
display: none;
}
 #spMenu, #mobileLogo {
display: block;
text-align:center;
} /* モバイル分岐 */
 #mobileLogo img {
width: 115px;
margin: 28.5px 0 5px;
}
 #nav .sf-menu {
 display:none;
}
 #nav {
 width:100px;
}
 .nav-toggle {
 display:block;
}
 .mobile-menu-inner {
 display:block;
}
 .service-blocks-wrap-2 li {
 margin:20px 8px 40px 8px;
}
 .logo-pc {
 display:none;
}
 .logo-mb {
 display:inherit;
}
 .logo-mb img {
 padding-top:0;
 max-height:65px;
}
 #h-nav {
 display:none !important;
}
 .search-include .search-button {
 top:33px;
}
 .search-button {
 right: 0;
}
 #toggle {
 height: 30px;
 display: block;
 width: 40px;
 background-color: #f4a300;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 outline: none;
 position: fixed;
 right:20px;
 top:24px;
 z-index: 10;
}
 button#toggle {
border:none;
}
 #topLogo {
float: none !important;
text-align:center;
}
 .offcanvas-toggle .icon-bar {
 background: #fff;
}
 #spNavR li, #spNavR li a {
color: #fff;
}
 #header #spNav {
float: none !important;
}
 #header #spNav {
display: block !important;
}
 #header .spLink li, #header .parent {
float: none !important;
height: 50px !important;
border-bottom:1px solid #ccc;
vertical-align: middle;
line-height: 50px;
}
 #header .spLink li a, #header .parent {
 color: #fff;
 display:block;
 padding-left: 20px;
 height: 50px;
 border-bottom: 1px solid #242C32;
 border-top: 1px solid #546370;
 vertical-align: middle;
 line-height: 50px;
}
 .navbar-offcanvas {
 padding-left: 0;
 padding-right: 0;
 width: 100%;
}
 #spNav.navLink li {
padding-right: 0 !important;
}
 #header .navLink {
padding: 0
}
 #header #spNavR {
float: none !important;
}
 #spNavR li.icnf {
margin-right: 0 !important;
}
 .navbar-default {
 background: #444;
 border-bottom: 1px solid #242C32 !important;
 border-top: 1px solid #546370 !important;
}
 .catchReseller .t3 {
display: none;
}
}


/* pc min-980px
------------------------------------------------------------------*/

/* 980px( header nav PC ) >>> 1000px へ変更
------------------------------------------------------------------*/
@media (min-width: 1001px) {
 #pcMenu {
display: block;
}
 #spMenu, #js__sideMenuBtn, #mobileLogo {
display: none;
}
 #topLogo img {
width: 70%;
}
 #topLogo {
float: left;
}
 table.type02 {
margin-bottom: 10px;
}
 #pcNavR {
text-align: right;
}
 #hnav li {
display: inline-block;
font-size: 11px;
padding-right: 9px;
}
 #hnav li:last-child {
padding-right: 0;
}
 #hnav li.en {
font-size: 12px;
}
 #hnav .fa {
color:#f4a200;
padding-right: 4px;
}
 .navLink .time {
 line-height: 1;
 text-align: left;
 padding: 0 0 0 36px;
}
}


/*------------------------------------------------------------------*/
/* TOP
------------------------------------------------------------------*/
/*.l-content {
    margin: 0 auto 0;
}*/
/*.l-articleBottom__section {
        margin-bottom: 6em;
}*/


/*------------------------------------------------------------------*/
/* 記事一覧
------------------------------------------------------------------*/
.c-postThumb__figure {
    position: static!important;
    width: 80%!important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.5;
}



/*------------------------------------------------------------------*/
/* FOOTER
------------------------------------------------------------------*/
#footer {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#footerOuter {
	background: #f2f2f2;
	padding: 50px 0 50px;
}
#footerInner {
	text-align: left;
}
#footerInner h3 {
	font-size: 20px;
	font-weight: 300;
	color: #072747;
	margin-bottom: 15px;
}
#footerInner ul li {
	font-size: 13px;
	margin-bottom: 10px;
}
#footer #copyRight {
	background: #072747;
	background: #f2f2f2;
	padding: 1em 0 1em;
	;
	text-align: center;
	margin-bottom: 0;
	border-top: 1px solid #ccc;
	font-size: 14px;
}
#footer #copyRight small {
	color: #dbdbdb;
	color: #333;
	font-weight: 200;
	letter-spacing: 0.05em;
}
#copyRight p {
	margin-bottom: 0 !important;
}
#footer i.fa {
	margin-right: 8px;
	color: #f7b100;
}
#footer i.fa.fa-external-link {
    font-size: 10px;
}
#footer #btnContact i.fa {
	color: #fff;
}
/* ====================================
　footer 2023 
=======================================*/

#gFooter {
	padding-bottom: 40px;
}
#gFooter a {
	color: #072747;
	font-weight: bold;
}
/* #gFooter|clearfix */
#gFooter:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #gFooter {
	zoom: 1;
}
*:first-child+html #gFooter {
	zoom: 1;
}
/* // #gFooter|clearfix */



#custom_footer {
width: 100%;
font-size: 12px;
background: #002178;
color: #fff;
}


#custom_footer .footer_inner {
	width: 90%;
	margin: 0 auto;
    padding: 40px 0 60px 0;
    max-width: 1100px;
}


#custom_footer a{
color: #fff!important;
}


#custom_footer ul {
  list-style: none;
}

#custom_footer ul li {
 margin-top: 10px;
 margin-bottom: 10px;
	font-size: 14px;
}
       
#custom_footer .snsarea{
	width: 100%;
	margin: 0 auto;
}

#custom_footer .snsicon{
	padding: 0px 15px 0px 0px;
	margin: 0 auto;
	font-size: 25px;
}

#custom_footer .footer_credit{
    display: block;
    text-align: left;
	font-size: 12px;
    padding-top: 10px;
}

#custom_footer h4.footer{
	color: #fff;
	padding: 10px 0 20px 0;
	margin: 0 auto;
	font-size: 16px;
}

#custom_footer .consultation_text{
	margin: 0 auto;
	padding: 0 0 15px 0;
	font-size: 16px;
	text-align: center;
}

#custom_footer .supportsite_text{
	margin: 0 auto;
	padding: 0 0 15px 0;
	font-size: 16px;
	text-align: center;
}

#custom_footer .consultation_btn {
	padding: 0px 0px 10px 0px;
	font-size: 16px;
    margin-bottom: 20px;
}


#custom_footer .consultation_btn a {
	text-decoration: none;
    background: #fff;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
	align-items: center;
    margin: 0 auto;
    max-width: 270px;
    padding: 20px 10px;
    color: #484848!important;
    transition: 0.3s ease-in-out;
    font-weight: 700;
}

#custom_footer .consultation_btn a:hover {
    background: #EDF0F3;
}

#custom_footer .supportsite_btn {
	padding: 0px 0px 20px 0px;
	font-size: 16px !important;
}

#custom_footer .supportsite_btn a {
	text-decoration: none;
    background: #fff;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
	align-items: center;
    margin: 0 auto;
    max-width: 270px;
	padding: 20px 10px;
    color: #313131!important;
    transition: 0.3s ease-in-out;
    font-weight: 700;
}

#custom_footer .supportsite_btn a:hover {
    background: #EDF0F3;
}

#custom_footer table {
    width: 100%;
	  border: 0;
	border-collapse: collapse !important;
  border-spacing: 0 !important;
}

#custom_footer td.area-1{
	width: 25%;
	vertical-align: top;
	border: 0px solid;
	padding-right: 20px;
}
#custom_footer td.area-2{
	width: 25%;
	vertical-align: top;
	border: 0px solid;
	padding-right: 20px;
}
#custom_footer td.area-3{
	width: 25%;
	vertical-align: top;
	border: 0px solid;
	padding-right: 20px;
}
#custom_footer td.area-4{
	width: 25%;
	vertical-align: top;
	border: 0px solid;
	padding-right: 20px;
}
#custom_footer td.area-5{
	width: 25%;
	border: 0px solid;
	padding-right: 20px;
}
#custom_footer td.area-6{
	width: 25%;
	vertical-align: bottom;
	border: 0px solid;
	padding-right: 20px;
    padding-bottom: 10px;
}

#custom_footer td.area-1 img {
	padding-top: 10px;
	width: 140px;
	height: auto;
}

@media screen and (max-width: 1245px) {
	
}

@media screen and (max-width: 1024px) {
	#custom_footer .consultation_text,
	#custom_footer .supportsite_text {
		font-size: 14px;
	}
}

@media screen and (max-width: 640px) {
	/*#custom_footer {
		font-size: 12px;
	}*/
	
	#custom_footer td.area-1,
	#custom_footer td.area-2,
	#custom_footer td.area-3,
	#custom_footer td.area-4,
	#custom_footer td.area-5,
	#custom_footer td.area-6 {
		display: block;
		width: 100%;
		vertical-align: top;
		text-align: left;
		margin: 0 auto;
		padding-right:0;
	}
	
	#custom_footer h4.footer {
		text-align: left;
		font-size: 16px;
		padding: 30px 0 0 0;
	}
	
	#custom_footer .consultation_text {
		padding: 30px 0 10px 0;
	}
	
	#custom_footer .supportsite_btn {
		padding: 0px 0px 30px 0px;
	}
	
	#custom_footer table {
		width: 85%;
		margin: 0 auto;
	}
}