@charset "UTF-8";/* CSS変数の宣言 */

/*入れ子のHTMLのスクロールバーを非表示にする*/
html{
	-ms-overflow-style: none; /* IE, Edge 対応 */
	scrollbar-width: none;    /* Firefox 対応 */}

html::-webkit-scrollbar{
	display: none; /* Chrome, Safari 対応 */}


*,
*::before,
*::after{
	box-sizing: border-box;}

html, body {
        font-family: sans-serif;
        /*display: none;*/
	line-height:1.6;
    }

.help {
	width:calc(100% - 4rem);
    max-width: 1280px;
	padding-top:1.0rem;
	padding-bottom:1.0rem;
    margin-right:auto;
    margin-left: auto;
}

@media(max-width:767.9px){
	.help{
		width:100%;
		margin-left:auto;}}

a{
  color:#337ab7;
  text-decoration:none
}
a:focus,a:hover{
  color:#23527c;text-decoration:underline
}
a:focus{
  outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px
}

/*旧h3.title_box */
h2{
    font-size:1.5rem;
    padding:0 .4em .1em;
    border-bottom: 2px solid #383838;
    background-color: #ffffff;
    color: #333333;
	margin-top:1.0em;
	margin-bottom:1.5em}

/*h3.title_box {
    font-size:1.5rem;
    padding:0 .4em .2em;
    border-bottom: 2px solid #383838;
    background-color: #ffffff;
    color: #333333;*/

h3{
    padding: .5em .7em .4em;
/*    border-left: 5px solid #3153bc;*/
	border-left:5px solid #0C7A4E;
    background-color: #f2f2f2;
    color: #333333;
    font-size:1.2rem;
	margin-bottom:1.5em}

/* 旧".bold" */
h4{
	font-weight:bold;
	font-size:1.1em;}

h4::before{
	content:"\025A0";}

p{
	text-indent:1.0em;
	line-height:1.8;}

ul, ol {
    padding: 0 0.5em;
    margin-left:2rem;
    margin-top:0em;
	margin-bottom:2.0em;
/*	border-bottom:1px solid #FFF;*//*margin-bottomを効かせるためのハック*/}

ul li, ol li{
	margin-bottom: 1.0em;}

ul li{
	list-style: "• ";}

/*----- 目次部分 -----*/
.helplead{
    margin-bottom:0.5em;
    margin-left:2.0em;}

.mokuji{
    line-height: 2.0;
}

ol.ol-mokuji{
	line-height:2.0;
	margin-left:0;
	padding-left:1.3em;
	margin-bottom:3.0em;}

ol.ol-mokuji li{
	margin-bottom:0;}

/*----- コンテンツ部分 -----*/
#mokuroku, #view, #hensenzu, #riyou-moushikomi{
	margin-bottom:1.0em;}


.container{
	width:calc(100% - 4rem);
	margin-left:auto;
	margin-right:auto;}

.container p.notice{
	text-indent:0;}

ul.no-list-style, ol.no-list-style{
	list-style-type:none;}

.helpimage{
	width:100%;
	max-width:720px;
	border:solid 1px #696969;}

.helpimage.noborder{
	width:100%;
	max-width:720px;
	border:none;}

.chui{
    margin-left:4em;
}

@media(min-width:768px){
	.container{
		margin-bottom:3.0rem;}

	.help h4{
		margin-top:3em;}}

@media(max-width:767.9px){
	h3{
		padding-left:.8em;}

	.container{
		width:calc(100% - 2rem);
		margin-left:auto;
		margin-right:auto;}}


/*ページトップへ戻る*/
#pagetop {
    display: block;
    width: 42px;
    height: 42px;
    position: fixed;
    right: 40px;
    bottom: 20px;
    z-index: 5500;
    background: rgba(0,0,0,0.5);
}

#pagetop span {
    top: 14px;
    left: 10px;
    position: fixed;
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    position: absolute;
}