@charset "UTF-8";

/* リンク */
#wrap_page a {
    cursor: pointer;
}
/* テキストリンク */
#wrap_page a.link{
    display: inline;
    text-decoration: underline;
    color: #0073A8;
}
/* ページ内アンカーリンク */
.to_page_anker{
	width: 100%;
	text-align: center;
	color: #333;
}
.to_page_anker a{
	position: relative;
	display: inline-block;
	margin: 0 auto;
}
.to_page_anker a::after {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    display: block;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    top: 68%;
    right: -1%;
    transform: translate(0px, -50%) rotate(135deg);
}

/* 画像 */
#wrap_page img {
    width: 100%;
}

/* 見出し */
.title {
    text-align: center;
    background-color: #f2f2f2;
    padding: 20px 15px;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;
}
/* 子見出し */
.subtitle {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
}
/* 文 */
.text {
    padding-top: 20px;
    font-size: 14px;
    color: #333;
    line-height: 1.4;
}
/* 赤字 */
.text_red{
    color: #CC0033;
}
/* 太字 */
.text_bold{
    font-weight: bold;
}
@media screen and (min-width: 641px) {
	.title {
		font-size: 22px;
	}
	.subtitle {
		font-size: 20px;
	}
	.text {
		font-size: 16px;
	}
}

/* アスタリスク */
.super {
    vertical-align: super;
    font-size: 10px
}

/* 左右マージン */
.inner {
    padding: 5%;
}
/* 上下マージン */
.mt_10{
    margin-top: 10px;
}
.mb_10{
    margin-bottom: 10px;
}
.mt_20{
    margin-top: 20px;
}
.mb_20{
    margin-bottom: 20px;
}

/* ライン */
.border {
    padding-top: 20px;
    width: 100%;
    margin: 0 auto 30px;
    border-bottom: solid 2px #ccc;
}

/* テキストのリスト（何もつかないけどインデントされる） */
ul.indent_list{
}
ul.indent_list li{
    padding-left: 1em;
    text-indent: -1em;
    margin: 5px 0;
    line-height: 1.4;
}
ul.indent_list li:before{
}

/* テキストのリスト（連番） */
ol.count_list{
    counter-reset: ol_count_num;
}
ol.count_list li{
    padding-left: 1em;
    text-indent: calc(-1em - 10px);
    margin: 5px 0;
    line-height: 1.4;
}
ol.count_list li:before{
    counter-increment: ol_count_num;
    content: counter(ol_count_num)".";
    margin-right: 5px;
    margin-left: 5px;
}

/*テキストのリスト（連番'()'）*/
ol.count_list2{
    counter-reset: ol_count_num;
}
ol.count_list2 li{
    padding-left: 1em;
    text-indent: calc(-1em - 10px);
    margin: 5px 0;
    line-height: 1.4;
}
ol.count_list2 li:before{
    counter-increment: ol_count_num;
    content: "("counter(ol_count_num)")";
    margin-right: 5px;
    margin-left: 5px;
}

/*テキストのリスト（連番'[]'）*/
ol.count_list3{
    counter-reset: ol_count_num;
}
ol.count_list3 li{
    padding-left: 1em;
    text-indent: calc(-1em - 10px);
    margin: 5px 0;
    line-height: 1.4;
}
ol.count_list3 li:before{
    counter-increment: ol_count_num;
    content: "["counter(ol_count_num)"]";
    margin-right: 5px;
    margin-left: 5px;
}

/* テキストのリスト（箇条書き） */
ul.text_list{
}
ul.text_list li{
    padding-left: 1em;
    text-indent: calc(-1em - 5px);
    margin: 5px 0;
    line-height: 1.4;
}
ul.text_list li:before{
    counter-increment: none;
    content: '・';
    margin-left: 5px;
}

/* テキストのリスト（注釈） */
ul.note_list{
}
ul.note_list li{
    padding-left: 1em;
    text-indent: calc(-1em - 5px);
    margin: 5px 0;
    line-height: 1.4;
}
ul.note_list li:before{
    counter-increment: none;
    content: '※';
    margin-left: 5px;
}

/*（ ）の連番*/
ol.count_list_brackets {
    counter-reset: ol_count_num;
}
ol.count_list_brackets li {
    padding-left: 2.5em;
    text-indent: -3em;
    margin: 5px 0;
    line-height: 1.4;
}
ol.count_list_brackets li:before {
    counter-increment: ol_count_num;
    content: "（"counter(ol_count_num)"）";
}

/*アスタリスク 連番*/
ol.asterisk_list {
    counter-reset: ol_count_num;
}
ol.asterisk_list li {
    padding-left: 2em;
    text-indent: -2em;
    margin: 5px 0;
    line-height: 1.4;
}
ol.asterisk_list li:before {
    counter-increment: ol_count_num;
    content: "＊"counter(ol_count_num);
    margin-right: 5px;
}