@charset "UTF-8";

.simple-header202212 {display: none;}
#hsj h1,#hsj h2,#hsj h3,#hsj p,#hsj figure,#hsj ul,#hsj ol {margin: 0;padding: 0;}
#hsj img {margin: 0;padding: 0;vertical-align: bottom;}

/* コンテンツエリア */
#hsj {width: 100%;margin: 0;padding: 0;}
#hsj .contents_area {width: 100%;margin: 0;padding: 0;text-align: center;background-color: #FFF;}
#hsj .contents_area.glay {background-color: #f8f8f8;}
#hsj .contents_area .inner {width: 90%;max-width: 1400px;margin: 0px auto;padding: 100px 0;text-align: left;}
#hsj .contents_area .inner .innerBox {width: 100%;margin: 80px 0 0 0;padding: 0;}
#hsj .mb8 {margin-bottom: 8px;}
#hsj .mb16 {margin-bottom: 16px;}
#hsj .mb24 {margin-bottom: 24px;}
#hsj .mb32 {margin-bottom: 32px;}
#hsj .mb40 {margin-bottom: 40px;}
#hsj .mb80 {margin-bottom: 80px;}

/* --- 共通設定 --- */
.js-fade-in {
  opacity: 0;
  transition: opacity 1.0s ease, transform 1.0s ease;
}

/* --- ① パターン別の初期状態（必ず .is-show より上に書く） --- */
/* 下から上（20px下に配置しておく） */
.js-fade-in.up {
  transform: translateY(20px);
}

/* 左から右（20px左に配置しておく） */
.js-fade-in.left-to-right {
  transform: translateX(-20px);
}

/* その場でじわっと（位置は動かさない） */
.js-fade-in.fade {
  /* 位置の移動はなし */
}

/* --- ② 画面に入ったときに共通で付与されるクラス（一番下に書く） --- */
.js-fade-in.is-show {
  opacity: 1;
  transform: translateY(0) translateX(0); /* ここで位置を 0 にリセットする */
}

#hsj_foot_box {width: 100%;position: relative;clear: both;}
#hsj_foot_box #hsj-page-top {position: fixed;bottom: 20px;right: 20px;z-index: 1001;}
#hsj_foot_box #hsj-page-top a:hover {filter: alpha(opacity=50);opacity: 0.5;}

.pc_view {display: block !important;}
.sp_view {display: none !important;}

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

}

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

}

@media screen and (max-width: 834px) {
/* コンテンツエリア */
#hsj .contents_area .inner {padding: 12vw 0;}
#hsj .contents_area .inner .innerBox {margin: 10vw 0 0 0;}
#hsj .mb8 {margin-bottom: 8px;}
#hsj .mb16 {margin-bottom: 16px;}
#hsj .mb24 {margin-bottom: 24px;}
#hsj .mb32 {margin-bottom: 32px;}
#hsj .mb40 {margin-bottom: 40px;}
#hsj .mb80 {margin-bottom: 80px;}
}

@media screen and (max-width: 512px) {
.pc_view {display: none !important;}
.sp_view {display: block !important;}
}