/* A Modern CSS Reset */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;700&display=swap');
*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd{margin:0}html{scroll-behavior:smooth}body{
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    
}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}img:not([alt]){filter:blur(10px)}

@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}



html { font-size:62.5%;background-color: #b14540;
}
body {
  font-family: "Kaisei Opti", serif;
    /* font-family: 'Noto Sans JP', sans-serif; */
    font-size: 1.6rem;
    color: #333333;
    font-feature-settings: "palt";
}
a {
    text-decoration: none;
    color: #097DC6;
}

.nohreflink:hover {
    cursor: pointer;
}
input,textarea {
	-webkit-appearance:none;
}

img {
    image-rendering: -webkit-optimize-contrast;
}
/*------------------------------------------------------------*/
#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #cccccc;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
}
.loader__area{
position: absolute;
top:40%;
left:50%;
}
.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #ffffff;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

.loaded {
  opacity: 0;
  visibility: hidden;
}
/*------------------------------------------------------------*/
.wrapper img {
    animation: fadeIn 1s ease 0s 1 normal;
}
.menu-block {
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
position: absolute;
z-index: 9999;
}
.menu-wrap {
    background-color: #087CC6;
    height: 70px;
}
.menu-block.fixed {
  background-color: #b14540;
  position: fixed!important;
    width: 100%;
    top: 0rem;
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.30);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.30);
    z-index: 9999;
	transition: .4s;
}
.header {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 1120px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 16px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	height: 56px;
}

.header-title {
	font-size: 2rem;
  width: 216px;
	padding-left: 16px;
	margin-top: -4px;
}
.header-title-link {

}
.logo--posi{
  display: none;
}
.global-menu {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	width: 85%;
	padding-bottom: 16px!important;
	margin-right: 16px!important;
}
.logo{
  width: 32px;
}

.global-menu-item {
	font-size: 1.4rem;
	font-weight: bold;
	border-right: 1px solid #b14540;
	width: 9em;
	text-align: center;
}
.global-menu-item:last-child {
	border-right: none;
}
.global-menu-link {
    color: #FFFFFF;
}
.global-menu-link::after {
    border-bottom: solid 2px #f5c3c0;
    opacity: .8;
    bottom: 0;
    padding-bottom: .5rem;
    content: "";
    display: block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 0;
    }
.global-menu-link:hover::after {
    width: 100%;
}
.global-menu-link--contact {
    background-color: #FFFFFF;
    padding-top: 0.8rem;
    padding-right: 3.2rem;
    padding-bottom: 0.8rem;
    padding-left: 3.2rem;
    color: #097DC6;
    border-radius: 2rem;
}
.global-menu-link--contact:hover {
    background-color: #333333;
    color: #FFFFFF;
}
.menu-block.menu__content{
	position: absolute;
	top: 0px;
}
.menu__content .global-menu-item {
	font-size: 1.4rem;
	font-weight: bold;
	border-right: 1px solid #e1e1e1;
	width: 10em;
	text-align: center;
}
.menu-block.menu__content .header-title-link {
    color: #333333;
}
.menu-block.menu__content .logo--nega {
    display: none;
}
.menu-block.menu__content .logo--posi {
    display: block;
}
.menu-block.menu__content .global-menu-link {
    color: #333333;
}
.menu-block.menu__content .global-menu-link::after {
    border-bottom: solid 2px #ff0000;
    }

.menu-block.fixed .global-menu-item {
	border-right: 1px solid #e1e1e100;
}
.menu-block.fixed .header-title-link {
    color: #ffffff;
}
.menu-block.fixed .logo--nega {
    display: none;
}
.menu-block.fixed .logo--posi {
    display: block;
}
.menu-block.fixed .global-menu-link {
    color: #ffffff;
}
.menu-block.fixed .global-menu-link::after {
    border-bottom: solid 2px #f5c3c0;
    }


.menu-block a:hover{
	color: #f5c3c0!important;
	transition: .3s;
}

