@charset "utf-8";
/* Reset CSS （normalize.css v3.0.2） */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* 追加 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}address{font-style:normal}*{margin:0;padding:0}*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}img{vertical-align:bottom;-webkit-backface-visibility:hidden}

/*----------------------------------------------------------------------------------------------------

  Base
  
----------------------------------------------------------------------------------------------------*/
:root {
  --base-width: 1200px;
  --cubic-bezier: cubic-bezier(.23,1,.32,1);
}
@media print, screen and (min-width:1001px) {
  :root {
    --line-height: 2.2;
    --line-height-l: 2.6;
    --line-height-m: 2;
    --line-height-s: 1.6;
    --side-space: 60px;
    --block-space-unit: 40px;
    --box-space-unit: 10px;
  }
}
@media print, screen and (min-width:641px) and (max-width:1000px) {
  :root {
    --line-height: 2;
    --line-height-l: 2.4;
    --line-height-m: 1.8;
    --line-height-s: 1.4;
    --side-space: 40px;
    --block-space-unit: 30px;
    --box-space-unit: 8px;
  }
}
@media screen and (max-width:640px) {
  :root {
    --line-height: 2;
    --line-height-l: 2.4;
    --line-height-m: 1.8;
    --line-height-s: 1.4;
    --side-space: 6%;
    --block-space-unit: max(calc(30 / 640 * 100vw), 15px);
    --box-space-unit: 6px;
  }
}
:root {
  --block-space-max: calc(var(--block-space-unit) * 4);
  --block-space-3l: calc(var(--block-space-unit) * 3.5);
  --block-space-2l: calc(var(--block-space-unit) * 3);
  --block-space-l: calc(var(--block-space-unit) * 2.5);
  --block-space-m: calc(var(--block-space-unit) * 2);
  --block-space-s: calc(var(--block-space-unit) * 1.75);
  --block-space-2s: calc(var(--block-space-unit) * 1.5);
  --block-space-3s: calc(var(--block-space-unit) * 1.25);
  --block-space-min: calc(var(--block-space-unit) * 1);
  
  --box-space-max: calc(var(--box-space-unit) * 5);
  --box-space-l: calc(var(--box-space-unit) * 4.5);
  --box-space-m: calc(var(--box-space-unit) * 4);
  --box-space-s: calc(var(--box-space-unit) * 3.5);
  --box-space-2s: calc(var(--box-space-unit) * 3);
  --box-space-min: calc(var(--box-space-unit) * 2.5);
}
  
html,
body {
  height: 100%;
}
body {
  min-width: 320px;
  background-color: #F0F0F2;
  color: #2A3042;
  font-family: 'Noto Sans JP','Helvetica Neue','Arial','Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
  font-weight: 300;
  line-height: var(--line-height);
  word-wrap: break-word;
  text-align: center;
}
.js_rpsTable,
.js_rpsBlock {
  overflow: hidden;
}
.js_linkBox {
  cursor: pointer;
}
.js_iframe iframe {
  pointer-events: none;
  cursor: pointer;
}
.clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.t-nowrap { display: inline-block; }
.lineh-l { line-height: var(--line-height-l); }
.lineh-m { line-height: var(--line-height-m); }
.lineh-s { line-height: var(--line-height-s); }

/*--------------------------------------------------------------------------------
  font
--------------------------------------------------------------------------------*/
html {
  font-size: 62.5%;
}
body {
  font-size: 1.65rem;
}
:root {
  --fs-max: 2.6em;
  --fs-5l: 2.3em;
  --fs-4l: 2em;
  --fs-3l: 1.7em;
  --fs-2l: 1.5em;
  --fs-l: 1.3em;
  --fs-m: 1.1em;
  --fs-s: 0.9em;
  --fs-2s: 0.8em;
  --fs-3s: 0.7em;
  --fs-min: 0.6em;
  
  --ff-en: 'Josefin Sans', sans-serif;
  --ff-min: 'Shippori Mincho', serif;;
}
@media print, screen and (max-width:1200px) {
  :root {
    --fs-max: 2.3em;
    --fs-5l: 2.1em;
    --fs-4l: 1.9em;
    --fs-3l: 1.6em;
  }
}
@media print, screen and (max-width:800px) {
  :root {
    --fs-max: 2.1em;
    --fs-5l: 2em;
    --fs-4l: 1.8em;
    --fs-3l: 1.5em;
    --fs-2l: 1.4em;
    --fs-l: 1.2em;
  }
}
@media print, screen and (max-width:1200px) {
  html {
    font-size: clamp(58%, 0.2em + 0.6vw, 62.5%);
  }
}
@media screen and (max-width:640px) {
  html {
    font-size: clamp(50%, 0.3em + 0.8vw, 58%);
  }
}
.fs-max { font-size: var(--fs-max); }
.fs-5l { font-size: var(--fs-5l); }
.fs-4l { font-size: var(--fs-4l); }
.fs-3l { font-size: var(--fs-3l); }
.fs-2l { font-size: var(--fs-2l); }
.fs-l { font-size: var(--fs-l); }
.fs-m { font-size: var(--fs-m); }
.fs-ms { font-size: var(--fs-ms); }
.fs-s { font-size: var(--fs-s); }
.fs-2s { font-size: var(--fs-2s); }
.fs-3s { font-size: var(--fs-3s); }
.fs-min { font-size: var(--fs-min); }

.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }

.fc-blue { color: #305884; }
.fc-dblue { color: #1C3C5E; }
.fc-gold { color: #917D5F; }
.fc-red { color: #C34141; }

.ff-en { font-family: var(--ff-en); }
.ff-min { font-family: var(--ff-min); }

/*-----------------------------------------------------------------------------------
  img
-----------------------------------------------------------------------------------*/
img {
  max-width: 100%;
  height: auto;
}
img[src$=".svg"] {
  width: 100%;
  height: auto;
}
@media (hover: hover) {
  img.img-hv,
  a.img-hv img {
    transition: opacity 0.3s ease-out;
  }
  img.img-hv:hover,
  a.img-hv:hover img,
  .js_linkBox:hover img.img-hv {
    opacity: 0.6;
  }
}

/*-----------------------------------------------------------------------------------
  link
-----------------------------------------------------------------------------------*/
a {
  outline: none;
}
a,
a:visited,
a:hover {
  color: #1C3C5E;
  text-decoration: underline;
}
@media (hover: hover) {
  a,
  .js_linkBox {
    transition: color 0.15s ease-out, opacity 0.15s ease-out, background 0.3s ease-out, border 0.15s ease-out;
  }
  a:hover,
  .js_linkBox:hover a {
    color: #305884;
    text-decoration: none;
  }
}
@media (hover: hover) {
  a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
    color: inherit;
  }
}
a[href^="tel:"],
a[href^="tel:"]:visited,
a[href^="tel:"]:hover {
  color: inherit;
  text-decoration: none;
}