@charset "utf-8";

/*----------------------------------------------------
  step系
----------------------------------------------------*/
.title + .operation,
.sub_title + .operation {
	padding: 0px;
	margin: 0px;
}

ol.operation > p,
ol.operation > .tablescroll,
ol.operation > .foot_note,
ol.operation > .memo{
	margin-left:50px;
}
ol.operation{
	margin-top: 30px;
	counter-reset: item;
	list-style: none;
}
ol.operation li{
	margin-top: 30px;
	padding-left: 50px;
	position: relative;
	clear:both;
}
ol.operation li:nth-child(1){
	margin-top: 0px;
}
ol.operation li:before {
	content: counter(item);
	counter-increment: item;
	font-weight:bold;
	border:1px solid  #142245;
	color: #142245;
	display: block;
	float: left;
	line-height: 30px;
	margin-top:-4px;
	margin-left: -50px;
	text-align: center;
	height: 30px;
	width: 30px;
}

ol.item_num > p,
ol.item_num > .tablescroll,
ol.item_num > .foot_note,
ol.item_num > .memo{
	margin-left:30px;
}
ol.item_num{
	margin-top: 0px;
	counter-reset: item;
	list-style: none;
	padding: 0;
	overflow:hidden;
}
ol.item_num li{
	margin-bottom: 5px;
	padding-left: 30px;
	position: relative;
	clear:both;
}
ol.item_num li:before {
	content: counter(item);
	counter-increment: item;
	background-color: #FFF;
	font-size:90%;
	border:1px solid #000;
	display: block;
	float: left;
	line-height: 20px;
	margin-left: -30px;
	text-align: center;
	height: 20px;
	width: 20px;
	border-radius: 50%;
}

ol.sub_step > p,
ol.sub_step > .tablescroll,
ol.sub_step > .foot_note,
ol.sub_step > .memo{
	margin-left:25px;
}
ol.sub_step{
	margin-top: 0px;
	counter-reset: item;
	list-style: none;
	padding: 0;
	overflow:hidden;
}
ol.sub_step li{
	margin-bottom: 5px;
	padding-left: 25px;
	position: relative;
	clear:both;
}
ol.sub_step li:before {
	content: counter(item)".";
	counter-increment: item;
	display: block;
	float: left;
	margin-left: -25px;
	text-align: center;
}

/*----------------------------------------------------
	memo | notice
----------------------------------------------------*/
.memo{
	margin-top:20px;
	padding:15px;
	background-color:#F0F2F4;
	overflow:hidden;
}
.notice{
	margin-top:20px;
	padding:15px;
	background-color:#ffe5e5;
	overflow:hidden;
}
/*----------------------------------------------------
	table
----------------------------------------------------*/
p + .tablescroll,
h3 + .tablescroll,
h5 + .tablescroll{
	margin-top: 5px;
}
table {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}
table th  {
	border: 1px solid #999;
	background-color:#F0F2F4;
	padding: 5px;
	text-align: center;
}
table th p{
	font-weight:bold;
	margin:0px !important;
	padding:0px !important;
}
table tr td {
	border: 1px solid #999;
	background-color:#FFF;
	padding:5px;
	margin:auto;
	vertical-align: middle;
	text-align: left;
}
table img {
	text-align: center;
	vertical-align: middle;
}
.tablescroll{
	margin: 10px 0px;
	overflow-x: auto;
}
.tablescroll::-webkit-scrollbar{
	height: 5px;
}
.tablescroll::-webkit-scrollbar-track{
	background: #F1F1F1;
}
.tablescroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}
.tablescroll .hide-table-header th{
	border:none;
	padding:0px;
}

