/*font*/ @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; } @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; } @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; } @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; } /*! based on html5doctor.com Reset Stylesheet v1.6.1 Author: Richard Clark - http://richclarkdesign.com */ html { box-sizing: border-box; } *, ::before, ::after { box-sizing: inherit; } body { background: transparent; color: #000; line-height: 1; -webkit-text-size-adjust: 100%; } html[lang="ja"] body { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif; } /* main elements group */ audio, canvas, progress, video { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } /* a */ body, html { height: 100%; } body { overflow-x: hidden; } .box { width: 94%; max-width: 87.5rem; margin: 0 auto 3.75rem; } /***********************************************************************/ #progress02 { width: 100vw; height: 100vh; position: fixed; top: 0; right: 0; z-index: 99999998; background: #163064; /*@include mq_sp { display:none !important;}*/ } #progress02.active { -webkit-animation: ani002 0.6s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 1.05s; animation: ani002 0.6s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 1.05s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #progress { width: 100vw; height: 100vh; position: fixed; top: 0; right: 0; z-index: 99999999; background: #000; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #progress.active { -webkit-animation: ani001 0.6s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 1s; animation: ani001 0.6s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #progress #progress_txt { padding-left: 16px; color: #fff; letter-spacing: .6em; font-weight: bold; font-size: 0.9375rem; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; padding-top: 40px; } #progress #progress_txt span { display: block; overflow: hidden; opacity: 0; -webkit-transform: translate(40px, 0); -ms-transform: translate(40px, 0); transform: translate(40px, 0); } #progress #progress_txt.active002 { -webkit-animation: ll001 0.4s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 0.3s; animation: ll001 0.4s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #progress #progress_txt.active span:nth-child(1) { -webkit-animation: example 0.3s ease 0.04s 1 forwards; animation: example 0.3s ease 0.04s 1 forwards; } #progress #progress_txt.active span:nth-child(2) { -webkit-animation: example 0.3s ease 0.08s 1 forwards; animation: example 0.3s ease 0.08s 1 forwards; } #progress #progress_txt.active span:nth-child(3) { -webkit-animation: example 0.3s ease 0.12s 1 forwards; animation: example 0.3s ease 0.12s 1 forwards; } #progress #progress_txt.active span:nth-child(4) { -webkit-animation: example 0.3s ease 0.16s 1 forwards; animation: example 0.3s ease 0.16s 1 forwards; } #progress #progress_txt.active span:nth-child(5) { -webkit-animation: example 0.3s ease 0.2s 1 forwards; animation: example 0.3s ease 0.2s 1 forwards; } #progress #progress_txt.active span:nth-child(6) { -webkit-animation: example 0.3s ease 0.24s 1 forwards; animation: example 0.3s ease 0.24s 1 forwards; } #progress #progress_txt.active span:nth-child(7) { -webkit-animation: example 0.3s ease 0.28s 1 forwards; animation: example 0.3s ease 0.28s 1 forwards; } #progress #progress_txt.active span:nth-child(8) { -webkit-animation: example 0.3s ease 0.32s 1 forwards; animation: example 0.3s ease 0.32s 1 forwards; } #progress #progress_txt.active span:nth-child(9) { -webkit-animation: example 0.3s ease 0.36s 1 forwards; animation: example 0.3s ease 0.36s 1 forwards; } #progress #progress_txt.active span:nth-child(10) { -webkit-animation: example 0.3s ease 0.4s 1 forwards; animation: example 0.3s ease 0.4s 1 forwards; } #progress #progress_txt.active span:nth-child(11) { -webkit-animation: example 0.3s ease 0.44s 1 forwards; animation: example 0.3s ease 0.44s 1 forwards; } #progress #progress_txt.active span:nth-child(12) { -webkit-animation: example 0.3s ease 0.48s 1 forwards; animation: example 0.3s ease 0.48s 1 forwards; } #progress #progress_txt.active span:nth-child(13) { -webkit-animation: example 0.3s ease 0.52s 1 forwards; animation: example 0.3s ease 0.52s 1 forwards; } #progress #progress_txt.active span:nth-child(14) { -webkit-animation: example 0.3s ease 0.56s 1 forwards; animation: example 0.3s ease 0.56s 1 forwards; } #progress #progress_txt.active span:nth-child(15) { -webkit-animation: example 0.3s ease 0.6s 1 forwards; animation: example 0.3s ease 0.6s 1 forwards; } #progress #progress_txt.active span:nth-child(16) { -webkit-animation: example 0.3s ease 0.64s 1 forwards; animation: example 0.3s ease 0.64s 1 forwards; } #progress #progress_txt.active span:nth-child(17) { -webkit-animation: example 0.3s ease 0.68s 1 forwards; animation: example 0.3s ease 0.68s 1 forwards; } #progress #progress_txt.active span:nth-child(18) { -webkit-animation: example 0.3s ease 0.72s 1 forwards; animation: example 0.3s ease 0.72s 1 forwards; } #progress #progress_txt.active span:nth-child(19) { -webkit-animation: example 0.3s ease 0.76s 1 forwards; animation: example 0.3s ease 0.76s 1 forwards; } #progress #progress_txt.active span:nth-child(20) { -webkit-animation: example 0.3s ease 0.8s 1 forwards; animation: example 0.3s ease 0.8s 1 forwards; } #progress #progress_txt.active span:nth-child(21) { -webkit-animation: example 0.3s ease 0.84s 1 forwards; animation: example 0.3s ease 0.84s 1 forwards; } #progress #progress_txt.active span:nth-child(22) { -webkit-animation: example 0.3s ease 0.88s 1 forwards; animation: example 0.3s ease 0.88s 1 forwards; } #progress #progress_txt.active span:nth-child(23) { -webkit-animation: example 0.3s ease 0.92s 1 forwards; animation: example 0.3s ease 0.92s 1 forwards; } #progress #progress_txt.active span:nth-child(24) { -webkit-animation: example 0.3s ease 0.96s 1 forwards; animation: example 0.3s ease 0.96s 1 forwards; } #progress #progress_txt.active span:nth-child(25) { -webkit-animation: example 0.3s ease 1s 1 forwards; animation: example 0.3s ease 1s 1 forwards; } #progress #progress_txt.active span:nth-child(26) { -webkit-animation: example 0.3s ease 1.04s 1 forwards; animation: example 0.3s ease 1.04s 1 forwards; } #progress #progress_txt.active span:nth-child(27) { -webkit-animation: example 0.3s ease 1.08s 1 forwards; animation: example 0.3s ease 1.08s 1 forwards; } #progress #progress_txt.active span:nth-child(28) { -webkit-animation: example 0.3s ease 1.12s 1 forwards; animation: example 0.3s ease 1.12s 1 forwards; } #progress #progress_txt.active span:nth-child(29) { -webkit-animation: example 0.3s ease 1.16s 1 forwards; animation: example 0.3s ease 1.16s 1 forwards; } #progress #progress_txt002 { padding-left: 16px; color: #fff; letter-spacing: .6em; font-weight: bold; font-size: 0.9375rem; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; padding-top: 12px; } #progress #progress_txt002 span { display: block; overflow: hidden; opacity: 0; -webkit-transform: translate(40px, 0); -ms-transform: translate(40px, 0); transform: translate(40px, 0); } #progress #progress_txt002.active002 { -webkit-animation: ll001 0.4s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 0.3s; animation: ll001 0.4s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #progress #progress_txt002.active span:nth-child(1) { -webkit-animation: example 0.3s ease 0.04s 1 forwards; animation: example 0.3s ease 0.04s 1 forwards; } #progress #progress_txt002.active span:nth-child(2) { -webkit-animation: example 0.3s ease 0.08s 1 forwards; animation: example 0.3s ease 0.08s 1 forwards; } #progress #progress_txt002.active span:nth-child(3) { -webkit-animation: example 0.3s ease 0.12s 1 forwards; animation: example 0.3s ease 0.12s 1 forwards; } #progress #progress_txt002.active span:nth-child(4) { -webkit-animation: example 0.3s ease 0.16s 1 forwards; animation: example 0.3s ease 0.16s 1 forwards; } #progress #progress_txt002.active span:nth-child(5) { -webkit-animation: example 0.3s ease 0.2s 1 forwards; animation: example 0.3s ease 0.2s 1 forwards; } #progress #progress_txt002.active span:nth-child(6) { -webkit-animation: example 0.3s ease 0.24s 1 forwards; animation: example 0.3s ease 0.24s 1 forwards; } #progress #progress_txt002.active span:nth-child(7) { -webkit-animation: example 0.3s ease 0.28s 1 forwards; animation: example 0.3s ease 0.28s 1 forwards; } #progress #progress_txt002.active span:nth-child(8) { -webkit-animation: example 0.3s ease 0.32s 1 forwards; animation: example 0.3s ease 0.32s 1 forwards; } #progress #progress_txt002.active span:nth-child(9) { -webkit-animation: example 0.3s ease 0.36s 1 forwards; animation: example 0.3s ease 0.36s 1 forwards; } #progress #progress_txt002.active span:nth-child(10) { -webkit-animation: example 0.3s ease 0.4s 1 forwards; animation: example 0.3s ease 0.4s 1 forwards; } #progress #progress_txt002.active span:nth-child(11) { -webkit-animation: example 0.3s ease 0.44s 1 forwards; animation: example 0.3s ease 0.44s 1 forwards; } #progress #progress_txt002.active span:nth-child(12) { -webkit-animation: example 0.3s ease 0.48s 1 forwards; animation: example 0.3s ease 0.48s 1 forwards; } #progress #progress_txt002.active span:nth-child(13) { -webkit-animation: example 0.3s ease 0.52s 1 forwards; animation: example 0.3s ease 0.52s 1 forwards; } #progress #progress_txt002.active span:nth-child(14) { -webkit-animation: example 0.3s ease 0.56s 1 forwards; animation: example 0.3s ease 0.56s 1 forwards; } #progress #progress_txt002.active span:nth-child(15) { -webkit-animation: example 0.3s ease 0.6s 1 forwards; animation: example 0.3s ease 0.6s 1 forwards; } #progress #progress_txt002.active span:nth-child(16) { -webkit-animation: example 0.3s ease 0.64s 1 forwards; animation: example 0.3s ease 0.64s 1 forwards; } #progress #progress_txt002.active span:nth-child(17) { -webkit-animation: example 0.3s ease 0.68s 1 forwards; animation: example 0.3s ease 0.68s 1 forwards; } #progress #progress_txt002.active span:nth-child(18) { -webkit-animation: example 0.3s ease 0.72s 1 forwards; animation: example 0.3s ease 0.72s 1 forwards; } #progress #progress_txt002.active span:nth-child(19) { -webkit-animation: example 0.3s ease 0.76s 1 forwards; animation: example 0.3s ease 0.76s 1 forwards; } #progress #progress_txt002.active span:nth-child(20) { -webkit-animation: example 0.3s ease 0.8s 1 forwards; animation: example 0.3s ease 0.8s 1 forwards; } #progress #progress_txt002.active span:nth-child(21) { -webkit-animation: example 0.3s ease 0.84s 1 forwards; animation: example 0.3s ease 0.84s 1 forwards; } #progress #progress_txt002.active span:nth-child(22) { -webkit-animation: example 0.3s ease 0.88s 1 forwards; animation: example 0.3s ease 0.88s 1 forwards; } #progress #progress_txt002.active span:nth-child(23) { -webkit-animation: example 0.3s ease 0.92s 1 forwards; animation: example 0.3s ease 0.92s 1 forwards; } #progress #progress_txt002.active span:nth-child(24) { -webkit-animation: example 0.3s ease 0.96s 1 forwards; animation: example 0.3s ease 0.96s 1 forwards; } #progress #progress_txt002.active span:nth-child(25) { -webkit-animation: example 0.3s ease 1s 1 forwards; animation: example 0.3s ease 1s 1 forwards; } #progress #progress_txt002.active span:nth-child(26) { -webkit-animation: example 0.3s ease 1.04s 1 forwards; animation: example 0.3s ease 1.04s 1 forwards; } #progress #progress_txt002.active span:nth-child(27) { -webkit-animation: example 0.3s ease 1.08s 1 forwards; animation: example 0.3s ease 1.08s 1 forwards; } #progress #progress_txt002.active span:nth-child(28) { -webkit-animation: example 0.3s ease 1.12s 1 forwards; animation: example 0.3s ease 1.12s 1 forwards; } #progress #progress_txt002.active span:nth-child(29) { -webkit-animation: example 0.3s ease 1.16s 1 forwards; animation: example 0.3s ease 1.16s 1 forwards; } #progress #progress_in { width: 257px; height: 79px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../../image/pro_ph001_bg.png); } #progress #progress_in::before { position: absolute; left: 0; top: 0; width: 0; height: 100%; content: ""; display: block; z-index: 999999; } #progress #progress_in.active { -webkit-animation: ll001 0.4s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 0.3s; animation: ll001 0.4s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #progress #progress_in.active::before { width: 100%; } #progress #progress_in #p_bar { width: 100%; height: 0; overflow: hidden; display: block; position: absolute; bottom: 0; left: 0; } #progress #progress_in #p_bar img { position: absolute; bottom: 0; left: 0; } @-webkit-keyframes example { 0% { opacity: 0; -webkit-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes example { 0% { opacity: 0; -webkit-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ll001 { 0% { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } 99% { opacity: 0; -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); transform: translate(0, -20px); } 100% { display: none; opacity: 0; -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); transform: translate(0, -20px); } } @keyframes ll001 { 0% { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } 99% { opacity: 0; -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); transform: translate(0, -20px); } 100% { display: none; opacity: 0; -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); transform: translate(0, -20px); } } @-webkit-keyframes ani001 { 0% { width: 100vw; height: 100vh; } 100% { width: 0; height: 100vh; } } @keyframes ani001 { 0% { width: 100vw; height: 100vh; } 100% { width: 0; height: 100vh; } } @-webkit-keyframes ani001_sp { 0% { width: 100vw; height: 100vh; } 100% { width: 0; height: 100vh; } } @keyframes ani001_sp { 0% { width: 100vw; height: 100vh; } 100% { width: 0; height: 100vh; } } @-webkit-keyframes ani002 { 0% { width: 100vw; height: 100vh; } 100% { width: 0; height: 100vh; } } @keyframes ani002 { 0% { width: 100vw; height: 100vh; } 100% { width: 0; height: 100vh; } } @-webkit-keyframes ani002_sp { 0% { width: 100vw; height: 100vh; } 100% { width: 0; height: 100vh; } } @keyframes ani002_sp { 0% { width: 100vw; height: 100vh; } 100% { width: 0; height: 100vh; } } #main_v { position: relative; overflow: hidden; } #main_v.top::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; background-image: url(); background-repeat: repeat; background-position: left top; z-index: 0; } #main_v #top_video { position: absolute; top: 50%; left: 50%; min-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 0; } #top_main { width: 100vw; height: 100vh; display: table-cell; vertical-align: middle; text-align: center; position: relative; z-index: 0; } #top_main img { width: 500px; } #top_main img.re_main { width: auto; } #top_main.active .st0 { fill: #fff; stroke: #fff; stroke-dasharray: 2000; stroke-dashoffset: 0; stroke-width: 1; -webkit-animation: hello 3s ease-in forwards 1.3s; animation: hello 3s ease-in forwards 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .st0 { fill: #fff; stroke: #fff; stroke-dasharray: 2000; stroke-dashoffset: 0; stroke-width: 1; -webkit-animation: hello 3s ease-in forwards 3s; animation: hello 3s ease-in forwards 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes hello { 0% { stroke-dashoffset: 2000; fill: transparent; } 30% { stroke-dashoffset: 2000; fill: transparent; } 50% { fill: transparent; } 100% { stroke-dashoffset: 0; fill: #fff; } } #sc_area { position: absolute; right: 0; bottom: 0; z-index: 10; } #sc_area p { padding-bottom: 300px; position: relative; overflow: hidden; } #sc_area p::before { content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: 2px; background: #fff; margin-left: -1px; -webkit-animation: bo001 2s cubic-bezier(0.66, 0.06, 0.42, 0.9) infinite; animation: bo001 2s cubic-bezier(0.66, 0.06, 0.42, 0.9) infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #sc_area p span { font-weight: bold; color: #fff; display: block; -webkit-transform: translate(0, 80px) rotate(-90deg); -ms-transform: translate(0, 80px) rotate(-90deg); transform: translate(0, 80px) rotate(-90deg); font-family: "Poppins", sans-serif; letter-spacing: 1em; font-size: 1rem; } @-webkit-keyframes bo001 { 0% { bottom: 140px; height: 0; } 50% { bottom: 0; height: 140px; } 51% { bottom: 0; height: 140px; } 100% { height: 0; bottom: 0; } } #news_all { background: #f0f0f0; padding: 60px 0; } #news_all #news_area { width: 94%; margin: 0 auto; max-width: 1400px; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #news_all #news_area #news_area_l { width: 20%; min-width: 240px; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #news_all #news_area #news_area_l #news_md_area::before { display: block; content: attr(data-txt); font-size: 1.25rem; font-family: "Poppins", sans-serif; letter-spacing: .4em; font-weight: bold; } #news_all #news_area #news_area_l #news_md_area #news_md001 { font-size: 0.875rem; font-weight: bold; } #news_all #news_area #news_area_l #news_md_area .news_btn001 { padding-top: 20px; } #news_all #news_area #news_area_l #news_md_area .news_btn001 a { display: block; border: solid 1px #000; padding: 4px 60px 4px 10px; font-size: 0.875rem; font-weight: bold; position: relative; -webkit-transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); } #news_all #news_area #news_area_l #news_md_area .news_btn001 a:hover { background: #000; color: #fff; } #news_all #news_area #news_area_l #news_md_area .news_btn001 a:hover::before { border-top: 2px solid #fff; border-right: 2px solid #fff; } #news_all #news_area #news_area_l #news_md_area .news_btn001 a::before { content: ""; display: block; width: 6px; height: 6px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 10px; top: 50%; margin-top: -3px; -webkit-transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); } #news_all #news_area #news_area_r { width: 80%; } #news_all #news_area #news_area_r #news_list .news_list_in { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 15px; } #news_all #news_area #news_area_r #news_list .news_list_in:last-child { margin-bottom: 0; } #news_all #news_area #news_area_r #news_list .news_list_in .news_title { display: block; width: 82%; font-size: 0.875rem; } #news_all #news_area #news_area_r #news_list .news_list_in .news_title:hover { text-decoration: underline; } #news_all #news_area #news_area_r #news_list .news_list_in .news_title .news_time_md { font-weight: bold; } #news_all #news_area #news_area_r #news_list .news_list_in .news_time { width: 30%; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-width: 250px; } #news_all #news_area #news_area_r #news_list .news_list_in .news_time time { font-family: "Poppins", sans-serif; letter-spacing: 0.1em; font-weight: bold; margin-right: 15px; } #news_all #news_area #news_area_r #news_list .news_list_in .news_time .news_ca { border: solid 1px #000; padding: 2px 14px; font-weight: bold; font-size: 0.75rem; font-weight: bold; } #about_area { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #about_area #about_area_l { width: 50%; padding: 140px 0; } #about_area #about_area_l #about_area_l_in { width: 80%; margin: 0 auto; } #about_area #about_area_l #about_area_l_in .about_txt002 { padding-top: 30px; line-height: 2.3; } #about_area #about_area_l #about_area_l_in #about_md_area { padding-top: 30px; } #about_area #about_area_l #about_area_l_in #about_md_area .about_md { font-size: 1.25rem; font-weight: bold; letter-spacing: 10px; } #about_area #about_area_l #about_area_l_in #about_txt001 { font-family: "Poppins", sans-serif; letter-spacing: 10px; font-weight: bold; color: #163064; font-size: 1.625rem; } #about_area #about_area_r { width: 50%; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #about_area #about_area_r #about_area_r_in { height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; } .top_btn001 { padding-top: 50px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .top_btn001 a { display: block; border: solid 1px #000; padding: 10px 70px 10px 20px; position: relative; z-index: 1; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); -webkit-transition-delay: 0.2s; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92) 0.2s; transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92) 0.2s; } .top_btn001 a:hover { border: solid 1px #163064; } .top_btn001 a:hover span { color: #fff; } .top_btn001 a:hover::before { width: 0; } .top_btn001 a:hover::after { width: 100%; } .top_btn001 a::before { content: ""; display: block; position: absolute; right: -30px; top: 50%; height: 1px; width: 60px; background: #000; margin-top: -1px; -webkit-transition: 0.3s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.3s cubic-bezier(0.7, 0.13, 0.1, 0.92); } .top_btn001 a:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #163064; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); -webkit-transition-delay: 0.2s; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92) 0.2s; transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92) 0.2s; } .top_btn001 a span { font-weight: bold; position: relative; z-index: 2; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); -webkit-transition-delay: 0.2s; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92) 0.2s; transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92) 0.2s; } #top_bui_area { width: 100%; background-repeat: no-repeat; position: relative; z-index: 1; background-position: center center; background-image: url(../../image/top_i_06.png); padding: 4vw 8vw 300px 4vw; background-size: cover; } #top_bui_area #bui_txt002 { padding-top: 30px; line-height: 2.3; color: #fff; } #top_bui_area #bui_txt001 { font-family: "Poppins", sans-serif; letter-spacing: 10px; font-weight: bold; color: #163064; font-size: 1.625rem; color: #fff; } #top_bui_area #bui_md_area { padding-top: 30px; } #top_bui_area #bui_md_area .bui_md { font-size: 1.25rem; font-weight: bold; letter-spacing: 10px; color: #fff; } .top_btn002 { padding-top: 50px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .top_btn002 a { display: block; border: solid 1px #fff; padding: 10px 70px 10px 20px; position: relative; z-index: 1; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); -webkit-transition-delay: 0.2s; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92) 0.2s; transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92) 0.2s; } .top_btn002 a:hover { border: solid 1px #fff; } .top_btn002 a:hover span { color: #163064; } .top_btn002 a:hover::before { width: 0; } .top_btn002 a:hover::after { width: 100%; } .top_btn002 a::before { content: ""; display: block; position: absolute; right: -30px; top: 50%; height: 1px; width: 60px; background: #fff; margin-top: -1px; -webkit-transition: 0.3s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.3s cubic-bezier(0.7, 0.13, 0.1, 0.92); } .top_btn002 a:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #fff; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); -webkit-transition-delay: 0.2s; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92) 0.2s; transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92) 0.2s; } .top_btn002 a span { font-weight: bold; position: relative; z-index: 2; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); -webkit-transition-delay: 0.2s; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92) 0.2s; transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92) 0.2s; color: #fff; } #bui_nav { position: relative; z-index: 2; margin-top: -220px; padding-left: 10%; padding-bottom: 40px; } #bui_nav #bui_nav_in #bui_list001 { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in { width: 33.3333%; width: calc(100% / 3); } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001:hover .bui_box001 .bui_box001_md::after { width: 100%; } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001:hover .bui_img001 img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001 .bui_box001 { margin-top: -15px; position: relative; z-index: 2; } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001 .bui_box001 .bui_box001_txt { padding: 20px 5px 5px 5px; font-size: 0.9375rem; } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001 .bui_box001 .bui_box001_md { background: #000; padding: 14px 16px; font-weight: bold; width: 80%; color: #fff; position: relative; -webkit-transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); z-index: 1; } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001 .bui_box001 .bui_box001_md h3 { position: relative; z-index: 3; } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001 .bui_box001 .bui_box001_md::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #163064; -webkit-transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001 .bui_box001 .bui_box001_md::before { content: ""; display: block; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 16px; top: 50%; margin-top: -5px; -webkit-transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); z-index: 3; } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001 .bui_img001 { overflow: hidden; } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001 .bui_img001 img { width: 100%; -webkit-transition: 0.7s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.7s cubic-bezier(0.7, 0.13, 0.1, 0.92); } #main_list001 { padding: 3vw 20px 100px; } #main_list001 #main_list001_in { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #main_list001 #main_list001_in .main_list_box { width: 49.5%; margin-right: 1%; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #main_list001 #main_list001_in .main_list_box:last-child { margin-right: 0; } #main_list001 #main_list001_in .main_list_box .main_list_link { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #main_list001 #main_list001_in .main_list_box .main_list_link:hover .main_list_r p img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #main_list001 #main_list001_in .main_list_box .main_list_link:hover .main_list_l::before { width: 100%; -webkit-transform: translate(20px, 0); -ms-transform: translate(20px, 0); transform: translate(20px, 0); } #main_list001 #main_list001_in .main_list_box .main_list_link:hover .main_list_l .list_txt001 { color: #fff; -webkit-transform: translate(20px, 0); -ms-transform: translate(20px, 0); transform: translate(20px, 0); } #main_list001 #main_list001_in .main_list_box .main_list_link:hover .main_list_l h3 { color: #fff; -webkit-transform: translate(20px, 0); -ms-transform: translate(20px, 0); transform: translate(20px, 0); } #main_list001 #main_list001_in .main_list_box .main_list_link .main_list_l { width: 40%; position: relative; z-index: 3; margin-right: -25%; padding-left: 2vw; height: 100%; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main_list001 #main_list001_in .main_list_box .main_list_link .main_list_l::before { content: ""; display: block; width: 0; height: 100%; background: #163064; position: absolute; left: 0; top: 0; z-index: 2; -webkit-transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); } #main_list001 #main_list001_in .main_list_box .main_list_link .main_list_l .list_txt001 { font-family: "Poppins", sans-serif; letter-spacing: 10px; font-weight: bold; margin-right: 15px; font-size: 1.875rem; color: #163064; position: relative; z-index: 4; -webkit-transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); } #main_list001 #main_list001_in .main_list_box .main_list_link .main_list_l h3 { position: relative; z-index: 4; -webkit-transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.4s cubic-bezier(0.7, 0.13, 0.1, 0.92); } #main_list001 #main_list001_in .main_list_box .main_list_link .main_list_r { width: 85%; position: relative; z-index: 1; } #main_list001 #main_list001_in .main_list_box .main_list_link .main_list_r p { overflow: hidden; } #main_list001 #main_list001_in .main_list_box .main_list_link .main_list_r p img { width: 100%; -webkit-transition: 0.8s cubic-bezier(0.7, 0.13, 0.1, 0.92); -webkit-transition-delay: 0.2s; -webkit-transition: 0.8s cubic-bezier(0.7, 0.13, 0.1, 0.92) 0.2s; transition: 0.8s cubic-bezier(0.7, 0.13, 0.1, 0.92) 0.2s; } #map_canvas { width: 100%; height: 450px; } #ac_md001 { position: relative; background: #000; padding: 20px 20px 20px 40px; } #ac_md001::before { position: absolute; left: 0; top: 0; width: 20px; height: 100%; content: ""; background: #163064; } #ac_md001 h2 { font-family: "Poppins", sans-serif; font-weight: bold; letter-spacing: 0.3em; color: #fff; font-size: 1.25rem; } #top_re001 { background-repeat: no-repeat; background-position: center center; background-image: url(../../image/top_i_05.png); background-size: cover; width: 100%; height: 26vw; min-height: 400px; margin-bottom: 60px; } #top_re001 #top_re001_in { width: 100%; height: 100%; display: block; position: relative; z-index: 1; } #top_re001 #top_re001_in:hover::before { width: 100%; } #top_re001 #top_re001_in:hover #top_re001_dev #top_re001_in_r #top_re_box .top_re_box_in { margin-left: 10px; } #top_re001 #top_re001_in:hover #top_re001_dev #top_re001_in_r #top_re_box .top_re_box_in h3 { color: #fff; } #top_re001 #top_re001_in:hover #top_re001_dev #top_re001_in_r #top_re_box .top_re_box_in::after { width: 100%; } #top_re001 #top_re001_in::before { position: absolute; left: 0; top: 0; width: 0; height: 100%; content: ""; display: block; background: rgba(22, 48, 100, 0.3); -webkit-transition: 0.7s cubic-bezier(0.92, 0.03, 0.09, 0.97); transition: 0.7s cubic-bezier(0.92, 0.03, 0.09, 0.97); } #top_re001 #top_re001_in #top_re001_dev { position: relative; z-index: 10; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 80px 60px 60px; width: 100%; height: 100%; } #top_re001 #top_re001_in #top_re001_dev h2 { color: #fff; font-size: 1.25rem; font-weight: bold; line-height: 1; } #top_re001 #top_re001_in #top_re001_dev h2::before { display: block; content: attr(data-txt); font-size: 2.5rem; font-family: "Poppins", sans-serif; letter-spacing: .4em; font-weight: bold; color: #fff; line-height: 1; margin-bottom: 20px; } #top_re001_in_r { position: relative; padding-right: 60px; width: 100%; } #top_re001_in_r::before { content: ""; display: block; position: absolute; height: 2px; width: 60px; background: #fff; bottom: 0; right: 5px; } #top_re001_in_r::after { content: ""; display: block; position: absolute; height: 2px; width: 40px; background: #fff; bottom: 12px; right: 0; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); } #top_re001_in_r #top_re_box { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #top_re001_in_r #top_re_box .top_re_box_in { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-bottom: 14px; padding-left: 10px; position: relative; -webkit-transition: 0.4s cubic-bezier(0.92, 0.03, 0.09, 0.97); -webkit-transition-delay: 0.5s; -webkit-transition: 0.4s cubic-bezier(0.92, 0.03, 0.09, 0.97) 0.5s; transition: 0.4s cubic-bezier(0.92, 0.03, 0.09, 0.97) 0.5s; } #top_re001_in_r #top_re_box .top_re_box_in h3 { font-size: 1.5rem; letter-spacing: 0.2em; font-weight: bold; color: #163064; position: relative; z-index: 3; -webkit-transition: 0.4s cubic-bezier(0.92, 0.03, 0.09, 0.97); -webkit-transition-delay: 0.5s; -webkit-transition: 0.4s cubic-bezier(0.92, 0.03, 0.09, 0.97) 0.5s; transition: 0.4s cubic-bezier(0.92, 0.03, 0.09, 0.97) 0.5s; } #top_re001_in_r #top_re_box .top_re_box_in::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 1; } #top_re001_in_r #top_re_box .top_re_box_in::after { content: ""; display: block; position: absolute; width: 0; height: 100%; left: 0; top: 0; background: #163064; z-index: 2; -webkit-transition: 0.4s cubic-bezier(0.92, 0.03, 0.09, 0.97); -webkit-transition-delay: 0.5s; -webkit-transition: 0.4s cubic-bezier(0.92, 0.03, 0.09, 0.97) 0.5s; transition: 0.4s cubic-bezier(0.92, 0.03, 0.09, 0.97) 0.5s; } #top_re001_in_r #top_re_box .top_re_box_in:last-child { margin-bottom: 0; } /***********************************************************************/ /* pan_area */ #pan_all { position: absolute; top: 2px; right: 0; width: 100%; z-index: 400; } #pan_area #pan_area_in { max-width: 100%; width: 98%; margin: 0 auto; padding: 30px 0; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #pan_area #pan_area_in .pan_list001 { position: relative; padding-right: 16px; margin-right: 10px; } #pan_area #pan_area_in .pan_list001::before { position: absolute; content: ""; top: 50%; right: 0; margin-top: -3px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #pan_area #pan_area_in .pan_list001:last-child::before { display: none; } #pan_area #pan_area_in .pan_list001 a { font-size: 0.75rem; color: #fff; text-decoration: underline; } #pan_area #pan_area_in .pan_list001 a:hover { text-decoration: none; } #pan_area #pan_area_in .pan_list001 h1 { display: inline; font-size: 0.75rem; color: #fff; font-weight: bold; } abbr { text-decoration: none; } /* pan_area end */ /* contents */ #top_contents { position: relative; padding-left: 220px; overflow: hidden; z-index: 100; } #top_contents.active { opacity: 0; } #top_contents #top_contents_in { position: relative; padding-top: 80px; background: #fff; overflow: hidden; z-index: 300; } #top_contents #top_contents_in.for_top { padding-top: 0; } .con_img { margin-bottom: 30px; } .con_img img { max-width: 100%; width: 100%; } .over_list { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .over_list .over_list_in { width: 49%; margin-right: 2%; } .over_list .over_list_in:last-child { margin-right: 0; } .busi_t_area { margin-bottom: 40px; } .busi_t_area .busi_title { position: relative; font-size: 1.375rem; font-weight: bold; padding-bottom: 10px; } .busi_t_area .busi_title::before { position: absolute; content: ""; bottom: 0; left: 0; border: 2px solid #ddd; width: 100%; z-index: 0; } .busi_t_area .busi_title::after { position: absolute; content: ""; bottom: 0; left: 0; border: 2px solid #163064; width: 11vw; z-index: 10; } /* contents end */ /* recruit */ #re_first_in { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } #re_first_in #re_first_l { width: 80%; padding-top: 10vw; padding-left: 5vw; margin-right: -40%; } #re_first_in #re_first_l #re_first_box001 { position: relative; padding-left: 40px; border-left: solid 10px #4b4c0b; z-index: 3; } #re_first_in #re_first_l #re_first_box001 #re_first_md001 { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background: #fff; font-family: "Cinzel", YuMincho, "Hiragino Mincho ProN", "MS PMincho", Meiryo, serif; letter-spacing: 0.3em; font-size: 2.8125rem; line-height: 1.3; margin-bottom: 20px; } #re_first_in #re_first_l #re_first_box001 #re_first_md002 { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background: #fff; letter-spacing: .5em; /*@include fz(16);*/ /*padding-top: 20px;*/ font-size: 1.25rem; font-weight: bold; line-height: 2; } #re_first_in #re_first_l #re_first_box001::before { content: ""; display: block; position: absolute; left: -10px; top: 0; width: 10px; height: calc(100% / 3); background: #4b0416; z-index: 2; } #re_first_in #re_first_l #re_first_box001::after { content: ""; display: block; position: absolute; left: -10px; bottom: 0; width: 10px; height: calc(100% / 3); background: #163064; z-index: 2; } #re_first_in #re_first_r { width: 60%; position: relative; margin-bottom: 6vw; } #re_first_in #re_first_r #re_first_txt001 { position: absolute; z-index: 2; right: 0; bottom: -2vw; padding-left: 16%; } #re_first_in #re_first_r #re_first_txt001 #re_first_txt001_in { padding: 30px 6vw; background: #163064; color: #fff; } #re_first_in #re_first_r #re_first_ph001 img { max-width: 100%; width: 100%; } #re_second_all { padding-bottom: 60px; } #re_second { position: relative; } #re_second::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20%; height: calc(100% - 2vw); background: #163064; z-index: -1; } #re_second::after { content: ""; display: block; position: absolute; left: 20%; top: 0; width: 80%; height: 100%; background: #000; z-index: -1; height: calc(100% - 2vw); } #re_second001_in { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; position: relative; } #re_second001_in #re_second001_in_l { width: 20%; text-align: center; } #re_second001_in #re_second001_in_l #re_second_md { color: #fff; font-family: "Cinzel", YuMincho, "Hiragino Mincho ProN", "MS PMincho", Meiryo, serif; font-size: 1.25rem; padding: 100px 20px; letter-spacing: 0.2em; font-weight: bold; } #re_second001_in #re_second001_in_r { width: 80%; padding: 0 20px; } #re_second001_in #re_second001_in_r h2 { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-weight: bold; font-size: 1.25rem; letter-spacing: 0.5em; } #re_second002_in { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #re_second002_in #re_second002_in_l, #re_second002_in #re_second002_in_r { width: 50%; } #re_second002_in #re_second002_in_r { padding: 20px 5% 50px; } #re_second002_in #re_second002_in_r #re_second_txt001 { color: #fff; margin-bottom: 30px; line-height: 2; } #re_second002_in #re_second002_in_l { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } #re_second002_in #re_second002_in_l #re_second_ph { width: 100%; } #re_second002_in #re_second002_in_l #re_second_ph img { width: 100%; } .re_ta { width: 100%; } .re_ta table { border-left: solid 0.0625rem #333; border-top: solid 0.0625rem #333; width: 100%; } .re_ta table th, .re_ta table td { border-bottom: solid 0.0625rem #333; border-right: solid 0.0625rem #333; padding: 0.625rem 0.9375rem; color: #fff; } .re_ta table th { text-align: center; font-weight: bold; color: #fff; width: 30%; } #re_third_md { text-align: right; width: 92%; margin: 0 auto 50px; } #re_third_md h2 { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; font-family: "Cinzel", YuMincho, "Hiragino Mincho ProN", "MS PMincho", Meiryo, serif; font-size: 2.125rem; letter-spacing: 0.2em; line-height: 1; background: -webkit-linear-gradient(transparent 60%, #eee 60%); background: linear-gradient(transparent 60%, #eee 60%); color: #163064; } #re_third001_in { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; padding-bottom: 45px; } #re_third001_in::before { position: absolute; z-index: -1; content: ""; width: 100%; height: 300px; background-image: url(../svg/separate2.svg/HPC-index.xml); background-repeat: no-repeat; background-size: 100% 100%; bottom: 0; display: block; left: 0; } #re_third001_in #re_third001_l { width: 50%; margin-right: -5%; position: relative; z-index: 2; } #re_third001_in #re_third001_l #re_third002_box { width: 82%; } #re_third001_in #re_third001_l #re_third002_box img { max-width: 100%; } #re_third001_in #re_third001_l #re_third001_box { margin-left: 10%; background: #fff; padding: 0 20px 20px 20px; margin-bottom: 2vw; } #re_third001_in #re_third001_l #re_third001_box .re_third001_txt { margin-bottom: 30px; line-height: 2; font-size: 0.9375rem; } #re_third001_in #re_third001_l #re_third001_box .re_third001_txt:last-child { margin-bottom: 0; } #re_third001_in #re_third001_l #re_third001_box .re_third001_md { color: #163064; font-weight: bold; font-size: 1.75rem; letter-spacing: 0.2em; margin-bottom: 30px; } #re_third001_in #re_third001_r { width: 53%; position: relative; z-index: 1; padding-top: 2vw; } #re_third001_in #re_third001_r img { width: 100%; } #re_third002_in { padding-top: 30px; position: relative; z-index: -1; } #re_third002_in::before { content: ""; display: block; width: 100%; height: 25vw; background: #163064; position: absolute; top: 0; left: 0; z-index: -2; min-height: 400px; } #re_third002_in #re_third_box002 { margin: 0 auto; max-width: 1200px; padding-top: 40px; width: 92%; } #re_third002_in #re_third_box002 img { max-width: 100%; } #re_third002_in #re_third_box001 { max-width: 1000px; margin: 0 auto; width: 92%; } #re_third002_in #re_third_box001 #re_third_md002 { text-align: center; color: #fff; font-weight: bold; font-size: 1.625rem; letter-spacing: 0.2em; margin-bottom: 20px; } #re_third002_in #re_third_box001 .re_third_txt { color: #fff; line-height: 2; } #re_third { margin-bottom: 60px; } .re_fourth { max-width: 1200px; margin: 0 auto 80px; width: 92%; } .re_btn001 { text-align: center; } .re_btn001 a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 20px 30px; font-weight: bold; min-width: 300px; background: #df2c51; color: #fff; position: relative; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); border: solid 2px #df2c51; } .re_btn001 a:hover { background: #fff; color: #df2c51; } .re_btn001 a:hover::before { border-top: 3px solid #df2c51; border-right: 3px solid #df2c51; } .re_btn001 a::before { content: ""; display: block; width: 10px; height: 10px; border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 20px; margin-top: -5px; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); } #contact_nav { background: #163064; padding: 30px 0; } #contact_nav #contact_nav_in { max-width: 1400px; width: 92%; margin: 0 auto; background: #223b6f; padding: 30px; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #contact_nav #contact_nav_in .contact_list { width: 50%; padding: 0 10px; text-align: center; margin-right: 15px; } #contact_nav #contact_nav_in .contact_list:last-child { margin-right: 0; } .contact_list_md { text-align: center; margin-bottom: 14px; } .contact_list_md h4 { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; position: relative; font-weight: bold; color: #fff; font-size: 1.125rem; } .contact_list_md h4::before { content: ""; position: absolute; display: block; height: 1px; width: 100%; background: #fff; bottom: 0; left: 0; } #contact_part001 { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #contact_part001 .contact_part001_in { display: block; background: #fff; padding: 4px 10px; font-weight: bold; font-size: 0.8125rem; color: #163064; margin-right: 14px; } #contact_part001 .contact_tel { font-weight: bold; font-size: 2.25rem; font-family: "Poppins", sans-serif; color: #fff; } #contact_part001 .contact_tel .icon-phone { font-size: 1.5625rem; font-weight: normal; color: #fff; padding-right: 4px; } .contact_ta001 { margin: 0 auto; width: 70%; } .contact_ta001 table { border-left: none; border-top: none; width: 100%; } .contact_ta001 table th, .contact_ta001 table td { border-bottom: none; border-right: none; padding: 0.625rem 0.9375rem; color: #fff; background: #304879; font-size: 0.8125rem; text-align: center; } .contact_ta001 table th { width: 30%; font-weight: bold; color: #fff; background: #163064; } .contact_txt001 { color: #fff; font-size: 0.875rem; } .contact_btn001 { text-align: center; margin-bottom: 10px; } .contact_btn001 a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; border-radius: 3px; background: #df2c51; width: 70%; margin: 0 auto; padding: 18px 20px; border: solid 2px #df2c51; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); } .contact_btn001 a:hover { background: #fff; } .contact_btn001 a:hover span { color: #df2c51; } .contact_btn001 a:hover span::after { opacity: 1; } .contact_btn001 a span { padding-left: 40px; position: relative; color: #fff; font-weight: bold; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); } .contact_btn001 a span::before { content: ""; display: block; position: absolute; background-image: url(../../image/recruit/main_icon001.png); background-position: center center; background-repeat: no-repeat; background-size: cover; top: 50%; left: 0; margin-top: -10px; width: 32px; height: 20px; z-index: 2; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); } .contact_btn001 a span::after { content: ""; display: block; position: absolute; background-image: url(../../image/recruit/main_icon002.png); background-position: center center; background-repeat: no-repeat; background-size: cover; top: 50%; left: 0; margin-top: -10px; width: 32px; height: 20px; z-index: 3; opacity: 0; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); } /* recruit end */ #movie_area { background-image: url(../../image/top_movie.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 456px; width: 100%; height: 456px; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #movie_area #movie_area_in { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; padding: 80px 0; max-width: 1400px; width: 92%; } .movie_md { font-family: "Poppins", sans-serif; letter-spacing: 10px; font-weight: bold; color: #163064; font-size: 1.625rem; color: #fff; margin-bottom: 100px; } #movie_btn { text-align: center; width: 100%; } #movie_btn a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 70%; max-width: 400px; background: #163064; padding: 14px; border: solid 1px #fff; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); } #movie_btn a:hover { background: #fff; } #movie_btn a:hover span em { color: #163064; } #movie_btn a:hover span i { color: #163064; } #movie_btn a span { font-weight: bold; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #movie_btn a span em { font-size: 1.125rem; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); color: #fff; } #movie_btn a span i { padding-left: 6px; -webkit-transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); transition: 0.5s cubic-bezier(0.7, 0.13, 0.1, 0.92); color: #fff; } @media all and (-ms-high-contrast: none) { body { font-family: Verdana, Meiryo, sans-serif; } } @media screen and (max-width: 1000px) { .box { width: 90%; margin: 0 auto 1.875rem; } #progress02.active { -webkit-animation: ani002_sp 0.6s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 1.05s; animation: ani002_sp 0.6s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 1.05s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #progress.active { -webkit-animation: ani001_sp 0.6s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 1s; animation: ani001_sp 0.6s cubic-bezier(0.91, 0.31, 0.24, 0.89) forwards 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #progress #progress_txt { font-size: 0.8125rem; letter-spacing: .4em; padding-top: 30px; } #progress #progress_txt002 { font-size: 0.8125rem; letter-spacing: .4em; padding-top: 8px; } #progress #progress_in #p_bar img { width: 200px; height: 61px; } #progress #progress_in { width: 200px; height: 61px;/*@include translate(0, -30px);*/ background-image: url(../../image/pro_ph001_bgmin.png); } #sc_area p span { letter-spacing: .4em; font-size: 0.875rem; } #sc_area p { padding-bottom: 260px; } #news_all #news_area #news_area_l #news_md_area .news_btn001 { padding-top: 5px; } #news_all #news_area #news_area_l #news_md_area .news_btn001 { margin-left: auto; padding-top: 0; } #news_all #news_area #news_area_l #news_md_area { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } #news_all #news_area #news_area_l { width: 100%; margin-bottom: 20px; } #news_all #news_area #news_area_r #news_list .news_list_in .news_title { width: 100%; } #news_all #news_area #news_area_r #news_list .news_list_in .news_time time { font-size: 0.9375rem; margin-right: 13px; } #news_all #news_area #news_area_r #news_list .news_list_in .news_time { width: 100%; min-width: auto; } #news_all #news_area #news_area_r #news_list .news_list_in .news_time { margin-bottom: 10px; } #news_all #news_area #news_area_r #news_list .news_list_in { -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #news_all #news_area #news_area_r { width: 100%; } #news_all #news_area { width: 90%; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #news_all { padding: 40px 0; } #about_area #about_area_l #about_area_l_in .about_txt002 { padding-top: 20px; line-height: 2; } #about_area #about_area_l #about_area_l_in #about_md_area .about_md { font-size: 1.0625rem; letter-spacing: 6px; } #about_area #about_area_l #about_area_l_in #about_md_area { padding-top: 10px; } #about_area #about_area_l #about_area_l_in #about_txt001 { font-size: 1.4375rem; letter-spacing: 6px; } #about_area #about_area_l #about_area_l_in { width: 90%; } #about_area #about_area_l { width: 100%; padding: 40px 0 30px; } #about_area #about_area_r #about_area_r_in { padding-top: 50vw; } #about_area #about_area_r { width: 100%; } #about_area { -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .top_btn001 a span { font-size: 0.9375rem; } .top_btn001 a { padding: 10px 60px 10px 20px; } .top_btn001 { padding-top: 15px; } #top_bui_area #bui_txt002 { padding-top: 20px; line-height: 2; } #top_bui_area #bui_txt001 { font-size: 1.4375rem; letter-spacing: 6px; } #top_bui_area #bui_md_area .bui_md { font-size: 1.0625rem; letter-spacing: 6px; } #top_bui_area #bui_md_area { padding-top: 10px; } #top_bui_area { width: 100%; padding: 8vw; } .top_btn002 a span { font-size: 0.9375rem; } .top_btn002 a { padding: 10px 60px 10px 20px; } .top_btn002 { padding-top: 15px; } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001 .bui_box001 .bui_box001_txt { padding: 15px 10px 10px 10px; } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001 .bui_box001 .bui_box001_md h3 { font-size: 0.75rem; } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001 .bui_box001 .bui_box001_md::before { width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; right: 9px; margin-top: -3px; } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001 .bui_box001 .bui_box001_md { width: 100%; padding: 12px; } #bui_nav #bui_nav_in #bui_list001 .bui_list001_in .bui_link001 .bui_box001 { margin-top: 0; } #bui_nav { margin-top: 0; padding-left: 0; padding-bottom: 0; } #main_list001 #main_list001_in .main_list_box .main_list_link .main_list_l .list_txt001 { font-size: 1.625rem; letter-spacing: 6px; line-height: 1.3; } #main_list001 #main_list001_in .main_list_box .main_list_link .main_list_l { width: 100%; } #main_list001 #main_list001_in .main_list_box .main_list_link .main_list_r { width: 100%; } #main_list001 #main_list001_in .main_list_box { width: 100%; margin-right: 0; margin-bottom: 15px; } #main_list001 #main_list001_in .main_list_box:last-child { margin-bottom: 0; } #main_list001 #main_list001_in { -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main_list001 { padding: 40px 20px 40px; } #ac_md001::before { width: 16px; } #ac_md001 h2 { font-size: 1.125rem; letter-spacing: 0.2em; } #ac_md001 { padding: 16px 16px 16px 36px; } #top_re001 #top_re001_in #top_re001_dev h2::before { font-size: 2.0625rem; letter-spacing: .2em; } #top_re001 #top_re001_in #top_re001_dev h2 { font-size: 1.0625rem; } #top_re001 #top_re001_in #top_re001_dev { padding: 40px 30px 30px; } #top_re001 { margin-bottom: 30px; } #top_re001_in_r::before { width: 35px; right: 4px; } #top_re001_in_r::after { width: 20px; bottom: 6px; } #top_re001_in_r #top_re_box .top_re_box_in h3 { font-size: 1.25rem; } #top_re001_in_r #top_re_box .top_re_box_in { padding-left: 0; padding: 10px; } #ll_logo svg { max-width: 250px; width: 100%; } #re_mv img { max-width: 250px; width: 100%; } #pan_all { position: absolute; top: 54px; } #top_contents #top_contents_in.te_r { padding-top: 25px; } #top_contents #top_contents_in.ka_i { padding-top: 10px; } #top_contents #top_contents_in { padding-top: 40px; } #top_contents { padding-left: 0; } .con_img { margin-bottom: 20px; } .over_list .over_list_in { width: 100%; margin-right: 0; } .over_list { -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .busi_t_area { margin-bottom: 20px; } #re_first_in #re_first_l #re_first_box001 #re_first_md001 { font-size: 2rem; } #re_first_in #re_first_l #re_first_box001 #re_first_md002 { padding-top: 10px; font-size: 1.125rem; letter-spacing: .2em; } #re_first_in #re_first_l #re_first_box001 { padding-left: 20px; padding-right: 20px; } #re_first_in #re_first_l { width: 100%; padding-left: 0; margin-right: 0; margin-bottom: 20px; } #re_first_in #re_first_r #re_first_txt001 #re_first_txt001_in { padding: 18px 6vw; } #re_first_in #re_first_r { width: 100%; } #re_first_in { -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #re_second_all { padding-bottom: 40px; } #re_second::before { width: 100%; height: 50%; } #re_second::after { left: 0; top: auto; bottom: 0; width: 100%; height: 50%; } #re_second001_in #re_second001_in_l #re_second_md { padding: 30px 10px 15px 10px; } #re_second001_in #re_second001_in_l { width: 100%; } #re_second001_in #re_second001_in_r h2 { font-size: 1.125rem; letter-spacing: 0.2em; } #re_second001_in #re_second001_in_r { width: 100%; margin-bottom: 30px; } #re_second001_in { -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #re_second002_in #re_second002_in_l, #re_second002_in #re_second002_in_r { width: 100%; } #re_second002_in #re_second002_in_r #re_second_txt001 { margin-bottom: 20px; } #re_second002_in #re_second002_in_r { padding: 20px 5% 40px; } #re_second002_in { -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #re_third_md { text-align: center; margin: 0 auto 30px; } #re_third001_in::before { height: 200px; } #re_third001_in #re_third001_l #re_third001_box .re_third001_txt { margin-bottom: 15px; } #re_third001_in #re_third001_l #re_third001_box .re_third001_md { font-size: 1.4375rem; margin-bottom: 15px; text-align: center; } #re_third001_in #re_third001_l #re_third001_box { margin-left: 0; } #re_third001_in #re_third001_l { width: 100%; } #re_third001_in #re_third001_r { width: 82%; margin-left: auto; } #re_third001_in { -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 20px; } #re_third002_in #re_third_box001 #re_third_md002 { font-size: 1.375rem; margin-bottom: 10px; } #re_third { margin-bottom: 30px; } .re_fourth { margin: 0 auto 45px; } #contact_nav #contact_nav_in .contact_list { width: 100%; margin-right: 0; } #contact_nav #contact_nav_in { -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px; } #contact_nav { padding: 20px 0; } .contact_list_md { margin-bottom: 7px; } #contact_part001 .contact_tel .icon-phone { font-size: 1.3125rem; } #contact_part001 .contact_tel { font-size: 1.6875rem; } #contact_part001 { margin-bottom: 10px; } .contact_ta001 table th, .contact_ta001 table td { font-size: 0.75rem; } .contact_ta001 { width: 100%; margin-bottom: 10px; } .contact_btn001 a { padding: 10px 20px; } #movie_area { height: 320px; min-height: 320px; } #movie_area #movie_area_in { padding: 40px 0; } .movie_md { font-size: 1.4375rem; letter-spacing: 6px; } }