@charset "utf-8";

/*----------------------------------------------------
  step系
----------------------------------------------------*/
.title + .operation,
.sub_title + .operation {
	padding: 0px;
	margin: 0px;
}
.operation_single{
	margin-top: 20px;
}
.operation {
	text-align: left;
	margin-top: 20px;
}
.operation h4 img.img-inline { vertical-align: top;}
.operation h4{
	font-family:"A-OTF UD新ゴ Pro B", A-OTF UD Shin Go Pro B, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size:150%;
	font-weight:bold;
	padding-left:50px;
	margin-top: 30px;
	margin-bottom: 10px;
	line-height:1.7;
	position:relative;
	clear:both;
} 
.operation h4.single{
	text-indent:0em;
	font-weight:bold;
	padding-left:0em;
	margin-top: 10px;
	line-height:1.7;
	margin-left:0px;
} 
.operation h4 span{
	-webkit-transform: scale(0.5,1);
	-moz-transform: scale(0.5,1);
	transform: scale(0.5,1);
	font-size: 250%;
	margin-top:-20px;
	color:#6B82B2;
	display:block;
	position:absolute;
	top:0;
	left:0px;
}
.operation h4 span.two{
	left:-10px;
}
.operation p,
.operation li,
.operation .tablescroll,
.operation .foot_note,
.operation .memo,
.operation > .notice{
	text-indent:0;
	margin-left:50px;
}
#main .operation > .img{
	margin-left:50px;
}
.operation li p{ margin-left:0px;}

.operation ol{ 
	text-indent:0;
	margin-left:0px;
}
.operation ol p,
.operation ol .tablescroll,
.operation ol .foot_note{
	margin-left:80px;
} 

ol p,
ol .tablescroll,
ol .foot_note{
	margin-left:30px;
}
ol li p{
	margin-left:0px !important;
}

.operation table .foot_note,
.operation table p{
	margin-left: 0;
}

.sub_title + .sub_step{
	margin:0px 0px 5px 0px !important;
}
ol.item_num,
ol.sub_step,
ol.sub_step_2nd,
ol.sub_step_3rd,
ol.sub_step_4th{
	margin-top: 0px;
	counter-reset: item;
	list-style: none;
	padding: 0;
	overflow:hidden;
}
ol.item_num li,
ol.sub_step li,
ol.sub_step_2nd li,
ol.sub_step_3rd li,
ol.sub_step_4th li{
	margin-bottom: 5px;
	padding-left: 30px;
	position: relative;
	clear:both;
}
ol.item_num li:before,
ol.sub_step li:before,
ol.sub_step_2nd li:before,
ol.sub_step_3rd li:before,
ol.sub_step_4th li:before {
	content: counter(item);
	counter-increment: item;
	background-color: #FFF;
	font-size:90%;
	color: #000;
	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_2nd li:before {
	content: counter(item, upper-alpha);
}
ol.sub_step li:before,
ol.sub_step_2nd li:before {
	background-color: #FFF;
	color: #000;
	border:1px solid #000;
	line-height: 18px;
	height: 18px;
	width: 18px;
}
ol.sub_step_3rd li:before {
	background-color: #000;
	border:1px solid #000;
	color:#FFF;
	line-height: 18px;
	height: 18px;
	width: 18px;
}
ol.sub_step_4th li:before {
	background-color: #8B8BAE;
	border:1px solid #8B8BAE;
	color:#FFF;
	line-height: 18px;
	height: 18px;
	width: 18px;
}
#main ol.sub_step > .img{
	margin-left:80px;
}
.procedure_step,
.procedure_step_sub {
	position: relative;
}
.procedure_step:nth-child(1) h1{
	margin:0px;
}
.procedure_step h1,
.procedure_step_sub h1 {
	font-size:140%;
	font-weight: bold;
	margin:50px 0px 0px 0px;
	padding:10px 30px;
	display:inline-block;
	border:1px solid #142245;
	border-bottom:none;
	color:#FFF;
	background-color:#142245;
}
.procedure_step_sub h1 {
	margin:20px 0px 0px 0px;
}
.procedure_step ul,
.procedure_step_sub ul {
	background-color:#142245;
	border-top:1px solid #142245;
	border-bottom:1px solid #142245;
	margin:0 -100%;
	padding:30px 100% 0px 100%;
	text-align:center;
}
.procedure_step ul {
	background-color:#FFF;
	border-top:none;
	border-bottom:none;
}
.procedure_step ul li,
.procedure_step_sub ul li{
	text-align:left;
	width:272px;
	height:340px;
	padding:0px 0px 20px 0px;
	margin:0px 0px 30px 24px;
	border:2px solid #D0D3DA;
	background-color:#FFF;
	box-sizing:border-box;
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: bottom;
}
@media screen and (max-width:520px) {
	.procedure_step,
	.procedure_step_sub {
		text-align:center;
	}
	.procedure_step h1,
	.procedure_step_sub h1 {
		font-size:110%;
		text-align:center;
		margin:40px 0px 0px 0px;
	}
	.procedure_step ul {
		margin:0 -100%;
		padding:10px 100% 0px 100%;
	}
	.procedure_step ul li,
	.procedure_step_sub ul li{
		margin:0px 0px 20px 0px;
	}
}
.procedure_step_sub ul li{
	border: none;
}
.procedure_step li h2{
	margin: 0px 0px 10px 0px!important;
	padding:10px 10px;
	font-size: 100%;
	font-weight: bold;
	color:#142245 !important;
	background-color:#D0D3DA !important;
	display:inline-block;
}
.procedure_step li h3,
.procedure_step_sub li h3{
	font-size: 120%;
	font-weight:bold;
	color:#142245;
	background:none !important;
	margin: 0px !important;
	padding:0px 20px !important;
	display:block !important;
}
.procedure_step_sub li h3{
	margin: 20px 0px 0px 0px !important;
}
.procedure_step li .link,
.procedure_step_sub li .link{
	position:absolute;
	bottom:20px;
	width:100%;
	box-sizing:border-box;
}
.procedure_step li .link a,
.procedure_step_sub li .link a{
	text-align:center;
	text-decoration:none;
	color:#142245;
	background-color:#F0F2F4;
	background-image: url(../img/burette/Next.png);
	background-repeat: no-repeat;
	background-position: 10px;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
	padding:10px;
	margin:0px;
	display:block;
}
.procedure_step li .img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 2.5rem;
}
.procedure_step li:nth-child(1) .img,
.procedure_step li:nth-child(2) .img,
.procedure_step li:nth-child(3) .img,
.procedure_step li:nth-child(5) .img{
	height: 8rem;
}
.procedure_step:nth-child(3) li:nth-child(2) .img{
	height: 2.5rem;
}
.procedure_step li p,
.procedure_step li .img,
.procedure_step li .link,
.procedure_step_sub li p,
.procedure_step_sub li .img,
.procedure_step_sub li .link{
	padding:0 20px;
}


