@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* ##################################################################### */
/*	モバイルレ : 480 px およびそれ以下
/* ##################################################################### */
.navbar-light .navbar-toggler-b {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light-b .navbar-toggler-icon02 {
  background-image: url(../images/test.png);
}


.logo .navbar-brand img{
	height: 40px;
	width: auto;
	padding-top: 0px;
	margin-top: 5px;
}
.card {
     display: block!important;
}


/* ===================================================================== */
/*	基本設定
/* ===================================================================== */
/* ---- フォント設定 ---- */
body {

	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.8;
	color: #333333;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-family:-apple-system-subset, "Hiragino Kaku Gothic ProN";
        /*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;*/
   /* font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;*/
}



/* ---- 右スクロールを常に出す ---- */
html {
	overflow-y: scroll;
}
/* ---- リンクアンダーバーを無くす ---- */
a {
	text-decoration: none!important;
}




/* ---- ナビブロック ---- */
.navbar {
     padding: 0rem 1rem; 
}

/* ---- ページトップ ---- */
.pagetop {
    position: fixed;
    right: 0px;
    display: block;
    background-color: rgba(0,0,0,0.8);
    border: 1px solid #666;
}
/* ---- フッター ---- */
footer dt {
    font-weight: normal;
}
footer .section1 dd {
    padding-left: 10px;
	margin-bottom: 0;
    font-size: 84%;
    line-height: 1.8em;
    font-weight: lighter;
}
footer .section2 li, footer .section2 li a {
    font-size: 80%;
}
footer .section3 {
    font-size: 60%;
}
footer .row {
/*     display: -webkit-box; 
    display: -ms-flexbox;*/
     display:block; 
    -ms-flex-wrap: nowrap;
     flex-wrap:nowrap; 
    margin-right: -15px;
    margin-left: -15px;
}

/* ##################################################################### */
/*	タブレット小
/* ##################################################################### */
@media (min-width: 480px) {
/* ===================================================================== */
/*	タブレット小　共通基本設定
/* ===================================================================== */
body {

	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.8;
	color: #333333;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-family:-apple-system-subset, "Hiragino Kaku Gothic ProN";
        /*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;*/
   /* font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;*/
}   
    
.logo .navbar-brand img{
	height: 50px;
	width: auto;
	padding-top: 0px;
	margin-top: 5px;
}    
    
.bg_bottom{
	background-image: url(../images/bg_bottom.png);
	background-position: center bottom;
	background-size: auto auto;
	height: 258px;
	background-repeat: no-repeat;
}
	
}

/* ##################################################################### */
/*	タブレット大
/* ##################################################################### */
@media (min-width: 768px) {
/* ===================================================================== */
/*	タブレット大　共通基本設定
/* ===================================================================== */
footer .row {
     display: -webkit-box; 
    display: -ms-flexbox;
     display: flex; 
    -ms-flex-wrap: wrap;
     flex-wrap: wrap; 
    margin-right: -15px;
    margin-left: -15px;
}
	
	body {
	background-image: url(../images/background.png);
	background-repeat: repeat-y;
	background-position: center bottom;
	background-size: cover;
	background-attachment: fixed;
	}
	
}

/* ##################################################################### */
/*	PC
/* ##################################################################### */
@media (min-width: 1200px) {
/* ===================================================================== */
/*	PC　　共通基本設定
/* ===================================================================== */

	
}

body {
	background-image: url("../../function/images/ki_bk.svg"), url("../images/haikei.png")!important;
	background-repeat: no-repeat, repeat!important;
    background-position:180% 10%, 0px 0px!important;
    background-size: 90% auto, 50% auto!important;    
	background-attachment: fixed;
}