@charset "utf-8";
/* CSS Document */
/* ver1.0 */

/* --------------------------------------------------------- 
  margin
---------------------------------------------------------- */
.mgn0 {
	margin:0 !important;
}

.mgn-0-auto {
	margin: 0 auto !important;
}

.mgn-top-0 {
	margin-top: 0 !important;
}

.mgn-top-5 {
	margin-top: 5px !important;
}

.mgn-top-10 {
	margin-top: 10px !important;
}

.mgn-top-20 {
	margin-top: 20px !important;
}

.mgn-top-30 {
	margin-top: 30px !important;
}

.mgn-top-45 {
	margin-top: 45px !important;
}

.mgn-top-50 {
	margin-top: 50px !important;
}

.mgn-top-60 {
	margin-top: 60px !important;
}

.mgn-top-70 {
	margin-top: 70px !important;
}

.mgn-top-80 {
	margin-top: 80px !important;

}
.mgn-top-100 {
	margin-top: 100px !important;

}
.mgn-top-110 {
	margin-top: 110px !important;

}
.mgn-top-120 {
	margin-top: 120px !important;

}
.mgn-top-130 {
	margin-top: 130px !important;

}
.mgn-top-140 {
	margin-top: 140px !important;

}
.mgn-top-150 {
	margin-top: 150px !important;

}
.mgn-top-160 {
	margin-top: 160px !important;

}
.mgn-top-170 {
	margin-top: 170px !important;

}
.mgn-top-180 {
	margin-top: 180px !important;

}
.mgn-top-190 {
	margin-top: 190px !important;

}
.mgn-top-200 {
	margin-top: 200px !important;

}
.mgn-right-0 {
	margin-right: 0 !important;
}

.mgn-right-10 {
	margin-right: 10px !important;
}

.mgn-right-20 {
	margin-right: 20px !important;
}

.mgn-right-30 {
	margin-right: 30px !important;
}

.mgn-right-40 {
	margin-right: 40px !important;
}

.mgn-right-50 {
	margin-right: 50px !important;
}

.mgn-bottom-0 {
	margin-bottom: 0 !important;
}

.mgn-bottom-5 {
	margin-bottom: 5px !important;
}

.mgn-bottom-10 {
	margin-bottom: 10px !important;
}

.mgn-bottom-15 {
	margin-bottom: 15px !important;
}

.mgn-bottom-20 {
	margin-bottom: 20px !important;
}

.mgn-bottom-25 {
	margin-bottom: 25px !important;
}

.mgn-bottom-30 {
	margin-bottom: 30px !important;
}

.mgn-bottom-40 {
	margin-bottom: 40px !important;
}

.mgn-bottom-50 {
	margin-bottom: 50px !important;
}

.mgn-bottom-60 {
	margin-bottom: 60px !important;
}

.mgn-bottom-70 {
	margin-bottom: 70px !important;

}

.mgn-bottom-80 {
	margin-bottom: 80px !important;
}

.mgn-bottom-150 {
	margin-bottom: 150px !important;
}

.mgn-left-0 {
	margin-left: 0 !important;
}

.mgn-left-5 {
	margin-left: 5px !important;
}

.mgn-left-10 {
	margin-left: 10px !important;
}

.mgn-left-20 {
	margin-left: 20px !important;
}

.mgn-left-30 {
	margin-left: 30px !important;
}

.mgn-left-40 {
	margin-left: 40px !important;
}

.mgn-left-50 {
	margin-left: 50px !important;
}

.mgn-left-60 {
	margin-left: 60px !important;
}

.mgn-left-1_5em {
	margin-left: 1.5em !important;
}

/* --------------------------------------------------------- 
  padding
---------------------------------------------------------- */
.pdg-top-0 {
	padding-top: 0 !important;
}

.pdg-top-5 {
	padding-top: 5px !important;
}

.pdg-top-15 {
	padding-top: 15px !important;
}

.pdg-bottom-0 {
	padding-bottom: 0 !important;
}

.pdg-bottom-10 {
	padding-bottom: 10px !important;
}

