@charset "UTF-8";

/* /////////////////////////////////////////////////
 1.common setting
 	- css reset
	- font family
	- font size
	- Image Float
    -Align
	- tags base setting

 2.universal class
  - font size
	- float clear
  - text align
  - vertical align
  - margin set
///////////////////////////////////////////////// */

/* Common Setting (ver 2.1)
==================================================*/

	html{font-size: 100%;}


	/* css reset
	------------------------------------------------*/
	body, div, p,
	h1, h2, h3, h4, h5, h6,
	dl, dt, dd, ul, ol, li,
	caption,
	form, fieldset, input, textarea, select,
	pre, address, blockquote,
	embed, object{margin:0px;padding:0px;}

	/* font family
	------------------------------------------------*/
	body,
	form textarea,
	form input{
		font-family: 'Noto Sans JP', sans-serif;
	/*font-family:'UD Shin Go Regular','Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,"ＭＳ Ｐゴシック", sans-serif;*/

	color:#000;
	}

	/* body
	------------------------------------------------*/
	body{
		color:#333;
		/*background:#fff url(/image/body_bg.gif);*/
		font-size:100%;
		-webkit-text-size-adjust:none;
	}

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

	/*h*/
	h1, h2, h3,	h4, h5, h6{font-weight:bold;}

	/*p*/
	p{font-weight:normal;}

	/*em || strong*/
	em, strong{font-style:normal;}

	/*ul || ol*/
	ul, ol{list-style:none;}

	/*dl*/
	dt img, dd img{vertical-align:bottom;}

	/*table*/
	table{
		border-collapse:collapse;
		border-spacing:0px;
		empty-cells:show;
	}
	caption, th {
		text-align:left;
	}

	/*img*/
	img{border:0px;}

	/*form*/
	form {font-weight:normal;}
	 input, textarea, select{
				border: 2px solid #bfbfbf;
				padding: 0.5em;
				line-height: 1.2;
/*
				-webkit-appearance: none;
				-moz-appearance: none;
				-o-appearance: none;
				-ms-appearance: none;
*/
				-webkit-border-radius:0;
				-moz-border-radius:0;
				border-radius:0;
				}
	 select{
			text-indent: .01px; /*Firefox用*/
			text-overflow: ""; /*Firefox用*/
			outline:none;
			background:transparent url(image/icon_select.gif) no-repeat right center;
			padding-right:20px;
			padding-right:0.5em\9;
			}
			select::-ms-expand{display: none;}

  input[type="button"]::-moz-focus-inner,
  input[type="reset"]::-moz-focus-inner,
  input[type="submit"]::-moz-focus-inner,
		select::-moz-focus-inner{border: 0px;}
		/*a*/
		a         {cursor:pointer; overflow:hidden; outline:none;}
				a:link    {/*color:#044497*/ text-decoration:none;/*border-bottom:1px solid blue;*/}
				a:visited {/*color:#044497*/ text-decoration:none;}
				a:hover   {/*color:#044497*/ text-decoration:underline;/*border-bottom:1px solid blue;*/}
				a:active,
				a:focus   {color:#333; text-decoration:none;}


	/*common setting > font size > ftMedium*/
	.ftSmallxx , table.ftSmallxx  th, table.ftSmallxx  td {font-size:71.4%      !important; line-height:1.5 !important;}
	.ftSmallx , table.ftSmallx  th, table.ftSmallx  td {font-size:78.6%      !important; line-height:1.5 !important;}
	.ftSmall  , table.ftSmall   th, table.ftSmall   td {font-size:85.7%      !important; line-height:1.5 !important;}
	.ftMedium , table.ftMedium  th, table.ftMedium  td {font-size:100%       !important; line-height:1.5 !important;}
	.ftLarge  , table.ftLarge   th, table.ftLarge   td {font-size:114.3%     !important; line-height:1.5 !important;}
	.ftLargex , table.ftLargex  th, table.ftLargex  td {font-size:128.6%     !important; line-height:1.5 !important;}
	.ftLargexx, table.ftLargexx th, table.ftLargexx td {font-size:142.9%     !important; line-height:1.5 !important;}

	/* align (with table)
	------------------------------------------------*/
	.txtAlignL, table.txtAlignL th, table.txtAlignL td {text-align:left   !important;}
	.txtAlignC, table.txtAlignC th, table.txtAlignC td {text-align:center !important;}
	.txtAlignR, table.txtAlignR th, table.txtAlignR td {text-align:right  !important;}

	/* image float
	------------------------------------------------*/
	.imageLeft  {float:left;  margin:0px 30px 15px 0px;}
	.imageRight {float:right; margin:0px 0px 15px 25px;}

	/* valign (table)
	------------------------------------------------*/
	.vAlignT, table.vAlignT th, table.vAlignT td {vertical-align:top    !important;}
	.vAlignM, table.vAlignM th, table.vAlignM td {vertical-align:middle !important;}
	.vAlignB, table.vAlignB th, table.vAlignB td {vertical-align:bottom !important;}

	/* float clear
	------------------------------------------------*/
	br.clearFloat,
	img.clearFloat {clear:both;height:0px;}
	div.clearFloat {clear:both;font-size:0px;line-height:0px;height:0px;width:0px;}
	.clearfix:after{
	display: block;
	content: "";
	clear: both;
	height:0;
	line-height: 0;
	overflow:hidden;
	}
	html* .clearfix{ zoom: 1; } /* IE6,7 */


	/* text align
	------------------------------------------------*/
	.txtAlignL, table.txtAlignL th, table.txtAlignL td {text-align:left   !important;}
	.txtAlignC, table.txtAlignC th, table.txtAlignC td {text-align:center !important;}
	.txtAlignR, table.txtAlignR th, table.txtAlignR td {text-align:right  !important;}


	/* vertical align
	------------------------------------------------*/
	.vAlignT, table.vAlignT th, table.vAlignT td {vertical-align:top    !important;}
	.vAlignM, table.vAlignM th, table.vAlignM td {vertical-align:middle !important;}
	.vAlignB, table.vAlignB th, table.vAlignB td {vertical-align:bottom !important;}


	/* margin set
	------------------------------------------------*/
		/*reset*/
		.margReset {margin:0px !important;}

		/*0px*/
		.margT00 {margin-top   :0px !important;}
		.margR00 {margin-right :0px !important;}
		.margB00 {margin-bottom:0px !important;}
		.margL00 {margin-left  :0px !important;}

		/*5px*/
		.margT05 {margin-top   :5px !important;}
		.margR05 {margin-right :5px !important;}
		.margB05 {margin-bottom:5px !important;}
		.margL05 {margin-left  :5px !important;}

		/*10px*/
		.margT10 {margin-top   :10px !important;}
		.margR10 {margin-right :10px !important;}
		.margB10 {margin-bottom:10px !important;}
		.margL10 {margin-left  :10px !important;}

		/*15px*/
		.margT15 {margin-top   :15px !important;}
		.margR15 {margin-right :15px !important;}
		.margB15 {margin-bottom:15px !important;}
		.margL15 {margin-left  :15px !important;}

		/*20px*/
		.margT20 {margin-top   :20px !important;}
		.margR20 {margin-right :20px !important;}
		.margB20 {margin-bottom:20px !important;}
		.margL20 {margin-left  :20px !important;}

		/*25px*/
		.margT25 {margin-top   :25px !important;}
		.margR25 {margin-right :25px !important;}
		.margB25 {margin-bottom:25px !important;}
		.margL25 {margin-left  :25px !important;}

		/*30px*/
		.margT30 {margin-top   :30px !important;}
		.margR30 {margin-right :30px !important;}
		.margB30 {margin-bottom:30px !important;}
		.margL30 {margin-left  :30px !important;}

		/*35px*/
		.margT35 {margin-top   :35px !important;}
		.margR35 {margin-right :35px !important;}
		.margB35 {margin-bottom:35px !important;}
		.margL35 {margin-left  :35px !important;}

		/*40px*/
		.margT40 {margin-top   :40px !important;}
		.margR40 {margin-right :40px !important;}
		.margB40 {margin-bottom:40px !important;}
		.margL40 {margin-left  :40px !important;}

		/*45px*/
		.margT45 {margin-top   :45px !important;}
		.margR45 {margin-right :45px !important;}
		.margB45 {margin-bottom:45px !important;}
		.margL45 {margin-left  :45px !important;}

		/*50px*/
		.margT50 {margin-top   :50px !important;}
		.margR50 {margin-right :50px !important;}
		.margB50 {margin-bottom:50px !important;}
		.margL50 {margin-left  :50px !important;}

		/*55px*/
		.margT55 {margin-top   :55px !important;}
		.margR55 {margin-right :55px !important;}
		.margB55 {margin-bottom:55px !important;}
		.margL55 {margin-left  :55px !important;}

		/*60px*/
		.margT60 {margin-top   :60px !important;}
		.margR60 {margin-right :60px !important;}
		.margB60 {margin-bottom:60px !important;}
		.margL60 {margin-left  :60px !important;}

		/*100px*/
		.margT100 {margin-top   :100px !important;}
		.margR100 {margin-right :100px !important;}
		.margB100 {margin-bottom:100px !important;}
		.margL100 {margin-left  :100px !important;}

		/*150px*/
		.margT150 {margin-top   :150px !important;}
		.margR150 {margin-right :150px !important;}
		.margB150 {margin-bottom:150px !important;}
		.margL150 {margin-left  :150px !important;}


	/* padding set
	------------------------------------------------*/

		/*reset*/
		.padReset {padding:0px !important;}

		/*0px*/
		.padT00 {padding-top   :0px !important;}
		.padR00 {padding-right :0px !important;}
		.padB00 {padding-bottom:0px !important;}
		.padL00 {padding-left  :0px !important;}

		/*5px*/
		.padT05 {padding-top   :5px !important;}
		.padR05 {padding-right :5px !important;}
		.padB05 {padding-bottom:5px !important;}
		.padL05 {padding-left  :5px !important;}

		/*10px*/
		.padT10 {padding-top   :10px !important;}
		.padR10 {padding-right :10px !important;}
		.padB10 {padding-bottom:10px !important;}
		.padL10 {padding-left  :10px !important;}

		/*15px*/
		.padT15 {padding-top   :15px !important;}
		.padR15 {padding-right :15px !important;}
		.padB15 {padding-bottom:15px !important;}
		.padL15 {padding-left  :15px !important;}

		/*20px*/
		.padT20 {padding-top   :20px !important;}
		.padR20 {padding-right :20px !important;}
		.padB20 {padding-bottom:20px !important;}
		.padL20 {padding-left  :20px !important;}

		/*25px*/
		.padT25 {padding-top   :25px !important;}
		.padR25 {padding-right :25px !important;}
		.padB25 {padding-bottom:25px !important;}
		.padL25 {padding-left  :25px !important;}

		/*30px*/
		.padT30 {padding-top   :30px !important;}
		.padR30 {padding-right :30px !important;}
		.padB30 {padding-bottom:30px !important;}
		.padL30 {padding-left  :30px !important;}

		/*35px*/
		.padT35 {padding-top   :35px !important;}
		.padR35 {padding-right :35px !important;}
		.padB35 {padding-bottom:35px !important;}
		.padL35 {padding-left  :35px !important;}

		/*40px*/
		.padT40 {padding-top   :40px !important;}
		.padR40 {padding-right :40px !important;}
		.padB40 {padding-bottom:40px !important;}
		.padL40 {padding-left  :40px !important;}

		/*45px*/
		.padT45 {padding-top   :45px !important;}
		.padR45 {padding-right :45px !important;}
		.padB45 {padding-bottom:45px !important;}
		.padL45 {padding-left  :45px !important;}

		/*50px*/
		.padT50 {padding-top   :50px !important;}
		.padR50 {padding-right :50px !important;}
		.padB50 {padding-bottom:50px !important;}
		.padL50 {padding-left  :50px !important;}

		/*55px*/
		.padT55 {padding-top   :55px !important;}
		.padR55 {padding-right :55px !important;}
		.padB55 {padding-bottom:55px !important;}
		.padL55 {padding-left  :55px !important;}

		/*60px*/
		.padT60 {padding-top   :60px !important;}
		.padR60 {padding-right :60px !important;}
		.padB60 {padding-bottom:60px !important;}
		.padL60 {padding-left  :60px !important;}

		/*80px*/
		.padT80 {padding-top   :80px !important;}
		.padR80 {padding-right :80px !important;}
		.padB80 {padding-bottom:80px !important;}
		.padL80 {padding-left  :80px !important;}

		/*100px*/
		.padgT100 {padding-top   :100px !important;}
		.padgR100 {padding-right :100px !important;}
		.padgB100 {padding-bottom:100px !important;}
		.padgL100 {padding-left  :100px !important;}

		/*150px*/
		.padgT150 {padding-top   :150px !important;}
		.padgR150 {padding-right :150px !important;}
		.padgB150 {padding-bottom:150px !important;}
		.padgL150 {padding-left  :150px !important;}

	/* width
	------------------------------------------------*/
		.w100p{width:100% !important;}
		.w90p{width:90% !important;}
		.w80p{width:80% !important;}
		.w70p{width:70% !important;}
		.w60p{width:60% !important;}
		.w50p{width:50% !important;}
		.w40p{width:40% !important;}
		.w33p{width:33% !important;}
		.w30p{width:30% !important;}
		.w25p{width:25% !important;}
		.w24p{width:24% !important;}
		.w20p{width:20% !important;}
		.w15p{width:15% !important;}
		.w10p{width:10% !important;}
		.w4p{width:4% !important;}

		.w500{width:500px !important;}
		.w190{width:190px !important;}
		.w80{width:80px !important;}


	/* background-color
	------------------------------------------------*/
	.bgColorFff{
		background-color:#fff !important;
	}


/* button
==========================================================*/
	/*a*/
	a img.btn{
		filter:alpha(opacity=100);
		opacity: 1.0;
		}
	a:hover img.btn{
		filter:alpha(opacity=75);
		opacity: 0.75;
	}

	/*img.btn*/
	img.btn{
		filter:alpha(opacity=30);
		opacity: 0.3;
		}

/* CSR TOP
==========================================================*/
#contentBodyMain.wideContent .column2C.bg.bgColorFffF2 .blockL.bgColorFff{
	padding-top:0;
}
#contentBodyMain.wideContent .column2C.bg.bgColorFffF2 .blockHeight.blockHeight{
	padding:0;
}
#contentBodyMain.wideContent .column2C.bg.bgColorFffF2 .blockHeight .blockWrap {
	 background:#f2f2f2;
	 padding:25px;
}

