@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: 20px; line-height: 26px;
}

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

.large {
  font-size: 25px; /* 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: 25px; line-height: 35px; }
.main_text       { font-size: 25px; line-height: 35px }
.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: 25px; line-height: 35px }
.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: 26px }
.top_submenuwhite  { color: #fff; font-size: 11px }
.text_gray { color: #484848; font-size: 19px; line-height: 20px }
.text_smallgray { color: #484848; font-size: 12px; line-height: 16px }
.text_red {
	color: #ff0000;
	font-size: 20px;
	line-height: 27px;
	margin-top: 5px;
}
.text_bigred {
	color: #ff0000;
	font-size: 26px;
	line-height: 40px;
	margin-top: 5px;
	font-weight: bold;
}
.text_maroon {
	color: #800000;
	font-size: 24px;
	line-height: 30px;
	margin-top: 5px;
	font-weight: bold;
}
.text_mred {
	color: #ff0000;
	font-size: 23px;
	line-height: 35px;
	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: 24px; font-weight: bold; line-height: 35px }
.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: 24px }
.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: 19px;
	line-height: 22px;
	margin-top: 5px;
	font-weight: bold;
}

.pix-40          { font-size: 40px; line-height: 80px }
.pix-33          { font-size: 35px }
.pix-30      { font-size: 32px; line-height: 140% }
.pix-26        { font-size: 28px; line-height: 150% }
.pix-26-line { font-size: 28px; line-height: 145%; text-decoration: underline }
.pix-24                 { font-size: 26px; line-height: 150% }
.pix-22                 { font-size: 24px; line-height: 155% }
.pix-22-line { font-size: 24px; line-height: 155%; text-decoration: underline }
.pix-19            { font-size: 21px; line-height: 160% }
.size-cregit       { font-size: 17px }
.size-cregit-white  { color: white; font-size: 17px; 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の幅サイズまで*/
#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:10px;
}


/*801px～PC　スマホでは見えないようにする*/
@media screen and (max-width:801px){
	.footer_area{
		display: none;
}	
}
 
/*スマホ～800pxの幅サイズまで*/
@media screen and (min-width:800px){
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0.6 );
	z-index: 10000;
}
.footer_area .footer_area_inner {
    position: relative;
    width: 80%;
    margin: 0px auto;
    padding: 10px 0;
	margin-right: 0px;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
    width: 85%;
    padding: 11px 0;
    font-size: 13px;
    font-weight: bold;
    margin-left: 15px;
	line-height: 1.3;
    
}
.inquiry_btn {
    background-color: #068BF1;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 80%;
    padding: 5px 0;
    font-size: 13px;
    font-weight: bold;
}
.inquiry_btn:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.footer_area_inner span{
	color: #fff;
}
#siteBottom{
	margin-bottom: 85px;
}
}