@charset "utf-8";
/* --------------------------------
	基本設定
-------------------------------- */

body {
	font-style:normal;
	font-weight: normal;
}
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,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,main,menu,nav,section,summary,
embed,output,ruby,
time,mark,audio,video,
tr,th,td{
	font-size: inherit;
	color: inherit;
	font-style: inherit;
	font-weight: inherit;
}

html{
    /*パソコンでスムーズスクロールできるが、上手くキャプチャできなくなるため不使用*/
  /*scroll-behavior: smooth;*/
}
/* --------------------------------
	フォントファミリー設定（bodyはfont-weightも設定）
-------------------------------- */
body{
font-family: 'Noto Sans JP',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:300;
}
.ffa-ser{font-family: "Times New Roman",'Noto Serif JP',"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.ffa-san{font-family: 'Noto Sans JP',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ffa-ari{font-family: Arial, Helvetica,"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/* --------------------------------
	フォントサイズ設定（地の文）
-------------------------------- */
body {font-size: 15px;}
@media (min-width: 1400px){body {font-size: 15px;font-size: 1.07vw;}}
@media (min-width: 1700px){body {font-size: 18px;}}
/* --------------------------------
	タグ設定
-------------------------------- */
b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

small {
    font-size: 12px;
}

.relabox {
    position: relative;
}
/* --------------------------------
	リンク、リンク色
-------------------------------- */
a {
    text-decoration: underline;
}
/*色*/
a,a:link{color: #167AC6/*#12c*/;}
a:visited{color: #0E4F7E/*#609*/;}
a:hover,a:active, a:focus{color: #00723a/*#2B9661*//*#78f*/;}
/* --------------------------------
	スマホ版とPC版の２デザイン対応用
-------------------------------- */
@media (min-width: 670px){
    #gl-menu{font-family: "Times New Roman",'Noto Serif JP',"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
    }
/* --------------------------------
	共通css
-------------------------------- */
.clearfix::before,
.clearfix::after {
content: "　";
display: block;
font-size:1px;
height: 0;
width:100%;
clear: both;
visibility: hidden;
}

a:hover.palebtn,
a:hover img.palebtn{
    filter: alpha(opacity=70);
    opacity:0.7;
    -moz-opacity:0.7;
}


/* ★max注意ここから★ */
@media (max-width: 669px) {
    .smp-no{display: none;}
}/*end max-width: 669px*/
@media (max-width: 959px) {
    .smp-no2{display: none;}
}/*end max-width: 959px*/
/* ★max注意ここまで★ */

@media (min-width: 430px) {
.smp-l-no{display: none !important;}
    }
@media (min-width: 670px) {
    .tab-no{display: none !important;}
}
@media (min-width: 960px) {
    .pc-no{display: none !important;}
}
/* --------------------------------
	内部リンク用
-------------------------------- */

.internal-lbox{
  position: relative;
}
.internal-link{
    display: block;
    width: 100px;
    height: 10px;
    position: absolute;
    top:-70px;/*60+10*/
    left: 0px;
    
}
@media (min-width: 670px){
.internal-link{
    top:-7.75vw;/*6.25+1.5vw*/
}
}
@media (min-width: 960px){
.internal-link{
    top:-70px;/*60+10*/
}
}
@media (min-width: 1200px){
.internal-link{
    top:-6vw;/*5+1vw*/
}
}
@media (min-width: 1700px){
.internal-link{
    top:-95px;/*85+10*/
}
}