/*----------------------------------------------------
	memo | notice
----------------------------------------------------*/
.memo{
	padding-top:50px;
	position: relative;
	clear: both;
}
.memo .word{
	display:inline-block;
}
.memo .word h4{
	position:absolute;
	top:40px;
	margin:0px !important;
	padding:30px 40px;
	background:url(../img/icon/memo.png) no-repeat center center;
	-webkit-background-size: auto 60px;
	background-size: auto 60px;
}
.memo .word.second h4{
	padding:30px 50px;
	background:url(../img/icon/memo_2.png) no-repeat center center;
	-webkit-background-size: auto 45px;
	background-size: auto 45px;
}
.memo .col{
	padding:30px 15px 10px 15px;
	background-color:#EBF4F1;
	overflow:hidden;
}
.notice{
	padding-top:50px;
	position: relative;
	clear: both;
}
.notice .word h4{
	position:absolute;
	top:40px;
	margin:0px !important;
	padding:30px 40px;
	background:url(../img/icon/note.png) no-repeat center center;
	-webkit-background-size: auto 70px;
	background-size: auto 70px;
}
.notice .word.second h4{
	padding:30px 50px;
	background:url(../img/icon/note_2.png) no-repeat center center;
	-webkit-background-size: auto 50px;
	background-size: auto 50px;
}
.notice .col{
	padding:30px 15px 10px 15px;
	background-color:#ffe5e5;
	overflow:hidden;
}
.memo .word
, .notice .word{
    width:100%;
	display:inline-block;
}
.memo p,
.notice p{
	margin-left: 0;
}
.sub_story_box .memo .col
, .sub_story_box .notice .col{
    float:none;
}
/*----------------------------------------------------
	table
----------------------------------------------------*/
p + .tablescroll,
h3 + .tablescroll,
h5 + .tablescroll{
	margin-top: 5px;
}
table {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}
table th  {
	border: 1px solid #000;
	background-color:#EFEFEF;
	padding: 5px;
	text-align: center;
}
table th p{
	font-weight:bold;
	margin:0px !important;
	padding:0px !important;
}
table tr td {
	border: 1px solid #000;
	background-color:#FFF;
	padding:5px;
	margin:auto;
	vertical-align: middle;
	text-align: left;
}
table img {
	text-align: center;
	vertical-align: middle;
}

table.style_2nd {
	width: auto;
}
table.style_2nd th  {
	border:none;
	padding: 0px;
}
table.style_2nd tr td {
	border:none;
	padding: 0px;
}
table.style_2nd p{
	margin:0px !important;
	padding:0px !important;
}
table.style_2nd  .img{
	margin:0 0 10px 0 !important;
	padding:0px !important;
}

