@charset "utf-8";
/* CSS Document */

/* ==================================================

template.css（ページ汎用css）

ボタン
97.文章の設定（フォントカラー、p、など）
98.リストの設定（共通）
99.イレギュラー設定（margin、paddingなど）

================================================== */

/*======================================*/
/* 8.文章の設定  */
/*======================================*/

/* 基本の文章 */
p { margin-bottom: 1.5em;}

/* === 01_フォントサイズ === */

.fsize70 { font-size: 70%!important;}
.fsize80 { font-size: 80%!important;}
.fsize85 { font-size: 85%!important;}
.fsize90 { font-size: 90%!important;}
.fsize105 { font-size: 105%!important;}
.fsize110 { font-size: 110%!important;}
.fsize120 { font-size: 120%!important;}
.fsize130 { font-size: 130%!important;}
.fsize140 { font-size: 140%!important;}
.fsize150 { font-size: 150%!important;}

/* === 02_フォントカラー === */
/* 赤 */
.txt-cl_red {color: #ff0000;}
/* 赤＋太字 */
.txt-cl_redB {color: #ff0000; font-weight: 500 !important;}
/*濃いピンク*/
.txt-cl_pink {color: #e30076;}
/*薄いピンク*/
.txt-cl_pink_thin {color: #e85282;}
/* 青 */
.txt-cl_blue { color: #006ebc;}
/* 白 */
.txt-cl_white {color: #fffffff !important;}
/* グレー */
.txt-cl_gray {color: #666666 !important;}

/* === 03_テキストスタイル === */
/* 標準 */
.txt-normal {font-weight: normal !important;}
/* 太字 */
strong, .txt-bold {font-weight: bold!important;}
/* 下線 */
.txt-underline {text-decoration: underline;}
/* 下線なし */
.txt-underlinenone {text-decoration: none !important;}

/* 下線_各カテゴリカラー */
.txt-underline_cl_blue {border-bottom: dotted 1px #006ebc; margin-bottom: 8px; padding-bottom: 3px;}
.txt-underline_cl_green {border-bottom: dotted 1px #019077; margin-bottom: 8px; padding-bottom: 3px;}
.txt-underline_cl_red {border-bottom: dotted 1px #e95464; margin-bottom: 8px; padding-bottom: 3px;}
.txt-underline_cl_yellow {border-bottom: dotted 1px #eebe30; margin-bottom: 8px; padding-bottom: 3px;}
.txt-underline_cl_normal {border-bottom: dotted 1px #6576ad; margin-bottom: 8px; padding-bottom: 3px;}

/* 下線_二重 */
.txt-doubleline {border-bottom: double 3px #000;}
/* 波状の線 */
.txt-namiline {text-decoration:underline wavy #333;}
/* 打ち消し・取り消し線 */
del.txt-delline {text-decoration: line-through;}
/* 下線点線 */
.dottedline {border-bottom: dotted #ddd 2px;}
/* テキスト枠囲い */
.txt-waku { border: solid 1px #000; line-height: 1.4; padding: 2px 3px 0 4px !important; margin-right: 2px; display: inline-block;}

/* === テキスト配置 === */
/* 縦中央寄せ */
.txt-middle {vertical-align: middle !important;}
/* 中央寄せ */
.txt-center {text-align: center !important;}
/* 左寄せ */
.txt-left {text-align: left !important;}
/* 右寄せ */
.txt-right {text-align: right !important;}

/* === 文字間 === */
.txt-letterspacing {letter-spacing: 0.1rem;}


/*======================================*/
/* 9.リストの設定 */
/*======================================*/

/*ul.list-disc_indent, ul.list-none {margin-bottom: 2em;}*/

/* ===中黒なしリスト === */
/* 中黒なしリスト */
.list-none li, dl.list-none dd, .list-disc_indent li > ul.list-none li {
    list-style: none !important;
    margin: 0 0 5px 0;}
/* 中黒なしリスト（字下げあり） */
.list-none_indent {margin-top: 5px;}
.list-none_indent li, dl.list-none_indent dd {
    list-style: none !important;
    margin-left:1em;
    margin-bottom: 5px;
    text-indent:-1em;}

/* ===中黒リスト === */
/* 中黒リスト（字下げあり：通常ver.） */
.list-disc  {margin-left: 1.5em;}
.list-disc li {
    list-style:disc;
    margin-bottom: 5px;}

/* 中黒 点リスト（字下げあり） */
.list-disc_indent li {
    list-style:disc;
    margin-left:1.5em;
    margin-bottom: 5px;}
    .list-disc_indent li:last-child {margin-bottom: 0;}

/* 定義リストのdt中黒リスト */
dl.dl_list-disc dd {
    display: list-item;
    list-style-type: disc;
    margin-left: 1.5em;}

/* 定義リストのdt中黒リスト */
dl.dl_list-disc_dtdisc dt {
    display: list-item;
    list-style-type: disc !important;
    margin-left: 1.5em;}
	dl.dl_list-disc_dtdisc dd {margin-left: 1.5em;}

/* === 順序番号リスト(字下げあり) === */
ol.list-number {margin-left: 2em;}
ol.list-number li {
	margin-bottom:6px;
	list-style: decimal;}
ol.list-number li:last-child {margin-bottom: 0;}
        /* 順序番号リストの中の中黒 点リスト（字下げあり */
        ol.list-number li ul.list-disc_indent li, ol.list-number li ul.list-disc li {
            list-style: disc !important;
            margin-bottom:0;}
        /* 順序リストの中の 注意リストはカウントなし */
            ol.list-number li ul.list-kakko-att li, ol.list-number li ul.list-index_link li { list-style: none;}

/* === 漢数字順序番号リスト.  === */
ol.list-number_cjk {margin-left: 2em;}
ol.list-number_cjk li {
	list-style-type: cjk-ideographic;
	margin-left: 1em;
    margin-bottom: 5px;
}

/* === 順序番号リストマル１①②③...  === */
ol.list-number_maru {text-indent: -40px;}
ol.list-number_maru li {
	list-style: none !important;
	margin-left: 1em;
    margin-bottom: 5px;
	text-indent: -1em;}

/* === カッコつき数字 リスト（1） === */
ul.list-kakkoNum, ol.list-kakkoNum {text-indent: -40px;}
ul.list-kakkoNum li, ol.list-kakkoNum li {
    list-style: none !important;
    margin-left: 3em;
    margin-bottom: 5px;
    text-indent: -3em;}
        /* カッコつき数字 リスト（1）の中の中黒 点リスト */
		ol.list-kakkoNum li ul.list-disc { margin-left: 0;}
		ol.list-kakkoNum li ul.list-disc li {
			list-style: disc !important;
			margin-left: 1em;
			margin-bottom: 2px;
			text-indent: 0;}
/* === 片カッコつき数字 リスト1） === */
ul.list-kakkoNum {text-indent: -40px;}
.list-kakkoNum li {
	list-style: none !important;
	margin-left: 2em;/* 40px */
    margin-bottom: 5px;
	text-indent: -2.5em;}

/* === アイウ リスト === */
ul.list-aiu {text-indent: -25px;}
ul.list-aiu li {
	list-style: none !important;
	margin-left: 26px;
    margin-bottom: 5px;}

/* === （注意）※系 リスト === */
/* ※ 米印リスト（字下げつき） */
.att_kome {
    display: block;
    margin-left:1em;
    text-indent:-1em;}
/* ※ 注意アイコンリスト（字下げつき） */
.att_icon {
		display: inline-block;
		background: url("/image/common/ico_att.png") no-repeat left center; background-size: 25px;
		padding-left: 30px;}
	/* dl定義リスト_dt用 */
	dl dt.att_icon {
		display: inline-block;
		background: url("/image/common/ico_att.png") no-repeat left center; background-size: 25px;
		padding-left: 30px;}


/* （注意）リスト */
ul.list-kakko-att { margin: 0 0 0 3.5em;}
ul.list-kakko-att li { text-indent: -3.7em; margin-bottom: 5px;}
ul.list-kakko-att li:last-child { margin-bottom: 0;}
/* （注意）リストの中の中黒リスト（字下げなし：通常ver.） */
        ul.list-kakko-att .list-disc li, ul.list-kakko-att_Num .list-disc li {text-indent:0;}

/* （注意1）数字つきリスト */
ul.list-kakko-att_Num { margin: 0 0 0 5em;}
ul.list-kakko-att_Num li { text-indent: -5em; margin-bottom: 5px;}
    ul.list-kakko-att_Num li:last-child { margin-bottom: 0;}

/*======================================*/
/* 11.Office系アイコンの設定 */
/*======================================*/

/* === 矢印アイコン === */

/* 矢印共通 ------------------- -- */
.arrow, .arrow-circle {
    position: relative;
    padding: 0 0 0 18px;
    color: #000;
    vertical-align: middle;
    }
.arrow-circle{padding: 0 0 0 35px;}
.arrow::before, .arrow::after, .arrow-circle::before, .arrow-circle::after{
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;}
.arrow-circle::before, .arrow-circle::after{left: 10px;}

/* ＋色丸つき三角矢印（右向き）------------ -- */
.yaji-circle_gray::before, .yaji-circle_blue::before, .yaji-circle_green::before, .yaji-circle_red::before, .yaji-circle_yellow:before, .yaji-circle_gray:before{
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #6576ad;}
    .yaji-circle_blue::before{background: #006ebc;}
    .yaji-circle_green::before{background: #019077;}
    .yaji-circle_red::before{background: #e95464;}
    .yaji-circle_yellow:before{background: #eebe30;}
    .yaji-circle_gray:before{background: #a1a2a3;}

.yaji-circle_gray::after, .yaji-circle_blue::after, .yaji-circle_green::after, .yaji-circle_red::after, .yaji-circle_yellow::after, .yaji-circle_gray::after{
    left: 18px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 5px solid transparent;
    border-left: 6px solid #fff;}

/* ＋白丸つき三角矢印（左位置＋右向き）------------ -- */
/*共通::before*/
.yaji-circle-w_gray::before, .yaji-circle-w_blue::before, .yaji-circle-w_green::before, .yaji-circle-w_red::before, .yaji-circle-w_yellow:before {
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;}
/*共通::after*/
.yaji-circle-w_gray::after, .yaji-circle-w_blue::after, .yaji-circle-w_green::after, .yaji-circle-w_red::after, .yaji-circle-w_yellow::after{
    left: 17px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 5px solid transparent;}
    .yaji-circle-w_gray::after{border-left: 6px solid #6576ad;}
    .yaji-circle-w_blue::after{border-left: 6px solid #006ebc;}
    .yaji-circle-w_green::after{border-left: 6px solid #019077;}
    .yaji-circle-w_red::after{border-left: 6px solid #e95464;}
    .yaji-circle-w_yellow::after{border-left: 6px solid #eebe30;}

/* +三角矢印（左位置＋上向き）------------ -- */
.yaji-top-cl_gray::before{
    left: 10px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 9px solid #6576ad;}

/* +三角矢印（左位置＋左向き）------------ -- */
.yaji-left-cl_gray::before{
    left: 4px;
    top: 0px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 5px solid transparent;
    border-right: 9px solid #6576ad;}

/* +三角矢印（左位置＋右向き）------------ -- */
.yaji-cl_gray::before, .yaji-cl_gray::before, .yaji-cl_blue::before, .yaji-cl_green::before, .yaji-cl_red::before, .yaji-cl_yellow::before {
    left: 4px;
    top: -2px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 5px solid transparent;
    border-left: 9px solid #666666;}
    .yaji-cl_gray::before{border-left: 9px solid #848484;}
    .yaji-cl_blue::before{border-left: 9px solid #006ebc;}
    .yaji-cl_green::before {border-left: 9px solid #019077;}
    .yaji-cl_red::before{border-left: 9px solid #e95464;}
    .yaji-cl_yellow::before{border-left: 9px solid #f89415;}

/* +三角矢印（右位置＋右向き）------------ -- */
.yaji-cl_gray_for-right {
    position: relative;
    padding: 0 18px 0 0;
    color: #000;
    vertical-align: middle;
    }
.yaji-cl_gray_for-right::after {
    right: 0;
    top: -2px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 5px solid transparent;
    border-left: 9px solid #666666;}


/*+PDF DLリンク用三角矢印（右向き）*/
.yaji-cl_pdfdl::before {
    left: 14px;
    top: 0px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 6px solid transparent;
    border-left: 9px solid #6576ad;}
/* ホーム用矢印------------ -- */
.yaji-circle_home:before{
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #36539f;}
.yaji-circle_home::after{
    left: 14px !important;
    box-sizing: border-box !important;
    width: 12px !important;
    height: 12px !important;
    background: url("/image/common/ico_home.png") no-repeat !important;
    background-size: 12px auto !important;
    content: "" !important;}



/*======================================*/
/* 12.table */ 
/*======================================*/
div.table-scroll {margin-bottom: 2em;}
span.att_table {display: none;}

table.table_gray, table.table_blue, table.table_green, table.table_red, table.table_yellow, table.table_cream, table.table_purple, table.cellcolor-odd, table.cellcolor-odd_ppl, table.table_cl-none {
	border: 1px solid #999999;
	border-collapse: collapse;
    table-layout: auto !important;}
table.table_gray caption, table.table_blue caption, table.table_green caption, table.table_red caption, table.table_yellow caption, table.table_cream caption, table.table_purple caption, table.cellcolor-odd caption, table.cellcolor-odd_ppl caption, table.table_cl-none caption {
    font-weight: 500;
    margin-bottom: 0.5rem;	
	text-align: left;}
table.table_gray th, table.table_blue th, table.table_green th, table.table_red th, table.table_yellow th, table.table_cream th, table.table_purple th, table.cellcolor-odd th, table.cellcolor-odd_ppl th {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	vertical-align: middle;
    padding: 1.2rem 1rem;}
table.table_gray td, table.table_blue td, table.table_green td, table.table_red td, table.table_yellow td, table.table_cream td, table.table_purple td, table.cellcolor-odd td, table.cellcolor-odd_ppl td, table.table_cl-none td {
	background-color: #ffffff;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
    padding: 1rem 2rem;}
/* 奇数行目に色付け */
table.cellcolor-odd tr:nth-child(odd) td { background-color:#f5f5f5;}/* 灰 important付与_厳禁 */
table.cellcolor-odd_ppl tr:nth-child(odd) td { background-color:#f2f6ff;}/* 紫 */

/* イレギュラー：table 線なし */
table.table-border_none {border: none !important;} 
	table.table-border_none th, table.table-border_none td {padding: 0.5rem 1rem !important;} 


/* memo:テーブル見出しth を使わないときは tableに.table_cl-noneを付与 */
/*テーブル見出しth color設定  */
table.table_gray th {background-color: #f3f3f3;} /*グレー（基本テーブル色） */
table.table_blue th  {background-color: #f1f8ff;}  /* 青 */
table.table_green th {background-color: #f2f8e8;}/* 緑 */
table.table_red th {background-color: #fff4f4;}/* 赤 */
table.table_yellow th {background-color: #fcfaca;}/* 黄色 */
table.table_cream th {background-color: #fffcf0;}/* クリームイエロー */
table.table_purple th {background-color: #f2f6ff;}/* 紫 */
/*セル td color設定  */
td.cellcolor_blue {background-color: #f1f8ff !important;}  /* 青 */
td.cellcolor_green {background-color: #eaf8dd !important;}  /* 緑 */
td.cellcolor_red {background-color: #f1f8ff !important;}  /* 赤 */
td.cellcolor_yellow {background-color: #fcfaca !important;}  /* 黄色 */
td.cellcolor_cream {background-color: #eaf8dd !important;}  /* クリームイエロー */
td.cellcolor_purple {background-color: #fcfaca !important;}/* 紫 */

/* 部分的にセルcolorなし（白色に） */
th.cellcolor_none, .cellcolor_none td, td.cellcolor_none { background-color:#ffffff !important;}
/* tdセル内容の：縦中央寄せ */
table.td_middle td, .td_middle {vertical-align: middle;}
/* tdセル内容の：縦上寄せ */
table.td_top td, .td_top, .th_top {vertical-align: text-top !important;}

/* セル内容：横中央寄せ */
table.th_center th, .th_center {text-align: center !important;}
table.td_center td, .td_center {text-align: center !important;}

    table.th_center th img,  table.td_center td img {display: block; margin: 0 auto;}
/* tdセル内容：右寄せ */
table.td_right td, .td_right {text-align: right !important;}
    table.td_right td img, .td_center img {display: block; margin: 0 0 0 auto;}
/* tdセル内容の：縦中央寄せ */
table.td_middle td, .td_middle {vertical-align: middle;}


/* tdセル内容：左寄せ */
table.td_left td, .td_left {text-align: left}
/* memo: 効かない場合は直接タグに指定：（例）style="text-align: center !important;"*/

/* tableセル幅指定 */
.w1em { width: 1em!important;}
.w54 { width: 54px!important;}
.w60 { width: 60px!important;}
.w70 { width: 70px!important;}
.w80 { width: 80px!important;}
.w95 { width: 112px!important;}
.w125 { width: 125px!important;}
.w150 { width: 150px!important;}
.w170 { width:170px!important;}
.w214 { width: 198px!important;}
.w240 { width: 220px!important;}
.w260 { width: 240px!important;}
.w280 { width: 260px!important;}
.w298 { width: 298px!important;}
.w330 { width: 320px!important;}
.w315 { width: 298px!important;}
.w380 { width: 362px!important;}
.w397 { width: 397px!important;}
.w440 { width: 403px!important;}
.w460 { width: 440px!important;}
.w560 { width: 560px!important;}
.w1em { width:1em!important;}
.w5em { width:6em!important;}
.w7em { width:7em!important;}
.w8em { width:8em!important;}
.w8-5em { width:8.5em!important;}
.w9em {width:9em!important;}
.w10em { width:10em!important;}
.w10per {width: 10% !important;}
.w20per {width: 20% !important;}
.w30per {width: 30% !important;}
.w40per {width: 40% !important;}
.w60per {width: 60% !important;}
.w70per {width: 70% !important;}
.w90per {width: 90% !important;}
.w99per {width: 99% !important;}
.w100per {width: 100% !important;}

/* table内のリスト下マージン0処理 */
.table_gray ul.list-disc li, .cellcolor-odd ul.list-disc li, .cellcolor-odd_ppl ul.list-disc li {margin-bottom: 0;}

	@media only screen and ( max-width :896px ) {
		div.table-scroll {width: 100%;display: block;overflow-x: scroll;-webkit-overflow-scrolling: touch;}
		span.att_table {display: block;padding-left: 25px;margin-bottom: 10px;background: url("/image/common/ico_att-table.png") no-repeat left top;background-size: 20px auto;} 
		table.table_gray, table.table_blue, table.table_green, table.table_red, table.table_yellow, table.table_cream, table.table_purple, table.cellcolor-odd, table.cellcolor-odd_ppl,
		table.table_cl-none {border-bottom: 0;width: 896px;/* table横スクロール最大幅 */}
		table.tbl_noScroll {width: 100% !important;}/* table横スクロールなしのとき */
	}

/*======================================*/
/* 13.枠  */
/*======================================*/

/* 背景赤枠＋赤枠線付き */
.waku-red_border {
    margin-bottom:2rem;
    padding: 2.4rem 3%;
    border: 1px solid #ff0000;
    background-color: #faf6f6;}
/* 背景赤枠 */
.waku-red {
    margin-bottom:2rem;
    padding: 2.4rem 3%;
    background-color: #faf6f6;}
/* 背景白枠 */
.waku-white{
    margin-bottom:2rem;
    padding: 2.4rem 3%;
    background-color: #ffffff;}
/* 背景白枠＋グレー枠線付き */
.waku-gray_border {
    padding: 2.4rem 3%;
    border: 1px solid #999999;
    background-color: #ffffff;}
/* 背景白枠+黒枠線付き*/
.waku-white_borderblack{
    margin-bottom:2rem;
    padding: 2.4rem 3%;
	border: 2px solid #333;
    background-color: #ffffff;}
/* 背景白枠＋青色枠線付き */
.waku-blue_border {
    padding: 2.4rem 3%;
    border: 2px solid #006ebc;
    background-color: #ffffff;}
/* 背景白枠＋水色枠線付き */
.waku-aqua_border {
    padding: 2.4rem 3%;
    border: 2px solid #cad9fb;
    background-color: #ffffff;}
/* 背景薄いオレンジ枠＋オレンジ枠線付き */
.waku-orange_border {
    padding: 2.4rem 3%;
    border: 2px solid #f7af5a;
    background-color: #fff7ed;}
/* 背景グレー枠＋細赤枠線付き */
.waku-gray_redborder {
    margin-bottom:2rem;
    padding: 2.4rem 3%;
    border: 2px solid #ff0000;
    background-color: #f5f5f5;}
/* 背景グレー枠 */
.waku-gray {
    margin-bottom:2rem;
    padding: 2.4rem 3%;
    background-color: #f4f4f4;}
/* 背景青枠 */
.waku-blue {
    margin-bottom:2rem;
    padding: 2.4rem 3%;
    background-color: #cae3f6;}
/* 背景青枠(薄め) */
.waku-blue_thin {
    margin-bottom:2rem;
    padding: 2.4rem 3%;
    background-color: #e8f0f6;}
/* 背景緑枠 */
.waku-green {
    margin-bottom:2rem;
    padding: 2.4rem 3%;
    background-color: #d3ebc4;}
/* 背景緑枠(薄め) */
.waku-green_thin {
    margin-bottom:2rem;
    padding: 2.4rem 3%;
    background-color: #eaf8dd;}
/* 背景ピンク枠 */
.waku-pink {
    margin-bottom:2rem;
    padding: 2.4rem 3%;
    background-color: #fadddd;}
/* 背景ピンク枠(薄め) */
.waku-pink_thin {
    margin-bottom:2rem;
    padding: 2.4rem 3%;
    background-color: #faeded;}
/* 背景薄いオレンジ枠 */
.waku-orange {
    margin-bottom:2rem;
    padding: 2.4rem 3%;
    background-color: #fff7ed;}
/* 背景黄色枠 */
.waku-yellow {
    margin-bottom:2rem;
    padding: 2.4rem 3%;
    background-color: #fbf8db;}

/*======================================*/
/* 13.2カラムレイアウトの設定 */
/*======================================*/

/* 2カラムレイアウト（60%/40%） */
.box-2column_6040{display: flex;justify-content: space-between; margin-bottom: 3em;}
	.box-2column_6040 .box1{width: 58%;margin-right: 2%;}
	.box-2column_6040 .box2{width: 40%;}
		.box-2column_6040 .box1 img, .box-2column_6040 .box2 img {display: block; margin: 0 auto; max-width: 100%;}

/* 2カラムレイアウト（50%/50%） */
.box-2column_5050{display: flex;justify-content: space-between; margin-bottom: 3em;}
	.box-2column_5050 .box1{width: 49%;margin-right: 1%;}
	.box-2column_5050 .box2{width: 49%;margin-left: 1%;}
		.box-2column_5050 .box1 img, .box-2column_5050 .box2 img {display: block; margin: 0 auto; max-width: 100%;}

/* 2カラムレイアウト（20%/80%） */
.box-2column_2080{display: flex;justify-content: space-between; margin-bottom: 3em;}
	.box-2column_2080 .box1{width: 20%;margin-right: 2%;}
	.box-2column_2080 .box2{width: 78%;}
		.box-2column_2080 .box1 img, .box-2column_2080 .box2 img {display: block; margin: 0 auto; max-width: 100%;}


/*======================================*/
/* 13.図・画像の書き方、図・画像の2カラムレイアウトの設定 */
/*======================================*/
.img-1column {margin-bottom: 2em;}
.img-2column {display: flex; margin-bottom: 2em;}
.img-1column figure, .img-2column figure { display: block; margin: 0 2% 0 auto;}
.img-1column figure figcaption {text-align: center; letter-spacing: 1px; font-weight: 500; font-size: 1.5rem; margin-bottom: 1rem;}
.img-2column figure figcaption {text-align: center; letter-spacing: 1px; font-weight: 500; font-size: 1.5rem; margin-bottom: 1rem;}
.img-1column img, .img-2column img { display: block; margin-top: 0; margin-bottom: 0; max-width: 100%;}
	ol.list-number_maru figure img {margin-top: 8px;}

/*======================================*/
/* 14.ボタン式リンク・共通お問い合わせリンク  */
/*======================================*/

a.link-btn {
    display: block;
    width: 88%;
    font-size: 105%;
    padding: 11px 4% 9px 4%;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
    position: relative;
    vertical-align: middle;
    text-decoration: none;
    color: #000000;
    letter-spacing: 1px;
	line-height: 1.6;}
    a.link-btn::before {
    content: '';
    width: 12px;
    height: 12px;
    border: 0px;
    border-top: solid 1px #555555;
    border-right: solid 1px #555555;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 18px;
    margin-top: -6px;}
    a.link-btn:hover {
        opacity: 1;
        -webkit-transition: 0.3s ease-in;
        transition: 0.2s ease-in;}
    /* 各カラー設定 */
    a.link-btn_blue {background-color: #a0c8eb;border-bottom: 2px solid #006eb0;}
    a.link-btn_red {background-color: #e95464;border-bottom: 2px solid #b9434f; color: #ffffff;}
    a.link-btn_green {background-color: #aed982;border-bottom: 2px solid #019077;}
    a.link-btn_yellow {background-color: #F89415; color: #ffffff; border-bottom: 2px solid #cf8800; text-decoration: underline;}
    a.link-btn_gray {background-color: #dfd8ec; border-bottom: 2px solid #d4c7ec;}
    a.link-btn_purple {background-color: #d3ddf6; border-bottom: 2px solid #bacbf6;}
    a.link-btn_gray {background-color: #b5b5b5; border-bottom: 2px solid #9e9e9e;}
    /* hover */
    a.link-btn_blue:hover {background-color: #006eb0; color: #ffffff;}
    a.link-btn_red:hover {background-color: #e93044; color: #ffffff;}
    a.link-btn_green:hover {background-color: #019077; color: #ffffff;}
    a.link-btn_yellow:hover {background-color: #e78100; color: #ffffff; text-decoration: none;}
    a.link-btn_gray:hover {background-color: #d4c7ec;}
    a.link-btn_purple:hover {background-color: #bacbf6;}

/*======================================*/
/* 99.イレギュラー設定（margin,padding,indentなど） */
/*======================================*/

/* === padding === */
.pdT0 { padding-top: 0!important;}
.pdT1em { padding-top: 1em!important;}
.pdT2em { padding-top: 2em!important;}
.pdB1em { padding-bottom: 1em!important;}
.pdB1em { padding-bottom: 1em!important;}
.pdL1em {padding-left: 1em !important;}
.pdL2em {padding-left: 2em !important;}
.pdR10 { padding-right: 10px!important;}
.pdR1em {padding-right: 1em !important;}
.pdR2em  {padding-right: 2em !important;}
.pdB0 { padding-bottom: 0px!important;}
.pdB5 { padding-bottom: 5px!important;}
.pdB10 { padding-bottom: 10px!important;}
.pdB1em { padding-bottom: 1em!important;}
.pdB2em { padding-bottom: 2em!important;}

/* === margin === */
.mgB5 { margin-bottom: 5px!important;}
.mgB10 { margin-bottom: 10px!important;}
.mgB20 { margin-bottom: 20px!important;}
.mgB1em { margin-bottom: 1em!important;}
.mgB2em { margin-bottom: 2em!important;}
.mgB1_5em { margin-bottom: 1.5em!important;}
.mgB3em { margin-bottom: 3em!important;}
.mgB3_5em { margin-bottom: 3.5em!important;}
.mgB4em { margin-bottom: 4em!important;}
.mgB5em { margin-bottom: 5em!important;}
.mgB0 { margin-bottom: 0px!important;}
.mgL30 { margin-left: 30px!important;}
.mgL40 { margin-left: 40px!important;}
.mgL60 { margin-left: 60px!important;}
.mgL55 {margin-left: 55px;}
.mgL90 { margin-left: 90px!important;}
* html .mgL55 { margin-left: 27px;}
.mgL_1em { margin-left: -1em!important;}
.mgL1em { margin-left: 1em!important;}
.mgL2em { margin-left: 2em!important;}
.mgL2_3em { margin-left: 2.3em;}
.mgL2_5em { margin-left: 2.5em;}
.mgL3em { margin-left: 3em!important;}
.mgL4em { margin-left: 4em!important;}
.mgL5em { margin-left: 5em!important;}
.mgL6em { margin-left: 6em!important;}
.mgL0 { margin-left: 0!important;}
.mgL10 { margin-left: 10px!important;}
.mgL20 { margin-left: 20px!important;}
.mgT0 {margin-top: 0 !important;}
.mgT-1em {margin-top: -1em !important;}
.mgT5 { margin-top: 5px!important;}
.mgT10 { margin-top: 10px !important;}
.mgT20 { margin-top: 20px !important;}
.mgT1em { margin-top: 1em !important;}
.mgT2em { margin-top: 2em !important;}
.mgT3em { margin-top: 3em !important;}
.mgR0 { margin-right: 0!important;}
.mgR5 { margin-right: 5px!important;}
.mgR10 { margin-right: 10px!important;}
.mgR20 { margin-right: 20px!important;}
.mgR2em { margin-right: 2em!important;}
.mgLRauto { margin-left: auto!important; margin-right: auto!important;}
/* === indent === */
.in0em { text-indent: 0em!important;}
.in1em { text-indent: 1em!important;}
.in_1em { text-indent: -1em!important; margin-left: 1em !important;}
.in_2em { text-indent: -2em!important; margin-left:2em!important;}
.in_3em { text-indent: -3em!important; margin-left:3em!important;}
.in_4em { text-indent: -4em!important; margin-left:4em!important;}

/* === inline/block === */
.inline {display: inline !important;}
.block {display: block !important;}
.none {display: none !important;}

.valign_txtbottom {vertical-align: text-bottom;}

/*======================================================*/
/*(SP（タブレット以下）)media only screen and ( max-width : 896px ) ＋タブレット縦
=======================================================*/

@media screen and (max-width: 896px) {
.pc-only {display: none !important;}
.sp-only {display: block !important;}

/*======================================*/
/* （SP）2＿base-styleCSS */
/*======================================*/



/*======================================*/
/* （SP）7.見出しの設定  */
/*======================================*/

/* === 2ndカテゴリータイトル帯 === */
div.cate-title {
	padding: 2.4rem 0 !important;
    margin-bottom: 16px;
    font-size: 2.3rem;
	}
div.cate-title span {display: block; font-size: 62%}
    
/* === 2nd_h1見出し === */
h1.title-h1 {
	font-size: 1.7rem;
	padding-bottom: 0.7em;
	margin-bottom:  0.7em;}
/* === 2nd_h2見出し === */
h2.title-h2 {
	padding: 8px 2%;
	margin-bottom: 0.8em;
	font-size: 1.6rem;}
/* === 2nd_h3見出し === */
h3.title-h3 {
	padding: 4px 0 6px 3%;
	margin: 0 0 1em 0;
	font-size: 105%;}    
	
/*======================================*/
/* 8.文章の設定  */
/*======================================*/
	/* 基本の文章 */


	
/*======================================*/
/* （SP） 9.戻るボタン・PDF DLツールボタン の設定 */
/*======================================*/
a.pdfdlbtn {
    display: block;
    width:18em;
    padding: 8px 15px 6px 15px !important;
    margin: 0 0 20px auto;
    font-size: 84%;}
.pagemovetool, .pagemovetool_yellow {margin:  1.5em 0 1em 0;}
.pagemovetool_yellow {padding: 9px 0 !important;}
.pagemovetool a:link, .pagemovetool a:visited, .pagemovetool a:active, .pagemovetool_yellow a:link, .pagemovetool_yellow a:visited, .pagemovetool_yellow a:active {
    font-size: 84%;}
/*======================================*/
/* （SP）10.リストの設定 */
/*======================================*/
    
/*======================================*/
/* （SP） 12.table.table */
/*======================================*/
div.table-scroll {
    width: 100%;
    display: block;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;}
span.att_table {
    display: block;
    padding-left: 25px;
    margin-bottom: 10px;
    background: url("/image/common/ico_att-table.png") no-repeat left top;
    background-size: 23px auto;} 
/* サブメニューありの場合の最大幅 
	↓↓左コンテンツ部分大枠を追加する↓ */
table.table_gray, table.table_blue, table.table_green, table.table_red, table.table_yellow, table.table_cream, table.table_purple, table.cellcolor-odd, table.cellcolor-odd_ppl, table.table_cl-none {
    border-bottom: 0;
    width: 768px;/* table横スクロール最大幅 */
    }
    /* table横スクロールなしのとき */
    table.tbl_noScroll {width: 100% !important;}

/*======================================*/
/* （SP） 13.2カラムレイアウトの設定 */
/*======================================*/

/* 2カラムレイアウト（60%/40%）（50%/50%）（20%/80%） */
	.box-2column_5050, .box-2column_2080, .box-2column_6040 {display: block;}
	.box-2column_5050 .box1, .box-2column_2080 .box1, .box-2column_6040 .box1{width: 100%; margin-right: 0%; margin-bottom: 2rem;}
	.box-2column_5050 .box2, .box-2column_2080 .box2, .box-2column_6040 .box2{width: 100%; margin-left: 0%;}
	
/*======================================*/
/* （SP） 13.枠  */
/*======================================*/

.waku-red_border, .waku-red, .waku-white, .waku-gray_border, .waku-white_borderblack, .waku-blue_border, .waku-orange_border, .waku-gray_redborder, .waku-gray, .waku-gray_thin, .waku-blue, .waku-blue_thin, .waku-green, .waku-green_thin, .waku-pink_thin {padding: 2.2rem 5%;}

/* 画像・グラフ横並び枠 */
.img-2column {display: block;}
.img-2column figure { display: block; text-align: center; margin-bottom: 1em;}
.img-2column figure img { display: block; margin: 0 auto 10px auto;}
    
}/*End_media only_max-width : 768px*/

/*======================================================*/
/*iphone7,8, Google Pixel 3  (SP640)  
========================================================*/
@media only screen and (max-width : 640px) {

}

/*======================================================*/
/*iphoneX(SP480)  小画面スマホ 
========================================================*/
@media only screen and (min-width: 1px) and (max-width: 375px){    
    
}/*End_media only_max-width : 375px*/
   
/*======================================================*/
/* iphone5/SE/(320) 極小画面スマホ 
========================================================*/
	@media only screen and (min-width: 1px) and (max-width: 320px){
	}