@charset "UTF-8";

.pointer_events_none{pointer-events: none!important;}


/*-------------------------
__base_style
-------------------------*/

body{ text-size-adjust: none; -webkit-text-size-adjust: none;}
#wrap{ min-width: 1216px;}
#wrap a{ text-decoration: none;}
.font_min_normal { font-family: "DM Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.font_min_bold { font-family: "DM Sans", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal;}

.recruit_btn{ max-width: 270px; width: 100%;}
.recruit_btn a{ display: block; font-size: 1.7em; font-weight: 700; color: #fff; background-color: #417DC3; padding: 20px 80px 20px 20px; box-sizing: border-box; position: relative; border-radius: 5px; box-shadow: 3px 3px 3px #4D4D4D;}
.recruit_btn a span{}
.recruit_btn a img{ position: absolute; right: 0; bottom: 0;}
.recruit_btn a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
.recruit_btn a:hover{ transform: scale(1.1); background-color: #69AAE6;}

.voice_btn{ max-width: 270px; width: 100%;}
.voice_btn a{ display: block; font-size: 2em; font-weight: 700; color: #417DC3; background-color: #FFF; padding: 20px 80px 20px 20px; box-sizing: border-box; position: relative; border-radius: 5px; box-shadow: 3px 3px 3px #4d4d4d;}
.voice_btn a span{}
.voice_btn a img{ position: absolute; right: 0; bottom: 0;}
.voice_btn a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
.voice_btn a:hover{ transform: scale(1.1); background-color: #f2f2f2;}

/*-------------------------
__header
-------------------------*/

#wrap.contents #header{ display: flex; justify-content: space-between; padding: 45px 45px 0 45px; position: absolute; top: 0; left: 0; right: 0; z-index: 9; box-sizing: border-box;}
#wrap.contents #header .header_logo{ margin-left: 15px; width: 264px; height: auto;}
#wrap.contents #header .header_logo a img{ width: 100%; height: auto;}
#wrap.contents #header .header_menu{ display: flex; align-items: center; margin-right: 100px;}
#wrap.contents #header .header_menu ul{ display: flex; align-items: center;}
#wrap.contents #header .header_menu ul li:nth-child(-n+2){ border-right: 1px solid #fff;}
#wrap.contents #header .header_menu ul li{ padding: 0 15px; box-sizing: border-box;}
#wrap.contents #header .header_menu ul li a{ display: block; font-size: 1.4em; color: #fff;}
#wrap.contents #header .header_menu .contact_btn{ position: relative; width: 170px;display: flex; flex-direction: column; justify-content: center; align-items: center;}
#wrap.contents #header .header_menu .contact_btn p.contact_fukidashi{ margin-bottom: 10px;}
#wrap.contents #header .header_menu .contact_btn p.contact_fukidashi span{ color: #FFDD17; font-size: 1.2em; display: block; position: relative; padding: 0 5px; box-sizing: border-box;}
#wrap.contents #header .header_menu .contact_btn p.contact_comment{ margin-top: 10px;}
#wrap.contents #header .header_menu .contact_btn p.contact_comment span{ color: #FFDD17; font-size: 1.2em; display: block; position: relative; padding: 0 5px; box-sizing: border-box;white-space: nowrap;}
#wrap.contents #header .header_menu .contact_btn p.contact_fukidashi span::before,
#wrap.contents #header .header_menu .contact_btn p.contact_fukidashi span::after{ content: ""; display: inline-block; background: #FFDD17; width: 1px; position: absolute; height: 20px; bottom: -5px;}
#wrap.contents #header .header_menu .contact_btn p.contact_fukidashi span::before{ left: 0; transform: rotate(-20deg);}
#wrap.contents #header .header_menu .contact_btn p.contact_fukidashi span::after{ right: 0; transform: rotate(20deg);}
#wrap.contents #header .header_menu .contact_btn a{ display: block; font-size: 1.5em; background-color: #FFDD17; color: #000; width: 160px; line-height: 3em; border-radius: 5px; font-weight: 700;}
.pc_none{ display: none;}
#wrap.contents #header .header_menu ul li a,
#wrap.contents #header .header_menu .contact_btn a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#wrap.contents #header .header_menu ul li a:hover{ opacity: 0.5;}
#wrap.contents #header .header_menu .contact_btn a:hover{ background-color: #FFFA78;}


/*-------------------------
__content
-------------------------*/

#page_ttl{ height: 420px; padding: 0 50px; position: relative;}
#page_ttl::before{ content: ""; display: block; margin: auto; background-color: rgba(77,77,77,0.4); position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
#page_ttl .page_ttl_inner{ display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; height: 100%; max-width: 1100px; text-align: left; margin: 0 auto; padding: 0 0 40px; box-sizing: border-box;}
#page_ttl .ttl{ font-size: 1.8em; color: #FFF; position: relative;}
#page_ttl .ttl span{display: block; font-size: 445%; letter-spacing: 0.05em; margin: 0 0 15px;}

.topic_path{ clear: both; padding:20px 50px; border-bottom: 1px solid #e3e3e3;}
.topic_path ul{ width: 100%; max-width: 1100px; text-align: left; margin: auto;}
.topic_path li{font-size:1.4em;line-height:1.4;font-weight:700;color:#000;vertical-align:top;display:inline-block;}
.topic_path li:before{content:">";color:#000;font-weight:400;margin-left:5px;margin-right:5px;}
.topic_path li:first-child:before{content:"";margin:0;}
.topic_path li a{font-weight:400;color:#005196;text-decoration:underline;}
.topic_path li a:hover{text-decoration:none;}

.page_inner{ width: 100%; max-width: 1100px; margin: auto;}
.sub_ttl{ font-size: 2.6em; font-weight: 700;}

/*-------------------------
__footer
-------------------------*/

#footer{ background-color: #3C3C3C;}
#footer .footer_inner{ width: 100%; max-width: 1200px; margin: 0 auto; padding: 80px 50px; box-sizing: border-box; position: relative;}
#footer .footer_inner .footer_in_text{ font-size: 1.3em; line-height: 1.6em; color: #818181; text-align: left; margin-bottom: 60px;}
#footer .footer_inner .footer_top{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px;}
#footer .footer_inner .footer_top .logo{ width: 264px; height: auto;}
#footer .footer_inner .footer_top .logo img{ width: 100%; height: auto;}
#footer .footer_inner .footer_top ul{ display: flex; align-items: center;}
#footer .footer_inner .footer_top ul li:nth-child(-n+2){ border-right: 1px solid #969696;}
#footer .footer_inner .footer_top ul li{ padding: 0 15px; box-sizing: border-box;}
#footer .footer_inner .footer_top ul li a{ display: block; font-size: 1.4em; color: #a1a1a1;}
#footer .footer_inner .footer_center{ display: flex; justify-content: center; text-align: left; margin-bottom: 60px;}
#footer .footer_inner .footer_center .footer_link_block{ width: 20%;}
#footer .footer_inner .footer_center .footer_link_block:last-child{ width: 350px!important; margin-right: 0;}
#footer .footer_inner .footer_center .footer_link_block > p{ font-size: 1.7em; color: #fff; font-weight: 700; margin-bottom: 20px;}
#footer .footer_inner .footer_center .footer_link_block ul.gray_link{}
#footer .footer_inner .footer_center .footer_link_block ul.gray_link li{ margin-bottom: 15px;}
#footer .footer_inner .footer_center .footer_link_block ul.gray_link li a{ font-size: 1.4em; color: #a1a1a1;}
#footer .footer_inner .footer_center .footer_link_block .syubetsu{ display: flex; flex-wrap: wrap; width: 220px;}
#footer .footer_inner .footer_center .footer_link_block .syubetsu .syubetsu_box{ margin-bottom: 20px;}
#footer .footer_inner .footer_center .footer_link_block .syubetsu .syubetsu_box > p{ font-size: 1.4em; font-weight: 700; color: #fff; margin-bottom: 20px;}
#footer .footer_inner .footer_center .footer_link_block .syubetsu .syubetsu_box:nth-child(odd){ margin-right: 20px;}
#footer .footer_inner .footer_center .footer_link_block .syubetsu .syubetsu_box ul.gray_link li{ margin-bottom: 10px;}
#footer .footer_inner .footer_center .footer_link_block ul.white_link li{ margin-bottom: 25px;}
#footer .footer_inner .footer_center .footer_link_block ul.white_link li a{ font-size: 1.6em; color: #fff; font-weight: 700;}
#footer .footer_inner .voice_btn{ margin: 0 auto 30px;}
#footer .footer_inner .voice_btn a{ box-shadow: 3px 3px 3px #2f2f2f;}
#footer .footer_inner .recruit_btn{ margin: 0 auto;}
#footer .footer_inner .recruit_btn a{ box-shadow: 3px 3px 3px #2f2f2f;}
#footer .footer_copylight{ background-color: #333333;}
#footer .footer_copylight .footer_copylight_inner{ width: 100%; max-width: 1100px; margin: 0 auto; padding: 30px 0; box-sizing: border-box; display: flex; justify-content: space-between;}
#footer .footer_copylight .footer_copylight_inner ul{ display: flex;}
#footer .footer_copylight .footer_copylight_inner ul li{ padding: 0 20px; box-sizing: border-box;}
#footer .footer_copylight .footer_copylight_inner ul li:nth-child(1){ border-right: 1px solid #969696;}
#footer .footer_copylight .footer_copylight_inner ul li a{ font-size: 1.4em; color: #969696;}
#footer .footer_copylight .footer_copylight_inner p{ font-size: 1.4em; color: #969696;}
#footer .footer_inner .footer_top ul li a,
#footer .footer_inner .footer_center .footer_link_block ul.gray_link li a,
#footer .footer_inner .footer_center .footer_link_block ul.white_link li a,
#footer .footer_copylight .footer_copylight_inner ul li a,
#footer .footer_inner .recruit_btn a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#footer .footer_inner .footer_top ul li a:hover,
#footer .footer_inner .footer_center .footer_link_block ul.gray_link li a:hover,
#footer .footer_inner .footer_center .footer_link_block ul.white_link li a:hover,
#footer .footer_copylight .footer_copylight_inner ul li a:hover{ opacity: 0.5;}
#footer .footer_inner .recruit_btn a:hover{ transform: scale(1.1); background-color: #69AAE6;}

#footer .footer_inner .footer_search{ text-align: left; width: 100%; border-top: 1px solid #818181; padding-top: 40px; box-sizing: border-box;}
#footer .footer_inner .footer_search .footer_link_block > p{ font-size: 1.7em; color: #fff; font-weight: 700; margin-bottom: 25px;}
#footer .footer_inner .footer_search .fs_list{ display: flex; flex-wrap: wrap;}
#footer .footer_inner .footer_search .fs_list .fs_list_box{ width: 23%; margin-bottom: 30px;}
#footer .footer_inner .footer_search .fs_list .fs_list_box:nth-of-type(3),#footer .footer_inner .footer_search .fs_list .fs_list_box:nth-of-type(7){ width: 30%; margin-bottom: 30px;}
#footer .footer_inner .footer_search .fs_list .fs_list_box:last-child{ margin-right: 0;}
#footer .footer_inner .footer_search .fs_list .fs_list_box > p{ font-size: 1.4em; font-weight: 700; color: #fff; margin-bottom: 15px;}
#footer .footer_inner .footer_search .fs_list .fs_list_box ul.gray_link li{ margin-bottom: 10px;}
#footer .footer_inner .footer_search .fs_list .fs_list_box ul.gray_link li a{ font-size: 1.3em; color: #a1a1a1;}
#footer .footer_inner .footer_search .fs_list .fs_list_box .syubetsu{ display: flex; flex-wrap: wrap; width: 220px;}
#footer .footer_inner .footer_search .fs_list .fs_list_box .syubetsu .syubetsu_box{ margin-bottom: 20px;}
#footer .footer_inner .footer_search .fs_list .fs_list_box .syubetsu .syubetsu_box > p{ font-size: 1.4em; font-weight: 700; color: #fff; margin-bottom: 20px;}
#footer .footer_inner .footer_search .fs_list .fs_list_box .syubetsu .syubetsu_box:nth-child(odd){ margin-right: 20px;}
#footer .footer_inner .footer_search .fs_list .fs_list_box .syubetsu .syubetsu_box ul.gray_link li{ margin-bottom: 10px;}
#footer .footer_inner .footer_search .fs_list .fs_list_box ul.white_link li{ margin-bottom: 25px;}
#footer .footer_inner .footer_search .fs_list .fs_list_box ul.white_link li a{ font-size: 1.6em; color: #fff; font-weight: 700;}
/*-------------------------
__drawer
-------------------------*/

#toggle { position: fixed; top: 0; left: 0; right: 0; min-width: 1208px; width: 100%; text-align: right;}
#toggle .toggle_inner{ cursor: pointer; position: absolute; top: 60px; right: 50px; box-sizing: border-box; cursor: pointer; border-radius: 5px; width: 60px; height: 60px;}
#toggle .toggle_inner:before{ content:''; width: 60px; height: 60px; background-color: #005196; position: absolute; top: 0; right: 0; border-radius: 5px;}
#toggle-box { position: relative; width: 20px; height: 20px; top: 21px; left: 21px;}
#toggle-box > span { width: 100%; height: 2px; left: 0; display: block; background: #fff; position: absolute; transition: transform .6s ease-in-out, top .5s ease, bottom .5s ease;}
#toggle-box > span:nth-child(1) { top: 0;}
#toggle-box > span:nth-child(2) { top: 50%; transform: translatey(-50%);}
#toggle-box > span:nth-child(3) {  bottom: 0;}
.is-open #toggle-box > span { background: #fff;}
.is-open #toggle-box > span:nth-child(1) { top: 50%; left: -1px; transform: rotate(45deg) translatey(-50%);}
.is-open #toggle-box > span:nth-child(2) { width: 0;}
.is-open #toggle-box > span:nth-child(3) { top: 50%; transform: rotate(-45deg) translatey(-50%);}
#toggle { z-index: 1000;}
#wrap { position: relative; z-index: 990;}
#asp_wrap .asp_fix_inq_box { z-index: 991!important;}
#wrap.back{ z-index: 889;}

#nav-content{will-change: transform; z-index: 900; overflow: auto; width: 100%; height: 100%; min-width: 1200px; background-color: rgba(0,0,0,0.9); color: #fff; position: fixed; top: 0; left: 0; text-align: center; opacity: 0; transition: opacity .6s ease, visibility .6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.is-open { overflow: hidden;}
.is-open #nav-content { z-index: 999; visibility: visible; opacity: 1;}
.is-open #nav-content a { pointer-events: auto;}

#nav-content a{ text-decoration: none;}
#nav-content .inner{ width: 100%; max-width: 1200px; margin: 0 auto; padding: 80px 50px; box-sizing: border-box; position: relative;}

#nav-content .inner .nav_top{ display: flex; justify-content: space-between; margin-bottom: 80px;}
#nav-content .inner .nav_top .nav_logo{ margin-left: 45px; width: 264px; height: auto;}
#nav-content .inner .nav_top .nav_logo a img{ width: 100%; height: auto;}
#nav-content .inner .nav_top .mysearch_menu{ display: flex; align-items: center; margin-right: 100px;}
#nav-content .inner .nav_top .mysearch_menu ul{ display: flex; align-items: center;}
#nav-content .inner .nav_top .mysearch_menu ul li:nth-child(-n+2){ border-right: 1px solid #fff;}
#nav-content .inner .nav_top .mysearch_menu ul li{ padding: 0 15px; box-sizing: border-box;}
#nav-content .inner .nav_top .mysearch_menu ul li a{ display: block; font-size: 1.4em; color: #fff;}
#nav-content .inner .nav_top .mysearch_menu .contact_btn{ position: relative; width: 170px;display: flex; flex-direction: column; justify-content: center; align-items: center;}
#nav-content .inner .nav_top .mysearch_menu .contact_btn p.contact_fukidashi{ margin-bottom: 10px;}
#nav-content .inner .nav_top .mysearch_menu .contact_btn p.contact_fukidashi span{ color: #FFDD17; font-size: 1.2em; display: block; position: relative; padding: 0 5px; box-sizing: border-box;}
#nav-content .inner .nav_top .mysearch_menu .contact_btn p.contact_comment{ margin-top: 10px;}
#nav-content .inner .nav_top .mysearch_menu .contact_btn p.contact_comment span{ color: #FFDD17; font-size: 1.2em; display: block; position: relative; padding: 0 5px; box-sizing: border-box;white-space: nowrap;}
#nav-content .inner .nav_top .mysearch_menu .contact_btn p.contact_fukidashi span::before,
#nav-content .inner .nav_top .mysearch_menu .contact_btn p.contact_fukidashi span::after{ content: ""; display: inline-block; background: #FFDD17; width: 1px; position: absolute; height: 20px; bottom: -5px;}
#nav-content .inner .nav_top .mysearch_menu .contact_btn p.contact_fukidashi span::before{ left: 0; transform: rotate(-20deg);}
#nav-content .inner .nav_top .mysearch_menu .contact_btn p.contact_fukidashi span::after{ right: 0; transform: rotate(20deg);}
#nav-content .inner .nav_top .mysearch_menu .contact_btn a{ display: block; font-size: 1.5em; background-color: #FFDD17; color: #000; width: 160px; line-height: 3em; border-radius: 5px; font-weight: 700;}
#nav-content .inner .nav_top .mysearch_menu ul li a,
#nav-content .inner .nav_top .mysearch_menu .contact_btn a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#nav-content .inner .nav_top .mysearch_menu ul li a:hover{ opacity: 0.5;}
#nav-content .inner .nav_top .mysearch_menu .contact_btn a:hover{ background-color: #FFFA78;}

#nav-content .inner .nav_center{ display: flex; justify-content: center; text-align: left; margin-bottom: 80px;}
#nav-content .inner .nav_center .nav_link_block{ margin-right: 90px;}
#nav-content .inner .nav_center .nav_link_block:last-child{ margin-right: 0;}
#nav-content .inner .nav_center .nav_link_block > p{ font-size: 1.6em; color: #fff; font-weight: 700; margin-bottom: 25px;}
#nav-content .inner .nav_center .nav_link_block ul.gray_link{}
#nav-content .inner .nav_center .nav_link_block ul.gray_link li{ margin-bottom: 20px;}
#nav-content .inner .nav_center .nav_link_block ul.gray_link li a{ font-size: 1.4em; color: #969696;}
#nav-content .inner .nav_center .nav_link_block .syubetsu{ display: flex; flex-wrap: wrap; width: 220px;}
#nav-content .inner .nav_center .nav_link_block .syubetsu .syubetsu_box{ margin-bottom: 20px;}
#nav-content .inner .nav_center .nav_link_block .syubetsu .syubetsu_box > p{ font-size: 1.4em; font-weight: 700; color: #fff; margin-bottom: 20px;}
#nav-content .inner .nav_center .nav_link_block .syubetsu .syubetsu_box:nth-child(odd){ margin-right: 20px;}
#nav-content .inner .nav_center .nav_link_block .syubetsu .syubetsu_box ul.gray_link li{ margin-bottom: 10px;}
#nav-content .inner .nav_center .nav_link_block ul.white_link li{ margin-bottom: 25px;}
#nav-content .inner .nav_center .nav_link_block ul.white_link li a{ font-size: 1.6em; color: #fff; font-weight: 700;}
#nav-content .inner .voice_btn{ margin: 0 auto 30px;}
#nav-content .inner .voice_btn a{ box-shadow: none;}
#nav-content .inner .recruit_btn{ margin: 0 auto;}
#nav-content .inner .recruit_btn a{ box-shadow: none;}
#nav-content .inner .nav_center .nav_link_block ul.gray_link li a,
#nav-content .inner .nav_center .nav_link_block ul.white_link li a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#nav-content .inner .nav_center .nav_link_block ul.gray_link li a:hover,
#nav-content .inner .nav_center .nav_link_block ul.white_link li a:hover{ opacity: 0.5;}

#nav-content .inner .nav_search{ text-align: left; width: 100%; border-top: 1px solid #818181; padding-top: 40px; box-sizing: border-box;}
#nav-content .inner .nav_search .nav_link_block > p{ font-size: 1.7em; color: #fff; font-weight: 700; margin-bottom: 25px;}
#nav-content .inner .nav_search .ns_list{ display: flex; flex-wrap: wrap;}
#nav-content .inner .nav_search .ns_list .ns_list_box{ width: 23%; margin-bottom: 30px;}
#nav-content .inner .nav_search .ns_list .ns_list_box:nth-of-type(3),#nav-content .inner .nav_search .ns_list .ns_list_box:nth-of-type(7){ width: 30%; margin-bottom: 30px;}
#nav-content .inner .nav_search .ns_list .ns_list_box:last-child{ margin-right: 0;}
#nav-content .inner .nav_search .ns_list .ns_list_box > p{ font-size: 1.4em; font-weight: 700; color: #fff; margin-bottom: 15px;}
#nav-content .inner .nav_search .ns_list .ns_list_box ul.gray_link li{ margin-bottom: 10px;}
#nav-content .inner .nav_search .ns_list .ns_list_box ul.gray_link li a{ font-size: 1.3em; color: #a1a1a1;}
#nav-content .inner .nav_search .ns_list .ns_list_box ul.white_link li{ margin-bottom: 25px;}
#nav-content .inner .nav_search .ns_list .ns_list_box ul.white_link li a{ font-size: 1.6em; color: #fff; font-weight: 700;}

.re_top{display:none;height:50px;width:50px;overflow:hidden;position:fixed;z-index:9999;right:50px;bottom:50px;}
.re_top a span{ display: inline-block; padding:0; color: #000; vertical-align: middle; text-decoration: none;}
.re_top a span::before,
.re_top a span::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
.re_top a span::before{ box-sizing: border-box; width: 50px; height: 50px; border: 1px solid #005196; background-color: #fff; border-radius: 5px;}
.re_top a span::after{ top: 7px; left: 19px; width: 12px; height: 12px; border-top: 1px solid #005196; border-right: 1px solid #005196; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

/*-------------------------
__error
-------------------------*/

.error #page_ttl{ background: url(/images/page_ttl_error.jpg) no-repeat center / cover;}
.error .error_inbox{ margin: 100px auto 100px;}
.error .error_inbox h2{ margin-bottom: 20px;}
.error .error_inbox p{ font-size: 1.5em; line-height: 1.9; margin-bottom: 40px;}
.error .error_inbox a{ display: inline-block; font-size: 1.5em; color: #0055A0; border: 2px solid #0055A0; padding: 20px 40px; border-radius: 8px; font-weight: 700; -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
.error .error_inbox a:hover{ color: #fff; background-color: #0055A0;}
.error .pc_none{ display: none;}

/*-------------------------
__asp
-------------------------*/

#wrap.contents_asp{ position: relative;}
#wrap.contents_asp #content #main #asp_content{ width:1100px; margin:0 auto; padding-top: 140px;}
#wrap.contents_asp #header{}
#wrap.contents_asp #header .header_menu{}
#wrap.contents_asp #header .header_menu ul li:nth-child(-n+2){ border-right: 1px solid #000;}
#wrap.contents_asp #header .header_menu ul li a{ color: #000;}
#wrap.contents_asp #header .header_menu .contact_btn p.contact_fukidashi span{ color: #000;}
#wrap.contents_asp #header .header_menu .contact_btn p.contact_comment span{ color: #000;}
#wrap.contents_asp #header .header_menu .contact_btn p.contact_fukidashi span::before,
#wrap.contents_asp #header .header_menu .contact_btn p.contact_fukidashi span::after{ background: #000;}
#wrap.contents_asp #content #main #asp_content .topic_path{ border-bottom: none; padding: 10px 0;}

#wrap.contents_asp h1.asp_pageTitle{ width: 100%; background-color: #000; color: #fff; padding: 0 20px; box-sizing: border-box; margin-bottom: 20px;}