@charset "utf-8";
/* CSS Document */

a.overwhite{
    background-color:#ffffff;
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

a.overbeige{
    background-color:#ffe4c4;
    display:block;
}

a.overbeige:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

body {
  font-size: 13px;
}

.small {
  font-size: 11px; /* 75% of the baseline */
}

.large {
  font-size: 23px; /* 125% of the baseline */
}

body {font-family: "ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;}

h1  { font-size: 11px; margin-top: 1px; margin-bottom: 1px; margin-left: 0 }
h2  { font-size: 13px; line-height: 17px; margin: 1px 0 }
h3  { font-size: 13px; font-weight: normal; line-height: 21px; margin-top: 165px; margin-right: 0; margin-left: 417px }
p        { font-size: 15px; }
.main_text       { font-size: 13px; line-height: 20px }
.text16       { font-size: 16px; line-height: 25px }
.section       { font-size: 11px; line-height: 22px }
.jikan        { font-size: 13px; line-height: 21px; font-stretch: extra-expanded }
.text_littlebig           {
	font-size: 17px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
.text_blue          { color: #0000ff; font-size: 18px; line-height: 25px }
.text_blue_under { font-size: 13px; line-height: 19px; text-decoration: underline }
.lead_bold        { font-size: 17px; font-weight: bold; line-height: 19px }
.lead_boldgray    { font-weight: bold; font-size: 12px; line-height: 19px }
.subsmall_text       { font-size: 11px; line-height: 18px }
.small_text       { font-size: 10px; line-height: 10px }
.subsmall_undertext  { font-size: 11px; line-height: 18px; text-decoration: underline }
.menu { color: #484848; font-size: 10px }
.subsmall_white        { color: white; font-size: 11px; line-height: 15px }
.text_white   { color: white; font-size: 16px; line-height: 17px margin-top: 5px; }
.text_bigwhite   { color: white; font-size: 20px; line-height: 20px }
.top_submenuwhite  { color: #fff; font-size: 11px }
.text_smallgray { color: #a9a9a9; font-size: 13px; line-height: 16px }
.text_red {
	color: #ff0000;
	font-size: 16px;
	line-height: 22px;
	margin-top: 5px;
}
.text_bigred {
	color: #ff0000;
	font-size: 22px;
	line-height: 28px;
	margin-top: 5px;
	font-weight: bold;
}
.text_maroon {
	color: #800000;
	font-size: 16px;
	line-height: 22px;
	margin-top: 5px;
	font-weight: bold;
}
.text_mred {
	color: #ff0000;
	font-size: 16px;
	line-height: 22px;
	margin-top: 5px;
	font-weight: bold;
}
.text_sbigred {
	color: #ff0000;
	font-size: 30px;
	line-height: 40px;
	margin-top: 5px;
	font-weight: bold;
}
a:hover         { color: #00a0e9; text-decoration: underline }
a { text-decoration: none }
.caption   { color: #ffd92d; font-weight: bold; font-size: 13px; line-height: 16px }
.title    { font-size: 16px; font-weight: bold; line-height: 22px }
.top_text    { line-height: 20px }
.text-pasent { font-size: 80%; line-height: 120% }
.text-01 { font-size: 90%; line-height: 150% }
.waku { border-width: 1px; border-color: #bbb }
.title01   { font-size: 19px }
.text_wide   { font-size: 13px; line-height: 19px; letter-spacing: 1px }
.relative {
    position: relative;
	width: 225px;
}
.absolute {
	position: absolute;
	right: 7px;
	top: 107px;
	color: #ff0000;
	font-size: 150%;
	text-align: center;
	width: 211px;

}
.relative2 {
    position: relative;
	width: 225px;
}
.absolute2 {
	position: absolute;
	right: 9px;
	top: 73px;
	color: #ff0000;
	font-size: 150%;
	text-align: center;
	width: 211px;
	height: 54px;
	line-height: 30px;

}

.text_bighotpink {
	color: #ff69b4;
	font-size: 20px;
	line-height: 22px;
	margin-top: 5px;
	font-weight: bold;
}


.text_bighotblue {
	color: #0000ff;
	font-size: 20px;
	line-height: 22px;
	margin-top: 5px;
	font-weight: bold;
}


.text_bighotorange {
	color: #ffa500;
	font-size: 20px;
	line-height: 22px;
	margin-top: 5px;
	font-weight: bold;
}

.pix-33          { font-size: 33px }
.pix-30      { font-size: 30px; line-height: 140% }
.pix-26        { font-size: 26px; line-height: 150% }
.pix-26-line { font-size: 26px; line-height: 145%; text-decoration: underline }
.pix-24                 { font-size: 24px; line-height: 150% }
.pix-22                 { font-size: 22px; line-height: 155% }
.pix-22-line { font-size: 22px; line-height: 155%; text-decoration: underline }
.pix-19            { font-size: 19px; line-height: 160% }
.size-cregit       { font-size: 15px }
.size-cregit-white  { color: white; font-size: 15px; line-height: 22px }
a { text-decoration: none }
.waku { border-width: 1px; border-color: #bbb }
body {     -webkit-text-size-adjust: 100%; } 

.square_btn {
position: relative;
display: inline-block;
padding: 0.25em 0.5em;
text-decoration: none;
color: #FFF;
background: #fd9535;/*背景色*/ border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/ border-radius: 4px;/*角の丸み*/ box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
font-weight: bold;
}.square_btn:active {
border-bottom: solid 2px #fd9535;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
} 

.square_blue_btn {
position: relative;
display: inline-block;
padding: 0.25em 0.5em;
text-decoration: none;
color: #FFF;
background: #54C3F1;/*背景色*/ border-bottom: solid 2px #00AFEC;/*少し濃い目の色に*/ border-radius: 4px;/*角の丸み*/ box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
font-weight: bold;
}.square_btn:active {
border-bottom: solid 2px #fd9535;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
} 

.square_green_btn {
position: relative;
display: inline-block;
padding: 0.25em 0.5em;
text-decoration: none;
color: #FFF;
background: #6CBC64;/*背景色*/ border-bottom: solid 2px #00A73C;/*少し濃い目の色に*/ border-radius: 4px;/*角の丸み*/ box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
font-weight: bold;
}.square_btn:active {
border-bottom: solid 2px #fd9535;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
} 


/*801px～PC　PC上では見えないようにする*/
@media (min-width: 801px) {
   .for-sp{
      display:none;
    }
}
 
/*スマホ～800pxの幅サイズまで*/
@media screen and (max-width:800px){
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 20px;
   border-right: 1px solid #fff;
}

/*左側メニューを緑色に*/
#sp-fixed-menu li:first-child{
   background: #38b435;
}

/*真中左メニューをサーモンピンク色に*/
#sp-fixed-menu li:nth-of-type(2){
   background: #0066ff;
}

/*真中右メニューをブルー色に*/
#sp-fixed-menu li:nth-of-type(3){
   background: #0000ff;
}

/*右側メニューをオレンジ色に*/
#sp-fixed-menu li:last-child{
   background: #f3a324;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:20px;
}
}


#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #3f98ef;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  color: #3f98ef;
}