@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500&family=Noto+Sans+JP:wght@400;500;700&family=Roboto:wght@700&family=STIX+Two+Text:wght@400&display=swap');


/* reset */
/* -------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
html {width:100%; height:100%; overflow-y:scroll;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold;}
p, ul, ol, dl, address, blockquote, table, div {font-size:100%;}
p {margin:0 0 0 0;}
ol,ul {list-style:none;}
fieldset,img {border:0; vertical-align:top;}
table {border-collapse:collapse; border-spacing:0;}
caption,th {text-align:left;}
th {vertical-align:top; font-weight:normal; text-align:left;}
td {vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}


/* common */
/* -------------------------------------------------------- */
html,body {font-variant-ligatures:none;}
html {font-size:62.5%;}
body {font-size:14px; font-size:1.4rem; font-family:'Jost', sans-serif; font-family: 'Roboto', sans-serif; font-family: 'STIX Two Text', serif; font-family:'Noto Sans JP', sans-serif; font-weight:400; color:#222; text-align:center; -webkit-text-size-adjust:100%; text-size-adjust:100%; background-color:#F0EEE8;}

h1, h2, h3, h4, h5, h6, h7 {line-height:1.2;}
p, li, dt, dd, th, td, address, blockquote, div {line-height:1.6;}
input, select, option, textarea, button {font-size:16px; font-size:1.6rem; font-family:'Noto Sans JP', sans-serif; font-weight:400; line-height:1.4; vertical-align:middle; color:inherit; outline:none;}
input[type='submit'],input[type='reset'],input[type='button'], button {color:inherit; cursor:pointer; -ms-appearance:none; -webkit-appearance:none; appearance:none;}
:placeholder-shown {color:#c2c2c2;}
::-webkit-input-placeholder {color:#c2c2c2;}
:-moz-placeholder {color:#c2c2c2; opacity:1;}
::-moz-placeholder {color:#c2c2c2; opacity:1;}
:-ms-input-placeholder {color:#c2c2c2;}

strong {font-weight:bold;}
ol {list-style-type:decimal; margin-left:2.2em;}
img {max-width:100%; width:auto; height:auto; line-height:0; vertical-align:top; border:0; display:inline;}
sup {vertical-align:top; display:inline-block;}

a {color:#222; text-decoration:none;}
a:hover {color:#222; text-decoration:underline;}


/* decision */
/* -------------------------------------------------------- */
#bpCheck {display:none;}

body .pc {display:block;}
br.pc, span.pc, img.pc {display:inline;}
body .sp, br.sp, span.sp, img.sp {display:none;}

a.off {pointer-events:none; cursor:default; opacity:0.3;}
a.tel {pointer-events:none; cursor:default;}
body.mobile a.tel {pointer-events:auto; cursor:pointer;}

.cfix::before,
.cfix::after {display:table; content:" ";}
.cfix::after {clear:both;}

@media screen and (max-width:767px){
	#bpCheck {display:block;}

	body .pc, br.pc, span.pc, img.pc {display:none;}
	body .sp {display:block;}
	br.sp, span.sp, img.sp {display:inline;}
}


/* container */
/* -------------------------------------------------------- */
#container {width:100%; overflow:hidden;}


/* header */
/* -------------------------------------------------------- */
#header {width:100%; height:80px; position:relative; top:0; left:0; z-index:300;}
#header .sec {max-width:1800px; position:relative;}
#header .logo {width:246px; height:80px; display:flex; align-items:center; position:absolute; top:0; left:15px; z-index:310;}
#header .logo a {display:flex; align-items:center; transition:opacity 0.2s ease;}
#header .logo a:hover {opacity:0.7;}
#header .logo a img {width:45px; display:block;}
#header .logo a svg {width:190px; height:50px; margin:0 0 0 10px; display:block;}

#gNav {height:80px; margin:0 0 0 270px; display:flex; justify-content:flex-end; align-items:center; position:absolute; top:0; right:15px;}
#gNav .nav1 {display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center;}
#gNav .nav1 li {font-size:1.6rem; font-weight:700; line-height:1; padding:0.2em 3.0em 0.2em 0;}
#gNav .nav1 li a {text-decoration:none; color:#222; display:block; transition:opacity 0.2s ease;}
#gNav .nav1 li a:hover {opacity:0.7;}
#gNav .nav1 li a .en {display:none;}
#gNav .nav2 {display:flex; justify-content:flex-end; align-items:center;}
#gNav .nav2 li {font-size:1.4rem; font-weight:700; line-height:1; padding:0 10px 0 0;}
#gNav .nav2 li a {width:120px; height:50px; text-decoration:none; border-radius:5px; display:flex; justify-content:center; align-items:center; transition:opacity 0.2s ease;}
#gNav .nav2 li a:hover {opacity:0.7;}
#gNav .nav2 li.type1 a {color:#1571DA; background-color:#fff;}
#gNav .nav2 li.type2 a {color:#fff; background-color:#0A315D;}
#gNav .nav3 {display:flex; justify-content:flex-end; align-items:center;}
#gNav .nav3 li {padding:0 0 0 20px;}
#gNav .nav3 li a {text-decoration:none; display:block; transition:opacity 0.2s ease;}
#gNav .nav3 li a:hover {opacity:0.7;}
#gNav .nav3 li svg {width:40px; height:40px; fill:#0A315D;}

#gNavBtn {width:28px; height:28px; position:fixed; top:15px; right:7.6vw; z-index:305; cursor:pointer; display:none;}
#gNavBtn > span {width:100%; height:2px; margin:-1px 0 0 0; background-color:rgba(0,0,0,1); display:block; position:absolute; top:50%; left:0; transition-property:background-color;}
#gNavBtn > span::before,
#gNavBtn > span::after {content:''; width:100%; height:2px; background-color:rgba(0,0,0,1); display:block; position:absolute; left:0;}
#gNavBtn > span::before {top:-8px; transition-property:top;}
#gNavBtn > span::after {bottom:-8px; transition-property:bottom;}

body.load #gNavBtn > span::before,
body.load #gNavBtn > span::after {transition-duration:0.3s; transition-delay:0s; transition-timing-function:ease;}

#gNavCheck {display:none;}
#gNavCheck:checked + #header #gNavBtn > span {background-color:rgba(0,0,0,0);}
#gNavCheck:checked + #header #gNavBtn > span::before {top:0; transform:rotate(45deg); transition-property:transform;}
#gNavCheck:checked + #header #gNavBtn > span::after {bottom:0; transform:rotate(-45deg); transition-property:transform;}

@media screen and (max-width:1000px){
	#header .logo {width:24.6vw;}
	#gNav {margin:0 0 0 27.0vw;}
	#gNav .nav1 li {font-size:1.6vw;}
	#gNav .nav2 li {font-size:1.4vw;}
	#gNav .nav2 li a {width:12.0vw;}
	#gNav .nav3 li {padding:0 0 0 2.0vw;}
	#gNav .nav3 li svg {width:4.0vw; height:4.0vw;}
}
@media screen and (max-width:767px){
	#header {height:60px;}
	#header .logo {width:200px; height:60px; left:7.6vw;}
	#header .logo a img {width:37px;}
	#header .logo a svg {width:153px; height:62px; margin:0 0 0 5px; transition:fill 0.3s ease;}
	#gNav .nav1 {text-align:left; padding:80px 0 0 0; display:block;}
	#gNav .nav1 li {font-size:1.9rem; color:#fff; padding:0.8em 0;}
	#gNav .nav1 li a {color:#fff;}
	#gNav .nav1 li a .en {font-family:'Jost', sans-serif; font-size:1.1rem; font-weight:400; margin:0 0 0 1.5em; display:inline-block;}
	#gNav .nav2 {margin:30px -8px 0 -8px; display:flex; justify-content:space-between;}
	#gNav .nav2 li {width:50%; font-size:1.1rem; padding:0 8px; box-sizing:border-box;}
	#gNav .nav2 li a {width:100%; height:34px;}
	#gNav .nav3 {margin:40px 0 0 0; padding:0 0 20px 0; justify-content:center;}
	#gNav .nav3 li {padding:0 8px;}
	#gNav .nav3 li svg {width:34px; height:34px; fill:#fff;}

	#header #gNavBtn {display:block;}
	#gNav {width:100%; height:100vh; margin:0; padding:0 7.6vw; display:block; background-color:rgba(32,106,171,1); box-sizing:border-box; position:fixed; top:auto; bottom:100%; left:0; right:0; opacity:0; overflow:auto; transition:bottom 0.6s ease, opacity 0.6s ease;}
	#gNavCheck:checked + #header #gNav {bottom:0; opacity:1;}
	#gNavCheck:checked + #header .logo a svg {fill:#fff;}
	#gNavCheck:checked + #header #gNavBtn > span {background-color:rgba(255,255,255,0);}
	#gNavCheck:checked + #header #gNavBtn > span::before,
	#gNavCheck:checked + #header #gNavBtn > span::after {background-color:rgba(255,255,255,1);}
}


/* footer */
/* -------------------------------------------------------- */
#footer {color:#fff; padding:100px 0 40px 0; background-color:#2B2B2B;}
#footer .sec {max-width:1550px;}
#footer .clm1 {display:flex; justify-content:space-between;}
#footer .txt1 {text-align:left;}
#footer .txt1 .en {font-family:'Jost', sans-serif; font-size:4.0rem; font-weight:400; font-style:italic; line-height:1; padding:0 0.5em 0 0; display:inline-block;}
#footer .txt1 .ja {font-size:2.4rem; line-height:1; display:inline-block;}
#footer .txt2 dl {text-align:left; margin:45px 0 0 0;}
#footer .txt2 dt,
#footer .txt2 dd {font-size:1.8rem; line-height:1.7;}
#footer .txt3 {width:58%; display:flex; justify-content:space-between;}
#footer .txt3 > div > div {text-align:left; margin:45px 0 0 0; padding:0 1.0em;}
#footer .txt3 a {text-decoration:none; color:#fff; padding:0 0 0.2em 0; display:inline-block; position:relative;}
#footer .txt3 a::before {content:''; width:0; height:1px; background-color:#fff; display:block; position:absolute; bottom:0; left:0; will-change:width; transition:width 0.4s ease;}
#footer .txt3 a .ja {font-size:2.4rem; line-height:1; padding:0 1.0em 0 0; display:inline-block;}
#footer .txt3 a .en {font-family:'Jost', sans-serif; font-size:1.4rem; font-weight:400; display:inline-block;}
#footer .txt3 a:hover::before {width:100%;}
#footer .txt4 {margin:80px 0 0 0; display:flex; align-items:center; position:absolute;}
#footer .txt4 > div {max-width:120px; padding:0 30px 0 0; box-sizing:border-box;}
#footer .txt5 {max-width:320px; margin:100px auto 0 auto;}
#footer .txt5 a {width:100%; height:50px; font-size:1.4rem; line-height:1; text-decoration:none; color:#fff; border:1px solid #fff; border-radius:50px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; position:relative; overflow:hidden; transition:color 0.4s ease;}
#footer .txt5 a::before {content:''; width:0; height:100%; background-color:#fff; display:block; position:absolute; top:0; left:0; will-change:width; transition:width 0.4s ease;}
#footer .txt5 a span {display:block; position:relative; z-index:5;}
#footer .txt5 a:hover {color:#2B2B2B;}
#footer .txt5 a:hover::before {width:100%;}
#footer .sns {margin:20px -10px 0 -10px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
#footer .sns > div {padding:10px 10px 0 10px; box-sizing:border-box;}
#footer .sns a {width:40px; display:block; transition:opacity 0.2s ease;}
#footer .sns a:hover {opacity:0.7;}
#footer .sns a svg {width:40px; height:40px; fill:#fff; display:block;}
#footer .copy {font-size:1.2rem; text-align:center; margin:1.5em 0 0 0;}
#footer .pagetop-btn {position:fixed; bottom:-60px; right:22px; z-index:200; transition:bottom 0.3s ease;}
#footer .pagetop-btn a {width:60px; height:60px; background-color:rgba(128,128,128,0.8); border-radius:9999px; display:block; position:relative; transition:opacity 0.3s ease;}
#footer .pagetop-btn a svg {width:54%; height:54%; fill:#fff; display:block; position:absolute; top:20%; left:23%;}
#footer .pagetop-btn a:hover {opacity:0.7;}
body.move #footer .pagetop-btn {bottom:22px;}

.footer-contact {padding:30px 0 80px 0; background-color:#ECEBE4;}
.footer-contact .top-ttl {text-align:center;}
.footer-contact .top-ttl .en {font-family:'Jost', sans-serif; font-size:6.3rem; font-weight:500; font-style:italic; line-height:1; color:#1160BE; display:block;}
.footer-contact .top-ttl .ja {font-size:2.0rem; font-weight:500; line-height:1; color:#000; margin:0.2em 0 0 0; display:block;}
.footer-contact .top-catch {font-size:2.8rem; font-weight:500; line-height:1.4; text-align:center; color:#000; margin:1.0em 0 0 0;}
.footer-contact .txt1 {max-width:500px; margin:30px auto 0 auto;}
.footer-contact .txt1 a {width:100%; height:80px; font-size:2.2rem; font-weight:700; line-height:1; text-decoration:none; color:#fff; background-color:#1160BE; border-radius:5px; display:flex; justify-content:center; align-items:center; transition:background-color 0.2s ease;}
.footer-contact .txt1 a:hover {background-color:#124683;}
.footer-contact .txt2 {margin:35px 0 0 0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.footer-contact .txt2 dt {font-size:1.8rem; font-weight:700; line-height:1; color:#000; padding:0 2.0em 0 0;}
.footer-contact .txt2 dd {font-size:1.4rem; font-weight:700; line-height:1; color:#000;}
.footer-contact .txt2 dd a {font-family: 'Roboto', sans-serif; font-size:3.4rem; font-weight:700; line-height:1; text-decoration:none; color:#000; padding:0 0.2em 0 25px; display:block; position:relative; transition:opacity 0.2s ease;}
.footer-contact .txt2 dd a:hover {opacity:0.7;}
.footer-contact .txt2 dd a svg {width:24px; height:24px; margin:-12px 0 0 0; fill:#000; display:block; position:absolute; top:50%; left:0;}
.footer-contact .txt3 {max-width:960px; width:100%; margin:30px auto 0 auto; padding:30px; background-color:#fff; box-sizing:border-box; display:flex; align-items:center;}
.footer-contact .txt3 .tag {width:60px;}
.footer-contact .txt3 .tag span {width:60px; height:60px; font-size:1.8rem; font-weight:700; line-height:1; color:#333; border:2px solid #000; border-radius:9999px; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.footer-contact .txt3 .txt {font-size:1.8rem; font-weight:700; line-height:1.4; text-align:left; color:#333; padding:0 1.2em; flex:1;}
.footer-contact .txt3 .btn a {width:300px; height:60px; font-size:1.6rem; font-weight:700; line-height:1; text-decoration:none; color:#1160BE; border:1px solid #1160BE; border-radius:5px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; position:relative; overflow:hidden; transition:color 0.4s ease;}
.footer-contact .txt3 .btn a::before {content:''; width:0; height:100%; background-color:#1160BE; display:block; position:absolute; top:0; left:0; will-change:width; transition:width 0.4s ease;}
.footer-contact .txt3 .btn a span {display:block; position:relative; z-index:5;}
.footer-contact .txt3 .btn a:hover {color:#fff;}
.footer-contact .txt3 .btn a:hover::before {width:100%;}

@media screen and (max-width:767px){
	#footer {padding:30px 0 10px 0;}
	#footer .clm1 {display:block;}
	#footer .txt1 .en {font-size:2.1rem;}
	#footer .txt1 .ja {font-size:1.2rem;}
	#footer .txt2 dl {margin:10px 0 0 0;}
	#footer .txt2 dt,
	#footer .txt2 dd {font-size:1.6rem; line-height:1.4;}
	#footer .txt3 {width:auto; padding:15px 0 0 0; display:block;}
	#footer .txt3 > div > div {margin:15px 0 0 0; padding:0;}
	#footer .txt3 a .ja {font-size:1.9rem;}
	#footer .txt3 a .en {font-size:1.1rem;}
	#footer .txt4 {width:100%; margin:30px 0 0 0; box-sizing:border-box; display:flex; justify-content:center; position:static;}
	#footer .txt4 > div {max-width:75px; padding:0 10px;}
	#footer .txt5 {margin:30px auto 0 auto;}
	#footer .txt5 a {font-size:1.6rem;}
	#footer .sns {margin:20px -8px 0 -8px;}
	#footer .sns > div {padding:10px 8px 0 8px;}
	#footer .sns a {width:36px;}
	#footer .sns a svg {width:36px; height:34px;}
	#footer .copy {font-size:1.0rem; margin:2.0em 0 0 0;}
	#footer .txt2 {display:none;}
	#footer .txt5 {display:none;}
	#footer .pagetop-btn {position:fixed; bottom:-40px; right:2.0vw;}
	#footer .pagetop-btn a {width:40px; height:40px;}
	body.move #footer .pagetop-btn {bottom:2.0vw;}

	.footer-contact {padding:60px 0;}
	.footer-contact .top-ttl .en {font-size:4.0rem;}
	.footer-contact .top-ttl .ja {font-size:1.6rem;}
	.footer-contact .top-catch {font-size:2.0rem;}
	.footer-contact .txt1 {max-width:280px; margin:15px auto 0 auto;}
	.footer-contact .txt1 a {width:100%; height:45px; font-size:1.6rem;}
	.footer-contact .txt2 {margin:20px -7.6vw 0 -7.6vw;}
	.footer-contact .txt2 dt {width:100%; font-size:1.8rem; padding:0 0 0.6em 0;}
	.footer-contact .txt2 dd {font-size:1.1rem;}
	.footer-contact .txt2 dd a {font-size:2.6rem;}
	.footer-contact .txt3 {max-width:100%; margin:35px 0 0 0; padding:20px 25px 80px 25px; position:relative;}
	.footer-contact .txt3 .txt {font-size:1.6rem; padding:0 1.2em; flex:1;}
	.footer-contact .txt3 .btn {width:100%; padding:0 25px; box-sizing:border-box; position:absolute; bottom:25px; left:0;}
	.footer-contact .txt3 .btn a {width:100%; height:45px;}
}


/* contents */
/* -------------------------------------------------------- */
#contents {}

.sec {max-width:1230px; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.page-ttl {height:253px; background:-webkit-linear-gradient(left, #0E5797, #559DE2); background:linear-gradient(to right, #0E5797, #559DE2); display:flex; justify-content:center; align-items:center;}
.page-ttl .sec {width:100%;}
.page-ttl .ttl {max-width:800px; width:100%; font-size:3.6rem; font-weight:700; line-height:1; text-align:center; color:#fff; margin:0 auto; padding:0 0 0.6em 0; box-sizing:border-box; position:relative;}
.page-ttl .ttl::before {content:''; width:100%; height:1px; background-color:#fff; display:block; position:absolute; bottom:0; left:0;}
.page-ttl .btn {text-align:center; margin:1.5em 0 0 0;}
.page-ttl .btn a {width:236px; height:50px; font-size:1.6rem; font-weight:700; line-height:1; text-decoration:none; color:#3372AD; margin:0 auto; background-color:#fff; border-radius:5px; display:flex; justify-content:center; align-items:center; transition:opacity 0.2s ease;}
.page-ttl .btn a:hover {opacity:0.8;}

.track-list {padding:20px 0 30px 0;}
.track-list ul {text-align:left; display:flex;}
.track-list ul > li {font-size:1.2rem; font-weight:500; line-height:1.2; color:#000; padding:0 2.0em 0 0; position:relative;}
.track-list ul > li::before {content:'＞';  display:block; position:absolute; top:0; right:0.5em;}
.track-list ul > li a {text-decoration:none; color:#000;}
.track-list ul > li a:hover {text-decoration:underline; color:#000;}
.track-list ul > li:last-of-type {padding:0;}
.track-list ul > li:last-of-type::before {display:none;}

.data-draft-btn {position:absolute; top:170px; right:0; z-index:200;}
.data-draft-btn a {width:43px; height:212px; text-decoration:none; color:#fff; background-color:#A22B2B; display:flex; justify-content:center; align-items:center; transition:opacity 0.2s ease;}
.data-draft-btn a span {font-size:1.4rem; font-weight:700; line-height:1; text-align:center; padding:0.15em 0; display:block;}
.data-draft-btn a span.roll {transform:rotate(90deg);}
.data-draft-btn a svg {width:24px; height:24px; margin:0 auto; fill:#fff; display:block;}
.data-draft-btn a:hover {opacity:0.7;}

.btn-01 {font-family:'Jost', sans-serif; font-size:2.0rem; font-weight:400; font-style:italic; line-height:1; text-align:right; text-decoration:none; color:#000; margin:0 0 0 auto; padding:0.5em 50px 0.5em 0; display:inline-block; position:relative;}
.btn-01 span {width:42px; height:42px; margin:-21px 0 0 0; border-radius:9999px; position:absolute; top:50%; right:0; overflow:hidden;}
.btn-01 span::before {content:''; width:200%; height:100%; background:-webkit-linear-gradient(left, #1E2E85, #559DE2, #1E2E85); background:linear-gradient(to right, #1E2E85, #559DE2, #1E2E85); display:block; position:absolute; top:0; left:-100%; will-change:transform; transition:left 0.4s ease;}
.btn-01 span svg {width:16px; height:16px; margin:-8px 0 0 -8px; fill:#fff; display:block; position:absolute; top:50%; left:50%; z-index:5;}
.btn-01:hover {text-decoration:none; color:#000;}
.btn-01:hover span::before {left:0;}
.btn-01:hover span svg {animation:arrowMove1 0.4s ease 0s 1 normal forwards;}

.btn-02 {width:197px; height:41px; font-size:1.6rem; font-weight:700; line-height:1; text-align:center; text-decoration:none; color:#fff; background-color:#206AAB; border-radius:4px; display:flex; justify-content:center; align-items:center; transition:background-color 0.2s ease;}
.btn-02:hover {text-decoration:none; color:#fff; background-color:#114683;}
.btn-02 .blnak {padding:0 20px 0 0; display:block; position:relative;}
.btn-02 .blnak svg {width:14px; height:14px; margin:-7px 0 0 0; fill:#fff; display:block; position:absolute; top:50%; right:0; z-index:5;}

.btn-03 {font-size:1.5rem; font-weight:500; line-height:1; text-align:center; text-decoration:none; color:#fff; padding:0.2em 1.2em 0.3em 1.2em; background-color:#206AAB; border-radius:9999px; display:inline-block; transition:background-color 0.2s ease;}
.btn-03:hover {text-decoration:none; color:#fff; background-color:#114683;}

.btn-04 {font-weight:700; text-decoration:underline; color:#0070C5;}
.btn-04:hover {text-decoration:none; color:#0070C5;}

.btn-05 {width:320px; height:60px; font-size:2.0rem; font-weight:700; line-height:1; text-align:center; text-decoration:none; color:#fff; background-color:#0070D0; box-shadow:0 3px 6px rgba(0,0,0,0.16); border-radius:10px; display:flex; justify-content:center; align-items:center; transition:background-color 0.2s ease;}
.btn-05:hover {text-decoration:none; color:#fff; background-color:#114683;}
.btn-05.type1 {color:#fff; background-color:#02569F;}
.btn-05.type1:hover {text-decoration:none; color:#fff; background-color:#033F72;}
.btn-05.type2 {color:#fff; background-color:#8ABD33;}
.btn-05.type2:hover {text-decoration:none; color:#fff; background-color:#648F1A;}
.btn-05.w {color:#0070D0; background-color:rgba(255,255,255,1);}
.btn-05.w:hover {text-decoration:none; color:#0070D0; background-color:rgba(255,255,255,0.7);}

.pagination-nav {margin:60px 0 0 0; display:flex; flex-wrap:wrap; justify-content:center;}
.pagination-nav a {line-height:1; padding:0.5em; display:block;}

@keyframes arrowMove1 {
	0% {left:50%;}
	49% {left:100%; opacity:1;}
	50% {left:100%; opacity:0;}
	51%{left:-100%; opacity:0;}
	52%{left:-100%; opacity:1;}
	100% {left:50%;}
}

/* splide */
.splide {width:100%; position:relative; overflow:hidden;}
.splide__list {}
.splide__slide {width:100%; background-color:#eee; display:flex; justify-content:center; align-items:center;}
.splide__arrows {}
.splide__arrows button {width:20px; height:100%; padding:0; background-color:rgba(255,255,255,0.7); border:none; box-sizing:border-box; position:absolute; top:0; z-index:5;}
.splide__arrows button.splide__arrow--prev {left:0;}
.splide__arrows button.splide__arrow--prev svg {width:20px; height:20px; right:0; transform:scale(-1,1);}
.splide__arrows button.splide__arrow--next {right:0;}
.splide__arrows button.splide__arrow--next svg {width:20px; height:20px; left:0;}
.splide__arrows button svg {width:20px; height:20px; margin:-10px 0 0 0; position:absolute; top:50%;}
.splide__pagination {width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:absolute; bottom:5px; left:0; z-index:5;}
.splide__pagination > li {padding:3px; box-sizing:border-box;}
.splide__pagination > li button {width:12px; height:12px; padding:0; background-color:rgba(0,0,0,0.7); border:solid 1px rgba(255,255,255,0.5); border-radius:9999px; box-sizing:border-box; overflow:hidden; transition:background-color 0.3s ease, border-color 0.3s ease;}
.splide__pagination > li button:hover,
.splide__pagination > li button.is-active {background-color:rgba(0,0,0,1); border:solid 1px rgba(255,255,255,1);}

@media screen and (max-width:767px){
	.sec {padding:0 7.6vw;}

	.page-ttl {height:120px; background:-webkit-linear-gradient(left, #0E5797, #559DE2); background:linear-gradient(to right, #0E5797, #559DE2); display:flex; justify-content:center; align-items:center;}
	.page-ttl .sec {width:100%;}
	.page-ttl .ttl {font-size:2.0rem; padding:0 0 0.6em 0;}
	.page-ttl .btn {margin:1.2em 0 0 0;}
	.page-ttl .btn a {width:236px; height:30px; font-size:1.4rem;}

	.track-list {padding:10px 0 20px 0;}
	.track-list ul > li {font-size:1.1rem;}

	.data-draft-btn {display:none;}

	.btn-01 {font-size:1.6rem; padding:0.5em 45px 0.5em 0;}
	.btn-01 span {width:38px; height:38px; margin:-19px 0 0 0;}
	.btn-01 span svg {width:16px; height:16px; margin:-8px 0 0 -8px; fill:#fff; display:block; position:absolute; top:50%; left:50%; z-index:5;}

	.btn-02 {font-size:1.6rem;}

	.btn-03 {font-size:1.4rem;}

	.btn-05 {width:100%; height:40px; font-size:1.6rem;}

	.pagination-nav {margin:30px 0 0 0;}
}