.sub_step_3rd .tablescroll{
	margin: 10px 0px 10px 25px;
}
.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;
}

/*----------------------------------------------------
	tabs
----------------------------------------------------*/
.tabs{
	margin:20px 0px;
	position: relative;
}
.tabs .tab_menu { 
	margin: 10px auto 0px auto;
}
.tab_menu li{
	display: inline-block;
}
.tab_menu li a{
	font-size:140%;
	color:#142245 !important;
	text-align:center;
	padding:8px 18px;
	display:block;
	border:2px solid #333;
	margin-right:10px;
	margin-bottom:10px;
	text-decoration: none!important;
}
.tab_menu li a:hover{
	color:#FF5E31 !important;
	border:2px solid #FF5E31;
	background-color:#142245;
}
.tab_menu li.active a{
    color:#FF5E31 !important;
	border:2px solid #FF5E31;
	background-color:#142245;
}
.tab_menu li a{
	text-decoration:none;
}
.tabbox h2{
	margin:10px 0 10px 0 !important;
}
.tabbox{
	text-align:left;
	overflow: hidden;
	zoom: 1;
}

/*----------------------------------------------------
	terms
----------------------------------------------------*/
#content_terms p {
	padding:5px;
	background-color:#EFEFEF;
}
#content_terms p a{
	padding:2px 2px 2px 40px;
	background-color: #FFF;
	background-image: url(../img/icon/link_1.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
	display:block;
	border: 2px solid #FFF;
}
#content_terms .sub_title h3{
	display:none;
}
#content_terms p a:hover,
#content_terms p a:focus{
	color:#FF5E31;
	border: 2px solid #FF5E31;
	background-image: url(../img/icon/link_1_c.png);
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}

.tab_menu li a:hover,
.tab_menu li a:focus{
	color:#FF5E31;
	border: 2px solid #FF5E31;
}
/*----------------------------------------------------
	sub_story
----------------------------------------------------*/

.sub_story{
	margin: 10px 0px;
	overflow:hidden;
}
.sub_story_title{}
.sub_story_title a{
	color:#142245 !important;
	text-decoration:none !important;
	padding: 7px 25px 7px 5px;
	border-top: solid 2px #142245;
	border-bottom: solid 2px #142245;
	display:block;
	background-image: url(../img/burette/Down.png);
	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.png);
	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:#FF5E31 !important;
	border-top: solid 2px #FF5E31;
	border-bottom: solid 2px #FF5E31;
	background-image: url(../img/burette/Down_c.png);
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
.sub_story_title.open a:hover,
.sub_story_title.open a:focus{
	color:#FF5E31 !important;
	border-top: solid 2px #FF5E31;
	border-bottom: solid 2px #FF5E31;
	background-image: url(../img/burette/Up_c.png);
	-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_title_line{
	float: left;
	clear:left;
	background: url(../img/burette/line_01.png) no-repeat left 15px;
	padding-left: 10px;
	margin-bottom: 0px;
}
.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;
	
}
/*----------------------------------------------------
	sub_note
----------------------------------------------------*/
.sub_note{
	width: auto;
	margin-left:17px;
}
.sub_note .note {
	background: url(../img/burette/Note_2.png) no-repeat left 9px;
	padding-left: 12px;
	margin-left: 5px;
}