/*----------------------------------------------------
	table 2nd
----------------------------------------------------*/
table.style_2nd {
	width: 100%;
	border-collapse: separate;
	border-spacing:0;
	border:none;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	line-height:1.4;
}
table.style_2nd p{
	font-size:80%;
	margin:0 !important;
	padding:0 !important;
}
table.style_2nd th  {
	position: relative;
	background-clip:padding-box;
	border:none;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background-color:#E8ECF1;
	padding: 5px;
	text-align: center;
	vertical-align: middle; 
}
table.style_2nd th p{
	font-weight:normal;
}
table.style_2nd th .col_img{
	position: absolute;
	bottom:2px;
	left:0;
	width:100%;
	margin:0;
	display:none;
}
.fixed_header_display_none_at_print .col_img{
	display: block !important;
}
table.style_2nd th .col_img img{
	width:85%;
}
table.style_2nd td p img.img-inline{
	margin-bottom:8px;
}
table.style_2nd tr td {
	border:none;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background-color:#FFF;
	padding:5px;
	margin:auto;
	vertical-align: middle;
	text-align: center;
}
table.style_2nd img {
	text-align: center;
	vertical-align: middle;
}
/*----------------------------------------------------
	table 3rd
----------------------------------------------------*/
table.style_3rd {
	width: auto;
}
table.style_3rd tr td {
	border: none;
	padding:0px;
}
table.style_3rd tr td p{
	padding:0px !important;
	margin:0px !important;
}
/*----------------------------------------------------
	tabs
----------------------------------------------------*/
.tabs{
	margin:20px 0px;
	position: relative;
}
.tabs .tab_menu { 
	margin: 10px auto 0px auto;
}
.tabs .tab_menu li{
	display: inline-block;
}
.tabs .tab_menu li a{
	color:#E00939;
	background-color:#FFF;
	border:1px solid #E00939;
}
.tabs .tab_menu li a:hover,
.tabs .tab_menu li.active a{
	color:#FFF;
	background-color:#E00939;
	border:1px solid #E00939;
}
.tabs .tab_menu li a{
	text-decoration:none;
}

/*----------------------------------------------------
	sub_story
----------------------------------------------------*/

