@charset "UTF-8";
/******************************* Preface ***************************************/
a:hover { color: #272727; }

/********************************* body ***************************************/
body { /******************************** header **************************************/ /********************************  Main Content ******************************/ /***********************************  footer ********************************/ }

body header .items { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; height: 100px; padding: 0rem 1rem; }

body header .items .header_logo { width: 70%; line-height: 0; }

body header .items .menu_wrapper.open .nav { right: 0; opacity: 1; }

body header .items .menu_wrapper.open .toggle_btn span { background-color: #666666; }

body header .items .menu_wrapper.open .toggle_btn span:nth-child(1) { -webkit-transform: translateY(15px) rotate(-315deg); transform: translateY(15px) rotate(-315deg); }

body header .items .menu_wrapper.open .toggle_btn span:nth-child(2) { opacity: 0; }

body header .items .menu_wrapper.open .toggle_btn span:nth-child(3) { -webkit-transform: translateY(-13px) rotate(315deg); transform: translateY(-13px) rotate(315deg); }

body header .items .menu_wrapper.open #mask { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .8; z-index: 2; cursor: pointer; }

body header .items .menu_wrapper .nav { display: block; position: fixed; top: 0; right: -100%; bottom: 0; width: 100%; padding: 5rem 1rem; background: #ffffff; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all .5s; z-index: 3; opacity: 0; margin-right: 0; }

body header .items .menu_wrapper .nav .menu-header_menu-container { width: 100%; }

body header .items .menu_wrapper .nav .menu-header_menu-container .menu { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }

body header .items .menu_wrapper .nav .menu-header_menu-container .menu > .menu-item { position: static; width: 100%; height: auto; padding: 1rem 0; }

body header .items .menu_wrapper .nav .menu-header_menu-container .menu > .menu-item a { font-weight: bold; font-size: 1.1rem; padding: 1.1rem 0; }

body header .items .menu_wrapper .nav .menu-header_menu-container .menu > .menu-item:nth-child(n+2) { margin-left: 0; border-top: 1px solid #000000; }

body header .items .menu_wrapper .nav .menu-header_menu-container .menu > .menu-item .sub-menu { position: static; bottom: auto; left: auto; width: 100%; height: auto; opacity: 1; transform: translate(0, 0); display: none; }

body header .items .menu_wrapper .nav .menu-header_menu-container .menu > .menu-item .sub-menu li a { position: static; display: block; }

body header .items .menu_wrapper .nav .menu-header_menu-container .menu > .menu-item .sub-menu li a::after { display: none; }

body header .items .menu_wrapper .toggle_btn { display: block; position: fixed; top: 20px; right: 0; width: 100px; height: 100px; transition: all .5s; cursor: pointer; z-index: 3; }

body header .items .menu_wrapper .toggle_btn span { display: block; position: absolute; left: 0; width: 50px; height: 4px; background-color: #666666; transition: all .5s; }

body header .items .menu_wrapper .toggle_btn span:nth-child(1) { top: 30px; left: 25px; }

body header .items .menu_wrapper .toggle_btn span:nth-child(2) { top: 43px; left: 25px; }

body header .items .menu_wrapper .toggle_btn span:nth-child(3) { bottom: 38px; left: 25px; }

body header .items .menu_wrapper #mask { display: none; transition: all .3s; }

body header .items .menu_wrapper .sub_nav { display: block; }

body header .items .menu_wrapper .sub_nav a.sub_nav_02 { font-size: 0.8rem; margin-right: .8rem; padding: .6rem .8rem; line-height: 1; }

body header .vi_wrapper { position: relative; }

body header .vi_wrapper.vi_wrapper_top .mainVi { width: 100%; height: 90vh; }

body header .vi_wrapper.vi_wrapper_top .mainVi #video-background, body header .vi_wrapper.vi_wrapper_top .mainVi .mask { position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -2; }

body header .vi_wrapper.vi_wrapper_top .mainVi .mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }

body header .vi_wrapper.vi_wrapper_top .mainVi .title { position: absolute; top: 40%; left: 7%; color: #ffffff; transform: translate(0, -50%); }

body header .vi_wrapper.vi_wrapper_top .mainVi .title h2 { font-weight: bold; font-size: 2.5rem; line-height: 1.5; margin-bottom: 1rem; }

body header .vi_wrapper.vi_wrapper_top .mainVi .title h3 { font-size: 1.1rem; }

body header .vi_wrapper.vi_wrapper_backpart .mainVi { width: 100%; height: 35vh; }

body header .vi_wrapper.vi_wrapper_backpart .mainVi .mv, body header .vi_wrapper.vi_wrapper_backpart .mainVi .mask { position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -2; }

body header .vi_wrapper.vi_wrapper_backpart .mainVi .title { position: absolute; top: 50%; left: 0; right: 0; margin: auto; color: #ffffff; transform: translate(0, -50%); }

body header .vi_wrapper.vi_wrapper_backpart .mainVi .title h2 { font-weight: bold; }

body header .vi_wrapper.vi_wrapper_backpart .mainVi .title h2 .main { font-size: 2rem; margin-bottom: .5rem; }

body header .vi_wrapper.vi_wrapper_backpart .mainVi .title h2 .sub { font-size: 1.1rem; }

body header.header-01 .inner .menu-wrapper .gnav { width: 320px; }

body header.header-01 .mainvi { width: 100%; height: 100%; position: relative; z-index: -1; }

body header.header-01 .mainvi .copy { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; height: 100%; width: 100%; }

body header.header-01 .mainvi .copy h1 { width: 100%; }

body header.header-01 .mainvi .copy h1 span { font-family: "Montserrat", sans-serif; display: block; padding-bottom: 1.5rem; font-size: 8vw; font-weight: 700; text-align: center; line-height: 1; }

body header.header-01 .mainvi .copy h1 span.sub { font-size: 1rem; font-weight: 500; line-height: 2; }

body header.header-02 .inner { padding: 1.5rem; min-width: 100%; }

body header.header-02 .inner .logo { margin: 0; margin-right: auto; }

body header.header-02 .inner .logo a { display: block; }

body header.header-02 .inner .logo a img { margin-right: 0; height: 2rem; }

body header.header-02 .inner .menu-wrapper nav.gnav { display: block; position: fixed !important; top: 0; right: -310px; bottom: 0; width: 310px; padding: 6.5rem 1rem; background: rgba(0, 0, 0, 0.8); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all .5s; z-index: 3; opacity: 0; margin-right: 0; }

body header.header-02 .inner .menu-wrapper nav.gnav .menu-container { width: 100%; }

body header.header-02 .inner .menu-wrapper nav.gnav .menu-container .menu { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-end; justify-content: center; }

body header.header-02 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item { position: static; width: 100%; height: auto; }

body header.header-02 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu { display: none; /* デフォルトでは非表示 */ position: relative; padding: 0; padding-left: 1rem; }

body header.header-02 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu > li a { position: relative; }

body header.header-02 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu > li a::after { content: '→'; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: .9rem; }

body header.header-02 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children .menu-open .sub-menu { display: block; /* メニューが開いているときに表示 */ }

body header.header-02 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item:nth-child(n+1) { margin-left: auto; border-top: 1px solid white; }

body header.header-02 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item:last-child { margin-left: auto; border-bottom: 1px solid white; }

body header.header-02 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item a { position: relative; display: block; padding: 2rem 1rem; font-size: 1.5rem; font-weight: bold; color: white; }

body header.header-02 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item a > span { display: block; font-weight: normal; color: white; }

body header.header-02 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.button { padding-top: 2em; padding-left: 0; border-bottom: none; }

body header.header-02 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.button a { padding: 1.2rem 0; font-size: 1.1rem; text-align: center; }

body header.header-02 .inner .menu-wrapper .toggle-btn { display: block; position: fixed; top: 0; right: 0; width: 70px; height: 70px; transition: all .5s; cursor: pointer; z-index: 3; }

body header.header-02 .inner .menu-wrapper .toggle-btn span { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 35px; height: 2px; background-color: #000000; transition: all .5s; }

body header.header-02 .inner .menu-wrapper .toggle-btn span:nth-child(1) { top: 20px; }

body header.header-02 .inner .menu-wrapper .toggle-btn span:nth-child(2) { top: 30px; }

body header.header-02 .inner .menu-wrapper .toggle-btn span:nth-child(3) { bottom: 28px; }

body header.header-02 .inner .menu-wrapper.menu-open .gnav { right: 0; opacity: 1; }

body header.header-02 .inner .menu-wrapper.menu-open .toggle-btn { top: 0; margin-top: 0; }

body header.header-02 .inner .menu-wrapper.menu-open .toggle-btn span { left: 25%; background-color: #ffffff; }

body header.header-02 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(1) { -webkit-transform: translateY(17px) rotate(-315deg); transform: translateY(9px) rotate(-315deg); }

body header.header-02 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(2) { opacity: 0; }

body header.header-02 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(3) { -webkit-transform: translateY(-17px) rotate(315deg); transform: translateY(-11px) rotate(315deg); }

body header.header-02 .inner .menu-wrapper.menu-open #mask { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .3; z-index: 2; cursor: pointer; }

body header.header-02 .inner .menu-wrapper #mask { display: none; transition: all .3s; }

body header.header-02 .mainvi .copy { align-items: center; top: 50%; bottom: auto; left: 0; height: auto; width: 100%; padding: 1.5rem; transform: translateY(-50%); }

body header.header-02 .mainvi .copy h1 { padding: 0; }

body header.header-02 .mainvi .copy h1 span { font-size: 13vw; font-weight: bold; line-height: 1.3; letter-spacing: .3rem; }

body header.header-03 .inner { padding: 1rem 1.5rem; min-width: 100%; }

body header.header-03 .inner .logo { margin: 0; margin-right: auto; }

body header.header-03 .inner .menu-wrapper { margin-right: 4.8rem; }

body header.header-03 .inner .menu-wrapper .gnav { display: block; position: fixed; top: 0; right: -310px; bottom: 0; width: 310px; padding: 6.5rem 1rem; background: #ffffff; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all .5s; z-index: 3; opacity: 0; margin-right: 0; }

body header.header-03 .inner .menu-wrapper .gnav .menu-container { width: 100%; }

body header.header-03 .inner .menu-wrapper .gnav .menu-container .menu { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-end; justify-content: center; }

body header.header-03 .inner .menu-wrapper .gnav .menu-container .menu > .menu-item { position: static; width: 100%; height: auto; }

body header.header-03 .inner .menu-wrapper .gnav .menu-container .menu > .menu-item:nth-child(n+1) { margin-left: auto; border-top: 1px solid #000000; }

body header.header-03 .inner .menu-wrapper .gnav .menu-container .menu > .menu-item:last-child { margin-left: auto; border-bottom: 1px solid #000000; }

body header.header-03 .inner .menu-wrapper .gnav .menu-container .menu li a { position: relative; display: block; padding: 2rem 1rem; font-size: 1.3rem; color: #000000; }

body header.header-03 .inner .menu-wrapper .toggle-btn { display: block; position: fixed; top: 0; right: 0; width: 70px; height: 70px; transition: all .5s; cursor: pointer; z-index: 3; }

body header.header-03 .inner .menu-wrapper .toggle-btn span { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 35px; height: 2px; background-color: #000000; transition: all .5s; }

body header.header-03 .inner .menu-wrapper .toggle-btn span:nth-child(1) { top: 20px; }

body header.header-03 .inner .menu-wrapper .toggle-btn span:nth-child(2) { top: 30px; }

body header.header-03 .inner .menu-wrapper .toggle-btn span:nth-child(3) { bottom: 28px; }

body header.header-03 .inner .menu-wrapper .toggle-btn span.scrolled { background-color: black; }

body header.header-03 .inner .menu-wrapper.menu-open .gnav { right: 0; opacity: 1; }

body header.header-03 .inner .menu-wrapper.menu-open .toggle-btn { top: 0; margin-top: 0; }

body header.header-03 .inner .menu-wrapper.menu-open .toggle-btn span { left: 25%; background-color: #000000; }

body header.header-03 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(1) { -webkit-transform: translateY(17px) rotate(-315deg); transform: translateY(9px) rotate(-315deg); }

body header.header-03 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(2) { opacity: 0; }

body header.header-03 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(3) { -webkit-transform: translateY(-17px) rotate(315deg); transform: translateY(-11px) rotate(315deg); }

body header.header-03 .inner .menu-wrapper.menu-open .toggle-btn span.scroll { background-color: white; }

body header.header-03 .inner .menu-wrapper.menu-open .toggle-btn p { color: #fff; }

body header.header-03 .inner .menu-wrapper.menu-open #mask { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .3; z-index: 2; cursor: pointer; }

body header.header-03 .inner .menu-wrapper #mask { display: none; transition: all .3s; }

body header.header-03 .mainvi { padding: 6rem 1.5rem 1.5rem; }

body header.header-03 .mainvi .copy h1 { width: 100%; }

body header.header-03 .mainvi .copy h1 span { font-size: 11.5vw; }

body header.header-03 .mainvi .copy h1 span.sub { font-size: 1.2rem; }

body header.header-04 .inner { background: transparent; padding: 1.5rem; width: 100%; top: 0; left: auto; transform: none; background: #ffffff; }

body header.header-04 .inner .logo { margin: 0; margin-right: auto; }

body header.header-04 .inner .menu-wrapper { margin-right: 4.8rem; }

body header.header-04 .inner .menu-wrapper .gnav { display: block; position: fixed; top: 0; right: -310px; bottom: 0; width: 310px; padding: 6.5rem 1rem; background: #ffffff; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all .5s; z-index: 3; opacity: 0; margin-right: 0; }

body header.header-04 .inner .menu-wrapper .gnav .menu-container { width: 100%; }

body header.header-04 .inner .menu-wrapper .gnav .menu-container .menu { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-end; justify-content: center; }

body header.header-04 .inner .menu-wrapper .gnav .menu-container .menu > .menu-item { position: static; width: 100%; height: auto; }

body header.header-04 .inner .menu-wrapper .gnav .menu-container .menu > .menu-item:nth-child(n+1) { margin-left: auto; border-top: 1px solid #000000; }

body header.header-04 .inner .menu-wrapper .gnav .menu-container .menu > .menu-item:last-child { margin-left: auto; border-bottom: 1px solid #000000; }

body header.header-04 .inner .menu-wrapper .gnav .menu-container .menu li a { position: relative; display: block; padding: 2rem 1rem; font-size: 1.3rem; color: #000000; }

body header.header-04 .inner .menu-wrapper .gnav .menu-container .menu li.button a { border-left: none; }

body header.header-04 .inner .menu-wrapper .gnav .menu-container .menu li.button a i::before { margin-right: .5rem; }

body header.header-04 .inner .menu-wrapper .toggle-btn { display: block; position: fixed; top: 0; right: 0; width: 70px; height: 70px; transition: all .5s; cursor: pointer; z-index: 3; }

body header.header-04 .inner .menu-wrapper .toggle-btn span { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 35px; height: 2px; background-color: #000000; transition: all .5s; }

body header.header-04 .inner .menu-wrapper .toggle-btn span:nth-child(1) { top: 20px; }

body header.header-04 .inner .menu-wrapper .toggle-btn span:nth-child(2) { top: 30px; }

body header.header-04 .inner .menu-wrapper .toggle-btn span:nth-child(3) { bottom: 28px; }

body header.header-04 .inner .menu-wrapper .toggle-btn span.scrolled { background-color: black; }

body header.header-04 .inner .menu-wrapper.menu-open .gnav { right: 0; opacity: 1; }

body header.header-04 .inner .menu-wrapper.menu-open .toggle-btn { top: 0; margin-top: 0; }

body header.header-04 .inner .menu-wrapper.menu-open .toggle-btn span { left: 25%; background-color: #000000; }

body header.header-04 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(1) { -webkit-transform: translateY(17px) rotate(-315deg); transform: translateY(9px) rotate(-315deg); }

body header.header-04 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(2) { opacity: 0; }

body header.header-04 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(3) { -webkit-transform: translateY(-17px) rotate(315deg); transform: translateY(-11px) rotate(315deg); }

body header.header-04 .inner .menu-wrapper.menu-open .toggle-btn span.scroll { background-color: white; }

body header.header-04 .inner .menu-wrapper.menu-open .toggle-btn p { color: #fff; }

body header.header-04 .inner .menu-wrapper.menu-open #mask { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .3; z-index: 2; cursor: pointer; }

body header.header-04 .inner .menu-wrapper #mask { display: none; transition: all .3s; }

body header.header-04 .mainvi { padding: 6rem 1.5rem 1.5rem; }

body header.header-04 .mainvi .copy h1 { padding: 0 1.5rem; }

body header.header-04 .mainvi .copy h1 span { font-size: 11.5vw; }

body header.header-04 .mainvi .copy h1 span.sub { font-size: 1.2rem; }

body header.header-05 .inner { padding: 1rem 1.5rem; min-width: 100%; }

body header.header-05 .inner .logo { margin: 0; margin-right: auto; }

body header.header-05 .inner .logo a { display: block; }

body header.header-05 .inner .logo a img { margin-right: 0; height: 2rem; }

body header.header-05 .inner .menu-wrapper nav.gnav { display: block; position: fixed !important; top: 0; right: -310px; bottom: 0; width: 310px; padding: 6.5rem 1rem; background: rgba(0, 0, 0, 0.8); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all .5s; z-index: 3; opacity: 0; margin-right: 0; }

body header.header-05 .inner .menu-wrapper nav.gnav .menu-container { width: 100%; }

body header.header-05 .inner .menu-wrapper nav.gnav .menu-container .menu { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-end; justify-content: center; }

body header.header-05 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item { position: static; width: 100%; height: auto; }

body header.header-05 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu { display: none; /* デフォルトでは非表示 */ position: relative; padding: 0; padding-left: 1rem; }

body header.header-05 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu > li a { position: relative; }

body header.header-05 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu > li a::after { content: '→'; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: .9rem; }

body header.header-05 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children .menu-open .sub-menu { display: block; /* メニューが開いているときに表示 */ }

body header.header-05 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item:nth-child(n+1) { margin-left: auto; border-top: 1px solid white; }

body header.header-05 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item:last-child { margin-left: auto; border-bottom: 1px solid white; }

body header.header-05 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item a { position: relative; display: block; padding: 2rem 1rem; font-size: 1.5rem; font-weight: bold; color: white; }

body header.header-05 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item a > span { display: block; font-weight: normal; color: white; }

body header.header-05 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.contact a { background: transparent; border-radius: 2rem; }

body header.header-05 .inner .menu-wrapper .toggle-btn { display: block; position: fixed; top: 0; right: 0; width: 70px; height: 70px; transition: all .5s; cursor: pointer; z-index: 3; }

body header.header-05 .inner .menu-wrapper .toggle-btn span { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 35px; height: 2px; background-color: #000000; transition: all .5s; }

body header.header-05 .inner .menu-wrapper .toggle-btn span:nth-child(1) { top: 15px; }

body header.header-05 .inner .menu-wrapper .toggle-btn span:nth-child(2) { top: 25px; }

body header.header-05 .inner .menu-wrapper .toggle-btn span:nth-child(3) { bottom: 33px; }

body header.header-05 .inner .menu-wrapper.menu-open .gnav { right: 0; opacity: 1; }

body header.header-05 .inner .menu-wrapper.menu-open .toggle-btn { top: 0; margin-top: 0; }

body header.header-05 .inner .menu-wrapper.menu-open .toggle-btn span { left: 25%; background-color: #ffffff; }

body header.header-05 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(1) { -webkit-transform: translateY(17px) rotate(-315deg); transform: translateY(9px) rotate(-315deg); }

body header.header-05 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(2) { opacity: 0; }

body header.header-05 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(3) { -webkit-transform: translateY(-17px) rotate(315deg); transform: translateY(-11px) rotate(315deg); }

body header.header-05 .inner .menu-wrapper.menu-open #mask { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .3; z-index: 2; cursor: pointer; }

body header.header-05 .inner .menu-wrapper #mask { display: none; transition: all .3s; }

body header.header-05 .mainvi-wrap { display: block; position: relative; height: 100%; width: 100%; padding: 0; }

body header.header-05 .mainvi-wrap .mainvi { height: 100%; width: 100%; }

body header.header-05 .mainvi-wrap .mainvi div { height: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover; border-radius: 0; }

body header.header-05 .mainvi-wrap .copy { position: absolute; left: 0; bottom: 5%; background: #ffffff; width: 80%; padding: 1.5rem; border-radius: 0 15px 15px 0; }

body header.header-05 .mainvi-wrap .copy h1 span { font-size: 2rem; padding-bottom: 1.5rem; }

body header.header-05 .mainvi-wrap .copy h1 span.sub { font-size: 1rem; font-weight: 500; line-height: 2; }

body header.header-05 .mainvi-wrap .copy h1 span.border-01::after { content: ''; display: block; border-bottom: 1px solid #707070; width: 100px; padding-top: 1.5rem; }

body header.header-06 .inner { padding: 1rem 1.5rem; min-width: 100%; }

body header.header-06 .inner .logo { margin: 0; margin-right: auto; }

body header.header-06 .inner .logo a { display: block; }

body header.header-06 .inner .logo a img { margin-right: 0; height: 2.5rem; }

body header.header-06 .inner .menu-wrapper nav.gnav { display: block; position: fixed !important; top: 0; right: -310px; bottom: 0; width: 310px; padding: 6.5rem 1rem; background: rgba(0, 0, 0, 0.8); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all .5s; z-index: 3; opacity: 0; margin-right: 0; }

body header.header-06 .inner .menu-wrapper nav.gnav .menu-container { width: 100%; }

body header.header-06 .inner .menu-wrapper nav.gnav .menu-container .menu { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-end; justify-content: center; }

body header.header-06 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item { position: static; width: 100%; height: auto; }

body header.header-06 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu { display: none; /* デフォルトでは非表示 */ position: relative; padding: 0; padding-left: 1rem; }

body header.header-06 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu > li a { position: relative; }

body header.header-06 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu > li a::after { content: '→'; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: .9rem; }

body header.header-06 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children .menu-open .sub-menu { display: block; /* メニューが開いているときに表示 */ }

body header.header-06 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item:nth-child(n+1) { margin-left: auto; border-top: 1px solid white; }

body header.header-06 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item:last-child { margin-left: auto; border-bottom: 1px solid white; }

body header.header-06 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item a { position: relative; display: block; padding: 2rem 1rem; font-size: 1.5rem; font-weight: bold; color: white; }

body header.header-06 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item a > span { display: block; font-weight: normal; color: white; }

body header.header-06 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.button { padding-top: 2em; padding-left: 0; border-bottom: none; }

body header.header-06 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.button a { padding: 1.2rem 0; font-size: 1.1rem; text-align: center; }

body header.header-06 .inner .menu-wrapper .toggle-btn { display: block; position: fixed; top: 0; right: 0; width: 70px; height: 70px; transition: all .5s; cursor: pointer; z-index: 3; }

body header.header-06 .inner .menu-wrapper .toggle-btn span { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 35px; height: 2px; background-color: #000000; transition: all .5s; }

body header.header-06 .inner .menu-wrapper .toggle-btn span:nth-child(1) { top: 20px; }

body header.header-06 .inner .menu-wrapper .toggle-btn span:nth-child(2) { top: 30px; }

body header.header-06 .inner .menu-wrapper .toggle-btn span:nth-child(3) { bottom: 28px; }

body header.header-06 .inner .menu-wrapper.menu-open .gnav { right: 0; opacity: 1; }

body header.header-06 .inner .menu-wrapper.menu-open .toggle-btn { top: 0; margin-top: 0; }

body header.header-06 .inner .menu-wrapper.menu-open .toggle-btn span { left: 25%; background-color: #ffffff; }

body header.header-06 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(1) { -webkit-transform: translateY(17px) rotate(-315deg); transform: translateY(9px) rotate(-315deg); }

body header.header-06 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(2) { opacity: 0; }

body header.header-06 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(3) { -webkit-transform: translateY(-17px) rotate(315deg); transform: translateY(-11px) rotate(315deg); }

body header.header-06 .inner .menu-wrapper.menu-open #mask { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .3; z-index: 2; cursor: pointer; }

body header.header-06 .inner .menu-wrapper #mask { display: none; transition: all .3s; }

body header.header-06 .mainvi .mv-slider-01 .slick-slide { margin-right: 0; margin-left: 0; }

body header.header-06 .mainvi .copy { align-items: center; top: 50%; bottom: auto; left: 0; height: auto; width: 100%; padding: 1.5rem; transform: translateY(-50%); }

body header.header-06 .mainvi .copy h1 { width: 100%; }

body header.header-06 .mainvi .copy h1 span { color: #ffffff; font-size: 13vw; font-weight: bold; line-height: 1.3; letter-spacing: .3rem; }

body header.header-07 .inner { padding: 1rem 1.5rem; min-width: 100%; }

body header.header-07 .inner .logo { margin: 0; margin-right: auto; }

body header.header-07 .inner .logo a { display: block; }

body header.header-07 .inner .logo a img { margin-right: 0; height: 2.5rem; }

body header.header-07 .inner .menu-wrapper nav.gnav { display: block; position: fixed !important; top: 0; right: -310px; bottom: 0; width: 310px; padding: 6.5rem 1rem; background: rgba(0, 0, 0, 0.8); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all .5s; z-index: 3; opacity: 0; margin-right: 0; }

body header.header-07 .inner .menu-wrapper nav.gnav .menu-container { width: 100%; }

body header.header-07 .inner .menu-wrapper nav.gnav .menu-container .menu { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-end; justify-content: center; }

body header.header-07 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item { position: static; width: 100%; height: auto; }

body header.header-07 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu { display: none; /* デフォルトでは非表示 */ position: relative; padding: 0; padding-left: 1rem; }

body header.header-07 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu > li a { position: relative; }

body header.header-07 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu > li a::after { content: '→'; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: .9rem; }

body header.header-07 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children .menu-open .sub-menu { display: block; /* メニューが開いているときに表示 */ }

body header.header-07 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item:nth-child(n+1) { margin-left: auto; border-top: 1px solid white; }

body header.header-07 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item:last-child { margin-left: auto; border-bottom: 1px solid white; }

body header.header-07 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item a { position: relative; display: block; padding: 2rem 1rem; font-size: 1.5rem; font-weight: bold; color: white; }

body header.header-07 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item a > span { display: block; font-weight: normal; color: white; }

body header.header-07 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.button { padding-top: 2em; padding-left: 0; border-bottom: none; }

body header.header-07 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.button a { padding: 1.2rem 0; font-size: 1.5rem; text-align: center; background: #ffffff; color: #000000; }

body header.header-07 .inner .menu-wrapper .toggle-btn { display: block; position: fixed; top: 0; right: 0; width: 70px; height: 70px; transition: all .5s; cursor: pointer; z-index: 3; }

body header.header-07 .inner .menu-wrapper .toggle-btn span { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 35px; height: 2px; background-color: #000000; transition: all .5s; }

body header.header-07 .inner .menu-wrapper .toggle-btn span:nth-child(1) { top: 20px; }

body header.header-07 .inner .menu-wrapper .toggle-btn span:nth-child(2) { top: 30px; }

body header.header-07 .inner .menu-wrapper .toggle-btn span:nth-child(3) { bottom: 28px; }

body header.header-07 .inner .menu-wrapper.menu-open .gnav { right: 0; opacity: 1; }

body header.header-07 .inner .menu-wrapper.menu-open .toggle-btn { top: 0; margin-top: 0; }

body header.header-07 .inner .menu-wrapper.menu-open .toggle-btn span { left: 25%; background-color: #ffffff; }

body header.header-07 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(1) { -webkit-transform: translateY(17px) rotate(-315deg); transform: translateY(9px) rotate(-315deg); }

body header.header-07 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(2) { opacity: 0; }

body header.header-07 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(3) { -webkit-transform: translateY(-17px) rotate(315deg); transform: translateY(-11px) rotate(315deg); }

body header.header-07 .inner .menu-wrapper.menu-open #mask { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .3; z-index: 2; cursor: pointer; }

body header.header-07 .inner .menu-wrapper #mask { display: none; transition: all .3s; }

body header.header-07 .mainvi { padding: 6rem 0 1.5rem; }

body header.header-07 .mainvi .mv-slider-02 { height: 100%; overflow-x: hidden; }

body header.header-07 .mainvi .mv-slider-02 div { height: 100%; width: 95%; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 30px; }

body header.header-07 .mainvi .mv-slider-02 .arrow { position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 150px; height: 70px; cursor: pointer; z-index: 1; }

body header.header-07 .mainvi .mv-slider-02 .arrow.prev { left: 3%; }

body header.header-07 .mainvi .mv-slider-02 .arrow.next { right: 3%; }

body header.header-08 .inner { padding: 1rem 1.3rem; min-width: 100%; }

body header.header-08 .inner .logo { margin: 0; margin-right: auto; }

body header.header-08 .inner .logo a { display: block; padding: 0 1em; }

body header.header-08 .inner .logo a img { margin-right: 0; height: 2rem; }

body header.header-08 .inner .menu-wrapper { justify-content: flex-start; }

body header.header-08 .inner .menu-wrapper nav.gnav { display: block; position: fixed !important; top: 0; right: -310px; bottom: 0; width: 310px; padding: 6.5rem 1rem; background: rgba(0, 0, 0, 0.8); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all .5s; z-index: 3; opacity: 0; margin-right: 0; }

body header.header-08 .inner .menu-wrapper nav.gnav .menu-container { width: 100%; }

body header.header-08 .inner .menu-wrapper nav.gnav .menu-container .menu { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-end; justify-content: center; }

body header.header-08 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item { position: static; width: 100%; height: auto; }

body header.header-08 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu { display: none; /* デフォルトでは非表示 */ position: relative; padding: 0; padding-left: 1rem; }

body header.header-08 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu > li a { position: relative; }

body header.header-08 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children ul.sub-menu > li a::after { content: '→'; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: .9rem; }

body header.header-08 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.menu-item-has-children .menu-open .sub-menu { display: block; /* メニューが開いているときに表示 */ }

body header.header-08 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item:nth-child(n+1) { margin-left: auto; border-top: 1px solid white; }

body header.header-08 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item:last-child { margin-left: auto; border-bottom: 1px solid white; }

body header.header-08 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item a { position: relative; display: block; padding: 2rem 1rem; font-size: 1.5rem; font-weight: bold; color: white; }

body header.header-08 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item a > span { display: block; font-weight: normal; color: white; }

body header.header-08 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.button { padding-top: 2em; padding-left: 0; border-bottom: none; }

body header.header-08 .inner .menu-wrapper nav.gnav .menu-container .menu .menu-item.button a { padding: 1.2rem 0; font-size: 1.1rem; text-align: center; }

body header.header-08 .inner .menu-wrapper .sub-nav { justify-content: flex-start; width: 80%; }

body header.header-08 .inner .menu-wrapper .sub-nav a { font-family: "Montserrat", sans-serif; display: flex; align-items: center; justify-content: center; width: 50%; font-weight: 700; padding: 1.2rem; }

body header.header-08 .inner .menu-wrapper .toggle-btn { display: block; position: fixed; top: 0; right: 0; width: 70px; height: 70px; transition: all .5s; cursor: pointer; z-index: 3; }

body header.header-08 .inner .menu-wrapper .toggle-btn span { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 35px; height: 2px; background-color: #000000; transition: all .5s; }

body header.header-08 .inner .menu-wrapper .toggle-btn span:nth-child(1) { top: 20px; }

body header.header-08 .inner .menu-wrapper .toggle-btn span:nth-child(2) { top: 30px; }

body header.header-08 .inner .menu-wrapper .toggle-btn span:nth-child(3) { bottom: 28px; }

body header.header-08 .inner .menu-wrapper.menu-open .gnav { right: 0; opacity: 1; }

body header.header-08 .inner .menu-wrapper.menu-open .toggle-btn { top: 0; margin-top: 0; }

body header.header-08 .inner .menu-wrapper.menu-open .toggle-btn span { left: 25%; background-color: #ffffff; }

body header.header-08 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(1) { -webkit-transform: translateY(17px) rotate(-315deg); transform: translateY(9px) rotate(-315deg); }

body header.header-08 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(2) { opacity: 0; }

body header.header-08 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(3) { -webkit-transform: translateY(-17px) rotate(315deg); transform: translateY(-11px) rotate(315deg); }

body header.header-08 .inner .menu-wrapper.menu-open #mask { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .3; z-index: 2; cursor: pointer; }

body header.header-08 .inner .menu-wrapper #mask { display: none; transition: all .3s; }

body header.header-08 .mainvi-wrap { padding: 0 1.5rem; justify-content: center; }

body header.header-08 .mainvi-wrap .copy-wrap { display: block; padding-bottom: 3rem; }

body header.header-08 .mainvi-wrap .copy-wrap .main { width: 100%; padding-bottom: 1.5rem; }

body header.header-08 .mainvi-wrap .copy-wrap .main h1 { font-size: 2.5rem; font-weight: bold; line-height: 1; padding-bottom: 1rem; }

body header.header-08 .mainvi-wrap .copy-wrap .text { width: 100%; }

body header.header-08 .mainvi-wrap .copy-wrap .text p { line-height: 2; }

body header.header-08 .mainvi-wrap .mainvi div { width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; aspect-ratio: 16/9; }

body .content-wrap { padding: 4rem 0; }

body .content-wrap .inner.inner-ss { padding: 0 1.5rem; }

body .content-wrap .inner.inner-s { padding: 0 1.5rem; }

body .content-wrap .inner.inner-m { padding: 0 1.5rem; }

body .content-wrap .inner.inner-l { padding: 0 1.5rem; }

body .content-wrap h1.section-title, body .content-wrap h2.section-title, body .content-wrap h3.section-title, body .content-wrap h4.section-title, body .content-wrap h5.section-title, body .content-wrap h6.section-title { margin-bottom: 3rem; }

body .content-wrap h1.section-title span.main, body .content-wrap h2.section-title span.main, body .content-wrap h3.section-title span.main, body .content-wrap h4.section-title span.main, body .content-wrap h5.section-title span.main, body .content-wrap h6.section-title span.main { font-size: 2rem; }

body .content-wrap h1.section-title span.sub, body .content-wrap h2.section-title span.sub, body .content-wrap h3.section-title span.sub, body .content-wrap h4.section-title span.sub, body .content-wrap h5.section-title span.sub, body .content-wrap h6.section-title span.sub { font-size: 1rem; }

body .content-wrap h1.section-title.centerline span.main, body .content-wrap h2.section-title.centerline span.main, body .content-wrap h3.section-title.centerline span.main, body .content-wrap h4.section-title.centerline span.main, body .content-wrap h5.section-title.centerline span.main, body .content-wrap h6.section-title.centerline span.main { font-size: 2rem; }

body .content-wrap h1.section-title.centerline span.sub, body .content-wrap h2.section-title.centerline span.sub, body .content-wrap h3.section-title.centerline span.sub, body .content-wrap h4.section-title.centerline span.sub, body .content-wrap h5.section-title.centerline span.sub, body .content-wrap h6.section-title.centerline span.sub { font-size: 1rem; }

body .content-wrap h1.section-title-02, body .content-wrap h2.section-title-02, body .content-wrap h3.section-title-02, body .content-wrap h4.section-title-02, body .content-wrap h5.section-title-02, body .content-wrap h6.section-title-02 { margin-bottom: 3rem; font-size: 1.8rem; font-weight: bold; border-bottom: 1px solid #d8d8d8; padding: 0 1rem 1rem 1rem; }

body .content-wrap h1.content-title, body .content-wrap h2.content-title, body .content-wrap h3.content-title, body .content-wrap h4.content-title, body .content-wrap h5.content-title, body .content-wrap h6.content-title { margin-bottom: 2.5rem; }

body .content-wrap h1.content-title.boder-left-01, body .content-wrap h2.content-title.boder-left-01, body .content-wrap h3.content-title.boder-left-01, body .content-wrap h4.content-title.boder-left-01, body .content-wrap h5.content-title.boder-left-01, body .content-wrap h6.content-title.boder-left-01 { font-size: 1.3rem; }

body .content-wrap h1.content-title.boder-left-02, body .content-wrap h2.content-title.boder-left-02, body .content-wrap h3.content-title.boder-left-02, body .content-wrap h4.content-title.boder-left-02, body .content-wrap h5.content-title.boder-left-02, body .content-wrap h6.content-title.boder-left-02 { font-size: 1.3rem; }

body .content-wrap h1.content-title.boder-left-03 span.main, body .content-wrap h2.content-title.boder-left-03 span.main, body .content-wrap h3.content-title.boder-left-03 span.main, body .content-wrap h4.content-title.boder-left-03 span.main, body .content-wrap h5.content-title.boder-left-03 span.main, body .content-wrap h6.content-title.boder-left-03 span.main { font-size: 1.4rem; }

body .content-wrap h1.content-title.boder-left-03 span.sub, body .content-wrap h2.content-title.boder-left-03 span.sub, body .content-wrap h3.content-title.boder-left-03 span.sub, body .content-wrap h4.content-title.boder-left-03 span.sub, body .content-wrap h5.content-title.boder-left-03 span.sub, body .content-wrap h6.content-title.boder-left-03 span.sub { font-size: .9rem; }

body .content-wrap h1.content-title.boder-left-04 span, body .content-wrap h2.content-title.boder-left-04 span, body .content-wrap h3.content-title.boder-left-04 span, body .content-wrap h4.content-title.boder-left-04 span, body .content-wrap h5.content-title.boder-left-04 span, body .content-wrap h6.content-title.boder-left-04 span { margin-left: 0; }

body .content-wrap h1.content-title.boder-left-04 span.main, body .content-wrap h2.content-title.boder-left-04 span.main, body .content-wrap h3.content-title.boder-left-04 span.main, body .content-wrap h4.content-title.boder-left-04 span.main, body .content-wrap h5.content-title.boder-left-04 span.main, body .content-wrap h6.content-title.boder-left-04 span.main { font-size: 1.6rem; }

body .content-wrap h1.content-title.boder-left-04 span.sub, body .content-wrap h2.content-title.boder-left-04 span.sub, body .content-wrap h3.content-title.boder-left-04 span.sub, body .content-wrap h4.content-title.boder-left-04 span.sub, body .content-wrap h5.content-title.boder-left-04 span.sub, body .content-wrap h6.content-title.boder-left-04 span.sub { font-size: 1rem; }

body .content-wrap h1.content-title.boder-left-05 span.main, body .content-wrap h2.content-title.boder-left-05 span.main, body .content-wrap h3.content-title.boder-left-05 span.main, body .content-wrap h4.content-title.boder-left-05 span.main, body .content-wrap h5.content-title.boder-left-05 span.main, body .content-wrap h6.content-title.boder-left-05 span.main { font-size: 1.6rem; padding-left: 2.8rem; }

body .content-wrap h1.content-title.boder-left-05 span.sub, body .content-wrap h2.content-title.boder-left-05 span.sub, body .content-wrap h3.content-title.boder-left-05 span.sub, body .content-wrap h4.content-title.boder-left-05 span.sub, body .content-wrap h5.content-title.boder-left-05 span.sub, body .content-wrap h6.content-title.boder-left-05 span.sub { font-size: 1rem; }

body .content-wrap h1.content-title.boder-left-06, body .content-wrap h2.content-title.boder-left-06, body .content-wrap h3.content-title.boder-left-06, body .content-wrap h4.content-title.boder-left-06, body .content-wrap h5.content-title.boder-left-06, body .content-wrap h6.content-title.boder-left-06 { border-left: 30px solid #272727; }

body .content-wrap h1.content-title.boder-left-06 span.main, body .content-wrap h2.content-title.boder-left-06 span.main, body .content-wrap h3.content-title.boder-left-06 span.main, body .content-wrap h4.content-title.boder-left-06 span.main, body .content-wrap h5.content-title.boder-left-06 span.main, body .content-wrap h6.content-title.boder-left-06 span.main { font-size: 1.6rem; }

body .content-wrap h1.content-title.boder-left-06 span.sub, body .content-wrap h2.content-title.boder-left-06 span.sub, body .content-wrap h3.content-title.boder-left-06 span.sub, body .content-wrap h4.content-title.boder-left-06 span.sub, body .content-wrap h5.content-title.boder-left-06 span.sub, body .content-wrap h6.content-title.boder-left-06 span.sub { font-size: 1rem; }

body .content-wrap h1.content-title.boder-bottom-01, body .content-wrap h2.content-title.boder-bottom-01, body .content-wrap h3.content-title.boder-bottom-01, body .content-wrap h4.content-title.boder-bottom-01, body .content-wrap h5.content-title.boder-bottom-01, body .content-wrap h6.content-title.boder-bottom-01 { font-size: 1.3rem; }

body .content-wrap h1.content-title.boder-top-01, body .content-wrap h2.content-title.boder-top-01, body .content-wrap h3.content-title.boder-top-01, body .content-wrap h4.content-title.boder-top-01, body .content-wrap h5.content-title.boder-top-01, body .content-wrap h6.content-title.boder-top-01 { font-size: 1.3rem; }

body .content-wrap h1.content-title.boder-bg-01, body .content-wrap h2.content-title.boder-bg-01, body .content-wrap h3.content-title.boder-bg-01, body .content-wrap h4.content-title.boder-bg-01, body .content-wrap h5.content-title.boder-bg-01, body .content-wrap h6.content-title.boder-bg-01 { font-size: 1.3rem; }

body .content-wrap .news-list-wrap-01 { display: block; }

body .content-wrap .news-list-wrap-01 li { width: 100%; margin-right: 0; margin-bottom: 2rem; }

body .content-wrap .news-list-wrap-01 li a { display: block; }

body .content-wrap .news-list-wrap-01 li a .thumb img { display: block; width: 100%; object-fit: cover; aspect-ratio: 16/10; }

body .content-wrap .news-list-wrap-01 li a .text { padding: .5rem 0; }

body .content-wrap .news-list-wrap-01 li a .text .date { font-size: .9rem; padding-bottom: .5rem; line-height: 1; }

body .content-wrap .news-list-wrap-01 li a .text .date > span { display: inline-block; background: #d8d8d8; color: #ffffff; padding: .3rem .8rem; margin-left: .5rem; }

body .content-wrap .news-list-wrap-02 { display: flex; flex-wrap: wrap; }

body .content-wrap .news-list-wrap-02 li { width: calc( 100% / 2 - 1rem); margin-right: 2rem; margin-bottom: 2rem; }

body .content-wrap .news-list-wrap-02 li:nth-child(2n) { margin-right: 0; }

body .content-wrap .news-list-wrap-02 li a { display: block; }

body .content-wrap .news-list-wrap-02 li a:hover { text-decoration: none; }

body .content-wrap .news-list-wrap-02 li a .thumb img { display: block; width: 100%; object-fit: cover; aspect-ratio: 16/10; border-radius: 15px; }

body .content-wrap .news-list-wrap-02 li a .text { padding: .5rem 0; }

body .content-wrap .news-list-wrap-02 li a .text .date { font-family: "Montserrat", sans-serif; color: #999999; font-size: .8rem; padding-bottom: .5rem; line-height: 1; }

body .content-wrap .news-list-wrap-02 li a .text .date > span { display: inline-block; background: #d8d8d8; color: #ffffff; padding: .3rem .8rem; margin-left: .5rem; }

body .content-wrap .news-list-wrap-03 a { display: block; padding: 2.5rem 0; }

body .content-wrap .news-list-wrap-03 a .thumb { width: 100%; }

body .content-wrap .news-list-wrap-03 a .text { width: 100%; padding-left: 0; padding-top: 1rem; }

body .content-wrap .news-list-wrap-03 a .text .date { font-family: "Montserrat", sans-serif; color: #999999; font-size: .8rem; padding-bottom: .5rem; line-height: 1; }

body .content-wrap .news-list-wrap-03 a .text .date > span { display: inline-block; background: #d8d8d8; color: #ffffff; padding: .3rem .8rem; margin-left: .5rem; }

body .content-wrap .news-list-wrap-03 a .text .title { font-weight: bold; padding-bottom: 1rem; }

body .content-wrap .news-list-wrap-03 a .text .detail { font-size: .9rem; }

body .content-wrap .news-list-wrap-04 li a { display: block; padding: 2.5rem 1rem; }

body .content-wrap .news-list-wrap-05 { background: #EFEFEF; padding: 4rem 2rem; }

body .content-wrap .news-list-wrap-05 li a { position: relative; display: flex; flex-wrap: wrap; align-items: center; padding: 2.5rem 0; padding-right: 2.5rem; }

body .content-wrap .news-list-wrap-05 li a::after { content: "→"; padding: 8px; }

body .content-wrap .news-list-wrap-05 li a .date { font-family: "Montserrat", sans-serif; color: #B0AFB0; font-weight: 500; font-size: .9rem; }

body .content-wrap .news-list-wrap-05 li a .category { display: inline-block; background: #ffffff; color: #000000; font-size: .9rem; padding: .3rem .8rem; margin: 0 1rem; line-height: 1; }

body .content-wrap .news-list-wrap-05 li a .title { width: 100%; padding-top: 1rem; padding-right: 0; }

body .content-wrap .box-1col.box-1col-01 .title::before { width: 15%; }

body .content-wrap .box-1col.box-1col-02 { display: block; }

body .content-wrap .box-1col.box-1col-02 .thumb { width: 100%; }

body .content-wrap .box-1col.box-1col-02 .thumb img { display: block; width: 100%; object-fit: cover; aspect-ratio: 1/1; height: auto; }

body .content-wrap .box-1col.box-1col-02 .text { width: 100%; display: flex; flex-direction: column; padding: 2.5rem 1.5rem; background-color: #F6F6F6; }

body .content-wrap .box-1col.box-1col-02 .text > p { font-size: .9rem; line-height: 2.2; }

body .content-wrap .box-1col.box-1col-03 { display: block; }

body .content-wrap .box-1col.box-1col-03 .thumb { width: 100%; margin-right: 0; }

body .content-wrap .box-1col.box-1col-03 .thumb img { display: block; width: 100%; }

body .content-wrap .box-1col.box-1col-03 .text { position: relative; margin: -8% auto 0 auto; width: 92%; display: flex; flex-direction: column; padding: 2.5rem 1.5rem; background-color: #F6F6F6; }

body .content-wrap .box-1col.box-1col-03 .text h3.section-title .main { font-size: 2rem; }

body .content-wrap .box-1col.box-1col-03 .text > p { font-size: .9rem; line-height: 2.2; }

body .content-wrap .box-1col.box-1col-04 { display: block; }

body .content-wrap .box-1col.box-1col-04 .thumb { width: 100%; margin-right: 0; }

body .content-wrap .box-1col.box-1col-04 .thumb img { display: block; width: 100%; object-fit: cover; aspect-ratio: 1/1; height: auto; }

body .content-wrap .box-1col.box-1col-04 .text { width: 100%; display: flex; flex-direction: column; padding: 2.5rem 1.5rem; background-color: #F6F6F6; }

body .content-wrap .box-1col.box-1col-04 .text > p { font-size: .9rem; line-height: 2.2; }

body .content-wrap .box-1col.box-1col-05 { display: block; }

body .content-wrap .box-1col.box-1col-05 .thumb { width: 100%; }

body .content-wrap .box-1col.box-1col-05 .thumb img { display: block; width: 100%; }

body .content-wrap .box-1col.box-1col-05 .text { width: 100%; display: flex; flex-direction: column; padding: 2.5rem .5rem; }

body .content-wrap .box-1col.box-1col-05 .text > p { font-size: .9rem; line-height: 2.2; }

body .content-wrap .box-1col.box-1col-06 { display: block; padding: 2.5rem 2rem; }

body .content-wrap .box-1col.box-1col-06 .thumb { width: 100%; }

body .content-wrap .box-1col.box-1col-06 .thumb img { display: block; width: 100%; }

body .content-wrap .box-1col.box-1col-06 .text { width: 100%; display: flex; flex-direction: column; padding: 2.5rem 0rem 0 0rem; }

body .content-wrap .box-1col.box-1col-06 .text > p { font-size: .9rem; line-height: 2.2; }

body .content-wrap .box-1col.box-1col-06 .text .link-btn { width: 100%; }

body .content-wrap .box-1col.box-1col-07 .text { position: relative; width: 90%; margin: -4rem auto 0 auto; padding: 2.5rem 2rem; }

body .content-wrap .box-1col.box-1col-07 .text h3.section-title { margin-bottom: 2.5rem; }

body .content-wrap .box-1col.box-1col-07 .text h3.section-title .main { font-size: 2rem; }

body .content-wrap .box-1col.box-1col-07 .text > p { font-size: .9rem; }

body .content-wrap .box-1col.box-1col-07 .text .link-btn { width: 100%; }

body .content-wrap .box-1col.box-1col-08 .text .title { font-size: 1.8rem; margin-bottom: 2rem; }

body .content-wrap .box-1col.box-1col-08 .text > p { font-size: .9rem; line-height: 2.2; }

body .content-wrap .box-1col.box-1col-09 { padding: 3.5rem 0; }

body .content-wrap .box-1col.box-1col-09 .text > p { padding: 0 2rem; }

body .content-wrap .box-1col.box-1col-09 .text .link-btn { width: 100%; padding: 0 2rem; }

body .content-wrap .box-1col.box-1col-10 { padding: 3rem 2rem; color: #ffffff; }

body .content-wrap .box-1col.box-1col-10 .box-1col-inner { background-size: cover; padding: 3rem 2rem; }

body .content-wrap .box-1col.box-1col-10 .box-1col-inner .text > p { font-size: .9rem; padding: 0; }

body .content-wrap .box-1col.box-1col-10 .box-1col-inner .text .link-btn { width: 100%; }

body .content-wrap .box-col2-wrap-01 { display: block; }

body .content-wrap .box-col2-wrap-01 .item { width: 100%; margin-right: 0; margin-bottom: 2.5rem; }

body .content-wrap .box-col2-wrap-01 .item .text h4 { font-family: "Montserrat", sans-serif; display: flex; align-items: baseline; justify-content: space-between; padding: 1rem 0 1.5rem; font-size: 2.8rem; font-weight: bold; color: #272727; }

body .content-wrap .box-col2-wrap-01 .item .text h4 span { display: block; font-weight: 500; font-size: 1rem; }

body .content-wrap .box-col2-wrap-02 { display: block; }

body .content-wrap .box-col2-wrap-02 .item { width: 100%; margin-right: 0; margin-bottom: 2.5rem; }

body .content-wrap .box-col2-wrap-02 .item .text { position: relative; padding: 1rem 1.5rem; }

body .content-wrap .box-col2-wrap-02 .item .text h4 { font-family: "Montserrat", sans-serif; font-size: 1.8rem; font-weight: bold; color: #272727; line-height: 1.4; }

body .content-wrap .box-col2-wrap-02 .item .text h4 span { font-size: 1rem; }

body .content-wrap .box-col2-wrap-02 .item .text::after { padding: .7rem; }

body .content-wrap .box-col2-wrap-03 { display: block; }

body .content-wrap .box-col2-wrap-03 .item { width: 100%; margin-right: 0; margin-bottom: 1.5rem; padding: 2rem; }

body .content-wrap .box-col2-wrap-03 .item .text h4 { padding: 1rem 0 1.5rem; font-size: 2.8rem; font-weight: bold; text-align: center; }

body .content-wrap .box-col2-wrap-03 .item .text h4 span { font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; display: block; font-weight: 500; font-size: 1rem; }

body .content-wrap .box-col2-wrap-03 .item .btn-wrap a { width: 100%; padding: 1.5rem 0; }

body .content-wrap .box-col2-wrap-03 .item .btn-wrap a::after { content: "→"; position: absolute; top: 50%; right: .5rem; transform: translateY(-50%); display: block; width: 50px; height: 50px; padding: .6rem 0; line-height: 1; border-radius: 100rem; background: #d8d8d8; color: white; font-size: 2.5rem; text-align: left; }

body .content-wrap .box-col2-wrap-04 { display: block; }

body .content-wrap .box-col2-wrap-04 .item { width: 100%; padding: 2.5rem 3rem; }

body .content-wrap .box-col2-wrap-04 .item .text { color: #ffffff; }

body .content-wrap .box-col2-wrap-04 .item .text h4 { font-family: "Montserrat", sans-serif; display: flex; align-items: center; padding: 1rem 0 1.5rem; font-size: 2.8rem; font-weight: bold; line-height: 1; }

body .content-wrap .box-col2-wrap-04 .item .text h4 span { display: block; font-weight: 500; font-size: 1rem; margin-left: 1rem; padding-left: 1rem; border-left: 1px solid #ffffff; line-height: 2; }

body .content-wrap .box-col2-wrap-04 .item .btn-wrap a { width: 100%; padding: 1rem 0; }

body .content-wrap .box-col2-wrap-05 { display: block; }

body .content-wrap .box-col2-wrap-05 .item { width: 100%; padding: 2rem; }

body .content-wrap .box-col2-wrap-05 .item .text { padding: 3rem; }

body .content-wrap .box-col2-wrap-05 .item .text h4 { position: relative; font-family: "Montserrat", sans-serif; padding-bottom: 3rem; font-size: 2.8rem; font-weight: bold; text-align: center; }

body .content-wrap .box-col2-wrap-05 .item .text h4 span { display: block; font-weight: 500; font-size: 1rem; }

body .content-wrap .box-col2-wrap-05 .item .text h4::after { content: ''; border-bottom: 1px solid #ffffff; display: block; position: absolute; left: 50%; bottom: 1.5rem; transform: translateX(-50%); width: 260px; }

body .content-wrap .box-col2-wrap-05 .item .text .btn-wrap a { display: block; width: 260px; margin: 0 auto; padding: 1rem 0; text-align: center; background-color: #ffffff; border: 1px solid #ffffff; color: #272727; font-size: 1rem; transition: all .3s; }

body .content-wrap .box-col2-wrap-05 .item .text .btn-wrap a:hover { background: transparent; color: white; opacity: 1; }

body .content-wrap .box-col2-wrap-05 .item.bg-img { background-position: center; background-repeat: no-repeat; background-size: cover; }

body .content-wrap .box-col2-wrap-05 .item.bg-img .text { background-color: rgba(39, 39, 39, 0.7); }

body .content-wrap .box-col2-wrap-06 { display: block; }

body .content-wrap .box-col2-wrap-06 .item { width: 100%; margin-right: 0; }

body .content-wrap .box-col2-wrap-06 .item .text { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; background: #272727; color: #ffffff; padding: 3rem 2rem; }

body .content-wrap .box-col2-wrap-06 .item .text img { display: block; width: 80px; padding-bottom: 1.5rem; }

body .content-wrap .box-col2-wrap-06 .item .text p { font-size: .9rem; font-weight: 500; }

body .content-wrap .box-col2-wrap-06 .item .text p.title { font-size: 1.1rem; font-weight: bold; padding-bottom: 1.5rem; }

body .content-wrap .box-col2-wrap-06 .item .text p.tel { font-size: 1.1rem; font-weight: bold; }

body .content-wrap .box-col2-wrap-06 .item .text p.tel a { display: inline-block; padding-left: .5rem; font-size: 2rem; font-weight: bold; }

body .content-wrap .box-col2-wrap-06 .item .btn-wrap { width: 100%; }

body .content-wrap .box-col2-wrap-06 .item .btn-wrap a { display: block; width: 90%; margin: 0 auto; padding: 1rem 0; text-align: center; background-color: #ffffff; border: 1px solid #ffffff; color: #272727; font-size: 1rem; font-weight: bold; transition: all .3s; }

body .content-wrap .box-col2-wrap-06 .item .btn-wrap a:hover { background: #272727; color: white; opacity: 1; }

body .content-wrap .box-col2-wrap-07 { padding: 2.5rem 3rem; border-radius: 30px; }

body .content-wrap .box-col2-wrap-07 h3 { font-size: 1.6rem; font-weight: bold; padding-bottom: 1.5rem; }

body .content-wrap .box-col2-wrap-07 .contact-box { display: block; }

body .content-wrap .box-col2-wrap-07 .contact-box .item { width: 100%; padding: 1.5rem 0 0; }

body .content-wrap .box-col2-wrap-07 .contact-box .item p { text-align: center; font-weight: 600; font-size: 1.3rem; }

body .content-wrap .box-col2-wrap-07 .contact-box .item p.tel a, body .content-wrap .box-col2-wrap-07 .contact-box .item p.tel span { font-size: 2.5rem; color: #000000; line-height: 1.4; }

body .content-wrap .box-col2-wrap-07 .contact-box .item .contact-btn { margin-top: 1rem; }

body .content-wrap .box-col2-wrap-07 .contact-box .item .contact-btn a { display: block; width: 100%; }

body .content-wrap .box-col2-wrap-07 .contact-box .item:first-child { border-right: none; border-top: 1px solid #000000; }

body .content-wrap .box-col2-wrap-07.bg-main .contact-box .item:first-child { border-right: none; border-top: 1px solid #ffffff; }

body .content-wrap .box-col2-wrap-08 { display: block; }

body .content-wrap .box-col2-wrap-08 a { width: 100%; padding: 3rem; }

body .content-wrap .box-col2-wrap-08 a:first-child { background-color: #d8d8d8; color: black; }

body .content-wrap .box-col2-wrap-08 a:last-child { background: #272727; position: relative; color: white; }

body .content-wrap .box-col2-wrap-08 a:last-child p.main { color: white; }

body .content-wrap .box-col2-wrap-08 a:last-child:after { content: "→"; position: absolute; top: calc(50% - 0.5em); right: 2.5rem; }

body .content-wrap .box-col2-wrap-08 a p { font-weight: bold; letter-spacing: .1rem; line-height: 1.4; }

body .content-wrap .box-col2-wrap-08 a p.title { font-size: 1.1rem; }

body .content-wrap .box-col2-wrap-08 a p.main { font-family: "Montserrat", sans-serif; font-size: 2rem; }

body .content-wrap .box-col2-wrap-08 a p.sub { font-size: 1rem; }

body .content-wrap .box-3col.box-3col-01 .circle-wrap { display: block; }

body .content-wrap .box-3col.box-3col-01 .circle-wrap .item { width: 100%; padding-top: 5rem; }

body .content-wrap .box-3col.box-3col-02 ul.list { display: flex; flex-wrap: wrap; }

body .content-wrap .box-3col.box-3col-02 ul.list li.list-item { width: 100%; margin-right: 0; margin-bottom: 10%; }

body .content-wrap .box-3col.box-3col-02 ul.list li.list-item .title { font-size: 1.3rem; font-weight: bold; padding: 1rem 1.5rem; }

body .content-wrap .box-3col.box-3col-02 ul.list li.list-item .text { font-size: .9rem; padding: 0 1.5rem 1rem 1.5rem; }

body .content-wrap .box-3col.box-3col-02 ul.list li.list-item .more span { font-size: .95rem; padding: .2rem 1.5rem .3rem 1.5rem; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item { width: 100%; margin-right: 0; margin-bottom: 10%; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item .preface { margin: .7rem 0; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item .preface .label { font-size: .85rem; padding: .1rem 1rem 0 1rem; margin-right: 1rem; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item .preface .date { font-size: .9rem; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item .title { font-size: 1.2rem; }

body .content-wrap .box-3col.box-3col-03 ul.list li.list-item .text { font-size: 1rem; }

body .content-wrap .box-3col.box-3col-04 ul.list li.list-item { width: 100%; margin-right: 0; margin-bottom: 5%; }

body .content-wrap .box-3col.box-3col-04 ul.list li.list-item .text { padding: 1.5rem; }

body .content-wrap .box-3col.box-3col-05 ul.list li.list-item { width: 100%; margin-right: 0; margin-bottom: 8%; }

body .content-wrap .box-3col.box-3col-05 ul.list li.list-item .title { padding: 1rem 1rem; display: flex; align-items: stretch; }

body .content-wrap .box-3col.box-3col-05 ul.list li.list-item .title .num { font-size: 3rem; }

body .content-wrap .box-3col.box-3col-05 ul.list li.list-item .title .ttl { font-size: 1.4rem; margin-top: .3rem; }

body .content-wrap .box-3col.box-3col-05 ul.list li.list-item .text { font-size: .9rem; padding: 0 1rem .5rem 1rem; }

body .content-wrap .box-3col.box-3col-06 ul.list li.list-item { width: 100%; margin-right: 0; margin-bottom: 15%; }

body .content-wrap .box-3col.box-3col-06 ul.list li.list-item .thm { width: 65%; margin: 0 auto 2rem auto; }

body .content-wrap .box-3col.box-3col-06 ul.list li.list-item .text { font-size: 1.1rem; text-align: center; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li { width: 100%; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li .text { position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 1; color: #ffffff; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li .text .main { font-size: 1.5rem; }

body .content-wrap .box-free-wrap.box-free-wrap-01 ul li .text .sub { font-size: 1rem; }

body .content-wrap .box-free-wrap.box-free-wrap-02 ul li { width: 50%; }

body .content-wrap .box-free-wrap.box-free-wrap-02 ul li .text .main { font-size: 2.5rem; }

body .content-wrap .box-free-wrap.box-free-wrap-02 ul li .text .sub { font-size: .85rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li { flex-wrap: wrap; margin-bottom: 5rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) { flex-direction: column; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) .thumb { margin-left: 0; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) .text .main { text-align: left; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) .text .sub { margin: 0; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(odd) .text .link { margin: 2rem 0 0 auto; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li:nth-child(even) .thumb { margin-right: 0; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .thumb { width: 100%; margin-bottom: 1.6rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text { width: 100%; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text .main { font-size: 1.5rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text .sub { width: 100%; font-size: 1rem; }

body .content-wrap .box-free-wrap.box-free-wrap-03 ul li .text .link { width: 100%; }

body .content-wrap .link-btn { width: 100%; }

body .content-wrap .link-btn.link-btn-03 a { font-size: 1.4rem; }

body .content-wrap .table tr th { width: 28%; padding: 1.5rem; }

body .content-wrap .table tr td { padding: 1.5rem; }

body .content-wrap .form-01.form-inner { padding: 0 1.5rem; }

body .content-wrap form .form-item { display: block; padding: 1.5rem 0; }

body .content-wrap form .form-item label { width: 100%; }

body .content-wrap form select, body .content-wrap form input, body .content-wrap form textarea { width: 100%; }

body .content-wrap form .radio-wrap { display: flex; flex-wrap: wrap; }

body .content-wrap form .radio-wrap label { display: flex; align-items: center; width: calc(100% / 3); padding-bottom: .5rem; }

body .content-wrap form .radio-wrap input[type="radio"] { position: relative; padding: 0; margin-right: .5rem; width: 16px; height: 16px; border: 1px solid #000; border-radius: 50%; vertical-align: -2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

body .content-wrap form .radio-wrap input[type="radio"]:checked:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 50%; background: #000; content: ''; }

body .content-wrap form input[type=submit] { width: 90%; }

body .content-wrap .map { aspect-ratio: 1/1; }

body .content-wrap .map iframe { width: 100%; height: 100%; max-height: 100%; }

body footer.footer-01 .inner { padding: 4rem 0; }

body footer.footer-01 .inner .head .logo img { display: block; padding-bottom: 2rem; width: 100%; max-width: 130px; margin: 0 auto; }

body footer.footer-01 .inner .head .name { font-size: 1.2rem; font-weight: bold; padding-bottom: 2rem; }

body footer.footer-02 .inner { padding: 4rem 1.5rem; }

body footer.footer-02 .inner .flex-wrap { display: block; }

body footer.footer-02 .inner .flex-wrap .info { width: 100%; padding-bottom: 1.5rem; }

body footer.footer-02 .inner .flex-wrap .info .logo img { max-width: 130px; }

body footer.footer-02 .inner .flex-wrap .info .add { line-height: 2; }

body footer.footer-02 .inner .flex-wrap .tail nav .menu-footer-container .menu { display: flex; flex-wrap: wrap; }

body footer.footer-02 .inner .flex-wrap .tail nav .menu-footer-container .menu .menu-item { width: calc( 100% / 3); }

body footer.footer-02 .inner .flex-wrap .tail nav .menu-footer-container .menu .menu-item a { display: block; padding-bottom: 2rem; }

body footer.footer-02 .inner .sns-link { display: flex; justify-content: flex-end; }

body footer.footer-02 .inner .sns-link a { display: block; }

body footer.footer-02 .inner .sns-link a img { max-width: 40px; }

body footer.footer-03 .inner { padding: 4rem 0; }

body footer.footer-03 .inner .nav { justify-content: center; padding-bottom: 2rem; }

body footer.footer-03 .inner .nav .menu-footer-container .menu { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

body footer.footer-03 .inner .nav .menu-footer-container .menu a { display: block; padding: .5rem 2rem; transition: all .3s; }

body footer.footer-03 .inner .info { text-align: center; }

body footer.footer-03 .inner .info .logo img { max-width: 130px; }

body footer.footer-03 .inner .info .add { padding-bottom: 1rem; }

body footer.footer-03 .inner .info .sns-link { display: flex; justify-content: center; }

body footer.footer-03 .inner .info .sns-link a { display: block; }

body footer.footer-03 .inner .info .sns-link a img { display: block; width: 100%; max-width: 40px; }

body footer.footer-03 .copyright { background: #272727; color: white; padding: 1rem 0; }

body footer.footer-04 .inner { padding: 2rem 1.5rem 1rem; }

body footer.footer-04 .inner .flex-wrap { display: flex; justify-content: space-between; border-bottom: 1px solid #000000; padding-bottom: 1rem; margin-bottom: 1rem; }

body footer.footer-04 .inner .flex-wrap .info { width: calc( 100% / 2); }

body footer.footer-04 .inner .flex-wrap .info .logo img { display: block; padding-bottom: 2rem; max-width: 130px; width: 100%; }

body footer.footer-04 .inner .flex-wrap .sns-link { display: flex; justify-content: flex-end; }

body footer.footer-04 .inner .flex-wrap .sns-link a { display: block; }

body footer.footer-04 .inner .flex-wrap .sns-link a img { display: block; width: 100%; max-width: 40px; aspect-ratio: 1/1; }

body footer.footer-05 .inner { padding: 4rem 1.5rem; }

body footer.footer-05 .inner .flex-wrap { display: block; }

body footer.footer-05 .inner .flex-wrap .info { width: 100%; }

body footer.footer-05 .inner .flex-wrap .info .text { padding-bottom: 3rem; }

body footer.footer-05 .inner .flex-wrap .info .text .add { padding-bottom: 1.5rem; }

body footer.footer-05 .inner .flex-wrap .info .text .add .name { font-size: 1.1rem; font-weight: 700; }

body footer.footer-05 .inner .flex-wrap .info .text .tel { padding-bottom: 1rem; }

body footer.footer-05 .inner .flex-wrap .info .text .tel a { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 2rem; line-height: 1; }

body footer.footer-05 .inner .flex-wrap .info .logo img { display: block; padding-bottom: 4rem; max-width: 130px; }

body footer.footer-05 .inner .flex-wrap .info p { font-size: .9rem; }

body footer.footer-05 .inner .flex-wrap .info p.font-mont { font-family: "Montserrat", sans-serif; font-weight: 500; }

body footer.footer-05 .inner .flex-wrap .tail { width: 100%; }

body footer.footer-05 .inner .flex-wrap .tail nav { padding-bottom: 3rem; }

body footer.footer-05 .inner .flex-wrap .tail nav .menu-footer-container { display: flex; width: 100%; }

body footer.footer-05 .inner .flex-wrap .tail nav .menu-footer-container .list-wrap { width: calc( 100% / 3); border-top: 1px solid #000000; margin-left: 2rem; padding-top: 1rem; }

body footer.footer-05 .inner .flex-wrap .tail nav .menu-footer-container .list-wrap:first-child { margin-left: 0; }

body footer.footer-05 .inner .flex-wrap .tail nav .menu-footer-container .list-wrap .menu .menu-item a { display: block; padding-bottom: 1rem; transition: all .3s; }

body footer.footer-05 .inner .flex-wrap .tail nav .menu-footer-container .list-wrap .menu .menu-item a:hover { color: #000000; opacity: .7; }

body footer.footer-05 .inner .flex-wrap .tail nav .menu-footer-container .list-wrap .menu .menu-item.menu-item-has-children .sub-menu a { display: block; font-size: .9rem; padding-bottom: 0; }

body footer.footer-05 .inner .flex-wrap .tail nav .menu-footer-container .list-wrap .menu .menu-item.menu-item-has-children .sub-menu a::before { content: '-'; }

body footer.footer-05 .inner .flex-wrap .tail .link-wrap { display: block; }

body footer.footer-05 .inner .flex-wrap .tail .link-wrap a { display: block; width: 100%; border-radius: 40px; padding: 1.5rem; margin-bottom: 1rem; }

body footer.footer-05 .copyright { padding: 1rem 1.5rem; display: block; }

body footer.footer-05 .copyright .footer-sub-nav { display: flex; justify-content: center; padding-bottom: 1rem; }

body footer.footer-05 .copyright .footer-sub-nav a { display: block; font-size: .8rem; line-height: 1; }

body footer.footer-05 .copyright .footer-sub-nav a:nth-child(n + 2) { border-left: 1px solid #ffffff; margin-left: .5rem; padding-left: .5rem; }

body footer.footer-05 .copyright p { text-align: center; }