@media screen and (max-width: 1119px){
	.header {
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
	.header-title {
    font-size:1.4rem;
    padding-left: 16px;
  }
  .logo {
  width: 24px;
}
.header-title-link {

}
}
@media screen and (max-width: 767px){
body {
-webkit-text-size-adjust: 100%;
}

 .header-trigger, .header-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    z-index: 9999;
  }
  .header-trigger {
    position: absolute;
    width: 24px;
    height: 20px;
    top: 16px;
    right: 16px;
  }
  .header-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    border-radius: 0px;
  }
  .menu__content .header-trigger span {
    background-color: #555555;
  }
  .menu-block.fixed .header-trigger span {
    background-color: #ffffff;
  }
  .header-trigger span:nth-of-type(1) {
    top: 0;
  }
  .header-trigger span:nth-of-type(2) {
    top: 9px;
  }
  .header-trigger span:nth-of-type(3) {
    bottom: 0;
    width: 80%;
  }
  .header-trigger span:nth-of-type(1) {
    -webkit-animation: menu-bar01 .75s forwards;
    animation: menu-bar01 .75s forwards;
  }
  
  @keyframes menu-bar01 {
    0% {
      transform: translateY(9px) rotate(45deg);
    }
    50% {
      transform: translateY(9px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  .header-trigger span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1;
  }
  .header-trigger span:nth-of-type(3) {
    -webkit-animation: menu-bar02 .75s forwards;
    animation: menu-bar02 .75s forwards;
  }

  @keyframes menu-bar02 {
    0% {
      transform: translateY(-9px) rotate(-45deg);
    }
    50% {
      transform: translateY(-9px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  .header-trigger.active span:nth-of-type(1) {
    -webkit-animation: active-menu-bar01 .75s forwards;
    animation: active-menu-bar01 .75s forwards;
  }
  
  @keyframes active-menu-bar01 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(9px) rotate(0);
    }
    100% {
      transform: translateY(9px) rotate(45deg);
    }
  }
  .header-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .header-trigger.active span:nth-of-type(3) {
    -webkit-animation: active-menu-bar03 .75s forwards;
    animation: active-menu-bar03 .75s forwards;
    width: 100%;
  }
  
  @keyframes active-menu-bar03 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(-9px) rotate(0);
    }
    100% {
      transform: translateY(-9px) rotate(-45deg);
    }
  }
.header-block {
    padding-left: 1rem;
    padding-right: 1rem;
}
.header {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    position: relative;
}

.menu-block {
height: 48px;
}
.menu-wrap {
background-color: #E7F0F4;
height: 40px;
}
.menu-block.fixed {
    position: fixed;
    width: 100%;
    top: 0rem;
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.30);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.30);
    z-index: 9998;
}
.header {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 40px;
}
.header-title {
	margin-top: 0px;
	padding-left: 0px;
  width: 160px;
  margin-top: -8px;
  margin-left: auto;
  margin-right: auto;
}
.header-title-link {

}
.name{
  line-height: 100%;
}
.global-menu {
display: none;
background-color: #b14540;
width: 100vw;
position: absolute;
height: 100vh;
top: 40px;
z-index: 9998;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.global-menu.active {
display: block;
}
.global-menu-item {
	float: none;
	font-weight: bold;
	text-align: center;
	margin-top: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #eeeeee;
	border-right: none;
	padding-bottom: 1.8rem;
	width: 100%;
	font-size: 1.6rem;
}
.global-menu-link {
    color: #ffffff;
}
.global-menu-link::after {
    border-bottom: solid 1px #ffffff;
    opacity: .5;
    bottom: 0;
    padding-bottom: .5rem;
    content: "";
    display: block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 0;
    }
.global-menu-link:hover::after {
    width: 100%;
}
.global-menu-link--contact {
    background-color: #FFFFFF;
    padding-top: 0.8rem;
    padding-right: 3.2rem;
    padding-bottom: 0.8rem;
    padding-left: 3.2rem;
    color: #097DC6;
    border-radius: 2rem;
}
.menu__content .global-menu-item {
	width: 100%;
	font-size: 1.6rem;
	border-right: none;
}
.menu-block.fixed .global-menu-item {
	border-right: none;
}
}