.sub_story{
	margin: 10px 0px;
	overflow:hidden;
}
.sub_story_title{}
.sub_story_title a{
	color:#142245;
	text-decoration:none;
	padding: 7px 25px 7px 5px;
	border-top: solid 2px #142245;
	border-bottom: solid 2px #142245;
	display:block;
	background-image: url(../img/burette/Down.svg);
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
.sub_story_title.open a{
	background-color: #F0F2F4;
	background-image: url(../img/burette/Up.svg);
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
.sub_story_box{
	padding:0px 5px 10px 5px;
	border-bottom: solid 1px #142245;
	display: none;
	overflow:hidden;
}
.sub_story_box .col{
	float:left;
}
.sub_story_title a:hover,
.sub_story_title a:focus{
	color:#E00939;
	border-top: solid 2px #E00939;
	border-bottom: solid 2px #E00939;
	background-image: url(../img/burette/Down_c.svg);
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
.sub_story_title.open a:hover,
.sub_story_title.open a:focus{
	color:#E00939;
	border-top: solid 2px #E00939;
	border-bottom: solid 2px #E00939;
	background-image: url(../img/burette/Up_c.svg);
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
/*----------------------------------------------------
	item_explanation
----------------------------------------------------*/
.item_explanation{
	clear: both;
	overflow: hidden;
	zoom:1;
}
.item_explanation_lead_title{
	margin-left:5px;
	margin-bottom: 0px;
	float: left;
	clear:left;
}
.item_explanation_lead_text{
	float: left;
	padding-left: 0px;
}
.item_explanation_lead_text a{
	font-size: 75%;
	padding-left: 10px;
}
.item_explanation_title{
	margin-left:0px;
}
.item_explanation_text{
	padding-left: 14px;
	
}

/*----------------------------------------------------
	accent_box
----------------------------------------------------*/
.sub_title + .accent_box{
	margin-top:0px;
}
.accent_box .sub_title:nth-child(1) {
	margin:5px 0px 5px 0px !important;
}
.accent_box .title:nth-child(1) {
	margin:5px 0px 5px 0px !important;
}
.accent_box{
	background-color:#F0F2F4;
	margin-top:30px;
	margin-bottom:30px;
	padding:5px 10px;
	border: solid 2px #142245;
}
.accent_box > p{
	margin-top:0px !important;
}
.accent_box p{
	margin-left:0px !important;
}
.accent_box .title h2{
	padding:0;
}
.accent_box .foot_note{
	margin-left:2em;
}
.accent_box .img{
	text-align:center;
}

/*----------------------------------------------------
	indent
----------------------------------------------------*/
.indent > p,
.indent > .note,
.indent > .foot_note,
.indent > .tablescroll,
.indent > .sub_step{
	margin-left:20px;
}
.indent > .sub_note{
	margin-left:35px;
}
.indent .in_note > .memo,
.indent .in_note > .foot_note{
	margin-left:35px;
}
.indent .indent .in_note > .foot_note{
	margin-left:15px;
}

.in_third_title > .third_title
.in_note > .note{
	margin-left:0;
}
/*----------------------------------------------------
	text系
----------------------------------------------------*/
.multi-column .title{
	margin:50px 0px 10px 0px !important;
}
.title + .sub_title{
	margin:0px 0px 10px 0px;
}
.fourth_title + .sub_title{
	margin:0px 0px 0px 0px !important;
}
.third_title + .sub_title{
	margin:0px 0px 10px 0px !important;
}
.third_title + .fourth_title{
	margin:0px 0px 10px 0px;
}
#content .title:nth-child(1){
	margin:0px 0px 10px 0px;
}
#content > .sub_title:nth-child(1){
	margin:0px 0px 10px 0px;
}
#content .third_title:nth-child(1){
	margin:0px 0px 10px 0px;
}
#content .fourth_title:nth-child(1){
	margin:0px 0px 5px 0px;
}
.title{
	margin:50px 0px 10px 0px;
	color:#142245;
	text-indent:0;
	overflow:hidden;
	clear:both;
}
.title h2{
	font-weight:normal;
}
.sub_title{
	margin:40px 0px 10px 0px;
	display:block;
	overflow:hidden;
	clear:both;
}
.sub_title h3{
	color:#142245;
	padding:0px 0px 0px 30px;
	background: url(../img/burette/sub_title.svg) no-repeat left 4px;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
.third_title{
	margin:40px 0px 0px 0px;
	display:block;
}
.third_title h4{
	color:#142245;
	margin:0;
	padding-left: 20px;
}
.third_title h4:before{
	content: "●";
	color: #142245;
	display: block;
	float: left;
	margin-top:4px;
	line-height: 20px;
	margin-left: -20px;
	text-align: left;
	height: 20px;
	width: 20px;
}
.fourth_title{
	margin:20px 0px 0px 0px;
	display:block;
}
.fourth_title h5{
	font-weight:normal;
	color:#142245;
}

.note{
	padding-left: 15px;
	position: relative;
}
.note:before{
	content: "●";
	font-size:40%;
	color: #142245;
	display: block;
	float: left;
	margin-top:2px;
	line-height: 20px;
	margin-left: -15px;
	text-align: left;
	height: 20px;
	width: 15px;
}
.square{
	padding-left: 20px;
	position: relative;
}
.square:before{
	content: "■";
	font-size:120%;
	color: #142245;
	display: block;
	float: left;
	margin-top:3px;
	line-height: 20px;
	margin-left: -20px;
	text-align: left;
	height: 20px;
	width: 20px;
}
.sub_note{
	margin-left:15px;
}
.sub_note .note {
	padding-left: 15px;
	background:none;
	position: relative;
}
.sub_note .note:before {
	content: "ー";
	font-size:70%;
	color: #142245;
	display: block;
	float: left;
	margin-top:2px;
	line-height: 20px;
	margin-left: -15px;
	text-align: left;
	height: 20px;
	width: 15px;
}
.foot_note .note {
	background:none;
	padding-left: 0px;
	margin-left:1.35em;
	text-indent:-1.35em;
}
.foot_note .note:before {
	display:none;
}
.foot_note .num {
	margin-left:1.95em; 
	text-indent:-1.95em;
}
p.text_right {
	text-align: right;
}
p.text_center {
	text-align: center;
}
.link {
	display:inline-block;
}
.link a{
	font-size:90%;
	color:#142245;
	text-decoration: none;
	margin:10px 0;
	padding:7px 20px 7px 30px ;
	border:1px dashed #142245;
	display:block;
}
.link a:before{
	font-size:8px;
	content: "▶";
	display: block;
	float: left;
	margin-top:7px;
	margin-left: -15px;
	text-align: left;
}
.link a:hover{
	color:#E00939;
	border:1px dashed #E00939;
	text-decoration: none;
}