@charset "UTF-8";
/*====== reset.css =====*/
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0; }

body { font-size: 14px; line-height: 1.4; font-family: Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック','MS P Gothic',sans-serif; }

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

ul, ol { list-style: none; }

blockquote, q { quotes: none; }

blockquote::after, blockquote::before, q::after, q::before { content: ''; content: none; }

a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: 0 0; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/*====== clearfix =====*/
.clearfix::after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clearfix { min-height: 1px; }

* html .clearfix { height: 1px; /*¥*/ /*/
height: auto;
overflow: hidden;
/**/ }

.clear { clear: both; }

#wrapper { overflow: hidden; }

/*====== box-sizing =====*/
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

/*====== Text meant only for screen readers. =====*/
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }

.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875px; font-size: 0.05425rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

/*====== font =====*/
html { font-size: 62.5%; }

body { font-family: "NotoSansCJKjp", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", "游ゴシック Medium", "メイリオ", Meiryo, sans-serif; font-style: normal; font-size: 16px; font-size: 1.6rem; font-weight: 400; line-height: 1.75; color: #333; }

@media screen and (max-width: 767px) { body { font-size: 14px; font-size: 1.4rem; } }

h1, h2, h3, h4, h5, h6 { /*color: #000; line-height: $font__line-height-body;*/ }

button, input, textarea, .honbun { font-family: "NotoSansCJKjp", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", "游ゴシック Medium", "メイリオ", Meiryo, sans-serif; font-size: 16px; font-size: 1.6rem; }

del { text-decoration: none; position: relative; }

del::before, del::after { content: ""; display: block; border-top: solid 2px; width: 100%; height: 0; position: absolute; left: 0; top: 50%; }

del::before { margin-top: -3px; }

del::after { margin-top: 3px; }

.font-regu { font-weight: 400; }

.font-bold { font-weight: 700; }

.font-black { font-weight: 900; }

.font-italic { font-style: italic; }

.font-ker { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

.font-ker1 { letter-spacing: -0.4em; }

.font-ker2 { letter-spacing: -0.08em; }

.indent-1 li { text-indent: -1em; padding-left: 1em; }

.indent-1 dd { padding-left: 1em; }

.tleft { text-align: left; }

.tcenter { text-align: center; }

.tright { text-align: right; }

.vtop { vertical-align: top; }

.vcenter { vertical-align: middle; }

.vbottom { vertical-align: bottom; }

/*====== link =====*/
a { color: #5E81C0; text-decoration: none; -webkit-transition: opacity .5s; transition: opacity .5s; }

a:hover { opacity: 0.7; }

a.no-hover:hover { opacity: 1; }

.no-link { cursor: pointer; }

.nocolor-link { color: inherit; }

.link-under1 { color: #0071BC; text-decoration: underline; }

.link-under2 { color: #0071BC; position: relative; }

.link-under2::before { content: ""; position: absolute; left: 0; bottom: 0.05em; display: block; border-bottom: solid 1px; width: 100%; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; }

.link-under2:hover { opacity: 1; }

.link-under2:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

/*====== input =====*/
input[type="text"], input[type="email"], input[type="tel"], textarea { border: solid 1px #999; border-radius: 10px; padding: 0.5em 1em; }

input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #D0D0D0; }

input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #D0D0D0; }

input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #D0D0D0; }

input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, textarea::placeholder { color: #D0D0D0; }

input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #D0D0D0; }

input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #D0D0D0; }

input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder { color: #D0D0D0; }

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { outline: none; }

/*====== button =====*/
label, button { outline: none; cursor: pointer; }

/*====== img =====*/
img { max-width: 100%; height: auto; vertical-align: top; }

iframe { max-width: 100%; vertical-align: top; }

/*====== common style =====*/
.color-blue { color: #5E81C0; }

.bg-gray { background: #E5E5E5; }

.bg-blue { background: #5E81C0; color: #fff; }

.bg-lightblue { background: #DCE4F1; }

.tag { margin: -2px; }

.tag span { display: inline-block; border-radius: 10px; color: #fff; font-weight: 700; text-align: center; white-space: nowrap; width: 80px; padding: 2px; margin: 2px; }

.tag .tag-switch { background-color: #C0272D; }

.tag .tag-3ds { background-color: #22B4B9; }

.tag .tag-ds { background-color: #8D8D8D; }

.tag .tag-ios { background-color: #3FA8F4; }

.tag .tag-android { background-color: #009145; }

.tag .tag-gba { background-color: #662D90; }

@media screen and (max-width: 767px) { .tag span { border-radius: 6px; width: 60px; padding: 0 2px; } }

.w100 { width: 100%; }

.m-inner, .breadcrumbs { display: block; margin-left: auto; margin-right: auto; max-width: 1450px; width: 93.33%; }

.m-inner .is-short, .breadcrumbs .is-short { max-width: 1250px; }

.m-inner-w { display: block; margin-left: auto; margin-right: auto; max-width: 1500px; }

.m-cont { display: block; margin-left: auto; margin-right: auto; max-width: 1250px; width: 93.33%; }

@media screen and (max-width: 767px) { .m-cont { width: 100%; } }

.m-para p + p { margin-top: 1.8em; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex.is-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

ul.disc > li { position: relative; text-indent: 0; padding-left: 1.1em; margin-bottom: 5px; }

ul.disc > li::before { content: "・"; position: absolute; left: 0; }

ul.disc > li:last-child { margin-bottom: 0; }

.mtp0 { margin-top: 0 !important; }

.mtp5 { margin-top: 5px !important; }

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

.mtp15 { margin-top: 15px !important; }

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

.mtp25 { margin-top: 25px !important; }

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

.mtp35 { margin-top: 35px !important; }

.mtp40 { margin-top: 40px !important; }

.mtp45 { margin-top: 45px !important; }

.mtp50 { margin-top: 50px !important; }

.mtp55 { margin-top: 55px !important; }

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

.mtp70 { margin-top: 70px !important; }

.mtp80 { margin-top: 80px !important; }

.mbt0 { margin-bottom: 0 !important; }

.mbt5 { margin-bottom: 5px !important; }

.mbt10 { margin-bottom: 10px !important; }

.mbt15 { margin-bottom: 15px !important; }

.mbt20 { margin-bottom: 20px !important; }

.mbt25 { margin-bottom: 25px !important; }

.mbt30 { margin-bottom: 30px !important; }

.mbt35 { margin-bottom: 35px !important; }

.mbt40 { margin-bottom: 40px !important; }

.mbt45 { margin-bottom: 45px !important; }

.mbt50 { margin-bottom: 50px !important; }

.mbt55 { margin-bottom: 55px !important; }

.mbt60 { margin-bottom: 60px !important; }

.mbt70 { margin-bottom: 70px !important; }

.mbt80 { margin-bottom: 80px !important; }

.iblock { display: inline-block; }

.hide { display: none; }

.fleft { float: left; }

.fright { float: right; }

/* thumbnail */
.thumb { position: relative; width: 100%; height: 0; overflow: hidden; }

.thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* Parallax */
.t--u { -webkit-transform: translate(0, -100px); -ms-transform: translate(0, -100px); transform: translate(0, -100px); }

.u--t { -webkit-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px); }

.r--l { -webkit-transform: translate(100px, 0); -ms-transform: translate(100px, 0); transform: translate(100px, 0); }

.l--r { -webkit-transform: translate(-100px, 0); -ms-transform: translate(-100px, 0); transform: translate(-100px, 0); }

.s--b { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

.u--t { opacity: 0; -webkit-transition: .5s; transition: .5s; }

.t--u, .r--l, .l--r { opacity: 0; -webkit-transition: .5s; transition: .5s; -webkit-transition-delay: .2s; transition-delay: .2s; }

.t--u.active, .u--t.active, .r--l.active, .l--r.active { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.s--b { opacity: 0; -webkit-transition: .8s; transition: .8s; -webkit-transition-delay: .2s; transition-delay: .2s; }

.s--b.active { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
/*# sourceMappingURL=common.css.map */