@charset "UTF-8";
:root{--base-size:.25rem}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.base-color,body{color:var(--base-color,#444)}
.base-bg-color,body{background-color:var(--base-bg-color,#f3f3f3)}
body{margin:0;font-size:1rem;font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",sans-serif;text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}
img,svg{max-width:100%;height:auto;}
a{text-decoration:none;color:var(--base-color,#06f)}
a:hover,.td-underline{text-decoration:underline}
rt,rp{font-size:36%}
body .material-icons,body .material-icons-outlined{font-size: 1.5em;width: 1.2em;height: 1em;overflow: hidden;vertical-align: middle;text-align: left;display: inline-block}
body .material-icons.small,body .material-icons-outlined.small{font-size: 1em}
.font-palt{font-feature-settings:"palt"}
.font-xl,h1{font-size:1.75rem;letter-spacing:-.015em;line-height:1.4}
.font-ll,h2{font-size:1.65rem;letter-spacing:-.008em;line-height:normal}
.font-l,h3{font-size:1.3rem;letter-spacing:normal;line-height:normal}
.font-normal{font-size:1rem;letter-spacing:normal;line-height:normal}
input{font-size:16px;}
.small{font-size:.75rem;letter-spacing:.4px}
.smaller{font-size:.625rem;letter-spacing:1.5px}
.sans-serif{font-family:"Times New Roman",YuMincho,"Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif}
.disp-block,.block-link,.list-link{display:block}
.disp-iblock{display:inline-block}
.disp-flex,.flex{display:flex}
.disp-none{display:none}
.disp-grid{display:grid;grid-gap:calc(var(--base-size)*2)}
.grid-4-2{grid-template-columns: repeat(auto-fit, minmax(45%, 1fr))}
.flex-wrap{flex-wrap:wrap}
.flex-jc-center{justify-content:center}
.flex-jc-around{justify-content:space-around}
.flex-jc-between{justify-content:space-between}
.flex-jc-evenly{justify-content:space-evenly}
.flex-ac-center{align-content:center}
.flex-ac-between{align-content:space-between}
.flex-ai-center{align-items:center}
.flex-ai-end{align-items:flex-end}
.flex-ai-baseline{align-items:baseline}
.pos-sticky-bottom,.pos-sticky-top,.w100{width:100%}
.w90{width:90%}
.w80{width:80%}
.w70{width:70%}
.w60{width:60%}
.w50{width:50%}
.w40{width:40%}
.w33{width:33.33%}
.w30{width:30%}
.w25{width:25%}
.w20{width:20%}
.w10{width:10%}
.max-960{max-width:960px}
.max-800{max-width:800px}
.max-640{max-width:640px}
.max-560{max-width:560px}
.max-520{max-width:520px}
.max-480{max-width:480px}
.max-360{max-width:360px}
.max-320{max-width:320px}
.max-240{max-width:240px}
.max-200{max-width:200px}
.max-160{max-width:160px}
.max-120{max-width:120px}
.max-100{max-width:100px}
.max-100p{max-width:100%;max-height:100%}
[class*=max-]{margin-left:auto;margin-right:auto}
.tabel-border,.tabel-border td,.tabel-border th{border-collapse:collapse;border:thin solid var(--table-border-color,#ccc)}
.tabel-border{margin:auto}
.img-fit-contain{object-fit:contain;height:100%}
.img-fit-cover{object-fit:cover;height:100%}
.pos-sticky-bottom,.pos-sticky-top{position:-webkit-sticky;position:sticky;z-index:2}
.pos-sticky-top{top:0}
.pos-sticky-bottom{bottom:0}
.pos-fixed-b{position:fixed;bottom:0}
.pos-relative{position: relative}
.pos-absolute{position: absolute}
.border{border:thin solid}
.border-right{border-right:thin solid}
.border-bottom{border-bottom:thin solid}
.border-left{border-reft:thin solid}
.border-color-normal{border-color:var(--table-border-color,#ccc)}
.block-link,.radius03{border-radius:.3rem;overflow:hidden}
.btn,.radius05{border-radius:.5rem;overflow:hidden}
.shadow-lv1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}
.shadow-lv2,.block-link{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
.shadow-lv3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}
.shadow-lv4,.block-link:hover,.btn-raised:focus,.btn-raised:hover,.shadow-lv4.block-link:focus{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}
.shadow-lv6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}
.shadow-lv8,.block-link:active,.btn-raised:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}
.shadow-lv12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}
.shadow-lv16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}
.shadow-lv24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}
.lh-2{line-height:2}
.ws-nowrap{white-space:nowrap}
.css-swip{scroll-snap-type:x mandatory;width:100%;overflow-x:auto;display:flex;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}
.css-swip>*{scroll-snap-align:center;flex:none}
.move{transition:.3s ease 0s;-webkit-transition:.3s ease 0s}
.move-slow{transition:1s ease 0s;-moz-transition:1s ease 0s;-webkit-transition:1s ease 0s}
body .text-center{text-align:center}
body .text-left{text-align:left}
body .text-right{text-align:right}
.btn,button{padding:.5rem 1rem;border:none;color:var(--primary-color_40,#333);background-color:transparent;transition:box-shadow 280ms cubic-bezier(.4,0,.2,1);font-weight:500;user-select:none;-webkit-user-select:none;display:inline-flex;justify-content:center;align-items:center}
.btn+.btn{margin-left: .5rem}
.btn .btn-inner-icon{font-size:120%;margin:0 .3rem 0 -.1rem}
.block-link:focus,.block-link:hover,.btn:focus,.btn:hover,.list-link:focus,.list-link:hover{border:none;outline:0;text-decoration:none}
.btn-outlined,.btn-outlined.ripple,.btn-outlined:focus,.btn-outlined:hover{border:solid thin}
.btn-raised{color:#fff}
.list-link{padding:.5rem 1rem}
/*Color system*/
.primary40{background-color:var(--primary-color_40,#444);color:#fff}
.primary100{background-color:#fff;color:var(--primary-color_40,#444)}
.primary90{background-color:var(--primary-color_10,#eee);color:var(--primary-color_90,#444)}
.primary10{background-color:var(--primary-color_90,#444);color:var(--primary-color_10,#eee)}
.secondary40{background-color:var(--secondary-color_40,#444);color:#fff}
.secondary100{background-color:#fff;color:var(--secondary-color_40,#444)}
.secondary90{background-color:var(--secondary-color_10,#eee);color:var(--secondary-color_90,#444)}
.secondary10{background-color:var(--secondary-color_90,#444);color:var(--secondary-color_10,#eee)}
.error40{background-color:var(--error-color_40,#c21);color:#fff}
.error100{background-color:#fff;color:var(--error-color_40,#c21)}
.error90{background-color:var(--error-color_10,#fcc);color:var(--error-color_90,#900)}
.error10{background-color:var(--error-color_90,#900);color:var(--error-color_10,#fcc)}
.bg-surface_1{background-color:var(--surface-color_5,#f1f1f1)}
.bg-surface_2{background-color:var(--surface-color_8,#eee)}
.bg-white{background-color:#fff}
.color-white{color:#fff}
.color-gray{color:#ccc}
.gb-color_danger{background-color: var(--danger-color)}
.gb-color_danger a:hover{text-decoration: none}
.color_primary{color: var(--primary-color_40)}
.color_secondary{color: var(--secondary-color_40)}
.color_danger{color: var(--danger-color)}

.point-reader{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis}
.fb{font-weight:700}
.pd0{padding:0}
.pd025{padding:var(--base-size)}
.pd05{padding:calc(var(--base-size)*2)}
.pd10{padding:calc(var(--base-size)*4)}
.pd15{padding:calc(var(--base-size)*6)}
.pd20{padding:calc(var(--base-size)*8)}
.pt0{padding-top:0}
.pt025{padding-top:var(--base-size)}
.pt05{padding-top:calc(var(--base-size)*2)}
.pt10{padding-top:calc(var(--base-size)*4)}
.pt15{padding-top:calc(var(--base-size)*6)}
.pt20{padding-top:calc(var(--base-size)*8)}
.pr0{padding-right:0}
.pr025{padding-right:var(--base-size)}
.pr05{padding-right:calc(var(--base-size)*2)}
.pr10{padding-right:calc(var(--base-size)*4)}
.pr15{padding-right:calc(var(--base-size)*6)}
.pr20{padding-right:calc(var(--base-size)*8)}
.pb0{padding-bottom:0}
.pb025{padding-bottom:var(--base-size)}
.pb05{padding-bottom:calc(var(--base-size)*2)}
.pb10{padding-bottom:calc(var(--base-size)*4)}
.pb15{padding-bottom:calc(var(--base-size)*6)}
.pb20{padding-bottom:calc(var(--base-size)*8)}
.pl0{padding-left:0}
.pl025{padding-left:var(--base-size)}
.pl05{padding-left:calc(var(--base-size)*2)}
.pl10{padding-left:calc(var(--base-size)*4)}
.pl15{padding-left:calc(var(--base-size)*6)}
.pl20{padding-left:calc(var(--base-size)*8)}
.mg0{margin:0}
.mg025{margin:var(--base-size)}
.mg05{margin:calc(var(--base-size)*2)}
.mg10{margin:calc(var(--base-size)*4)}
.mg15{margin:calc(var(--base-size)*6)}
.mg20{margin:calc(var(--base-size)*8)}
.mt0{margin-top:0}
.mt025{margin-top:var(--base-size)}
.mt05{margin-top:calc(var(--base-size)*2)}
.mt10{margin-top:calc(var(--base-size)*4)}
.mt15{margin-top:calc(var(--base-size)*6)}
.mt20{margin-top:calc(var(--base-size)*8)}
.mr0{margin-right:0}
.mr025{margin-right:var(--base-size)}
.mr05{margin-right:calc(var(--base-size)*2)}
.mr10{margin-right:calc(var(--base-size)*4)}
.mr15{margin-right:calc(var(--base-size)*6)}
.mr20{margin-right:calc(var(--base-size)*8)}
.mb0{margin-bottom:0}
.mb025{margin-bottom:var(--base-size)}
.mb05{margin-bottom:calc(var(--base-size)*2)}
.mb10{margin-bottom:calc(var(--base-size)*4)}
.mb15{margin-bottom:calc(var(--base-size)*6)}
.mb20{margin-bottom:calc(var(--base-size)*8)}
.ml0{margin-left:0}
.ml025{margin-left:var(--base-size)}
.ml05{margin-left:calc(var(--base-size)*2)}
.ml10{margin-left:calc(var(--base-size)*4)}
.ml15{margin-left:calc(var(--base-size)*6)}
.ml20{margin-left:calc(var(--base-size)*8)}
.mx-auto{margin-left:auto;margin-right:auto}
.pc-view {display: none}
/*SP TAB*/
@media screen and (max-width:920px) {
:root{font-size:18px}
.font-xl,h1{font-size:1.75rem}
.font-ll,h2{font-size:1.35rem}
.font-l,h3{font-size:1.1rem}
}
/*SE*/
@media screen and (max-width:320px) {
:root{font-size:12px}
}
/*PC*/
@media screen and (min-width:768px) {
:root{font-size:24px}
input{font-size:inherit}
.pc-flex{display:flex}
.pc-view {display:inherit}
.sp-view{display:none}
}
@media screen and (min-width:921px){

}
@media screen and (min-width:1321px){
:root{--base-size:.3rem}
}
@media screen and (min-width:1921px){
:root{--base-size:.4rem}
}