.path-block {
}
.path-block:after{
    content: "";
    display: block;
    clear: both;
}
.path__list {
    float: left;
    background-image: url(../img/ar_path.svg);
    background-repeat: no-repeat;
    padding-right: 2.4rem;
    background-size: auto 1rem;
    background-position: right 0.8rem center;
}
.path__list:last-child {
    background-image: none;
}
.path__link {
    font-size: 1.4rem;
    color: #777777;
}
.title__text {
    clear: both;
    font-size: 3.2rem;
    margin-top: 1.6rem;
}

.nav__pagetop {
    background-image: url(../img/gototop.svg);
    background-repeat: no-repeat;
    width: 4rem;
    height: 4rem;
    background-size: contain;
    z-index: 9998;
    text-indent: -9999px;
    display: block;
    position: fixed;
    bottom: 80px;
    right: 40px;
}
/*------------------------------------------------------------*/
.contents{
  padding-top: 100px;
}
.section {

}
.section a:hover{
  text-decoration: underline;
}
.section-inner {
 max-width: 1120px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 128px;
 padding-bottom: 128px;
}
.page-title + .section .section-inner{
  padding-top: 48px;
}
.section-title{
  color: #ffffff;
  font-size: 3.2rem;
  text-align: center;
  font-family: "Asset", serif;
}
.section-lead{
  font-size: 2.4rem;
  color: #ffffff;
  font-weight: 700;
  border-left: solid 8px #f5c3c0;
  line-height: 100%;
  padding-left: 16px;
}
.text{
  color: #ffffff;
  font-size: 1.6rem;
}
.text a{
  color: #ffffff;
}
@media (width < 768px) {
  .section {
    padding-left: 16px;
    padding-right: 16px;
}
  .section-inner {
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 padding-top: 64px;
 padding-bottom: 64px;
}
}
/*------------------------------------------------------------*/
.top-hero {
  padding-top: 48px;

}
@media (width < 768px){
  .top-hero {
    padding-top: 32px;
  
  }
}
.top-hero-logo-outer {
  box-sizing: border-box;
  border: solid 2px #ffffff00;
  animation: outer-line 1s forwards;
  animation-delay:.3s;
}
@keyframes outer-line {
  0% {
    margin: 4px;
    border: solid 2px #ffffff00;
}
100% {
  margin: 16px;
  border: solid 2px #ffffff;
}
}
.top-hero-logo-outer.fixed {
  animation: outer-line-r 1s forwards;
}
@keyframes outer-line-r {
  0% {
    margin: 16px;
    border: solid 2px #ffffff;
}
100% {
  margin: 4px;
  border: solid 2px #ffffff00;
}
}
.top-hero-logo-wrapper {
  display: grid;
  place-content: center;
  height: 88dvh;
  box-sizing: border-box;
  border: solid 1px #ffffff00;
  animation: first-line 1s forwards;
  animation-delay:.9s;
}
@keyframes first-line {
  0% {
    margin: 4px;
    border: solid 1px #ffffff00;
}
100% {
  margin: 8px;
  border: solid 1px #ffffff;
}
}
.top-hero-logo-wrapper.fixed {
  animation: first-line-r 1s forwards;
}
@keyframes first-line-r {
  0% {
    margin: 8px;
    border: solid 1px #ffffff;
}
100% {
  margin: 4px;
  border: solid 1px #ffffff00;
}
}
.top-hero-logo {
  width: 48vw;

}


/*------------------------------------------------------------*/
.outline {
  display: grid;
  grid-template-columns: 6em 1fr;
color: #FFFFFF;
border-top: solid 1px #f5c3c0;
}

.outline-dt {
font-size: 1.6rem;
color: #f5c3c0;
padding: 24px 8px;
border-bottom: solid 1px #f5c3c0;
}

.outline-dd {
font-size: 1.6rem;
border-bottom: solid 1px #f5c3c0;
padding: 24px 8px;
}
.outline-dd + .outline-dt{

}

