@charset "UTF-8";
  .l-content {
width:100%;
}
@media screen and (min-width: 600px) {
.article-header-full-width__inner .l-content {
width: 100% !important;
max-width: none !important;
}
} .header-site-branding {
width:20%!important;
}
.header_buttom {
margin-top:0;
}
.header-menu-row {
margin-top: 26px;
margin-right: 20px
}
@media (max-width: 959px) {
.header-site-branding {
width:100%!important;
}
} .footer_block {
justify-content:space-between;
}
@media (max-width: 1127px) {
.footer_block {
display:block!important;
}
.footer_tell {
text-align:left;
margin-block-start: 30px!important;
}	
.footer_right_area {
display:block!important;
margin-block-start: 30px!important;
}
} .copyarea_privacy {
margin-bottom: -15px!important;
} .h-tell {
line-height:40px;
margin-bottom:10px;
}  .title_line {
font-size :60px;
letter-spacing :0.1em;
font-family :BIZ UDPGothic;
margin-bottom :15px;
}
.underline {
position :relative;
padding-bottom :5px;
width :fit-content;
}
.underline::before {
content: "";
position: absolute;
left: -50%;
bottom: 0%;
transform: translateY(-50%);width: 150%;
height: 1px; 
background-color: #222;
} .title {
font-size: 32px;
} .title_green {
font-size:26px;
} .title_maru {
font-family: "Zen Maru Gothic", sans-serif!important;
font-weight: bold;
font-style: normal;
font-size:36px;
}
@media (max-width: 768px) {
.title_maru {
font-size:24px;
}
} #js-main-visual-inner picture {
max-width: 310px;
} .mission_line {
position:relative;
display:inline-block;
font-size:60px;
font-family: "BIZ UDPGothic", sans-serif;
}
.mission_line::after {
content: "";
position: absolute;
bottom: 0;
left: -83px;
width: 137%;
height: 1px;
background-color:#333;
} .vision_box {
text-align:right;
}
.vision_line {
position:relative;
display:inline-block;
text-align:right;
font-size:60px;
}
.vision_line::after {
content: "";
position: absolute;
bottom: 0;
right: -50px;
width: 137%;
height: 1px;
background-color:#333;
}
@media (max-width:1360px) {
.title_line {
font-size:40px;
}
.mission_line::after {
left: 0px;
width: 100%;
}
.vision_line::after {
right: 0px;
width: 100%;
}
}
@media (max-width: 960px) {
.information-tab .epb-tab__list {
display: flex !important;
}
}
@media (max-width: 768px) {
.title_maru {
font-size:24px;
}
}
@media (max-width: 599px) { .vision_box {
text-align:left;
}
.vision_line {
text-align:left;
}
.vision_text {
text-align:left;
}
.mission_line {
padding-left:0!important;
}
} .epb-advanced-button {
width:207px;
}
.footer_block {
max-width:1180px;
margin-inline: auto;
}
.footer_bottm_area {
max-width:207px;
}
@media (max-width:959px) {
.inner {
padding-inline:3%;
}
}
@media (max-width:599px) {
.title_line {
font-size:24px;
}
.title {
font-size: 24px;
}
.title_green {
font-size:20px;
}
} .new {
margin-inline: auto !important;
} .white-bk {
background-color: #fff;
opacity: 0.8;
}
.company_message {
margin-inline: auto !important;
}
.button290 {
max-width:290px;
}
@media (max-width: 1190px) {
.company_message {
max-width: 880px;
margin-inline: auto;
}
} .service_content {
margin-inline: auto !important;
} @media (max-width: 781px) {
.table_left {
padding-bottom:0!important;
border-right:none;
}
.table_right {
padding-top:0!important;
}
} .menu-contact-btn a {
background-color: #F2841C;
color: #fff !important;
padding: 8px 16px;
font-weight: bold;
}
.menu-contact-btn a:hover {
background-color: #cc002a;
}
.header-menu-default .header-menu > .menu-item > a  {
border-radius: 30px;
} .maker-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
margin: 2em 0;
}
.maker-item { padding: 10px 15px;
border: 0.3px solid #ddd;
text-align: center;
font-size: 1rem;
}  @media (max-width: 959px) {
.epb-tab__list {
display:block;
text-align:center;
}
} .form-table {
width: 100%;
margin-top: 20px;
margin-bottom: 60px;
border-collapse: separate;
}
.form-table th {
text-align: left;
vertical-align: top;
padding: 10px 10px 10px 0;
 width: 300px;
font-weight: bold;
border: none;
background: #fff;
color: #333;
position:relative;
p {
width: 300px;
border-right: 1px dotted #BDC1C4;
}
}
.form-table td {
padding: 10px 0 10px 16px;
border: none;
background: #fff;
}
.required {
background-color: #F0851C;
color: #fff;
font-size: 12px;
padding: 2px 6px;
margin-left: 6px;
border-radius: 3px;
position: absolute;
right: 27px;
}
.name-flex {
display: flex;
gap: 10px;
}
.name-flex input[type="text"] {
flex: 1;
max-width: 100%;
}
.name-flex {
max-width: 600px;
p {
display:flex;
gap:10px;
}
}
.privacy-note {
font-size: 12px;
color: #666;
line-height: 1.4;
display: block;
margin-top: 8px;
}
input[type="text"],
input[type="email"],
textarea {
width: 100%;
max-width: 600px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #fff;
font-size: 15px;
} @media (max-width: 768px) {
.form-table tr {
display: block;
margin-bottom: 16px;
}
.form-table th,
.form-table td {
display: block;
width: 100%;
padding: 0;
}
.form-table th {
margin-bottom: 4px;
p {
border-right: none;
}
}
.name-flex {
flex-direction: column;
}
.required {
position:static
}
}