/*----------------------------------------------------
	accent_box
----------------------------------------------------*/
.sub_title + .accent_box,
.sub_title + .accent_box_3rd,
.sub_title + .accent_box_4th{
	margin-top:0px;
}
.accent_box .sub_title:nth-child(1),
.accent_box_3rd .sub_title:nth-child(1),
.accent_box_4th .sub_title:nth-child(1) {
	margin:5px 0px 5px 0px !important;
}
.accent_box_3rd .title:nth-child(1),
.accent_box_4th .title:nth-child(1) {
	margin:5px 0px 5px 0px !important;
}
.accent_box .title:nth-child(1){
	margin:0 !important;
}
.accent_box_3rd,
.accent_box_4th{
	background-color:#F0F2F4;
	margin-top:30px;
	margin-bottom:30px;
	padding:5px 10px;
	border: solid 2px #142245;
}
.accent_box_3rd{
	margin-bottom:30px;
	background-color:#FFF;
	border: solid 1px #000;
}
.accent_box_4th{
	margin-bottom:30px;
	background-color:#EFEFEF;
	border: none;
}
.accent_box{
	background-color:#FFF;
	margin-top:30px;
	margin-bottom:30px;
	padding:0px;
	border: solid 2px #333;
}
.accent_box > p,
.accent_box_3rd > p,
.accent_box_4th > p{
	margin-top:0px !important;
}
.accent_box p,
.accent_box_3rd p,
.accent_box_4th p{
	margin-left:0px !important;
}
.accent_box_4th .title{
	color:#142245;
	background-color:#FFFFFF;
	position: relative;
	padding-left: 20px;
}
.accent_box_4th .title:before{
	content: "▶";
	font-size:100%;
	color: #142245;
	display: block;
	float: left;
	line-height: 20px;
	margin-top:3px;
	margin-left: -20px;
	text-align: left;
	height: 20px;
	width: 20px;
}
.accent_box .title h2,
.accent_box_3rd .title h2,
.accent_box_4th .title h2{
	padding:0;
}
.accent_box .title h2{
	font-weight:bold;
	text-align:center;
	background-color:#333;
	padding:5px 0;
}
.accent_box .foot_note,
.accent_box_3rd .foot_note,
.accent_box_4th .foot_note{
	margin-left:2em;
}
.accent_box_3rd .img,
.accent_box_4th .img{
	text-align:center;
}
.accent_box .img{
	margin:0 !important;
}
/*----------------------------------------------------
	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 5px 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:#FFF;
	background-color:#142245;
	text-indent:0;
	overflow:hidden;
	clear:both;
}
.title h2{
	padding: 6px 15px;
}
#content .operation .sub_title + .img{
	margin:0px 0px 0px 90px;
}
#content .sub_title{
	margin:20px 0px 0px 0px;
	display:block;
	overflow:hidden;
}
#content .sub_title h3{
	color:#142245;
	padding:0px 0px 0px 30px;
	background-image: url(../img/burette/sub_title.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
#content .third_title{
	margin:40px 0px 10px 0px;
	display:block;
}
#content .third_title h4{
	color:#142245;
	padding: 8px 15px;
	background-color:#D0D3DA;
	display:inline-block;
}

#content .fourth_title{
	margin:40px 0px 10px 0px;
}
#content .fourth_title h5{ 
	color:#142245;
	padding: 4px 10px 4px 10px;
	border-left:20px solid #D0D3DA;
	border-bottom:2px solid #D0D3DA;
	display:inline-block;
}

#content .operation .sub_title{
	margin:20px 0px 0px 50px;
	display:block;
}
#content .operation .sub_step .sub_title{
	margin:10px 0px 0px 80px;
	display:block;
}


.note{
	padding-left: 20px;
	position: relative;
}
.note:before{
	content: "●";
	font-size:80%;
	color: #142245;
	display: block;
	float: left;
	margin-top:2px;
	line-height: 20px;
	margin-left: -20px;
	text-align: left;
	height: 20px;
	width: 20px;
}
ol .note:before,
.indent .note:before{
	font-size:40% !important;
	margin-top:1px;
}
.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{
	width: auto;
	margin-left:20px;
}
.sub_note .note {
	padding-left: 20px;
	background:none;
	position: relative;
}
.sub_note .note:before {
	content: "ー";
	font-size:70%;
	color: #142245;
	display: block;
	float: left;
	margin-top:0px;
	line-height: 20px;
	margin-left: -20px;
	text-align: left;
	height: 20px;
	width: 20px;
}
.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;
}

.em{
	background-image: url(../img/icon/em.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding: 5px 0px 5px 30px;
	margin-left:20px;
	-webkit-background-size: auto 25px;
	background-size: auto 25px;
}
.om{
	background-image: url(../img/icon/om.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding: 5px 0px 5px 30px;
	margin-left:20px; 
	-webkit-background-size: auto 25px;
	background-size: auto 25px;
}

span.dec1,
.operation h4  span.dec1{
	color:#4465A6;
	background-color:#E9EEF5;
	font-size:100%;
	-webkit-transform: none;
	-moz-transform: none;
	margin-top:0px;
	transform: none;
	display: inline;
	position: static;
	margin-right:0px;
	padding:0 0px 0 10px;
}
span.dec1:after,
.operation h4  span.dec1:after{
	color:#4465A6 !important;
	content: "▶";
	background-color:#FFF;
	padding:3px;
	font-size:90%;
	color: #142245;
	display: inline;
	margin-top:8px;
	margin-left:10px;
	text-align: left;
}
.memo span.dec1:after{
	background-color:#EBF4F1;
}
.notice span.dec1:after{
	background-color:#ffe5e5;
}
article a#dummyLink {
    height: 0.5px;
    font-size: 1px;
    background: transparent;
}
p.text_right {
	text-align: right;
}
p.text_center {
	text-align: center;
}
.main-text_style_2nd + .main-text_style_2nd + .main-text_style_2nd{
	font-size:190%;
}
.main-text_style_2nd{
	font-size:110%;
	font-weight:bold;
	text-align:center;
}
.indent{
	margin-left:30px;
}
.sub_step .indent{
	margin-left:60px;
}