/*------------------------------------------------------------*/
.map{
  width: 100%;
  height: 400px;
}
/*------------------------------------------------------------*/
.footer-block {
    background-color: #b14540;
}
.footer {
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
    height: 56px;
    position: relative;
}
.footer__text {
    font-size: 1.2rem;
    position: absolute;
    top: 20px;
}
.footer__link {
    color: #FFFFFF;
}
.footer__link--language {
    color: #FFFFFF;
    background-image: url(../img/language.svg);
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 16px center;
    padding-left: 36px;
    background-color: #45575A;
    padding-top: 6px;
    padding-right: 16px;
    padding-bottom: 6px;
    border-radius: 48px;
}
.footer__link--language:hover {
    background-color: #263437;
}
.footer__copyright {
    color: #FFFFFF;
    font-size: 1.2rem;
    position: absolute;
    text-align: right;
    right: 0px;
    top: 20px;
}
.bottom-company-name{
  text-align: center;
  color: #ffffff;
  font-size: 2rem;
}
@media screen and (max-width: 1119px){
	.footer {
width: 100%;
margin-left: auto;
margin-right: auto;
height: 56px;
position: relative;
padding-left: 16px;
}
.footer__copyright {
margin-right: 16px;
}
}
@media screen and (max-width: 768px){
.footer {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-bottom: 8px;
    height: auto;
    padding-left: 0px;
}
.footer__text {
    position: relative;
    display: block;
    text-align: center;
    top: inherit;
    padding-top: 16px;
    height: auto;
}
.footer__copyright {
    display: block;
    position: relative;
    text-align: center;
    top: inherit;
    margin-top: 16px;
    margin-right: 0px;
}
}
/*------------------------------------------------------------*/
.page-title {
display: grid;
grid-template-columns: auto 1fr;
max-width: 1120px;
margin-left: auto;
margin-right: auto;

}

.page-title-text {
border:  solid 1px #f5c3c0;
line-height: 100%;
padding: 24px 16px;
font-family: "Asset", serif;
font-size: 2.4rem;
background-color: #f5c3c0;
color: #933530;
}

.page-title-description {
border:  solid 1px #f5c3c0;
line-height: 140%;
padding: 24px 16px;
font-size: 1.6rem;
background-color: #933530;
color: #ffffff;
font-weight: 400;
}
@media (width < 768px){
  .page-title {
    width: 100%;
grid-template-columns: auto 1fr;

}
}

/*------------------------------------------------------------*/
.recruit-form {
  padding-top: 56px!important;
  padding-left: 56px!important;
  padding-right: 56px!important;
  font-family: "Noto Sans JP", sans-serif;

}
.recruit-form-text{
  font-size: 1rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 32px;
  line-height: 170%;
}
.recruit-form-text--recuired{
  color: white;
  background-color: #FF0000;
  padding-left: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 16px;
  border-radius: 16px;
  font-size: 0.75rem;
  margin-right: 8px;
}

.form__wrapper {

}

.form-list { 
  display: grid;
  border-top: solid 1px #f5c3c0;
  border-left: solid 1px #f5c3c0;
  grid-template-columns: auto 1fr;
}
.form-term, .form-desc {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  border-right: solid 1px #b14540;
  border-bottom: solid 1px #b14540;
  color: #333333;
  font-size: 1.6rem;
  line-height: inherit!important;
}
.form-term {
  background-color: #f5c3c0;
  font-weight: 700;
  display: flex;
  align-items: center;
}
@media (width < 768px){
  .form-list { 
  display: block;
  border: none;
}
.form-desc{
  margin-bottom: 16px;
}
}
.form-desc{
  background-color: #fce4e2;
}
.required-label {
  background-color: #FF0000;
  padding-left: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 16px;
  color: white;
  border-radius: 32px;
  margin-right: 16px;
  font-size: 1.2rem;
  min-width: 2em;
}
.required-label--no {
  background-color: #8B8B8B;
  padding-left: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 16px;
  color: white;
  border-radius: 32px;
  min-width: 2em;
  margin-right: 16px;
  font-size: 1.2rem;
}
.form-desc-column {
display: flex;
gap: 24px;
}

.form-desc-column-item {
width: 100%;
display: flex;
align-items: center;
gap: 8px;
}
.form-desc-label{
  font-size: 1.4rem;
  color: #333333;
  width: 2.5em;
}
.input-text {
padding: 8px;
border: solid 1px #AAAAAA;
border-radius: 4px;
font-size: 1.6rem;
width: 100%;
box-sizing: border-box;
}