.pdg-bottom-20 {
	padding-bottom: 20px !important;
}

.pdg-bottom-30 {
	padding-bottom: 30px !important;
}

.pdg-bottom-80 {
	padding-bottom: 80px !important;
}

.pdg-left-0 {
	padding-left:0 !important;
}

.pdg-left-15 {
	padding-left:15px !important;
}

.pdg-right-0{
	padding-right:0 !important;
}

.pdg-right-15{
	padding-right:15px !important;
}
/* --------------------------------------------------------- 
  height
---------------------------------------------------------- */
.height-auto {
	height: auto !important;
}
.height-auto {
	height: auto !important;
}

.height-20 {
	height: 20px !important;
}

.height-40 {
	height: 40px !important;
}

.height-50 {
	height: 50px !important;
}

.height-60 {
	height: 60px !important;
}

.height-70 {
	height: 70px !important;

}
.height-80 {
	height: 80px !important;
}

.height-90 {
	height: 90px !important;
}

.height-100 {
	height: 100px !important;
}

.height-110 {
	height: 110px !important;
}

.height-120 {
	height: 120px !important;
}

.height-150 {
	height: 150px !important;

}
.height-160 {
	height: 160px !important;
}

.height-180 {
	height: 180px !important;
}

.height-190 {
	height: 190px !important;
}

.height-200 {
	height: 200px !important;
}

.height-210 {
	height: 210px !important;
}

.height-220 {
	height: 220px !important;
}

.height-230 {
	height: 230px !important;
}

.height-250 {
	height: 250px !important;
}

.height-260 {
	height: 260px !important;
}

.height-300 {
	height: 300px !important;
}

.height-330 {
	height: 330px !important;
}

.height-350 {
	height: 350px !important;
}

.height-380 {
	height: 380px !important;
}

.height-400 {
	height: 400px !important;
}

.height-420 {
	height: 420px !important;
}

.height-450 {
	height: 450px !important;
}

.height-500 {
	height: 500px !important;
}

.height-550 {
	height: 550px !important;
}

.height-600 {
	height: 600px !important;
}

.height-680 {
	height: 680px !important;
}

.height-700 {
	height: 700px !important;
}
/* --------------------------------------------------------- 
  width
---------------------------------------------------------- */
.width-auto {
	width: auto !important;
}

.width-20 {
	width: 20px !important;
}

.width-40 {
	width: 40px !important;
}

.width-50 {
	width: 50px !important;
}

.width-60 {
	width: 60px !important;
}

.width-70 {
	width: 70px !important;

}
.width-80 {
	width: 80px !important;
}

.width-90 {
	width: 90px !important;
}

.width-100 {
	width: 100px !important;
}

.width-110 {
	width: 110px !important;
}

.width-120 {
	width: 120px !important;
}

.width-150 {
	width: 150px !important;

}
.width-160 {
	width: 160px !important;
}

.width-180 {
	width: 180px !important;
}

.width-190 {
	width: 190px !important;
}

.width-200 {
	width: 200px !important;
}

.width-210 {
	width: 210px !important;
}

.width-220 {
	width: 220px !important;
}

.width-230 {
	width: 230px !important;
}

.width-250 {
	width: 250px !important;
}

.width-260 {
	width: 260px !important;
}

.width-300 {
	width: 300px !important;
}

.width-330 {
	width: 330px !important;
}

.width-350 {
	width: 350px !important;
}

.width-380 {
	width: 380px !important;
}

.width-400 {
	width: 400px !important;
}

.width-420 {
	width: 420px !important;
}

.width-450 {
	width: 450px !important;
}

.width-500 {
	width: 500px !important;
}

.width-550 {
	width: 550px !important;
}

.width-600 {
	width: 600px !important;
}

.width-680 {
	width: 680px !important;
}

.width-700 {
	width: 700px !important;
}

.width-720 {
	width: 720px !important;
}

.width-800 {
	width: 800px !important;
}

.width-1000 {
	width: 1000px !important;
}

.width-3em {
	width: 3em !important;
}

