@CHARSET "UTF-8";
	body{
		background-color: #f4f6f9;
		font-size: 100%;
		color: #4b4b4b;
		font-family: 'Meiryo UI', メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, ＭＳ Ｐゴシック, sans-serif;
		/*font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif; DW */

	}
	#mainContainer {
		background-color: #ffffff;
	}
	h1{
		font-size: 30px;
		margin-bottom: 24px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1.3;
	}
	h2{
		font-size: 24px;
		margin: 30px 0px;
		border-bottom: #cacaca solid 1px;
		padding: 1% 2% 1% 1%;
		font-weight: bold;
		width: 100%;
	}
	h3{
		font-size: 20px;
		margin: 20px 0px;
		padding-top: calc(.5rem - 1px * 2);
		padding-bottom: calc(.5rem - 1px * 2);
		padding-left: 10px;
		font-weight: bold;
		line-height: 1;
		border-left: 3px solid #007bff;
	}

	h4{
		font-size: 24px;
	}
	a, a:hover{
		color: #4b4b4b;
		text-decoration: underline;
		transition: all .3s;
		cursor: pointer;
	}
	a:hover {
		text-decoration: none;
		filter: alpha(opacity=70);
		opacity: 0.7;
	}
	a.btn{
		text-decoration: none;
	}

	.btn-primary{
		border-bottom: 6px solid #0062cc;
	}
/*
	.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus{
		border: 1px solid #ce2b1d;
		background: #dd2e1e;
		text-align: center;
		line-height: 1;
		padding: 12px 0 10px;
		text-decoration: none;
		color: #fff;
	}
	.btn-primary:not(:disabled):not(.disabled):active {
		background-color: #ce2b1d;
		border-color: #af261a;
	}
*/
	.btn-primary:hover {
		filter: alpha(opacity=70);
		opacity: 0.7;
	}
	.btn-primary:focus, 
	.btn-primary:not(:disabled):not(.disabled):active:focus {
/*		box-shadow: 0 0 0 0.2rem rgba(30, 106, 221, 0.5);*/
	}

	.btn-disabled-primary {
		border: 1px solid #3366cc;
		background-color: #666666;
		color: #ffffff;
		margin-bottom: 5px;
	}
	.btn-outline-primary {

	}
	.btn-disabled-outline-primary {
		border: 1px solid #cccccc;
		background-color: #ffffff;
		color: #cccccc;
	}
	.btn-secondary {
    	border-bottom: 6px solid #6c757d;
	}
	.btn-disabled-secondary {

	}

	.progress{
		margin: 10px 0px 30px 0px;
		font-size: 70%;
		font-weight: bold;
		height: auto;
	}
	@media(min-width: 768px){
		.progress{
			font-size: 100%;
		}
	}
	.progress-bar{
		width: 25%;
		height: 50px;
		padding: 15px;
		background-color: #eee;
		color: #9e9e9e;
		aria-valuenow: 25;
		aria-valuemin: 0;
		aria-valuemax: 100;
		position: relative;
		/*float: left;*/
		white-space: normal;
	}
	.progress-bar:before, .progress-bar:after{
		position: absolute;
		left: -5px;
		display: block;
		content: '';
		background-color: #fff;
		border-left: 4px solid #fff;
		width: 10px;
		height: 25px;
	}
	.progress-bar:after{
		top: 0;
		transform: skew(20deg);
	}
	.progress-bar:before{
		bottom: 0;
		transform: skew(-20deg);
	}
	.progress-bar:first-child{
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	.progress-bar:first-child:before, .progress-bar:first-child:after{
		content: none;
	}
	.progress-bar:last-child{
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.progress .active{
		background-color: #666;
		color: #fff;
	}

	footer {
 		border-top: 1px solid #f4f6f9;
	}


	/* error-msg */
	.error-msg ul {
		margin-top: .5rem;
		margin-bottom: .5rem;
	}

	/* spinner */
	#spinner-container {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9050;
		background-color: rgba(255, 255, 255, 0.75);
		visibility: visible;
		opacity: 1;
		transition: opacity 0.2s ease, visibility 0s;
		transition-delay: 0s, 0.3s;
	}
	.spinner {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		transform-origin: 50% 50%;
	}


	.app-text .form-group>[class*="col-"] {
		border-bottom: 1px dashed #e7eaec;
	}

	.app-text .btn {
		cursor: pointer;
	}
	.app-text .caption{
		margin: 20px -15px;
		padding-top: calc(.5rem - 1px * 2);
		padding-bottom: calc(.5rem - 1px * 2);
		padding-left: 10px;
		font-size: 20px;
		font-weight: bold;
		line-height: 1;
		border-left: 3px solid #007bff;

	}
	.app-text .kaigyou{
		margin: 30px 0px;
	}
	.app-text .pseubolabel{
		padding-top: calc(.5rem - 1px * 2);
		padding-bottom: calc(.5rem - 1px * 2);
		margin-bottom: 0;
	}
	.app-text .program{
		border-bottom: 1px solid #ffffff;
	}
	.app-text .sanka{
		margin-right: -15px;
		margin-left: -15px;
		border-bottom: 1px dashed #E7EAEC;
		margin-bottom: 25px;
	}
	.app-action .btn {
		line-height: 1;
		padding: 12px 0 10px;
		cursor: pointer;
	}
	.text-red {
		color: #dd2e1e;
	}
	.default-color {
		color: #007bff;
	}
	/* 通知画面 */
	.notice-container .outline{
		border: 1px #ff9999 solid;
	}
	.notice-container .alertmar{
		margin: 20px;
	}
	.notice-container .bb{
		font-size: 2em;
	}
	.notice-container .warning{
		color: #eaea00;
		font-size: 1.5em;
	}
	.notice-container .icon-info{
		color: #fff;
		font-size: 1.5em;
	}
	.notice-container .onmid{
		vertical-align: middle;
	}
	/* プライバシーポリシー */
	.app-agree {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}
    .app-agree.alert-secondary {
        background-color: #f5f5f5;
    }
	.alert-danger.app-agree {
		border-color: #dc3545;
	}
	/* 767px以下 */
	@media (max-width: 767px) {
		/* logo */
		.navbar-brand img {
			width: auto;
			height: 30px;
		}
	}