@charset "utf-8";

@import "reset.css";
@import "header.css";
@import "flexnav.css";
@import "contents.css";
@import "jquery.bxslider.css";
@import "jquery.fancybox.css";
@import "slick.css";
@import "slick-theme.css";
@import "spacesfont.css";
@import "form.css";
@import "footer.css";

@import "animate.css";

/* google web font */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&family=Noto+Sans+JP:wght@300;400;500;600&family=Oswald:wght@300;400;500&display=swap');


/* ---------------------    
PC Style
---------------------- */
body    {
    font-family: 'Noto Sans JP' , "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; /* NotoSansメイン */
    font-weight: 400;
    /*font-family: "游ゴシック体", YuGothic, "Yu Gothic Medium",'メイリオ',Meiryo, sans-serif; 游ゴシックメイン */
    letter-spacing: .05em;
    color: #000000;
}
/* main area base color */
main {
}


/* link
---------------------------*/
body * a:link, 
body * a:active, 
body * a:visited  { text-decoration: none; color: #000000; transition: .2s; }
body * a:hover { text-decoration: none; color: #000000; }
body * a:hover img { opacity: 0.6; }


/* webフォント読み込みスピード対策
---------------------------*/
/*html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}*/


/* font style
---------------------------*/
.txtSans    { font-family: 'Noto Sans JP' , "游ゴシック体", YuGothic , "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 500; }
.txtSerif   { font-family: 'Noto Serif JP', "游明朝", YuMincho , "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }


/* text style
---------------------------*/
.indent { text-indent: -9999px; }
.tNormal { font-weight: normal; }
.tBold  { font-weight: bold; }


/* float box
---------------------------*/
.fLeft    { float: left; }
.fRight    { float: right; }


/* text position
---------------------------*/
.tCenter    { text-align: center; }
.tLeft    { text-align: left; }
.tRight    { text-align: right; }


/* ---------------------------
display style
---------------------------*/
.dispSP  {
    display: none;
}
.dispPC {
    display: block;
}


/* form style
---------------------------*/
form	{ margin: 0px; }
input , textarea	{ border: 1px solid #cccccc; background-color: #ffffff; }


/* clearfix style
---------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
    display: inherit;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

/* img */
img	{
	max-width: 100%;
	width: 100%;
}
.gssb_a img	{
	width: auto;
	max-width: auto;
}



/* ---------------------    
SP Style
---------------------- */
@media all and (max-width: 768px) {
    /* ---------------------    
    global：mobile
    ---------------------- */
    img {
    max-width: 100%;
    height: auto;
    width /***/:auto;　
    }
    .breakSP    {
    display: block;
    }
    .breakPC    {
    display: none!important;
    }
    
    /* ---------------------------
    display style
    ---------------------------*/
    .dispSP  {
        display: block!important;
    }
    .dispPC {
        display: none;
    }

    /* float box
    ---------------------------*/
    .fLeft , .fRight    { float: none; }
        
}