html {
			-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
			padding: 0 !important;
			margin: 0 !importan;
			font-size: 62.5%;
		}

		body {
			-webkit-text-size-adjust: 100%;
		}

		body {
			overflow-wrap: break-word;
			word-break: normal;
			font-size: 1rem;
			font-family: "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic,
				"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック",
				"MS PGothic", sans-serif;
			font-size: 10px;
			font-size: 1.0rem;
			line-height: 1.6;
			margin: 0;
			//	padding: 0 10px;
			padding: 0;
		}

		.wn_sec_box {
			font-size: 14px;
			font-size: 1.4rem;
		}

		.wn_sec_box p {
			margin: 10px 0;
		}

		.wn_h1_tit {
			//margin: 0 -10px;
			margin: 0;
			color: #fff;
			background: #1868a6;
		}

		h1 {
			margin: 0;
			padding: 0 10px 0 0;
			//font-size: 20px;
			font-size: min(5vw, 25px);
		}

		.wn_h2_tit {
			//margin: 25px -10px 10px -10px;
			margin: 25px 0px 10px 0px;
			padding: 3px 10px;
			//font-size: 16px;
			font-size: min(2.8vw, 25px);
		}

		.h2_ev {
			color: #fff;
			background: #508;
		}

		.h2_ds {
			color: #f00;
			background: #fe8;
		}

		.h2_nm {
			margin-bottom: 0;
			color: #fff;
			background: #29abe2;
		}

		.nm+h2,
		.bd_head+h2 {
			margin-top: 0;
		}

		.wn_h3_tit {
			margin: 25px 0 10px 0;
			padding: 0 0 3px 0;
			font-size: min(3.2vw, 25px);
			cursor: pointer;
		}

		.h3_ev {
			margin: 0 0 10px 0;
			padding: 0 0 3px 0;
			font-size: 16px;
		}

		h3 span {
			font-size: 14px;
			font-weight: normal;
		}

		.h3_ds {
			color: #f00;
			border-bottom: 2px solid #f00;
			width: 100%;
		}

		h3 {
			width: calc(100% - 30px);
			color: #505050;
			/*文字色*/
			padding: 0.5em;
			/*文字周りの余白*/
			display: inline-block;
			/*おまじない*/
			line-height: 1.3;
			/*行高*/
			background: #dbebf8;
			/*背景色*/
			vertical-align: middle;
			border-radius: 25px 0px 0px 25px;
			/*左側の角を丸く*/
		}

		h3:before {
			content: '●';
			color: white;
			margin-right: 5px;
		}

		.h3_nm {
			position: relative;
			padding: 3px 10px;
			padding-right: 30px;
			margin: 0;
			//margin: 0 -10px 0 -10px;
			color: #1868a6;
		}

		.wn_h2_tit+.wn_h3_tit {
			margin-top: 0;
		}

		h4 {
			margin-top: 10px;
		}

		.h3_nm+h4 {
			margin-bottom: 5px;
		}

		.wn_article {
			margin: 0 0 50px 0;
		}

		.wn_tbl {
			border-collapse: collapse;
			margin: 10px 0;
			width: 100%;
		}

		.wn_tbl th {
			padding: 5px 6px;
			border: 1px solid #ccc;
			background: #dddddd;
			color: #222;
			text-align: center;
			vertical-align: middle;
		}

		.wn_tbl td {
			padding: 5px 6px;
			vertical-align: middle;
		}

		.clearfix:after {
			content: " ";
			display: block;
			clear: both;
		}

		.h3_nm+div {
			display: none;
			font-size: min(2.8vw, 25px);
		}

		.h3_ds+div {
			font-size: min(2.8vw, 25px);
		}

		.h2_ev+div {
			font-size: min(2.8vw, 25px);
		}

		pre {
			margin: 0 0 15px 0;
		}

		.h3_nm .arrow {
			position: absolute;
			right: 10px;
			top: 0;
			bottom: 0;
			margin: auto;
			width: 12px;
			background-image: url(../img/asc.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}

		.h3_nm .arrow.active {
			background-image: url(../img/desc.png);
		}

		div.nm {
			//margin: 0 -10px;
			margin: 0;
			padding: 5px 10px;
			border-bottom: 1px solid #aaa;
		}

		.bd_head {
			padding: 10px;
			position: relative;
			//margin: 0 -10px;
			margin: 0;
			background: #1868a6;
		}

		.wp_float_left {
			float: left;
		}

		.wp_float_right {
			float: right;
			padding-left: 20px;
		}

		.head_line {
			height: 45px;
			display: table-cell;
			vertical-align: middle;
		}
		
		.period {
			text-align: right;
			margin-right: 30px;
		}