@charset "UTF-8";
/*リニューアル　base　2022
-----------------------------*/
html { font-size: 16px; }

@media print, screen and (min-width: 751px) and (max-width: 1366px) { html { font-size: 1.1713030747vw; } }
.noto { font-family: "Noto Sans JP"; font-weight: 500; }

.opensans { font-family: "Open Sans"; font-weight: 700; }

.mincho { font-family: "游明朝体", "Yu Mincho", "游明朝", YuMincho, "HG明朝E", "Hiragino Mincho ProN ", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.Roboto { font-family: "Roboto"; font-weight: 500; }

.btn001 { background: #1A1311; color: #fff; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; font-family: "Noto Sans JP"; }
.btn001.blank::after { content: ""; display: block; width: 0.90625em; height: 0.90625em; background-size: 100% 100%; background-image: url("../add_img/icon_window.svg"); }
.btn001:link, .btn001:active, .btn001:visited { color: #fff; }
@media print, screen and (min-width: 751px) { .btn001 { width: 14.3125rem; height: 3.285625rem; font-size: 1rem; font-weight: 500; letter-spacing: 0.059em; border: 1px solid #1A1311; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
  .btn001.blank::after { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; margin-left: 0.21875em; }
  .btn001:hover { text-decoration: none; background-color: #fff; color: #1A1311; }
  .btn001:hover.blank::after { background-image: url("../add_img/icon_window_bla.svg"); } }
@media only screen and (max-width: 750px) { .btn001 { width: 52vw; height: 10.6666666667vw; font-size: 3.7333333333vw; font-weight: 400; letter-spacing: 0.04em; }
  .btn001.blank::after { margin-left: 0.21875em; } }

.new2022 { font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
@media print, screen and (min-width: 1025px) { .new2022 #footerArea.new2022_footer { margin-top: 0; /*background-color: #fff;*/ } }
@media (max-width: 1024px) { .new2022 #footerArea { margin-top: 0; } }
.new2022_cont img { width: 100%; height: auto; vertical-align: bottom; }
.new2022_cont img[src$=".svg"] { max-width: 100%; }
.new2022_cont svg { max-width: 100%; height: auto; }
@media print, screen and (min-width: 751px) { .new2022 { padding-top: 0; }
  .new2022 .inner { width: 79.7218155198%; margin: auto; } }
@media only screen and (max-width: 750px) { .new2022 { overflow-x: hidden; } }

/*other_link_sec
-----------------------------*/
.other_link_sec { background-color: #F8F8F8; }
.other_link_sec .other_link_list li { border-bottom: 1px solid #DDDDDD; }
.other_link_sec .other_link_list a { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; letter-spacing: 0.1em; font-family: "Noto Sans JP"; color: #000000; }
.other_link_sec .other_link_list a::before { content: ""; display: block; height: 100%; background-position: center center; background-repeat: no-repeat; }
.other_link_sec .other_link_list a:link { color: #000000; }
@media print, screen and (min-width: 751px) { .other_link_sec .other_link_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; }
  .other_link_sec .other_link_list li { width: 48.1634527089%; }
  .other_link_sec .other_link_list a { height: 5.3125rem; font-size: 1.125rem; font-weight: bold; letter-spacing: 0.1em; font-family: "Noto Sans JP"; color: #000000; }
  .other_link_sec .other_link_list a::before { width: 4.0625rem; } }
@media only screen and (max-width: 750px) { .other_link_sec .inner { width: 89.8666666667vw; margin: 0 auto; }
  .other_link_sec .other_link_list li { width: 100%; }
  .other_link_sec .other_link_list a { height: 17.8666666667vw; font-size: 3.7333333333vw; font-weight: 400; }
  .other_link_sec .other_link_list a::before { width: 13.3333333333vw; } }

/*js
-----------------------------------------------------------------------------*/
.tran, .scrollListItem, .scrollItem, .scrollAllList > * { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }

.fadein { opacity: 0; }
.fadein.scrollActive { opacity: 1; }
.fadeout { opacity: 1; }
.fadeout.scrollActive { opacity: 0; }
.fadeTop { -webkit-transform: translate(0, 1.5625rem); -ms-transform: translate(0, 1.5625rem); transform: translate(0, 1.5625rem); }
.fadeTop.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.fadeBottom { -webkit-transform: translate(0, -1.5625rem); -ms-transform: translate(0, -1.5625rem); transform: translate(0, -1.5625rem); }
.fadeBottom.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.fadeBottom100 { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); }
.fadeBottom100.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.fadeRight { -webkit-transform: translate(1.5625rem, 0); -ms-transform: translate(1.5625rem, 0); transform: translate(1.5625rem, 0); }
.fadeRight.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.fadeRight100 { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); }
.fadeRight100.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.fadeLeft { -webkit-transform: translate(-1.5625rem, 0); -ms-transform: translate(-1.5625rem, 0); transform: translate(-1.5625rem, 0); }
.fadeLeft.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.fadeLeft100 { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); }
.fadeLeft100.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.scaleUp { -webkit-transform: scale(0.97, 0.97); -ms-transform: scale(0.97, 0.97); transform: scale(0.97, 0.97); }
.scaleUp.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.scaleUp00 { -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); }
.scaleUp00.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.scaleUp02 { -webkit-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
.scaleUp02.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.scaleX00 { -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }
.scaleX00.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.scaleY00 { -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); }
.scaleY00.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.scaleDown { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.scaleDown.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.panelX { -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }
.panelX.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.panel { -webkit-transform: translate(0, 1.25rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); -ms-transform: translate(0, 1.25rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); transform: translate(0, 1.25rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); }
.panel.scrollActive { -webkit-transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); -ms-transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); }

.scrollAllList.allFadeIn > * { opacity: 0; }
.scrollAllList.allFadeIn > *.scrollActive { opacity: 1; }
.scrollAllList.allFadeTop > * { -webkit-transform: translate(0, 1.5625rem); -ms-transform: translate(0, 1.5625rem); transform: translate(0, 1.5625rem); }
.scrollAllList.allFadeTop > *.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.scrollAllList.allFadeRight > * { -webkit-transform: translate(1.5625rem, 0); -ms-transform: translate(1.5625rem, 0); transform: translate(1.5625rem, 0); }
.scrollAllList.allFadeRight > *.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.scrollAllList.allFadeLeft > * { -webkit-transform: translate(-1.5625rem, 0); -ms-transform: translate(-1.5625rem, 0); transform: translate(-1.5625rem, 0); }
.scrollAllList.allFadeLeft > *.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.scrollAllList.allFadeRight100 > * { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); }
.scrollAllList.allFadeRight100 > *.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.scrollAllList.allFadeLeft100 > * { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); }
.scrollAllList.allFadeLeft100 > *.scrollActive { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.scrollAllList.allScaleDown > * { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.scrollAllList.allScaleDown > *.scrollActive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }


.index_note{border:solid 1px #cc0000;color:#cc0000;padding:20px 30px;margin: 30px auto 0;text-align: center;width: 79.7218155198%;}
.index_note h2{display: block;color:#cc0000;font-size: 20px;}
@media screen and (max-width: 500px) {
.index_note {padding:15px;width:89.8666666667vw;}
.index_note h2{font-size: 15px;padding-bottom: 5px;line-height: 160%}
.index_note p{font-size: 14px;line-height: 160%;text-align:left;}
}