@charset "UTF-8";

/* common style
------------------------------------------------------------*/

body {
	font-family: 'Noto Sans Japanese', 游ゴシック体, 'Yu Gothic', YuGothic, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 160%;
}

a {
	color: #000;
  transition-duration: 0.5s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	/* text-decoration: underline; */
  text-decoration: none;
}
a:active {
}



/* box-sizing */
#wrapper *, #wrapper *:before, #wrapper *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



/* イメージ */
#wrapper img { width: 100%; }



/* フォントカラー */
.fc-black{ color:#000000 !important; }
.fc-green{ color:#00A988 !important; }
.fc-orange{ color:#E9872E !important; }
.fc-red{ color:#fc6565 !important; }
.fc-blue{ color:#4261ad !important; }

.fs-bold{ font-weight:bold !important;}
.fs-s{ font-size:14px; }
.fs-m{ font-size:16px; }
.fs-l{ font-size:18px; }
.underline{ text-decoration:underline; }



/* margin */
.mb0 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 40px !important; }
.mb60 { margin-bottom: 60px !important; }
.last-block { margin-bottom: 60px !important; }

.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }



/* padding */
.p05 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p30 { padding: 30px; }

.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }

.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }



/* テキスト行替え */
.txt-break { display:block; }



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

.clearfix {
	display: inline-table;
	min-height: 1%;
}
/*.clearfix {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	min-height: 1%;
}*/

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */





/* PC only style
------------------------------------------------------------*/

@media screen and (min-width: 769px) and (max-width: 5000px) {

/* 余白（左右） */
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 10px; }	
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }

/* フロート */
.left { float: left; }
.right { float: right; }
  
  
/* sp版のみ表示を非表示 */
.sp-only { display: none !important; }


/* カラム（グリッドシステム） */
.row, .article{ width:100%; box-sizing:border-box; }
.row:after, .article:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.col-md-1 { width: 8.333%; }
.col-md-2 { width: 16.663%; }
.col-md-3 { width: 24.99%; }
.col-md-4 { width: 33.332%; }
.col-md-5 { width: 41.665%; }
.col-md-6 { width: 49.998%; }
.col-md-7 { width: 58.331%; }
.col-md-8 { width: 66.664%; }
.col-md-9 { width: 74.997%; }
.col-md-10 { width: 83.33%; }
.col-md-11 { width: 91.663%; }
.col-md-12 { width: 99.996%; }

/*[class*="col-md-"] img {
    width: 100%;
}*/

.system-img-wrap{
    width: 1100px;
    margin: 0 auto 40px;
    display: flex;
	}
	
}





/* SP only style
------------------------------------------------------------*/

@media screen and (min-width: 0px) and (max-width: 768px) {
  
/* margin */
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 8px; }
.mb20 { margin-bottom: 12px; }
.mb30 { margin-bottom: 15px; }
.mb40 { margin-bottom: 20px; }
.mb50 { margin-bottom: 25px; }
.mb60 { margin-bottom: 30px; }
.last-block { margin-bottom: 60px !important; }


/* カラム（グリッドシステム） */
.row, .article{ width:100%; box-sizing:border-box; }
.row:after, .article:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.col-md-1 { width: 49.998%; }
.col-md-2 { width: 49.998%; }
.col-md-3 { width: 49.998%; }
.col-md-4 { width: 49.998%; }
.col-md-5 { width: 49.998%; }
.col-md-6 { width: 99.996%; }
.col-md-7 { width: 99.996%; }
.col-md-8 { width: 99.996%; }
.col-md-9 { width: 99.996%; }
.col-md-10 { width: 99.996%; }
.col-md-11 { width: 99.996%; }
.col-md-12 { width: 99.996%; }


/* PC版のみ表示を非表示 */
.pc-only { display: none !important; }

}