.width-4em {
	width: 4em !important;
}

.width-5em {
	width: 5em !important;
}

.width-6em {
	width: 6em !important;
}

.width-7em {
	width: 7em !important;
}

.width-8em {
	width: 8em !important;
}

.width-9em {
	width: 9em !important;
}

.width-10em {
	width: 10em !important;
}

.width-80per {
	width: 80% !important;
}

.width-90per {
	width: 90% !important;
}

.width-95per {
	width: 95% !important;
}

.width-100per {
	width: 100% !important;
}

.min-height-1700 {
	min-height: 1700px !important;
}

/* --------------------------------------------------------- 
  float
---------------------------------------------------------- */

.clear {
	clear: both !important;
}

.flt-lt {
	float: left !important;
}

.flt-rt {
	float: right !important;
}

.flt-none {
	float: none !important;
}


/* --------------------------------------------------------- 
  text
---------------------------------------------------------- */

/*--- font-size ---*/

.font10 {
	font-size: 10px !important;
}

.font11 {
	font-size: 11px !important;
}

.font12 {
	font-size: 12px !important;
}

.font13 {
	font-size: 13px !important;
}

.font14 {
	font-size: 14px !important;
}

.font15 {
	font-size: 15px !important;
}

.font16 {
	font-size: 16px !important;
}

.font17 {
	font-size: 17px !important;
}

.font18 {
	font-size: 18px !important;
}

.font18 {
	font-size: 18px !important;
}

.font19 {
	font-size: 19px !important;
}

.font20 {
	font-size: 20px !important;
}

.font21 {
	font-size: 21px !important;
}

.font22 {
	font-size: 22px !important;
}

.font23 {
	font-size: 23px !important;
}

.font24 {
	font-size: 24px !important;
}

.font-size-moresmall {
	font-size: 85%;
}

.font-size-small {
	font-size: 90%;
}

.font-size-large {
	font-size: 120%;
}

.font-size-larger {
	font-size: 150%;
}

.font-bold {
	font-weight: bold;
}

.font-normal {
	font-weight:normal !important;
}

.letter-sp-0{
	letter-spacing: 0px;
}

.letter-sp-06{
	letter-spacing: 0.6px;
}


/*--- txt-position ---*/

.txt-center {
	text-align: center !important;
}

.txt-right {
	text-align: right !important;
}

.txt-left {
	text-align: left !important;
}

.vt-top {
	vertical-align: top;
}

.vt-middle {
	vertical-align: middle !important;
}

/*--- txt-color ---*/

.col-red {
	color: #ff0000;
}

.col-blue {
	color: #007bbd;
}

.col-normal {
	color:#000 !important;
}

.col-navy {
	color:#039;
}

/*--- txt-decoration ---*/

.txt-underline {
	text-decoration: underline;
}

/* --------------------------------------------------------- 
  border
---------------------------------------------------------- */

.border-top-none {
	background-image: none !important;
    border-top:none !important;
}

.border-bottom-none {
	background-image: none !important;
    border-bottom:none !important;
}

.border-left-none {
	background-image: none !important;
    border-left:none !important;
}

.border-right-none {
	background-image: none !important;
    border-right:none !important;
}

.border-top-1 {
	border-top: 1px solid #e6e7e8;
}

.border-rt-1 {
	border-right: 1px solid #e6e7e8;
}

.border-bottom-1 {
	border-bottom: 1px solid #e6e7e8;
}

.border-lt-1 {
	border-left: 1px solid #e6e7e8;
}

.img-border {
	border: 1px solid #e6e7e8;
}

.border-1px {
	border:#ccc 1px solid !important;
}

.border-top-1px {
	border-top:#ccc 1px solid !important;
}

.border-bottom-1px {
	border-bottom:#ccc 1px solid !important;
}

.border-left-1px {
	border-left:#ccc 1px solid !important;
}

.border-right-1px {
	border-right:#ccc 1px solid !important;
}

.border-2px {
	border:#ccc 2px solid !important;
}

.border-top-2px {
	border-top:#ccc 2px solid !important;
}

