/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
	line-height: 1.15; 
	-webkit-appearance: none;
	-webkit-text-size-adjust:100%; 
	font-size: 10px !important; 
}

@media (max-width: 768px) {
	html {
		font-size: 9px !important; 
	}
}

@media (max-width: 480px) {
	html {
		font-size: 9px !important; 
	}
}

#main-content{
	margin: 0 10rem;
}

@media(max-width:1024px){
	#main-content{
		margin:0 5rem;
	}
}

@media (max-width: 498px){
	#main-content {
		margin: 0 2rem;
	}
}

/* Sections
========================================================================== */

/**
* Remove the margin in all browsers.
*/

body {
	margin: 0;
	-webkit-text-size-adjust:100%; 
}

p,h1,h2,h3,h4,h5,h6,ol,ul,table{
	margin: 0 !important;
}

select:hover{
	cursor:pointer;
}


/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
========================================================================== */

/**
* Add the correct box sizing in Firefox.
*/

hr {
	box-sizing: content-box;
	height: 0;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
========================================================================== */

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
*/

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
* Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Forms
========================================================================== */

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
* Remove the inheritance of text transform in Edge and Firefox.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
	text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
* Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
*/

legend {
	padding: 0;
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
	vertical-align: baseline;
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
========================================================================== */

/*
* Add the correct display in Edge and Firefox.
*/

details {
	display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
	display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */

body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}


.pika-table th {
  height:25px !important;
  color:white !important;
}

.pika-table td {
  height:25px !important;
}

button, input, optgroup, select, textarea{
	line-height: 250%;
}

textarea{
	height: 100px;
}

select {
	-webkit-appearance: none;
	appearance: none;
}

select {
	color: #202020 !important;
}



fieldset{
	max-width:none !important;
}

.hs-input:not([type="checkbox"]):not([type="radio"]) {
	width: 100% !important;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ccc;
	font-size: 1.6rem;
}

input[type="checkbox"]:hover {
	cursor:pointer;
}
.hs-form-checkbox-display:hover {
	cursor:pointer;
}

.hs-form-field, .hs-custom-form{
	margin-bottom:2.4rem;
}

.hs-form-field label span {
	color: #000;
	font-family: Noto Sans;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
}

.hs-button{
	background: var(--white,#fff);
	border: 1px solid #dc0013;
	padding: 1rem 0rem;
  width: 35rem; /*width: 40rem; → width: 35rem;へ柳下修正  */
	color: #000;
	text-align: center;
	font-family: Noto Sans;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
}

.hs-button:hover{
	background: var(--white,#dc0032);
	color: #fff;
}

.actions::before{
	background: #dc0032;
	content: "";
	height: 6.2rem;
	position: absolute;
	width: 8px;
}

.hs-form-booleancheckbox {
	list-style-type: none;
}
.inputs-list{
	padding:0;
	list-style: none;
}

.legal-consent-container .hs-form-booleancheckbox-display>span{
	display: flex !important;
}

.hs-richtext p, .legal-consent-container .hs-form-booleancheckbox-display p{
	color: #000;
	font-family: Noto Sans;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
}

.hs-form-booleancheckbox-display{
	display:flex;
}

.hs-dependent-field{
	margin-top:4rem;
}

.hs-button.primary:hover {
	cursor: pointer;
}

.input{
	font-size:1.6rem;
}

.hs-error-msg{
	font-size:1.2rem;
}

li::marker{
	content:none;
}

.hs-form-radio label{
	gap: 1.6rem;
	display: flex;
}

.hs-richtext{
	padding-bottom: 2.4rem;
}
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/


/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}

/*body{min-width:1240px;}*/

.header{border-bottom:1px solid #CCC;}
.header-in{flex-wrap: wrap;}
.header-link{display:none !important;}
.page-title-box{background: rgba(0, 0, 0, 0.5);width: 50rem;line-height: 5rem;position: absolute;top: 100%;}
.header{padding-bottom:0 !important;}
.actions{text-align:center;}
#main-content{margin:0 auto 5rem!important;}
.body-container{max-width:120rem;margin:0 auto !important;}
fieldset{border:none;}
.humburger-menu{display:none;}

/*
.table-table .table-top{background:none;color:#000;}
.table-table .table-top .table-top-text{color:#000;}
.table-content-th{color:#dc0032;}
.table-table th,
.table-table td{border:none;background:none;}*/
body{min-width:0;font-family: sans-serif;}
*{font-family: sans-serif !important;}
html{-webkit-text-size-adjust: 100%;
touch-action: manipulation;}
:root {font-size: 62.5%;}
@media screen and (max-width:1200px) and (min-width: 600px){
 :root{font-size: 0.76667vw !important;}
.burger-wrapper .hamburger{display:none;}

}
ul{list-style: none;}
.login-status{display: flex;width:70%;justify-content: flex-end;}
.login-status .user-name{font-size:1.6rem;color:#dc0032;margin-right:1rem;line-height:3rem;}
.login-status .logout-btn a{color:#FFF;background:#555;color:#FFF;line-height:3rem;padding:0 1rem;border-radius:0.5rem;display: block;}
.header-navi{margin-top:0rem; display: table;margin: 0rem auto 0 auto;}
.header-navi > ul{display:flex;justify-content: center;position:relative;}
.header-navi > ul > li{}
.header-navi > ul > li a{display:block;padding:0 2rem;line-height:6rem;}
.header-navi > ul > li > ul.sub{display:none;justify-content: flex-start;position:absolute;left:0;top:99%;width:100%;background:rgba(255,255,255,1);border:1px solid #ccc;}
.header-navi > ul > li:hover > ul.sub{display:flex;}
.header-navi > ul > li > a{color: var(--black, #202020);text-align: center;font-size: 1.6rem;font-style: normal;font-weight: 700;font-family: Noto Sans JP;}
.header-navi > ul > li > ul.sub li a{color: var(--black, #202020);text-align: center;font-size: 1.6rem;font-style: normal;font-weight: 700;font-family: Noto Sans JP;}

.pankuzu{margin:1rem 0;position: relative;z-index: 2;width:auto;left:0;}
.pankuzu ul{display: flex;padding:0;}
.pankuzu ul li{margin-right:1rem;line-height:1;float:none;}
.pankuzu li a:after{display: none;}
.pankuzu ul li a{color:#000;font-size:1.6rem;line-height:3rem;display: block;}
.pankuzu ul li.home a{background:#dc0032;color:#FFF;border-radius:0.4rem;display:inline-block;padding:0 1rem;}

.section_title{text-align:center;margin-bottom:4rem !important;font-family:san-serif;}
.section_title .en{font-size:1.6rem;color:#dc0032;font-weight:bold;display: block;}
.section_title .jp{font-size:2.4rem;display: block;font-weight:bold;color:#000;}
.section_inner{width:100rem;margin:0 auto;padding:5rem 0;}

.tab_list{margin-bottom:5rem;}

.tab_list ul{display: flex;justify-content: center;}
.tab_list ul li{padding:0 1rem;}
.tab_list ul li a{display:block;padding:0 1rem;font-size:1.6rem;color:#000;}
.tab_list ul li:nth-child(2n){border-left:1px solid #000;border-right:1px solid #000;}
.tab_list ul li:last-child{border-right:0;}
.tab_list li a.on{text-decoration: underline;}
.tab_list ul{}

.tab_content{}
.tab_content ul{display:none;}
.tab_content ul.on{display:block;padding:0;}
.tab_content ul li{display: flex;align-items: flex-start;justify-content: flex-start;margin-bottom:1rem;}
.tab_content ul li .flg{background:#dc0032;color:#FFF;border-radius:0.4rem;display:inline-block;padding:0 1rem;font-size:1.4rem;margin-right:2rem;min-width:8rem;text-align:center}
.tab_content ul li .date{font-size:1.4rem;margin-right:2rem;color:#425b76;}
.tab_content ul li .text{font-size:1.4rem;color:#425b76;max-width:55%;}
.tab_content ul li .text a{color:#000;text-decoration: underline;color:#425b76;}

.tab_content_flex{display:flex;flex-wrap:wrap;}
.tab_content_box{width:48%;margin:0 1%;}
.tab_content_flex .tab_content_box ul{display: block;}
.tab_content_box .title{font-size: 18px;padding:5px 10px;border-left: medium solid #dc0114;font-style: normal;font-weight: 700;text-decoration: none;text-transform: none;color:#000;margin-bottom:2rem;}

@media screen and (max-width:600px){
.tab_content_box{width:100%;margin:0 0 4rem;}

  .tab_content ul li {width:88vw;}
.tab_content ul li .text{margin-top:1rem;width:100%;max-width: 100%;}
.tab_list ul{flex-wrap:wrap;}
.tab_list ul li {padding: 0 1rem;margin:1%;width: 31%;white-space: normal;margin-bottom: 8px;text-align: center;border: none !important;display: flex;justify-content: center;align-items: center;}
}

.document_block{padding:2rem 0;border:1px solid #000;}
.document_block .tab_list{margin:0 0 2rem;padding-bottom:2rem;border-bottom:1px solid #000;overflow:scroll;}
.document_box{padding:0 2rem 2rem;display: none;}
.document_box .title{font-size:2rem;font-weight:bold;color:#000;margin:0 0 2rem;}
.document_box.on{display: block;}

.check_document_list table{width:100%;}
.check_document_list table td,
.check_document_list table th{color:#000;padding:1rem;text-align:left;}
.check_document_list table td,
.check_document_list table th{font-size:1.6rem;border:none !important;border-bottom:1px solid #000 !important;vertical-align: middle;}
.check_document_list table td a{font-size:1.6rem;text-decoration:underline;color:#000;}
.check_document_list table{}

.input{position:relative;}
.input label{cursor: pointer;font-size:1.4rem;}
.input > input[type="checkbox"]{appearance: none;pointer-events: none;}
.input > input[type="checkbox"]{border:0.1rem solid #DCDDDD;height:1.5rem;width:1.5rem;float: left;margin: 0.3rem 0.5rem 0 0;background:#fff;pointer-events: none;}
.input input[type="checkbox"]:checked + label::before{content:"";position: absolute;border-top: 0.4rem solid #2D3E5B;border-right: 0.4rem solid #2D3E5B;width: 1.5rem;height: 1rem;-moz-transform: rotate(136deg);-ms-transform: rotate(136deg);-o-transform: rotate(136deg);transform: rotate(136deg);-webkit-transform: rotate(136deg);left: 0.1rem;top: 0rem;pointer-events: none;}

[onclick="Fancybox.close()"]{width:30rem;display: block;margin: 0 auto;font-size: 2rem;cursor:pointer;}
.fancybox__container{z-index:100000 !important;}

@media screen and (max-width:600px){
.humburger-menu{position: absolute;right: 1rem;display: block;}
.page-title{margin-left:0;width:100%;}
.dnd_area-row-6-force-full-width-section{max-width:95%;margin:0 auto}

.login-status{display: none;}
.login-status{width:32%;flex-direction: column;align-items: end;}
.login-status .logout-btn a{width: 8rem;text-align: center;}
.section_inner{width:95%;margin:0 auto 0;}

.header{/*border:none;*/padding-bottom:2.3rem !important;}
.header-navi{width:100%;padding:2rem 0;display:none;}
body.on .header-navi{display: block;position: absolute;top: 8rem;left: 0;width: 100%;background: #FFF;z-index: 10;padding: 1rem;}
.header-navi > ul{display: block;padding:0;}
.header-navi > ul li{}
.header-navi > ul > li > a{text-align:left !important;line-height:4rem;padding:0;width:100% !important;}
.header-navi > ul > li > a .header-link-text{text-align:left;}
.header-navi > ul > li > ul.sub{position:inherit;flex-direction: column;align-items: flex-start;padding:1rem 0;display:none !important;}
.header-navi > ul > li > ul.sub li a{line-height:4rem;}
.page-title-box{top:50% !important;width:100vw !important;}

.pankuzu{padding:0 1rem;}
.tab_content ul li{flex-wrap:wrap;}
.news_list .text{max-width:100%;width:100%;margin-top:2rem;}

.tab_list.-document{overflow: scroll;}
.tab_list ul{white-space:nowrap;padding:0 1rem;justify-content: flex-start;}
.check_document_list thead th:nth-child(2){width:34% !important;}
.check_document_list thead th:nth-child(3){width:52% !important;}

#tab_d3 .check_document_list thead th:nth-child(2){width:30% !important;}
#tab_d3 .check_document_list thead th:nth-child(3){width:16% !important;}

#tab_d3 .check_document_list tbody td:nth-child(4) a{font-size:1.4rem;}
#tab_d3 .check_document_list tbody td:nth-child(6),
#tab_d3 .check_document_list thead th:nth-child(6){display: none !important;}

.check_document_list .input label{width:100%;display: block;}
.check_document_list tbody td:nth-child(4) a{font-size:0;}
.fancybox__slide{padding-right:0 !important;padding-left:0 !important}
#main-content{padding: 0 0 !important;box-sizing: border-box;}
#main-content .span12 .row-fluid-wrapper{padding-left:2rem !important;padding-right:2rem !important;}
#main-content .row-fluid > * > *:first-child{padding-left:0rem !important;padding-right:0rem !important;}
.fancybox #main-content .span12 .row-fluid-wrapper{padding:0 !important}
.row-number-11{display:none !important;}
.document_box{padding:0 1rem 1rem;}
.accordion_table-box{padding:0 !important;}
.table-content-th{padding:0.5rem !important;}
.hs-button{width:100% !important;box-sizing:border-box;}
.actions .action{margin-bottom: 1rem;width: 100% !important;margin: 0 0 2rem 0 !important;}
.hs-form-field{overflow:hidden;}
.hs-form-field label span{padding:0 1rem;}
} 
/*SP-end*/
.fancybox__content{height:90vh !important;}
body.fancybox #main-content > * > * > * > * > *:nth-child(1),
body.fancybox [data-global-resource-path="member/templates/partials/footer.html"],
 body.fancybox .page-title,
body.fancybox .pankuzu_wrap,
body.fancybox header,
body.fancybox footer {
  display: none !important;
}
body.fancybox .dnd_area-row-1-padding{padding:0 !important;}
.title-text-plan{display:none !important}

body.-submit_document #check_document,
body.-submit_document #main-content .body-container .row-fluid-wrapper:nth-child(2){display:none !important;}
body.-document_check .document_box,
body.-submit_document .document_box{display:block;margin-bottom:2rem;border-bottom:1px solid #000;}
body.-document_check .document_box:last-child,
body.-submit_document .document_box:last-child{border:none;}


.header{}
#main-content .page-title{margin-left:0;width:100%;}




/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
  transform: translate(-70%, 0);
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #dc0114;
	position:relative;
	color: #fff;
	min-width: 80px;
	font-size: 12px;
	line-height:18px;
	padding: 4px 10px 4px 10px;
	max-width: 140px;
  white-space:nowrap;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	font-size: 0px;
	height: 1px;
	background: #dc0114;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: none;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: none;
}

.submitted-message{font-size:2rem;}
.sp{display:none;}
@media screen and (max-width: 600px) {
 .sp{display:block;} 
.tab_list ul li{padding:0 0rem;}
.tab_list ul li a{display:block;padding:0 0rem;font-size:1.6rem;color:#000;}
}

.systems-page{max-width:120rem;margin:0 auto;}
#hs-login-self-registration-link p{color:#000;text-align:center !important;}