.page-header{
	font-size:98%;
}

.page-header{
	font-size:98%;
}

#content-wrapper {
	margin-top: 10px;
}

.btn-regist {
	float: right;
	padding-right: 10px;
	font-size: 12px;
	width: 80px;
}


/* ボタン */

.btn-outline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.btn-list {
	width: 100%;
}

.default-btn {
	display: block;
	padding: 8px;
	background: #ddd;
	font-size: 1.4rem;
	text-align: center;
	/* width: calc(100% - 32px); */
	width: 100%;
	margin: 0 auto;
	border-radius: 2px;
	line-height: 1.5;
	cursor: pointer;
}

.default-btn:hover,
.default-btn:focus,
.default-btn:active {
	text-decoration: none;
	color: #fff;
}

.primary-btn {
	background: #034EA2;
	color: #fff;
	font-weight: bold;
	border: 1px solid #034EA2;
}

.primary-btn:hover {
	background: #6593C7;
	color: #fff;
	border: 1px solid #6593C7;
}

.secondary-btn {
	background: #6593C7;
	color: #fff;
	font-weight: bold;
	border: 1px solid #6593C7;
}

.secondary-btn:hover {
	background: #034EA2;
	color: #fff;
	border: 1px solid #034EA2;
}

.nomal-btn {
	background: #fff;
	border: 1px solid #999;
	color: #999;
	padding: 8px 3%;
	font-weight: normal;
}

