@charset "utf-8";

@import "reset.css";
@import "header.css";
@import "flexnav.css";
@import "contents.css";
@import "jquery.fancybox.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&Noto+Sans+JP:wght@300;500;900&display=swap');


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


/* link
---------------------------*/
body * a:link, 
body * a:active, 
body * a:visited  { text-decoration: none; color: #3071b7; transition: .2s; }
body * a:hover { text-decoration: underline; color: #26c4df; }
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;
}


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

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