.webcontents{
	max-width:1200px;
	margin:0 auto;
	letter-spacing: 0.8px;
	font-size: medium;
	padding: 0;
}

.webcontents h1 img{
	width:100%;
    margin-top: -22px;
}

.main-contents p{
	line-height: 1.8 !important;
	font-family:"Times New Roman",Times,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.main-contents u{
	border-bottom: 1px solid #000;
    text-decoration: none;
    padding-bottom: 1px;
}

.main-contents a{
	color:#000;
	font-weight: bold;
	font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
}

section + section{
	margin-top: 3em;
}

.annotation{
	font-family:sans-serif;
	font-size:14px;
}
.chapter{
	font-size:12px;
	font-family:sans-serif;
	background-color:#222;
	color:#fff;
	border-radius:5px;
	padding:3px 5px;
	margin: 0 3px;
}

.h2-box{
	border-bottom: solid #000 1px;
    margin-bottom: 1em;
}

h2.head2{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
	text-indent: -2em;
    margin:0 0 8px 1.7em;
    font-size: 28px;
    line-height: 1.2;
}
.head2-num, .h2-num{
	background-color: #fff;
    border: 1px solid #000;
    color: #000;
    margin-right: 8px;
    text-align: center;
	padding:1px 3px 0;
    margin-left: 10px;
}

.h2-num{
	margin:0 2px;
	}

.h3-box{
	border-bottom: dotted #000 1px;
    margin-bottom: 1em;
}

h3.head3{
  	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	font-weight: bold;
 	margin-top:2em;
	text-indent: -1.4em;
    margin:2em 0 8px 1.4em;
    line-height: 1.2;
}

h3.head3:before{
	content:"";
	margin-right: 8px;
    height: 24px;
    width: 24px;
    display: inline-block;
    background-color: #242424;
    border-radius: 5px;
    vertical-align: bottom;
    margin-bottom: 2px;
	}

@media screen and (max-width: 640px) {
	h2.head2{
    	font-size: 22px;
    	text-indent: -1.8em;
	}
	.head2-num{
	    margin-left: 0px;
	}
	h3.head3{
    	font-size: 20px;
		}
	h3.head3:before{
    	font-size: 20px;
		height: 20px;
		width: 20px;
	}
}

.quote{
	border-left:8px solid #adadad;
	padding-left:20px;
    margin:2em 0;
}

h4.quote-head, h4.translation-head{
	font-weight: 700;
	margin:0 0 0.4em;
}

h4.quote-head{
	font-family:"Times New Roman",Times,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif !important;
	font-size: 18px;
}

h4.translation-head{
	display: inline-block;
	font-size: 14px;
}

.quote .translation{
	font-family: sans-serif;
	font-size: 14px;
	margin-top:1.5em;
	line-height: 1.8;
}

.quote .translation:before{
	content:"訳";
	background-color:#414241;
	border-radius: 3px;
	padding:2px;
	color:#fff;
	font-size: 12px;
	}

.tbc{
	text-align: center;
	margin-top:2em;
	font-family: sans-serif;
	font-size: medium;
    position: relative;
}

.tbc:before, .tbc:after{
	content:"";
	top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: black;
    vertical-align: middle;
}

.tbc:before{
	margin-right: 15px;
}

.tbc:after{
	margin-left: 15px;
}

@media screen and (max-width: 390px) {
.tbc{
	padding: 0 55px;
  	display: inline-block;
	}
.tbc:before, .tbc:after{
	position: absolute;
	}
.tbc:before {
	left:0;
}
.tbc:after {
	right: 0;
}
	}

.figure001{
	margin:3em auto 4em;
    max-width: 70%;
	}

.figure001 a{
	margin-bottom:1.8em;
    margin-left: auto;
    margin-right: auto;
	display: block;
}

@media screen and (max-width: 640px) {
    .figure001{
    max-width:100%;
    }
	.figure001 a:last-child{
		margin-bottom:0;
}
}

ul.dots-list{
	list-style-type: none;
	padding-left: 30px;
}
ul.dots-list li{
	line-height: 1.9;
	font-size: medium !important;
	font-family: sans-serif;
}
ul.dots-list li:before{
	content: "";
	border-radius: 100%;
	width: 8px;
	height: 8px;
	background-color: #888;
	display: inline-block;
	position: relative;
	top: -2px;
	left: -11px;
	margin-right: -4px;
}

.mt0-5{
	margin-top:0.5em !important;
}

.mt0-9{
	margin:0.9em 0 !important;
}

.mt1{
	margin-top:1em !important;
}

.mt2{
	margin-top:2em !important;
}

.mt3{
	margin-top:3em !important;
}

.mt4{
	margin-top:4em !important;
}

.mt6{
	margin-top:6em !important;
}

.mt7{
	margin-top:7em !important;
}

.mt8{
	margin-top:8em !important;
}

.mb1{
	margin-bottom:1em !important;
}

.mb1-5{
	margin-bottom:1.5em !important;
}

.mb2{
	margin-bottom:2em !important;
}

.mb3{
	margin-bottom:3em !important;
}

.mb4{
	margin-bottom:4em !important;
}

.mb5{
	margin-bottom:5em !important;
}

h4.related-head {
    border-left: 6px solid #333;
    padding: 4px 0 3px 10px;
    margin-bottom: 5px;
    background-color: #ccd3e3;
    font-size: 15pt;
    color: #333;
}

h5.rnote_book_title {font-size:x-large; margin: 5px 0px; padding: 0px; line-height: 120%; font-weight: bold;}