.border-bottom-2px {
	border-bottom:#ccc 2px solid !important;
}

.border-left-2px {
	border-left:#ccc 2px solid !important;
}

.border-right-2px {
	border-right:#ccc 2px solid !important;
}

.border-top-none {
	border-top:none !important;
}

.border-bottom-none {
	border-bottom:none !important;
}

.border-left-none {
	border-left:none !important;
}

.border-right-none {
	border-right:none !important;
}

.border-dot-top {
    background: url(../img/dot_width.png) left top no-repeat;
}

.border-dot-bottom {
    background: url(../img/dot_width.png) left bottom no-repeat;
}

td.td-nowrap {
	white-space:nowrap;
}

th.th-nowrap {
	white-space:nowrap;
}

.txt-indent1em {
	text-indent:1em;
}

.txt-indent-1em {
	text-indent:-1em;
}

.txt-indent-1_5em {
	text-indent:-1.5em;
}

/* --------------------------------------------------------- 
  background
---------------------------------------------------------- */

.white {
	background: #fff;
}

.light-aqua {
	background:#F0F6FC;
}

.light-gray {
	background: #f3f5f6;
}

.blank {
	background: url(../img/icon_new-window_bl.png) no-repeat right center;
}

.icon_blank {
	margin: 0 !important;
}

.bg-none {
	background: none !important;
}

.bg-arrow-gy:before {
	margin-right: 10px;
	background: url(../img/arrow_min_gy_rt.png) no-repeat left center;
	content: "";
	display: inline-block;
	width: 5px;
    height: 5px;
}

/*---色設定---*/

.bg-light-aqua {
	background:#F0F6FC;	/*-thの水色より少し薄い-*/
}

.bg-aqua {
	background:#CDE1F5;	/*-thの水色より少し濃い-*/
}

.bg-gray {
	background:#EEE !important;
}

.bg-light-gray {
	background:#F5F5F5 !important;
}

.bg-white {
	background:#FFF !important;
}

.bg-yellowgreen {
	background:#D7EABB!important;
}

.bg-light-yellowgreen {
	background: #ECF2E3 !important;
}


/* --------------------------------------------------------- 
  hr
---------------------------------------------------------- */

.hr-gray1 {
	margin: 0 2% ;
	background: #ccc;
	display: block;
	height: 1px;
	width: 94%;
}

.hr-gray25 {
	margin: 0 2% ;
	background: #dfdfdf;
	display: block;
	height: 25px;
	width: 94%;
}

.hr-blue {
    margin: 10px 0;
    color: #FFF;
    border: #FFF 1px solid;
    border-top: #8FB5CF 1px solid;
    /* border-top: #06C 1px solid; */
    clear: both;
}


.hr-white {
	background: #fff;
	border: none;
	display: block;
	height: 20px;
}

.hr-wh50 {
	background: #fff;
	border: none;
	display: block;
	height: 50px;
}

.hr-wh70 {
	background: #fff;
	border: none;
	display: block;
	height: 70px;
}

.hr-wh100 {
	background: #fff;
	border: none;
	display: block;
	height: 100px;

}

.hr-dot {
	border-top: 1px dotted #8c8b8b;
}

/* --------------------------------------------------------- 
  コンポーネント用
---------------------------------------------------------- */

.imgL ,.imgL {
	margin: 30px 0;
	clear: both;
}

.imgL div {
    margin: 0 15px 10px 0;
    float: left;
    width: 280px;
    text-align:center;
}

.imgR div {
	margin: 0 0 10px 15px;
    float: right;
    width: 280px;
    text-align:center;
}

.imgR div img, .imgL div img {
    width: 100%;
}

.imgR:after, .imgL:after {
  content: ""; 
  display: block; 
  clear: both;
}


/* 2019.10.29 */
.mgn-top-auto {
  margin-top: auto !important;
}
.mgn-top-40 {
	margin-top: 40px !important;
}
.d-flex {
	display: flex;
}
.justify-flexstart {
	justify-content: flex-start;
}
.d-inline_block {
	display: inline-block;
}