.input-text::placeholder , .input-textarea::placeholder{
  color: #AAAAAA;
}
.w50{
  width: 50%;
}
.form-term-notice {
  display: inline-block;
  line-height: 140%;
font-size: 1.4rem;
font-weight: 400;
margin-top: 8px;
}
.input-textarea {
padding: 8px;
border: solid 1px #AAAAAA;
border-radius: 4px;
font-size: 1.6rem;
width: 100%;
height: 5em;
box-sizing: border-box;
}

.invalid-feedback {
color: #FF0000;
font-size: 1.4rem;
margin-top: 8px;
}

.d-none {
display: none;
}
.form-check-label{
  font-size: 1.6rem;
}

.form-check-inline{
  display: inline-block;
}

.form-check-inline + .form-check-inline{
  margin-left: 32px;
}

input[type="radio"] {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #AAAAAA;
  border-radius: 50%;
  vertical-align: -4px;
  margin-right: 4px;
  background-color: white;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0089c7;
  content: '';
}
.link-submit-back{
  display: block;
  background-color: inherit!important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  border-style: none;
  text-decoration: underline;
  color: #555555;
}
.button__wrapper {
  text-align: center;

}

.btn {

}

.btn-primary {

}

.button {
  padding-top: 24px;
  padding-right: 48px;
  padding-bottom: 24px;
  padding-left: 48px;
  border: none;
  border-radius: 40px;
  background-color: #ffffff;
  color: #b14540!important;
  font-weight: 700;
  font-size: 1.6rem;
  cursor: pointer;
  box-shadow: 0px 0px 16px rgba(17, 17, 17, 0.3)
}

.button:hover {
  background-color: #333333;
  color: #ffffff!important;
  transition: .3s;
}
.button-back{
  background: none;
  border: none;
  color: #ffffffb0;
  cursor: pointer;
}

/*------------------------------------------------------------*/

.top-content__area {
height: 768px;
display: flex;
}

