@charset "utf-8";
/* CSS Document */
/*------------------- デフォルトの設定変更 ------------------- */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
html {
	box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
}
body {
	margin: 0;
    font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.8;
	color: #4a4a4a;
	background-color: #f5f3ef;
	position: relative;
}
a {
	color: #4a4a4a;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
a:hover {
	color: #7c7c7c;
	text-decoration: none;
}
ul{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
	padding: 0;
}
/*------------------- デフォルトの設定変更 fin ------------------- */
.imgR {
	float: right;
	margin: 0 0 10px 30px;
}

.imgL {
	float: left;
	margin: 0 30px 10px 0;
}

.left {
	float: left;
}
.right {
	float: right;
}
.sm_left{
	float: left;
}
.sm_right{
	float: right;
}

.alC {
	text-align: center;
}
.alL {
	text-align: left;
}

.alR {
	text-align: right;
}
.vaT { vertical-align: top; }
.vaM { vertical-align: middle; }
.vaB { vertical-align: bottom; }

.lineheight0,
.lineheight0 * { line-height: 0; }

/* margin padding */
.mgAuto{margin-left:auto;margin-right:auto;}

.mgt0{margin-top:0px;}
.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px;}
.mgt45{margin-top:45px;}
.mgt50{margin-top:50px;}
.mgt70{margin-top:70px;}

.mgb0{margin-bottom:0px;}
.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.mgb30{margin-bottom:30px;}
.mgb35{margin-bottom:35px;}
.mgb40{margin-bottom:40px;}
.mgb45{margin-bottom:45px;}
.mgb50{margin-bottom:50px;}

.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl20{margin-left:20px;}
.mgl25{margin-left:25px;}
.mgl30{margin-left:30px;}
.mgl35{margin-left:35px;}
.mgl40{margin-left:40px;}
.mgl45{margin-left:45px;}
.mgl50{margin-left:50px;}

.mgr5{margin-right:5px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr25{margin-right:25px;}
.mgr30{margin-right:30px;}
.mgr35{margin-right:35px;}
.mgr40{margin-right:40px;}
.mgr45{margin-right:45px;}
.mgr50{margin-right:50px;}

.pdt5{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pdt35{padding-top:35px;}
.pdt40{padding-top:40px;}
.pdt45{padding-top:45px;}
.pdt50{padding-top:50px;}

.pdb5{padding-bottom:5px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}
.pdb35{padding-bottom:35px;}
.pdb40{padding-bottom:40px;}
.pdb45{padding-bottom:45px;}
.pdb50{padding-bottom:50px;}

.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px;}
.pdl30{padding-left:30px;}
.pdl35{padding-left:35px;}
.pdl40{padding-left:40px;}
.pdl45{padding-left:45px;}
.pdl50{padding-left:50px;}

.pdr5{padding-right:5px;}
.pdr10{padding-right:10px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr25{padding-right:25px;}
.pdr30{padding-right:30px;}
.pdr35{padding-right:35px;}
.pdr40{padding-right:40px;}
.pdr45{padding-right:45px;}
.pdr50{padding-right:50px;}

.pd0{padding:0px;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd25{padding:25px;}
.pd30{padding:30px;}
.pd35{padding:35px;}
.pd40{padding:40px;}
.pd45{padding:45px;}
.pd50{padding:50px;}

/* background color */
.bgWhite { background-color: #FFF; }
.bgBlack { background-color: #000; }
.bgBlue { background-color: #0a5493; }
.bgPaleBlue { background-color: #dae5ef; }

/* font color */
.txWhite { color: #FFF; }
.txBlack { color: #000; }
.txBlue { color: #0a5493; }
.txGreen { color: #5db700; }
.txLtGreen{ color: #3dd1c3}
.txOrange { color: #e84d18; }
.txRed{ color: #ED1C24; }

/* font size */
.xxlag { font-size:190%; }
.xlag { font-size:142.5%; }
.lag { font-size:112.5%; }
.sml { font-size: 87.5%; }
.xsml { font-size: 68.75%; }

/* font weight */
.fwB { font-weight:bold; }

/* font weight */
.txUnder { text-decoration:underline; }

/* position */
.position-a{
	position: absolute;
}
.position-f{
	position: fixed;
}
.position-i{
	position: inherit;
}
.position-r{
	position: relative;
}
.position-s{
	position: static;
}

.row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  padding-top: 20px;
  padding-bottom: 20px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row .col {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}

.row .col[class*="push-"], .row .col[class*="pull-"] {
  position: relative;
}

.row.grid-narrow {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.row.grid-narrow .col.s1,
.row.grid-narrow .col.s2,
.row.grid-narrow .col.s3,
.row.grid-narrow .col.s4,
.row.grid-narrow .col.s5,
.row.grid-narrow .col.s6,
.row.grid-narrow .col.s7,
.row.grid-narrow .col.s8,
.row.grid-narrow .col.s9,
.row.grid-narrow .col.s10,
.row.grid-narrow .col.s11,
.row.grid-narrow .col.s12 {
	padding: 0.5rem;
}

.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
.w100p {
	width: 100%;
}

.is-mypage { display: none; }
.w_nowrap{
	white-space: nowrap;
}

/*------------------- SP適用 ------------------- */
@media only screen and (max-width: 640px) {
.sm_left{
	float: none;
}
.sm_right{
	float: none;
}
}