.nomal-btn:hover,
.nomal-btn:focus ,
.nomal-btn:active {
	background: #6593C7;
	color: #fff;
	border: 1px solid #6593C7;
}

.create-btn {
	background: #EF8484;
	color: #fff;
	font-weight: bold;
	border: 1px solid #EF8484;
}

.create-btn:hover,
.create-btn:focus {
	background: #F5AEAE;
	color: #fff;
	border: 1px solid #F5AEAE;
}

.delete-btn {
	background: #D04343;
	color: #fff;
	font-weight: bold;
	border: 1px solid #D04343;
}

.delete-btn:hover {
	background: #EF8181;
	color: #fff;
	border: 1px solid #EF8181;
}

.disable-btn {
	background: #EBEBEB;
	color: #BCBCBC;
	cursor: default;
	border: 1px solid #EBEBEB;
}

.disable-btn:hover {
	background: #EBEBEB;
	color: #BCBCBC;
	cursor: default;
	border: 1px solid #EBEBEB;
}

.primary-color {
	color: #034EA2;
}

.secondary-color {
	color: #6593C7;
}

.delete-color {
	color: #D04343;
}

.create-color {
	color: #EF8484;
}

.outside-menu-bg .commentarea_inner.mt-0 {
	margin-top: 0;
}