.top-content-pic__area {
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.top-content__block--left {
width: 50%;
}

.top-content__block--right {
width: 50%;
}

.top-content-text__block--left {
width: 480px;
display: block;
left: 100%;
margin-left: -600px;
top: 50%;
transform: translateY(-50%);
position: absolute;
transition: .8s;
}
.top-content-text__block--left.visible {
margin-left: -560px;
}
.top-content-text__block--right {
width: 480px;
display: block;
right: 100%;
margin-right: -600px;
top: 50%;
transform: translateY(-50%);
position: absolute;
transition: .8s;
}
.top-content-text__block--right.visible {
margin-right: -560px;
}

.top-content-text__area {
position: relative;
height: 100%;
background-color: #111111;
}

.top-content__shoulder {
color: #ff0000;
font-size: 3.2rem;
display: block;
margin-bottom: 16px;
font-family: 'Lato', sans-serif;
font-weight: 700;
}

.top-content__title {
font-size: 2.4rem;
margin-bottom: 40px;
color: #ffffff;
}

.top-content__text {
font-size: 1.6rem;
line-height: 200%;
color: #ffffff;
}

.top-content__btn {
background-color: #ffffff;
color: #333333;
font-size: 1.6rem;
font-weight: 700;
line-height: 100%;
padding-top: 12px;
padding-bottom: 14px;
padding-left: 24px;
padding-right: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
background-image: url(../img/ar01.svg);
background-repeat: no-repeat;
background-position: right 22px center;
border-radius: 24px;
width: 240px;
text-align: center;
border: 1px solid #333333;
transition: .4s;
margin-top: 16px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
background-size: 8px auto;
}
.top-content__btn:hover {
background-color: #333333;
color: #ffffff;
border: 1px solid #ffffff;
}

.top-content-btn__area {
margin-top: 48px;
}

.top-info__area{
	
	padding-top: 32px;
	padding-bottom: 64px;
}
.info-area__inner{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 24px;
	padding-bottom: 0px;
}
.info-area__title{
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 24px;
	font-weight: 700;
	font-size: 2rem;
}
.filter-list {
display: grid;
grid-template-columns: repeat(12,auto);
gap: 8px;
margin-bottom: 32px!important;
}
.filter-list-item {
border: solid 1px #555555;
background-color: #ffffff;
color: #333333;
text-align: center;
padding: 8px;
font-size: 1.4rem;
border-radius: 24px;
cursor: pointer;
transition: .3s;
}
.filter-list-item.is-active {
background-color: #555555;
color: #ffffff;
cursor: inherit;
}
.filter-list-item:hover {
background-color: #d8d9df;
}
.filter-list-item.is-active:hover {
background-color:#555555;
}

.info{
  display: grid;
  grid-template-columns: auto 1fr;
  border-bottom: 1px solid #f5c3c0;
}
.info-dt{
	color: #ffffff;
	font-size: 1.6rem;
	padding-top: 24px;
  padding-right: 16px;
  border-top: 1px solid #f5c3c0;
  display: grid;
  grid-template-columns: auto 1fr;
}
.info-label{
	color: #ffffff;
  text-align: center;
	background-color: #555555;
	font-size: 1.2rem;
	line-height: 100%;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	margin-left: 16px;
	border-radius: 2px;
	display: inline-block;
  height: fit-content;
}
.info-dd{
	color: #ffffff;
	font-size: 1.6rem;
	border-top: 1px solid #f5c3c0;
	padding-top: 24px;
	padding-bottom: 24px;
}
.info-dd a{
	color: #ffffff;
}
.info-area__dd a{
	color: #333333;
}

.top-info__area{
  .info-area__dl{
    display: grid;
  grid-template-columns: auto 1fr;
  }
  .info-area__dt{
	color: #aaaaaa;
	font-size: 1.4rem;
	float: left;
	padding-top: 16px;
  }
  .info-label{
	color: #ffffff;
	background-color: #555555;
	font-size: 1.2rem;
	line-height: 100%;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	margin-left: 16px;
	border-radius: 2px;
	display: inline-block;
  }
  .info-area__dd{
	color: #FFFFFF;
	font-size: 1.4rem;
	border-top: 1px solid #555555;
	padding-top: 16px;
	padding-bottom: 16px;
  }
  .info-area__dd a{
	color: #FFFFFF;
  }
}
@media screen and (max-width: 1119px){

.top-content__area {
height: 560px;
display: flex;
}

.top-content__block--left {
width: 50%;
}

.top-content__block--right {
width: 50%;
}

.top-content-text__block--left {
width: 100%;
display: block;
left: 0%;
top: 50%;
transform: translate(0%,-50%);
position: absolute;
transition: .8s;
padding-left: 16px;
padding-right: 16px;
}
.top-content-text__block--left.visible {
margin-left: inherit;
}
.top-content-text__block--right {
width: 100%;
display: block;
right: 0%;
top: 50%;
transform: translate(0%,-50%);
position: absolute;
transition: .8s;
padding-left: 16px;
padding-right: 16px;
}
.top-content-text__block--right.visible {
margin-right: inherit;
}

.top-content-text__area {
position: relative;
height: 100%;
background-color: #111111;
}

.top-content__shoulder {
color: #ff0000;
font-size: 3.2rem;
display: block;
margin-bottom: 16px;
font-family: 'Lato', sans-serif;
font-weight: 700;
}

.top-content__title {
font-size: 2.4rem;
margin-bottom: 40px;
color: #ffffff;
}

.top-content__text {
font-size: 1.6rem;
line-height: 200%;
color: #ffffff;
}
}

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

.top-content__area {
height: inherit;
display: flex;
flex-wrap: wrap;
}
.top-content__area.reverse {
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.top-content-pic__area {
height: 240px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: block;
}

.top-content__block--left {
width: 100%;
}
.top-content__block--right {
width: 100%;
}

.top-content-text__block--left {
width: 100%;
display: block;
left: inherit;
margin-left: 0px;
top: inherit;
transform: translateY(0%);
position: relative;
}
.top-content-text__block--left.visible {
margin-left: 0px;
}
.top-content-text__block--right {
width: 100%;
display: block;
right: inherit;
margin-right: 0px;
top: inherit;
transform: translateY(0%);
position: relative;
}
.top-content-text__block--right.visible {
margin-right: 0px;
}

.top-content-text__area {
height: 100%;
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 56px;
}

.top-content__shoulder {
font-size: 1.6rem;
display: block;
margin-bottom: 8px;
font-family: 'Lato', sans-serif;
text-align: center;
}

.top-content__title {
font-size: 2.4rem;
margin-bottom: 32px;
text-align: center;
}

.top-content__text {
font-size: 1.4rem;
line-height: 200%;
}

.top-content__btn {
font-size: 1.6rem;
font-weight: 700;
line-height: 100%;
padding-top: 12px;
padding-bottom: 14px;
padding-left: 24px;
padding-right: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
background-image: url(../img/ar01.svg);
background-repeat: no-repeat;
background-position: right 22px center;
border-radius: 24px;
width: 240px;
text-align: center;
border: 1px solid #333333;
transition: .4s;
margin-top: 16px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
}
.top-content__btn:hover {

}

.top-content-btn__area {
margin-top: 32px;
}

.top-info__area{}
.info-area__inner{
	width: 90%;
}
.info-area__title{
}
.filter-list {
  display: block;
  margin-bottom: 24px!important;
  }
  .filter-list-item{
    display: inline-block;
    font-size: 1.2rem;
    margin-bottom: 8px;
    margin-right: 8px;
  }
.info{
  display: block;
}
.info-dt{
  border-top: 1px solid #f5c3c0;
	padding-top: 24px;
  display: block;
}

.info-dd{
	padding-left: 0px;
	border-top: none;
	padding-top: 8px;
	padding-bottom: 24px;
}
}





/*------------------------------------------------------------*/

/*------------------------------------------------------------*/
.enlogo__wrapper {
margin-bottom: 48px;
}

.enlogo {
width: 320px;
margin-left: auto;
margin-right: auto;
}


.bottom-company__name {
font-size: 2.4rem;
font-weight: 700;
text-align: center;
margin-bottom: 8px;
}

.bottom-company__name--en {
font-size: 1.4rem;
font-weight: 700;
text-align: center;
margin-bottom: 32px;
}

.contact__btn {
background-color: #111111;
color: #FFFFFF;
font-size: 1.6rem;
font-weight: 700;
line-height: 100%;
padding-top: 12px;
padding-bottom: 14px;
padding-left: 24px;
padding-right: 36px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
background-image: url(../img/ar02.svg);
background-repeat: no-repeat;
background-position: right 22px center;
border-radius: 24px;
width: 240px;
text-align: center;
border: 1px solid #111111;
transition: .4s;
margin-top: 16px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
background-size: 8px auto;
}
.contact__btn:hover {
background-color: #ffffff;
color: #111111;
border: 1px solid #111111;
background-image: url(../img/ar01.svg);
}

.bottom-company-sns__area {
text-align: center;
margin-bottom: 48px!important;
display: block;
}

.bottom-company-sns__list {
display: inline-block;
margin-right: 16px;
margin-left: 16px;
}

.bottom-company-sns__link--x {
width: 24px;
height: 24px;
text-indent: -9999px;
display: block;
background-image: url("/img/ico_X.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: 0% center;
}

.bottom-company-sns__link--fb {
width: 28px;
height: 28px;
text-indent: -9999px;
display: block;
background-image: url(../img/ico_facebook.svg);
background-repeat: no-repeat;
background-size: contain;
}
.bottom-company-sns__link--ig {
width: 26px;
height: 26px;
text-indent: -9999px;
display: block;
background-image: url(../img/ico_instagram.svg);
background-repeat: no-repeat;
background-size: contain;
}

.bottom-company-btn__area {
margin-top: 32px;	
}

.bottom-company__area {
padding-top: 88px;
padding-bottom: 88px;
background-color: #b14540;
}
.bottomlink__wapper {
  width: 1120px;
  margin-left: auto;
  margin-right: auto;
display: grid;
grid-template-columns: repeat(6,1fr);
}

.bottomlink__block {
  padding-left: 16px!important;
  padding-right: 16px!important;
border-left: solid 1px #ccc;
}
.bottomlink__block:last-child {
border-right: solid 1px #ccc;
}
.bottomlink__list {
font-size: 1.4rem;
font-weight: 700;
}

.bottomlink__link {
color: #555555;
}

.bottomlink-second__block {
margin-top: 16px!important;
}

.bottomlink-second__list {
font-weight: 400;
}

.bottomlink-second__link {
color: #555555;
}
@media (width < 768px) {
  .enlogo__wrapper {
    margin-bottom: 48px;
    }
    
    .enlogo {
    width: 56%;
    margin-left: auto;
    margin-right: auto;
    }
  .bottomlink__wapper {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  display: block;
  }
  .bottomlink__block {
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    border-left: inherit;
  border-top: solid 1px #ccc;
  }
  .bottomlink__block:last-child {
    border-bottom: solid 1px #ccc;
    border-right: inherit;
    }
    .bottomlink-second__block {
      margin-top: 8px!important;
      }
}


/*------------------------------------------------------------*/

/*------------------------------------------------------------*/

/*------------------------------------------------------------*/

/*------------------------------------------------------------*/

/*------------------------------------------------------------*/


.form-submit__btn {
background-color: #333333;
color: #FFFFFF;
font-size: 1.6rem;
font-weight: 700;
line-height: 100%;
padding-top: 12px;
padding-bottom: 14px;
padding-left: 24px;
padding-right: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
background-image: url(../img/ar01.svg);
background-repeat: no-repeat;
background-position: right 22px center;
border-radius: 24px;
width: 240px;
text-align: center;
border: 1px solid #333333;
transition: .4s;
margin-top: 16px;
margin-bottom: 16px;
cursor: pointer;
background-size: 10px auto;
margin-right: 16px;
margin-left: 16px;
}
.form-submit__btn--back {
background-color: #999999;
color: #FFFFFF;
font-size: 1.6rem;
font-weight: 700;
line-height: 100%;
padding-top: 12px;
padding-bottom: 14px;
padding-left: 24px;
padding-right: 24px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
border-radius: 24px;
width: 240px;
text-align: center;
border: 1px solid #777777;
transition: .4s;
margin-top: 16px;
margin-bottom: 16px;
cursor: pointer;
margin-right: 16px;
margin-left: 16px;
}

.form-btn__area {
padding-top: 24px;
padding-bottom: 24px;
text-align: center;
}

.content-flex__area {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 2%;
margin-left: auto;
margin-right: auto;
margin-bottom: 32px;
}

.wrapper {
background-color: #b14540;

}
.mb-8{
  margin-bottom: 8px!important;
}
.mb-16{
  margin-bottom: 16px!important;
}
.mb-24{
  margin-bottom: 24px!important;
}
.mb-32{
  margin-bottom: 32px!important;
}
.mb-48{
  margin-bottom: 48px!important;
}
.mt-8{
  margin-top: 8px!important;
}
.mt-16{
  margin-top: 16px!important;
}
.mt-24{
  margin-top: 24px!important;
}
.mt-32{
  margin-top: 32px!important;
}
.mt-48{
  margin-top: 48px!important;
}
.mt-64{
  margin-top: 64px!important;
}
.pt-128{
  padding-top: 128px;
}
.pb-128{
  padding-bottom: 128px;
}
.link-btn-set{
  display: flex;
  justify-content: center;
  gap: 24px;
  background-color: #e1e1e1;
  padding: 32px;
  border-radius: 4px;
}
.link-btn{
  background-color: #333333;
  border:solid 1px #ffffff;
  border-radius: 8px;
  padding: 16px 48px;
color: #FFFFFF;
font-weight: 700;
box-shadow:0px 0px 8px #33333371;
}
.link-btn:hover{
  background-color: #111111;
box-shadow:0px 0px 8px #33333300;
transition: .3s
}
.news-title-wrapper {
  padding-bottom: 24px;
  border-bottom: 1px solid #bf615d;
}
.news-title {
  font-size: 3.2rem;
  color: #ffffff;
  font-weight: 700;
  line-height: 140%;
}
.news-date {
  color: #f5c3c0;
  font-size: 1.2rem;
}
.news-img-wrapper img {
  width: 720px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
@media (width < 768px) {
  .news-title {
  font-size: 2.4rem;
}
  .news-img-wrapper img {
  width: 100%;
  height: auto;
}
}