@charset "utf-8";
/* -------------------------------------------------------------------
 basic
------------------------------------------------------------------- */

/* firefoxでページ移動の際、コンテンツが少なくても中心がずれないようにする */
html {
	overflow-y: scroll;
}

/* -------------------------------------------------------------------
 base tag
------------------------------------------------------------------- */

/* マージンをリセット */
body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, pre, form, input, textarea, header, footer, nav {
	margin: 0;
	padding: 0;
	zoom: 1;
}

/* リストマーカーなし */
ul, ol {
	list-style-type: none;
}

/* 画像?テーブルはボーダーなし */
img {
	border: none;
}

/* スタイルシートOFF時の区切り線 */
hr {
	display: none;
	margin: 0;
	padding: 0;
	width: 1px;
	height: 1px;
}

/* リンク縁取りなし */
a {
	outline: none;
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


/* -------------------------------------------------------------------
 clearfix
------------------------------------------------------------------- */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
/* For IE 6/7 */
.clearfix {
    zoom: 1;
}

.borderNone {
	border: none !important;
}

/* -------------------------------------------------------------------
 画像置換クラス
------------------------------------------------------------------- */

.imgChange {
	line-height: 0.1px;
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 1px;
	text-indent: -9999px;
}

/* -------------------------------------------------------------------
 641px以上削除
------------------------------------------------------------------- */

@media screen and (min-width: 768px) {
	.pcImgChange {
		line-height: 0.1px;
		margin: 0;
		padding: 0;
		font-style: normal;
		font-weight: normal;
		font-size: 1px;
		text-indent: -9999px;
	}
}





/* -------------------------------------------------------------------
 イメージフィット　包括
------------------------------------------------------------------- */

.imgResponsive img{
	max-width: 100%;
	height: auto;
	width /***/:auto; 
}

/* -------------------------------------------------------------------
 641px以上削除
------------------------------------------------------------------- */

@media screen and (min-width: 768px) {
	.pcDisNone {
		display: none !important;
	}
}

/* -------------------------------------------------------------------
 640px以下削除
------------------------------------------------------------------- */

@media screen and (max-width: 767px) {
	.spDisNone {
		display: none;
	}
}


@media print {
	.pcDisNone {
		display: none !important;
	}
}


.disNone {
	display: none;
}


/* ---------------------------------------
　マージン
（注）余白を全てこの共通classで確保するわけではなく、局所的に使用するためのclassです。
統一指定できる箇所は、各ディレクトリおよび固有のcssで指定する。
--------------------------------------- */

/* マージントップ
----------------------------- */
.mgt0	{ margin-top:0 !important; }
.mgt5	{ margin-top:5px !important; }
.mgt10 { margin-top:10px !important; }
.mgt15 { margin-top:15px !important; }
.mgt20 { margin-top:20px !important; }
.mgt25 { margin-top:25px !important; }
.mgt30 { margin-top:30px !important; }
.mgt35 { margin-top:35px !important; }
.mgt40 { margin-top:40px !important; }
.mgt45 { margin-top:45px !important; }
.mgt50 { margin-top:50px !important; }

/* マージンボトム
----------------------------- */
.mgb0	{ margin-bottom:0 !important; }
.mgb5	{ margin-bottom:5px !important; }
.mgb10 { margin-bottom:10px !important; }
.mgb15 { margin-bottom:15px !important; }
.mgb20 { margin-bottom:20px !important; }
.mgb25 { margin-bottom:25px !important; }
.mgb30 { margin-bottom:30px !important; }
.mgb35 { margin-bottom:35px !important; }
.mgb40 { margin-bottom:40px !important; }
.mgb45 { margin-bottom:45px !important; }
.mgb50 { margin-bottom:50px !important; }

/* マージンレフト
----------------------------- */
.mgl0	{ margin-left:0 !important; }
.mgl5	{ margin-left:5px !important; }
.mgl10 { margin-left:10px !important; }
.mgl15 { margin-left:15px !important; }
.mgl20 { margin-left:20px !important; }
.mgl25 { margin-left:25px !important; }
.mgl30 { margin-left:30px !important; }
.mgl35 { margin-left:35px !important; }
.mgl40 { margin-left:40px !important; }
.mgl45 { margin-left:40px !important; }
.mgl50 { margin-left:50px !important; }

/* マージンライト
----------------------------- */
.mgr0	{ margin-right:0 !important; }
.mgr5	{ margin-right:5px !important; }
.mgr10 { margin-right:10px !important; }
.mgr15 { margin-right:15px !important; }
.mgr20 { margin-right:20px !important; }
.mgr25 { margin-right:25px !important; }
.mgr30 { margin-right:30px !important; }
.mgr35 { margin-right:35px !important; }
.mgr40 { margin-right:40px !important; }
.mgr45 { margin-right:40px !important; }
.mgr50 { margin-right:50px !important; }


/* ---------------------------------------
　パディング
（注）余白を全てこの共通classで確保するわけではなく、局所的に使用するためのclassです。
統一指定できる箇所は、各ディレクトリおよび固有のcssで指定する。
--------------------------------------- */

/* パディンングトップ
----------------------------- */
.pdt0	{ padding-top:0 !important; }
.pdt5	{ padding-top:5px !important; }
.pdt10 { padding-top:10px !important; }
.pdt15 { padding-top:15px !important; }
.pdt20 { padding-top:20px !important; }
.pdt25 { padding-top:25px !important; }
.pdt30 { padding-top:30px !important; }
.pdt35 { padding-top:35px !important; }
.pdt40 { padding-top:40px !important; }
.pdt45 { padding-top:40px !important; }
.pdt50 { padding-top:50px !important; }

/* パディンングボトム
----------------------------- */
.pdb0	{ padding-bottom:0 !important; }
.pdb5	{ padding-bottom:5px !important; }
.pdb10 { padding-bottom:10px !important; }
.pdb15 { padding-bottom:15px !important; }
.pdb20 { padding-bottom:20px !important; }
.pdb25 { padding-bottom:25px !important; }
.pdb30 { padding-bottom:30px !important; }
.pdb35 { padding-bottom:35px !important; }
.pdb40 { padding-bottom:40px !important; }
.pdb45 { padding-bottom:40px !important; }
.pdb50 { padding-bottom:50px !important; }

/* パッディングレフト
----------------------------- */
.pdl0	{ padding-left:0 !important; }
.pdl5	{ padding-left:5px !important; }
.pdl10 { padding-left:10px !important; }
.pdl15 { padding-left:15px !important; }
.pdl20 { padding-left:20px !important; }
.pdl25 { padding-left:25px !important; }
.pdl30 { padding-left:30px !important; }
.pdl35 { padding-left:35px !important; }
.pdl40 { padding-left:40px !important; }
.pdl45 { padding-left:40px !important; }
.pdl50 { padding-left:50px !important; }

/* パッディングライト
----------------------------- */
.pdr0	{ padding-right:0 !important; }
.pdr5	{ padding-right:5px !important; }
.pdr10 { padding-right:10px !important; }
.pdr15 { padding-right:15px !important; }
.pdr20 { padding-right:20px !important; }
.pdr25 { padding-right:25px !important; }
.pdr30 { padding-right:30px !important; }
.pdr35 { padding-right:35px !important; }
.pdr40 { padding-right:40px !important; }
.pdr45 { padding-right:40px !important; }
.pdr50 { padding-right:50px !important; }


/* ---------------------------------------
　行間
--------------------------------------- */

/* 章（例：25px相当） */
.sentence {
	margin-bottom: 4em !important;
}

/* 段落 */
.paragraph {
	margin-bottom: 3em !important;
}

/* 行 */
.mgbLine {
	margin-bottom: 2em !important;
}

/* ---------------------------------------
　注釈
--------------------------------------- */

/* 本文中※ */
span.mkNote {
	position: relative;
	top: -0.4em;
	margin-left: 2px;
	font-size: 1.0rem;
	color: #e31c24;
}

th span.mkNote {
	color: #fff;
}

span.mkNoteOnly {
	font-size: 83%;
	padding-left: 1em;
}

span.mkNoteOnly span {}

ul.mkNote {
	clear: both;
	margin-top: 1em;
}

ul.mkNote li {
	margin-bottom: 5px;
	line-height: 1.2;
}

ul.mkNote li:last-child {
	margin-bottom: 0;
}


ul.mkNote span {}

/* 上付 */
ul.mkNote span.sup {}

/* 下付 */
ul.mkNote span.sub {}



.normalTable .notewrap {
	margin-top: 15px;
}

/* ※  */
.note { 
	padding-left: 1.34em;
	text-indent: -1.34em !important;
}

/* ※1  */
.noteNum1 { 
	padding-left: 1.8em;
	text-indent: -1.8em;
}

/* ※10  */
.noteNum2 { 
	padding-left: 2.3em;
	text-indent: -2.3em;
}

/* *  */
.notesAst { 
	padding-left: 1.0em;
	text-indent: -0.85em;
}

/* ? */
.notesZenkaku { 
	padding-left: 1.0em;
	text-indent: -0.9em;
}

/* ? */
.notesZenkakuFontFull { 
	padding-left: 1.0em;
	text-indent: -1.0em;
}

/* 1．*/
.notesNum { 
	padding-left: 1.0em;
	text-indent: -1.2em;
}

/* 10．*/
.notesNum2Keta { 
	padding-left: 1.58em;
	text-indent: -1.68em;
}

/* 1)  */
.notesParentNum { 
	padding-left: 1.35em;
	text-indent: -1.2em;
}

/* (1)  */
.notesParent2Num { 
	padding-left: 1.83em;
	text-indent: -1.50em;
}

/* 10)  */
.notesParentNum2Keta { 
	padding-left: 1.98em;
	text-indent: -1.7em;
}

/* (10)  */
.notesParent2Num2Keta { 
	padding-left: 2.48em;
	text-indent: -2.0em;
}

/* ※注)  */
.notesParentAtten {
	padding-left: 3em;
	text-indent: -2.7em;
}
/* (注1)  */
.notesParentAttenNum {
	padding-left: 3.0em;
	text-indent: -2.7em;
}

/* なし */
.notesMarkerNone {
	margin-top: 1em !important;
	/*text-indent: -1.34em !important;*/
}


/*　背景
--------------------------------------- */

/* なし */
.bgNone {
	background: none !important;
}

/* グレー */
.bgGray {}


/* -------------------------------------------------------------------
 表示
------------------------------------------------------------------- */

/* 非表示 */
.displayNone {
	display: none;
}


/* -------------------------------------------------------------------
 クリアー
------------------------------------------------------------------- */

/* クリアー */
.clearBoth {
	clear: both;
}


/* -------------------------------------------------------------------
 隙間カット
------------------------------------------------------------------- */

/* 隙間カット */
.sukimaCut {
	line-height: 0;
	font-size: 0;
}


/* ---------------------------------------
　align
--------------------------------------- */

/* 左 */
.alignLeft {
	text-align: left !important;
}

/* 中央 */
.alignCenter {
	text-align: center !important;
}

/* 右 */
.alignRight {
	text-align: right !important;
}


/* -------------------------------------------------------------------
 imeモード
------------------------------------------------------------------- */

/* 日本語 */
.imeNihongo {
	ime-mode: active;
}

/* 英数字 */
.imeEisuji {
	ime-mode: inactive;
}

/* 不可 */
.imeFuka {
	ime-mode: disabled;
}

/* =======================================
   角丸
======================================= */

/* すべて */
.rConer {
	border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/* 右上?下 */
.rRightConer {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px; 
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px; 
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
}

/* 左上?下 */
.rLeftConer {
	border-top-left-radius: 3px; 
	border-bottom-left-radius: 3px; 
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px; 
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
}

/* 左下?右下 */
.rBottomConer {
	border-bottom-left-radius: 3px; 
	border-bottom-right-radius: 3px; 
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px; 
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
}

/* 左上?右上 */
.rTopConer {
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px; 
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px; 
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
}


/* -------------------------------------------------------------------
 box-sizing
------------------------------------------------------------------ */

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

.vb img {
	vertical-align: bottom;
}

@charset "utf-8";

/* -------------------------------------------------------------------
 base font
------------------------------------------------------------------- */

html { font-size: 62.5%; }
body {
color: #333;
font-size: 14px;
font-size: 1.4rem;
font-family: 'Noto Sans', sans-serif;
line-height: 1.6;
}

.noto {
	font-family: 'Noto Sans Japanese';
}

.mincho {
	font-family: 'Noto Serif Japanese', serif, sans-serif;
}


/* -- font-size class ------------------- */
.fs10   { font-size: 10px; font-size: 1.0rem; }
.fs12   { font-size: 12px; font-size: 1.2rem; }
.fs13   { font-size: 13px; font-size: 1.3rem; }
.fs14   { font-size: 14px; font-size: 1.4rem; }
.fs16   { font-size: 16px; font-size: 1.6rem; }
.fs18   { font-size: 18px; font-size: 1.8rem; }
.fs20   { font-size: 20px; font-size: 2.0rem; }
.fs22   { font-size: 22px; font-size: 2.2rem; }
.fs24   { font-size: 24px; font-size: 2.4rem; }

/* -- for IE8 -- */
.fs10   { font-size /*\**/: 77%\9; }
.fs12   { font-size /*\**/: 93%\9; }
.fs13   { font-size /*\**/: 100%\9; }
.fs14   { font-size /*\**/: 108%\9; }
.fs16   { font-size /*\**/: 123.1%\9; }


.fsM   { font-size: 16px; font-size: 1.6rem; font-weight: normal !important; }
.fsL   { font-size: 22px; font-size: 2.2rem; font-weight: normal !important; }


@media screen and (max-width:767px) {
	body {
		line-height: 1.6;
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 768px){
	body {
		line-height: 1.6;
		font-size: 1.4rem;
	}
	
	#wrapMainInner,
	#wrapNews,
	#wrapMainTopOutline {
		font-size: 1.6rem;
	}
	
	
}

/* テキストをノーマルに */
address {
	font-style: normal;
}

/* h[n] */
h1,h2,h3,h4,h5,h6 {
	font-size: 1.4rem;
}

/* sup */
sup {
	font-size: 1.0rem;
}

/* strong */
strong {
	color: #cc0000;
	font-weight: normal;
}

span.notyet {
	opacity: .6;
}


/* -------------------------------------------------------------------
 太字
------------------------------------------------------------------- */

.fwBold {
	font-weight: bold;
}

.fwNormal {
	font-weight: normal;
}


/* -------------------------------------------------------------------
 カラー
------------------------------------------------------------------- */
.alert {
	color: #e31c24;
	font-style: normal;
}

/* 赤 */
.fcRed {
	color: #e31c24;
}

/* 白 */
.fcWhite {
	color: #FFF !important;
}

/* 緑 */
.fcGreen {
	color: #83ab1b !important;
}

/* 赤ボールド */
.fcRedBold {
	color: #e31c24;
	font-weight: bold;
}

/* リンク色ブルー */
.fcLinkBule {
	color: #1857ad;
}

/* マーカありストロング */
.attMarker {
	padding: 0 0.5%;
	background: #ffff99;
	font-weight: bold;
}

/* -------------------------------------------------------------------
 注釈関連
------------------------------------------------------------------- */

/* ※ */
.notesTxt {
　font-size: 77%;
}



/* -------------------------------------------------------------------
 link
------------------------------------------------------------------- */

a:link {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:visited {
	color:#8c0039;
	text-decoration: none;
}

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

/* -------------------------------------------------------------------
 アルファ
------------------------------------------------------------------- */
/*
a img:hover{
    opacity: 0.6; 
    filter: alpha(opacity=60); 
    -moz-opacity: 0.6;
}
*/

/* アルファなし */
a.alphaNone img:hover{
    opacity: 1.0; 
    filter: alpha(opacity=100); 
    -moz-opacity: 1.0;
}

.biggerlinkItem {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1; 
	filter: alpha(opacity=100); 
	-moz-opacity: 1;
}
.biggerlinkItem:hover {
    opacity: 0.6; 
    filter: alpha(opacity=60); 
    -moz-opacity: 0.6;
}

/* -------------------------------------------------------------------
 リンクカラー
------------------------------------------------------------------- */

/* ホワイト */
.linkWhite a:link {
	color: #FFF;
	text-decoration: none;
}

.linkWhite a:active {
	color: #FFF;
	text-decoration: none;
}

.linkWhite a:visited {
	color: #FFF;
	text-decoration: none;
}

.linkWhite a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* グレー */
.linkGray a:link {
	color: #333 !important;
	text-decoration: none;
}

.linkGray a:active {
	color: #333 !important;
	text-decoration: none;
}

.linkGray a:visited {
	color: #333 !important;
	text-decoration: none;
}

.linkGray a:hover {
	color: #333 !important;
	text-decoration: underline !important;
}

/* -----------------------------------------------
 アイコン
----------------------------------------------- */
/* PDF */
.iconPdf {
	padding: 0 40px 0 0 !important;
	background:  url(/sp/nano/english/img/common/ic_pdf.png) no-repeat right center !important;
}

/* ワード */
.iconWord {
	padding: 0 40px 0 0 !important;
	background: url(/sp/nano/english/img/common/ic_word.png) no-repeat right center !important;
}

/* エクセル */
.iconExcel {
	padding: 0 40px 0 0 !important;
	background: url(/sp/nano/english/img/common/ic_excel.png) no-repeat right center !important;
}

.iconBlank {
	padding: 0 40px 0 0 !important;
}



/* -----------------------------------------------
　タイトル
----------------------------------------------- */

/* h2相当あしあらい
 ------------------------------------------------------------------------------------------------------- */
.wrapHn02 {
	margin-bottom: 1.5em;
	background-color: #eeeeee;
}
.wrapHn02 .hn {
	padding: 10px 0 10px 22px;
	border-left: 6px solid #1a2944;
}

/* Pc Style----------------------------------------------- */
@media screen and (min-width:768px) {
	.wrapHn02 .hn {
		font-size: 2.4rem;
	}

}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px) {

	.wrapHn02 .hn {
		font-size: 1.6rem;
	}

}




/* h3相当あしあらい
 ------------------------------------------------------------------------------------------------------- */
.wrapHn03 {
	margin-bottom: 1.5em;
}
.wrapHn03 .hn {
	padding: 10px 0 10px 30px;
	border: 1px solid #eee;
	font-size: 2rem;
}

@media screen and (max-width:767px) {

	.wrapHn03 .hn {
		font-size: 1.4rem;
	}

}


/* h4相当あしあらい
 ------------------------------------------------------------------------------------------------------- */
.wrapHn04 {
	margin-bottom: 1.0em;
}
.wrapHn04 .hn {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: bold;
}


/* h5相当あしあらい
 ------------------------------------------------------------------------------------------------------- */
.wrapHn05 {
	margin-bottom: 1.0em;
}
.wrapHn05 .hn {}


/* h6相当あしあらい
 ------------------------------------------------------------------------------------------------------- */
.wrapHn06 {
	margin-bottom: 1.0em;
}
.wrapHn06 .hn {}


/*  ------------------------------------------------------------------
	汎用 ul（ブレット　ブラック）
---------------------------------------------------------------------*/

ul.ulType01 {
	padding-left: 1.5em;
}

ul.ulType01 li {
	color: #5c7891;
	list-style: disc;
	margin-bottom: 10px;
}

ul.ulType01 li:last-child {
	margin-bottom: 0 !important;
}

ul.ulType01 li span{
	color: #333333;
}

/*  ブレットがいらない時
-----------------------------------*/
ul.ulTypeB li.bulNone {
	list-style: none;
}

/*  PDFアイコンがある時
-----------------------------------*/
ul.btn_pdf {
	list-style: none;
}
ul.btn_pdf li {
	display: inline-block;
	background-color: #006699;
}
ul.btn_pdf li a {
	display: inline-block;
	padding: 20px 60px !important;
	background:  url(/sp/nano/english/img/common/ic_pdf.png) no-repeat 20px center !important;
	background-size: 27px auto !important;
	color: #fff;
}

@media screen and (max-width:767px) {

	ul.btn_pdf {
		list-style: none;
	}
	ul.btn_pdf li {
		display: block;
		width: 100%;
		background-color: #006699;
	}
	ul.btn_pdf li a {
		display: block;
		padding: 20px 60px !important;
		background:  url(/sp/nano/english/img/common/ic_pdf.png) no-repeat 20px center !important;
		background-size: 27px auto !important;
		color: #fff;
		font-weight: 4vw;
	}

}


/*  ------------------------------------------------------------------
	汎用 ol
---------------------------------------------------------------------*/
ol.olType01 {
    counter-reset: li;    /* li のカウンタを 0 にセット */
    list-style: none;
}

ol.olType01 li {
	margin-bottom: 0.7em;
	text-indent: -2.0em;
	padding-left: 2.0em;
}

ol.olType01 li:last-child {
	margin-bottom: 0 !important;
}

ol.olType01 li.num:before {
	font-size: 0.8em !important;
	color: #fff;
	background-color:#5c7891;
    counter-increment: li;   /* li の数を一つずつ増加 */
    content: counter(li) "";          /* 数を表示 */
	margin-right: 5px;
	padding: 1px 4px 1px 4px;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

ol.olType01 li.kana:before {
	font-size: 1.0em !important;
    font-weight: bold;
	color: #dd3885;
	counter-increment: li;   /* li の数を一つずつ増加 */
    content: counter(li, katakana) ".";          /* 数を表示 */
	margin-right: 5px;
	padding: 1px 4px 1px 4px;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}


/*  ------------------------------------------------------------------
	汎用 ol
---------------------------------------------------------------------*/
ol.olType02 {
    counter-reset: li;    /* li のカウンタを 0 にセット */
    list-style: none;
}

ol.olType02 li {
	margin-bottom: 0.7em;
	text-indent: -1.9em;
	padding-left: 1.8em;
}

ol.olType02 li:last-child {
	margin-bottom: 0 !important;
}

ol.olType02 li.num:before {
    counter-increment: li;   /* li の数を一つずつ増加 */
    content: counter(li) ".";          /* 数を表示 */
	margin-right: 5px;
	padding: 1px 4px 1px 4px;
}


/*  ------------------------------------------------------------------
	デザイン ol
---------------------------------------------------------------------*/
ol.olTypeDes {
    counter-reset:li; /* Initiate a counter */
	margin: 0 0 0 0.5em;
    padding:0;
    list-style:none; /* Disable the normal item numbering */
}
ol.olTypeDes li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 0; /* Give each list item a left margin to make room for the numbers */
    padding:2px 30px 6px 30px;
}

ol.olTypeDes li:last-child {
	margin-bottom: 0 !important;
}

ol.olTypeDes li:last-child {
    margin:0; /* Give each list item a left margin to make room for the numbers */
}
ol.olTypeDes li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;/*ここで円の大きさが変えれます*/
	height: 24px;/*ここで円の大きさが変えれます*/
	text-align: center;
	line-height: 24px;
	border-radius: 100%;
	font-weight: bold;
	color: white;
	background: #d16787;/*ここで色変えれます*/
}

/*  ------------------------------------------------------------------
	BOX
---------------------------------------------------------------------*/
.boxBS {
	padding: 30px;
	background-color: #c2dae7;
}
@media screen and (max-width:767px) {

	.boxBS {
		padding: 15px;
	}

}

.boxBS dt{
	font-weight: bold;
}

.boxBS dd{
	color: #333;
}