.outside-menu-bg .commentarea_inner.pt-0 {
	padding-top: 0;
}

/* complete modal */

.complete_text {
	text-align: center;
}

.complete_text_title {
	font-size: 2rem;
	line-height: 1.8;
	font-weight: bold;
	margin: 0 0 16px;
}

.complete_text_subtitle {
	text-align: left;
	font-size: 1.6rem;
	line-height: 1.8;
	font-weight: bold;
	margin: 0 0 8px;
	color: #034EA2;
}

.complete_text_read {
	font-size: 1.4rem;
	text-align: left;
}

.complete_text_list {
	margin: 0 0 16px 0;
}

.complete_text_list:last-child {
	margin: 0;
}

.complete_text_read_title {
	font-size: 1.4rem;
	line-height: 1.6;
	font-weight: bold;
	margin: 0;
	color: #034EA2;
}

.complete_text_read_text {
	margin: 0;
}

.complete_text_listoutline {
	list-style-type: disc;
	padding: 0 0 0 16px;
}

.back-blbg {
	padding: 16px;
	background: #F7F9FC;
}

.complete_btnarea {
	margin: 16px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lt-start {
	justify-content: flex-start;
}

.complete_btnarea_list {
	width: 100%;
	margin: 0 2% 0 0;
}

.complete_btnarea_list:last-child {
	margin: 0;
}

.complete_btnarea_list.half {
	width: 48%;
}

/* checkmark */
.complete_icon {
	position: relative;
	width: 40px;
	height: 40px;
	border: 2px solid #65C799;
	border-radius: 50px;
	margin: 0 auto 16px;
}

.complete_icon:after {
	position: absolute;
	display: block;
	content: "";
	width: 10px;
	height: 18px;
	top: 43%;
	right: 12px;
	border: solid 2px #65C799;
	border-left: 0;
	border-top: 0;
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.title-sub {
	font-size: 1.4rem;
	vertical-align: middle;
	padding-left: 8px;
}

.newcontact {
	display: none;
}

.contact-item {
	background-color: #333 !important;
	width: 50px;
	height: 45px;
}

.contact-icon {
	width: 30px;
}

/* ----------------------------------------------------------------
footer
----------------------------------------------------------------- */

.md-footer {
	background: #EFEFEF;
	padding: 24px 24px 10px;
}

.md-footer-outline {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 24px;
	flex-wrap: wrap;
}

.md-footer-list {
	margin: 0 10px;
}

*::-ms-backdrop, .md-footer-list {
	margin: 0 10px; /* IE11 */
}

.md-footer-link {
	font-size: 1.2rem;
	color: #999;
}
.md-footer-copy {
	text-align: center;
	font-size: 1.2rem;
	color: #999;
	line-height: 1;
}

/* history back */
.floatbtn {
	position: fixed;
	bottom: 32px;
	left: 16px;
	z-index: 99;
}

.floatbtn_back {
	padding: 9px 19px 11px 16px;
	border-radius: 4px;
	font-size: 2.4rem;
	line-height: 1;
	color: #fff;
	background: rgba(51, 122, 183, 0.9);
	box-shadow: 0 1px 2px 0 #999;
}

.floatbtn .floatbtn_back:hover,
.floatbtn .floatbtn_back:active,
.floatbtn .floatbtn_back:focus {
	color: #fff;
}

.form_required {
	color: red;
	font-weight: bold;
}