@charset "UTF-8";
/******************************
 AllTagsFix 
******************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0; vertical-align: baseline; }

/* Reset the new HTML5 elements */
article, aside, main, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0; padding: 0; border: none; }

mark, rp, rt, ruby, summary, time { display: inline; margin: 0; padding: 0; border: none; }

img, a, p, ul, ol, li, dl, dt, dd, hr, form, input, body { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: none; }

img { vertical-align: text-bottom; }

a { vertical-align: baseline; }

ul, ol, li { list-style: none; }

form { display: inline-block; text-align: center; width: 100%;}

input { vertical-align: middle; }

html { font-size: 62.5%; }

body { font-family: arial, helvetica, clean, sans-serif; letter-spacing: 0; line-height: 1; }

select, input, button, textarea, button { -webkit-box-sizing: border-box; box-sizing: border-box; font: 99% arial, helvetica, clean, sans-serif; }

table { border-collapse: separate; border-spacing: 0; font-size: inherit; font: 100%; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

select, input, textarea, button { -webkit-appearance: none; /* iOS safari対策 */ position: relative; top: -1px; *margin-right: 3px; border-radius: 0; /* iOS safari対策 */ vertical-align: middle; }

button { top: 0px; }

select { -webkit-appearance: button; -moz-appearance: button; appearance: button; outline: none; background: none transparent; color: inherit; font-size: inherit; text-indent: 0.01px; text-overflow: ""; vertical-align: middle; }

select option { background-color: #fff; color: #333; }

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

select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #828c9a; }

button { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: none; outline: none; background-color: transparent; cursor: pointer; }

/* box-sizing指定 */
th, td { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* iOS safari対策 */
body { -webkit-text-size-adjust: 100%; }

/**************************************
 * CSS BasicStyle forHTML5 v3.0
**************************************/
a { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

/******************************
 All Area base
******************************/

body { word-wrap: break-word; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; height: 100%; background-color: #ffffff; color: #000000; font-family: 'Noto Serif JP', serif; font-size: 16px; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.05em; letter-spacing: normal; text-align: left; }

.inr { margin: 0 auto; /*    width: 1000px;*/ }

/* ---SP--- */

/* ---/SP--- */
/* fonts*/
.gothic { font-family: YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana,
 sans-serif; }

.serif { font-family: "Yu Mincho", "游明朝", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3",
 "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

h1, h2, h3, h4, h5, h6 { line-height: 1; }

p { letter-spacing: 1px; line-height: 1; }

/* fonts*/
/* link */
a { color: #000000; }

a:link, a:visited { text-decoration: none; }

a:hover, a:active { text-decoration: none; opacity: 0.7; }

/* link */
.pcBlock { display: block !important; }

.pcInlineBlock { display: inline-block !important; }

.spBlock { display: none !important; }

/* ---SP--- */

/* ---/SP--- */
/******************************
 margin
******************************/
.mt-5 { margin-top: 5px; }

.mt-10 { margin-top: 10px; }

.mt-15 { margin-top: 15px; }

.mt-20 { margin-top: 20px; }

.mt-30 { margin-top: 30px; }

.mt-35 { margin-top: 35px; }

.mt-40 { margin-top: 40px; }

.mt-45 { margin-top: 45px; }

.mt-50 { margin-top: 50px; }

.mt-55 { margin-top: 55px; }

.mt-60 { margin-top: 60px; }

.mt-65 { margin-top: 65px; }

.mt-70 { margin-top: 70px; }

.mt-75 { margin-top: 75px; }

.mt-80 { margin-top: 80px; }

.mt-85 { margin-top: 85px; }

.mt-90 { margin-top: 90px; }

.mt-95 { margin-top: 95px; }

.mt-100 { margin-top: 100px; }

.mt-150 { margin-top: 150px; }

.mt-170 { margin-top: 170px; }

.mb-5 { margin-bottom: 5px; }

.mb-10 { margin-bottom: 10px; }

.mb-15 { margin-bottom: 15px; }

.mb-20 { margin-bottom: 20px; }

.mb-30 { margin-bottom: 30px; }

.mb-35 { margin-bottom: 35px; }

.mb-40 { margin-bottom: 40px; }

.mb-45 { margin-bottom: 45px; }

.mb-50 { margin-bottom: 50px; }

.mb-55 { margin-bottom: 55px; }

.mb-60 { margin-bottom: 60px; }

.mb-65 { margin-bottom: 65px; }

.mb-70 { margin-bottom: 70px; }

.mb-75 { margin-bottom: 75px; }

.mb-80 { margin-bottom: 80px; }

.mb-85 { margin-bottom: 85px; }

.mb-90 { margin-bottom: 90px; }

.mb-95 { margin-bottom: 95px; }

.mb-100 { margin-bottom: 100px; }

/******************************
 img
******************************/
img { max-width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }

@font-face { src: url("./fonts/SourceHanSerif-Bold.eot"); /* IE9 Compat Modes */ src: url("./fonts/SourceHanSerif-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/SourceHanSerif-Bold.woff") format("woff"), url("./fonts/SourceHanSerif-Bold.ttf") format("truetype"), url("./fonts/SourceHanSerif-Bold.svg#5031e31d1d0953fd546a2c7c00db2435") format("svg"); /* Legacy iOS */ font-family: 'SourceHanSerifBold'; font-style: normal; font-weight: 700; }

@media screen and (max-width: 750px) { 
  body { min-width: 100%; font-size: 14px; }
  .inr { width: 93vw; margin: 0 auto; } 
  .pcInlineBlock,
  .pcBlock { display: none !important; }
  .spBlock { display: block !important; } 
}