@charset "UTF-8";

/* sass */
body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, table, caption, th, td, form, fieldset, input, textarea, select, pre, address, blockquote, embed, object, dfn, article, aside, canvas, figure, figcaption, footer, header, nav, section, main, audio, video { margin: 0px; padding: 0px; }

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; }

address, dfn { display: inline; font-style: normal; }

canvas { width: 0; height: 0; }

iframe { width: 100%; margin: 0; padding: 0; border: none; }

html { overflow-y: scroll; font-size: 62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; }

* { box-sizing: border-box; }

body { color: #333; font-family: "Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif; background: #EDEDED; font-size: 1.6em; line-height: 1; word-wrap: break-word; }

em { font-style: normal; font-weight: 700; }

strong { font-style: normal; font-weight: 700; }

ul, ol { list-style: none; }

table { border-collapse: separate; border-spacing: 0; empty-cells: show; }

caption, th { text-align: left; }

img { border: 0; vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

a { cursor: pointer; text-decoration: underline; }

a:link { color: #00806C; }

a:visited { color: #00806C; }

form { font-weight: 300; }

input, button, textarea, select { font-size: 1.6rem; line-height: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; background: transparent; border: none; border-radius: 0; text-transform: none; font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

select::-ms-expand { display: none; }

.u-w100per { width: 100% !important; }

.u-mgt-0 { margin-top: 0 !important; }

.u-mgb-0 { margin-bottom: 0 !important; }

.u-mgt-10 { margin-top: 10px !important; }

.u-mgt-20 { margin-top: 20px !important; }

.u-mgt-30 { margin-top: 30px !important; }

.u-mgt-60 { margin-top: 60px !important; }

.u-mgt-170 { margin-top: 170px !important; }

.u-disp-ib { display: inline-block !important; }

.u-va-t { vertical-align: top !important; }

.u-va-m { vertical-align: middle !important; }

.u-va-b { vertical-align: bottom !important; }

.u-ft-xxs { font-size: 1rem !important; }

.u-ft-xs { font-size: 1.2rem !important; }

.u-ft-s { font-size: 1.4rem !important; }

.u-ft-m { font-size: 1.6rem !important; }

.u-ft-l { font-size: 1.8rem !important; }

.u-ft-xl { font-size: 2rem !important; }

.u-ft-xxl { font-size: 2.4rem !important; }

.u-ft-3xl { font-size: 2.8rem !important; }

.u-ft-4xl { font-size: 3.2rem !important; }

.clearfix:after { display: block; content: ''; clear: both; }

.u-ta-l { text-align: left !important; }

.u-ta-c { text-align: center !important; }

.u-ta-r { text-align: right !important; }

.u-ta-l-c { text-align: left !important; }

.u-ta-l-r { text-align: left !important; }

.u-ta-c-l { text-align: center !important; }

.u-ta-c-r { text-align: center !important; }

.u-ta-r-l { text-align: right !important; }

.u-ta-r-c { text-align: right !important; }

.u-disp-n { display: none !important; }

.u-disp-b { display: block !important; }

.u-disp-i-n { display: inline !important; }

.u-disp-ib-n { display: inline-block !important; }

.u-disp-b-n { display: block !important; }

.u-disp-n-i { display: none !important; }

.u-disp-n-ib { display: none !important; }

.u-disp-n-b { display: none !important; }

.u-br-sp { display: none !important; }

.u-br-pc { display: inline !important; }

a img.u-btn { opacity: 1.0; transition: opacity 0.3s; }
a:hover img.u-btn { opacity: 0.8; }
img.u-btn { opacity: 0.3; }

.u-mg0 { margin: 0 !important; }

.u-mg-auto { margin-left: auto !important; margin-right: auto !important; }

.u-mgt-xxs { margin-top: 5px !important; }

.u-mgt-xs { margin-top: 10px !important; }

.u-mgt-s { margin-top: 15px !important; }

.u-mgt-m { margin-top: 20px !important; }

.u-mgt-l { margin-top: 25px !important; }

.u-mgt-xl { margin-top: 30px !important; }

.u-mgt-xxl { margin-top: 40px !important; }

.u-mgr-xxs { margin-right: 5px !important; }

.u-mgr-xs { margin-right: 10px !important; }

.u-mgr-s { margin-right: 15px !important; }

.u-mgr-m { margin-right: 20px !important; }

.u-mgr-l { margin-right: 25px !important; }

.u-mgr-xl { margin-right: 30px !important; }

.u-mgr-xxl { margin-right: 40px !important; }

.u-mgb-xxs { margin-bottom: 5px !important; }

.u-mgb-xs { margin-bottom: 10px !important; }

.u-mgb-s { margin-bottom: 15px !important; }

.u-mgb-m { margin-bottom: 20px !important; }

.u-mgb-l { margin-bottom: 25px !important; }

.u-mgb-xl { margin-bottom: 30px !important; }

.u-mgb-xxl { margin-bottom: 40px !important; }

.u-mgl-xxs { margin-left: 5px !important; }

.u-mgl-xs { margin-left: 10px !important; }

.u-mgl-s { margin-left: 15px !important; }

.u-mgl-m { margin-left: 20px !important; }

.u-mgl-l { margin-left: 25px !important; }

.u-mgl-xl { margin-left: 30px !important; }

.u-mgl-xxl { margin-left: 40px !important; }

.u-pd0 { padding: 0 !important; }

.u-pdt-xxs { padding-top: 5px !important; }

.u-pdt-xs { padding-top: 10px !important; }

.u-pdt-s { padding-top: 15px !important; }

.u-pdt-m { padding-top: 20px !important; }

.u-pdt-l { padding-top: 25px !important; }

.u-pdt-xl { padding-top: 30px !important; }

.u-pdt-xxl { padding-top: 40px !important; }

.u-pdr-xxs { padding-right: 5px !important; }

.u-pdr-xs { padding-right: 10px !important; }

.u-pdr-s { padding-right: 15px !important; }

.u-pdr-m { padding-right: 20px !important; }

.u-pdr-l { padding-right: 25px !important; }

.u-pdr-xl { padding-right: 30px !important; }

.u-pdr-xxl { padding-right: 40px !important; }

.u-pdb-xxs { padding-bottom: 5px !important; }

.u-pdb-xs { padding-bottom: 10px !important; }

.u-pdb-s { padding-bottom: 15px !important; }

.u-pdb-m { padding-bottom: 20px !important; }

.u-pdb-l { padding-bottom: 25px !important; }

.u-pdb-xl { padding-bottom: 30px !important; }

.u-pdb-xxl { padding-bottom: 40px !important; }

.u-pdl-xxs { padding-left: 5px !important; }

.u-pdl-xs { padding-left: 10px !important; }

.u-pdl-s { padding-left: 15px !important; }

.u-pdl-m { padding-left: 20px !important; }

.u-pdl-l { padding-left: 25px !important; }

.u-pdl-xl { padding-left: 30px !important; }

.u-pdl-xxl { padding-left: 40px !important; }