@charset "UTF-8";

/* CSS Document */


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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
  width: device-width;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	/*background-color:#fff;
	background-image:url(bg.png);*/
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #333;
	-webkit-text-size-adjust: 100%;
    /*font-size: 1rem;*/
	font-size: 1.2rem;
    line-height: 1.5;
	/*text-align: left;*/
    text-align: justify;
    background-color: #fff;
	
	word-break:break-all;/*文字強制改行（不要な場合は削除）*/
}

address {
	background-color: #ccc;
    font-style: normal;
    line-height: inherit;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

p {
    margin-top: 0;
    margin-bottom: 0.4rem;
    word-wrap:break-word;
}
h1 {
    font-size: 100%;
	font-weight: normal;
	padding: 0 0 0.5rem 0;
}
h2 {
	text-align: center;
	font-size: 1.5rem;
    /*color: rgba(0,51,153,1.0);*/
	margin-bottom: 1.5em;
}
h3 {
    text-align: left;
	font-size: 1.4rem;
	font-weight: bold;
	/*color: rgba(0,51,153,1.0);*/
	margin-bottom: 0.4em;
	text-indent: -1.75em; 
	padding-left: 1.75em; 
}
/*h3:before {
    content: "◉";
}*/
.indentback h3{}
h4 {
    padding-left: 1rem;
    text-indent: -1rem;
	font-size: 1rem;
}
ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}
small,
.small {
  font-size: 80%;
  font-weight: 400;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    word-wrap: break-word;
}

a:hover {
    color: #0056b3;
    text-decoration: underline;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}
img {
    width: 100%;
    height: auto; 
    vertical-align: middle;
    border-style: none;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

div.scroll_div {
    margin: 0 auto;
}

@media screen {
	div.scroll_div { overflow: auto; }
}
@media print {
	thead { display: table-header-group; }
}

/* page-top */
/* 2018,10,22いったん非表示 */

#page-top {
    position: fixed;
    bottom: 50px;
    left: 20px;
    font-size: 77%;
    z-index: 9999;
}
#page-top a {
    display: block;
    background-position: center;
    background-repeat: none;
    background-image: url(../images/btn_top.png);
    background-size: 50px 50px;
    text-decoration: none;
    width: 50px;
    height: 50px;
    text-align: center;
}
#page-top a:hover {
    text-decoration: none;
    background-position: center;
    background-repeat: none;
    background-image: url(../images/btn_top.png);
    background-size: 50px 50px;
}



/* メインコンテンツ */
.wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
    overflow-x : hidden;
	z-index: 3;
}

.bg100 {
	background-color: rgba(71,164,220,1.0);
    font-weight: normal;
    color: #fff;
}
.bg50 { background-color: rgba(71,164,220,0.5); }
.bg30 { background-color: rgba(71,164,220,0.3); }
.bg20 { background-color: rgba(71,164,220,0.2); }
.bg10 { background-color: rgba(71,164,220,0.1); }


/*====左列見出し　調整====*/
.boxleft_01 { }
.boxleft_02 { }
.boxleft_03 { }


/*********************/
/* ここからコンテンツ内 */
/*********************/

/* main-contents */

.main_contents {
	position: relative;
	top: 0;
	left: 0;
	transition: .3s;
	background: rgba(255,255,255,1);
    margin-top: 1em;
    margin-bottom: 60px;
    width: 100%;
    overflow-x: hidden;
}

.block {
	margin-bottom: 2.5em;
}

.contents-block { padding: 1rem; }
.contents-block ul { margin: 0 0 1rem 0; padding: 0; list-style:none; text-align: right; }
.contents-block ul li { padding: 0 0 0 1em; text-indent: -1em; }

/****************/
/* 数字リスト調整 */
/****************/
.contents-block ol { margin: 0 0 1rem 0; padding: 0; }
.contents-block ol li { display: table; width: 100%; counter-increment: section; }
.contents-block ol li:before { content:counter(section)". "; }
.contents-block ol li span { display: table-cell; }

/*--リストのインデント--*/
.indentback li{ text-indent: -1.2em; padding-left: 1.2em; margin: 0; }





/*******************/
/* メディアクリエイト */
/*******************/

@media screen and (min-width:320px) and ( max-width:320px) {
    .page3 tbody th,
    .boxleft_01,
    .boxleft_02,
    .boxleft_03 { font-size: 75%; }
}
@media screen and (min-width:360px) and ( max-width:360px) {
	.contents-block p:first-of-type,
	.contents-block ul:first-of-type,
	.contents-block ol:first-of-type,
	.contents-block li:first-of-type { margin: 0; text-align: left; font-size: 90%; } 
}
@media screen and (min-width:414px) and ( max-width:414px) {
    }
}
@media (min-width: 768px) {
    .contents-block { 
        width: 80%;
        margin: 0 auto;
        padding: 1rem;
    }
    /* 表下のリスト（先頭に全角2文字のリスト） */
    .contents-block ol { width: 80%; margin: 0 10% 1rem 10%; padding: 0; }
    .contents-block ol li { display: table; width: 100%; font-size: 80%; }
    .contents-block ol li span { display: table-cell; }
    .contents-block ol li span:first-of-type { width: 2rem; }
}



/*********/
/* Print */
/*********/


@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }
    a:not(.btn) {
        text-decoration: underline;
    }
    abbr[title]::after {
        content: " (" attr(title) ")";
    }
    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    @page {
        size: a3;
    }
    body {
        width: 411px !important;
    }
    .wrapper {
        width: 100% !important;
    }
    .navbar {
        display: none;
    }
    .badge {
        border: 1px solid #000;
    }