@charset "utf-8";

@import url("bootstrap.custom.min.css"); /* only Grid system CSS */

@font-face {
    font-family: 'Doc5J1';
    src: url(../fonts/Doc5J1.ttc);
}

@font-face {
    font-family: 'Doc5J2';
    src: url(../fonts/Doc5J2.ttc);
}

@font-face {
    font-family: 'Doc5J3';
    src: url(../fonts/Doc5J3.ttc);
}

@font-face {
    font-family: 'Doc5J4';
    src: url(../fonts/Doc5J4.ttc);
}

@font-face {
    font-family: 'Doc5J5';
    src: url(../fonts/Doc5J5.ttc);
}


/* --------------------------------
	Variables
-------------------------------- */
:root {
    --color1: #B1C9E8;
    --color2: #7BA4DB;
    --color3: #407EC9;
}

/* --------------------------------
	Common Styles
-------------------------------- */

/*	Common
============================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #111;
	*display: inline;
	*zoom: 1;
}
ol,
p,
ul {
	margin: 0;
	padding: 0;
}
ol,
ul {
	list-style: none;
}
html {
font-size: 62.5%; /* 62.5%を指定すると「1.0 rem = 10px」 */
}
body{
font-family: 'Roboto', "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
background-color: #fff;
color: #333;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.3;
-webkit-text-size-adjust: 100%;
}
h2{
	font-size: 31px;
	font-size: 3.1rem;}
h3{
	font-size: 20px;
	font-size: 2.0rem;
}
h4{
	font-size: 17px;
	font-size: 1.7rem;
}
hr {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	color: #fff;
}
img {
	height: auto;
	border: none;
	max-width: 100%;
}
a {
	color: #3498db;
	text-decoration: none;
	cursor: pointer;
}
a:hover,
a:focus,
a:active {
	color: #3498db;
	text-decoration: none;
	outline: none;
}
a img {
    border: none;
}
a:hover img {
	opacity: 0.8;
}
noscript p {
	margin: 5px;
	padding: 10px;
	border: 2px solid #bf0000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #ffefef;
	color: #bf0000;
}
p{
	margin: 0;
}
table{
	box-sizing: border-box;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
}
textarea { /* for chrome fontsize bug */
	font-family: sans-serif;
}
ul, ol {
	list-style: none;
	margin: 0; padding: 0;
}
dl, dt, dd, li{
	margin: 0; padding: 0;
}

/*	Common class
============================================== */
.container-fluid {
	margin-left: auto;
	margin-right: auto;
	padding-left: 8px;
	padding-right: 8px;
}
.row {
	margin-left: -8px;
	margin-right: -8px;
	padding-bottom: 16px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 8px;
	padding-right: 8px;
}
.inner {
	//max-width: 1012px;
}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.float-none{float:none!important;}
img.full{width:100%;height:auto;}
.text-normal{font-weight: normal!important;}
.text-bold{font-weight: bold!important;}
.no-margin {margin: 0 !important;}
.is-padding {
	padding-left: 16px !important;
	padding-right: 16px !important;
}
.no-border-bottom {
	border-bottom: 0 none !important;
}
.padding-top-3 {padding-top:3px!important;}
.padding-top-4 {padding-top:4px!important;}
.padding-top-8 {padding-top:8px!important;}
.padding-top-10{padding-top:10px!important;}
.padding-top-16{padding-top:16px!important;}
.padding-top-20{padding-top:24px!important;}
.padding-top-24{padding-top:24px!important;}
.padding-top-32{padding-top:32px!important;}
.padding-top-40{padding-top:40px!important;}
.padding-top-48{padding-top:48px!important;}

.no-padding-top{padding-top:0!important;}
.no-padding-left{padding-left:0!important;}
.no-padding-right{padding-right:0!important;}
.no-padding-bottom{padding-bottom:0!important;}
.no-padding-side{padding-left:0!important;padding-right:0!important;}
.no-padding {padding: 0 !important;}



.btnLeft,
.btnRight,
.icon-arrow-gray,
.icon-arrow-red,
.icon-arrow-white,
.icon-close,
.icon-disc,
.icon-dropdown,
.icon-home,
.icon-minus,
.icon-minus-dark,
.icon-pagetop,
.icon-plus,
.icon-plus-dark,
.icon-zoom {
    background-image: url("../img/common/sprite_icon.png");
    background-repeat: no-repeat;
}

/*	header
============================================== */
#head {
	display: flex;
	align-items: end;
	justify-content: space-between;
}
#header {
    /*background-color: inherit !important;*/
    border-top: none !important;
    /*border-bottom: #000 solid 1px;*/
    position: sticky;
    top: 0;
    height: 80px;
    background-color: #fff !important;
    border-bottom: 1px solid #e6e6e6;
    z-index: 999;
}
#header > .inner{
	padding-top:15px;
	padding-bottom:10px;
}
#header > .inner > .row{
	padding-bottom: 0!important;
}
#header .header_logo{
	display: inline-block;
    white-space: nowrap;
    padding-top: 0.5rem;
}
#header .header_logo > a{
	display: inline-block;
	margin-top: 4px;
}
#header .header_logo .manual_name {
	position: absolute;
	top: 7px;
	left: 132px;
}
#header .header_logo img {
	height: 5.4rem;
	padding-left: 1.5em;
	padding-right: 1.5em;
    margin-top: -1.0rem;
    /* width:320px; */
    /*height: auto;*/
}
#header .btn-dropdown{
	position: relative;
	display: block;
	width: 150px;
	float: right;
  padding: 10px 20px 10px 10px;
  border-top: 0 !important;
  border-bottom: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: inherit !important;
  box-shadow: inherit !important;
  background: inherit !important;
  background-color: #eeeeee !important;
  margin-right: 10px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	cursor: pointer;
	margin-top: 56px;
}
#header .btn-dropdown .icon-dropdown {
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    width: 21px;
    height: 17px;
    margin-top: -8px;
    background-position: -50px -28px;
}
#header .manual_name {
    font-family: 'Roboto', "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
    background-color: #fff;
    color: #000;
    line-height: 1.3;
    font-size: 3.15rem;
    font-weight: bold;
    -webkit-text-size-adjust: 100%;
}
/*	#footer
============================================== */
#footer #pagetop {
	text-align: right;
}
#footer #pagetop a {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 5px;
	padding: 7px 0 7px 30px;
	text-decoration: none;
	font-size: 1.2rem;
	cursor: pointer;
	color: inherit !important;
}
#footer #pagetop a .icon-pagetop {
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 12px;
	height: 6px;
	margin-top: -3px;
	background-position: -48px -15px;
}
#footer .footer-content{
	border-top: #e6e6e6 solid 1px;
	padding:20px 10px;
}
#footer .copyright{
	color: #777;
	font-size: 80%;
}
#footer .logo img{
	margin-left:-10px;
	width:114px;
	height: auto;
}

/*	#main section
============================================== */
.title-1{
	position: relative;
  display: block !important;
  padding: 6px 0 3px 10px !important;
  color: #fff;
  /*text-shadow: 0 0 5px white;*/
  border-left: solid 7px var(--color2);
  background-color: var(--color3);
}
.title-1-2{
	font-size: 25px;
	font-size: 2.5rem;
	position: relative;
  display: block !important;
	border-bottom: solid 3px var(--color3);
	padding-top: 0.8em;
	padding-bottom: 2px;
	padding-bottom: 0.05em;
}
.title-2 > span {
    padding-bottom: 4px;
    border-bottom: solid 1px #000000;
}

.title-2 {
    position: relative;
    /*border-bottom: solid 3px #EEf4F7;*/
    padding-top: 1em;
    padding-bottom: 0.2em;
}
/*
.title-2::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #343885;
	bottom: -3px;
	width: 20%;
}
*/
.title-3{
	padding-top: 1.3em;
	color: var(--color3);
}
.title-3::before{
	content:"■ ";
}
.tbl-sup::before {
	content:"※ ";
}
.desc-1 {
    font-size: 16;
    font-size: 1.6rem;
    padding-top: 1em;
}
.desc-center {
    text-align:center;
}

.desc-supplement-title{
	font-size: 16;
	font-size: 1.6rem;
	font-weight:bold;
}
.desc-supplement-title > .text{
	padding-left:1.2em;
}
.desc-supplement-title .img-inline img{
	height :1.8em;
}
.desc-2{
	font-size: 14px;
	font-size: 1.4rem;
	padding-top: 10px;
}
.indent-1{
	margin-left:2rem;
}
.indent-2{
	margin-left:4rem;
}
.link-arrow-right{
	display: inline;
	height:14px;
	height:1em;
	width:auto;
	margin-left: 2px;
	margin-right: 2px;
	margin-top:-5px;
}
.desc-supplement{
	padding-top:20px;
	padding-top:2rem;
	padding-bottom:14px;
	padding-bottom:1rem;
}
.desc-supplement .wrap{
	max-width: 800px;
	width: 100%;
	border: solid 2px red;
	padding:14px;
	padding:1rem;
}
.desc-supplement .wrap-hint{
	max-width: 800px;
	width: 100%;
	border: solid 2px var(--color2);
	padding:14px;
	padding:1rem;
}
.desc-supplement .mark{
	height:20px;
	width:auto;
	margin-bottom: 5px;
	margin-bottom: 0.5rem;
}
.desc-supplement .desc{
	padding:0.4em 0!important;
}
.desc-important{
	padding-top:20px;
	padding-top:2rem;
	padding-bottom:14px;
	padding-bottom:1rem;
}
.desc-important .wrap{
	width:85%;
	border: solid 2px #ea5429;
	margin:0 auto;
	padding:14px;
	padding:1rem;
}
.desc-important .mark{
	height:20px;
	width:auto;
	margin-bottom: 5px;
	margin-bottom: 0.5rem;
}
.desc-important .desc{
	padding:0.4em 0!important;
}
.title-process{
	color: #043c78;
	display:block;
	position: relative;
	width:100%;
	padding-top:1.2em;
}
.title-process .wrap{
	position: relative;
	display: inline-block;
	width:2.5em;
}
.title-process .wrap .text{
	color: #000;
	position: absolute;
	bottom:8px;
	bottom:0.8rem;
	left:0;
	text-align: center;
	display: inline-block;
	width:100%;
	font-size:0.8em;
}
.title-process .title{
	position: absolute;
	display: inline-block;
	bottom:0;
	left:0;
	width:100%;
	padding-left:2.7em;
	z-index: 1;
}
.list-order{
	padding-left:2em;
	list-style-type: decimal;
}
.desc-list{
	padding-left:0.2rem;
}
.desc-list > dt{
	display: block;
	position: relative;
	width: 100%;
	padding-top:1.4em;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color:#000;
}
.desc-list > dt .num {
    padding-top: 1.15em;
    color: var(--color3);
    font-size: 1.1em;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    /*width: 1.6em;*/
    z-index: 1;
    text-align: right;
    padding-left: 0.5em;
	white-space: nowrap;
}
.desc-list > dt .title {
    color: #000;
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 3.1em;
}
dd > p {
    padding-left: 3.6em;
}
dd > div > div > img {
    padding-left: 3.6em;
}
.desc-list > dd{
	padding-left:1rem;
}
.desc-list > dd .desc{
	padding-top:1.2rem;
}
.text-circle-num{
	display: inline-block;
	position: relative;
	width: 100%;
}
.carousel-slider{
	position:relative;
	display: block;
}
.carousel-slider .slick-slider{
	padding:6% 5%;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.15);
}
.carousel-slider .slick-arrow {
	position: absolute;
	margin-top: -15px;
	width: 23px;
	height: 30px;
}
.carousel-slider .slick-arrow:hover {
	opacity: 0.7;
}
.carousel-slider .btnLeft {
	left: 10px;
	top: 50%;
	background-position: 0 -28px;
}
.carousel-slider .btnRight {
	right: 10px;
	top: 50%;
	background-position: -23px -28px;
}
.carousel-slider .slick-disabled{
	display:none!important;
}
.carousel-slider .desc{
	padding-top:1rem;
}
.text-circle-num > .num{
	margin-top:0.1em;
	display: inline-block;
	position: absolute;
	top:0;
	left:0;
	width: 2em;
	height: 1.5em;
	text-align: center;
	font-size: 0.8em;
	z-index: 1;
}
.text-circle-num > .num::before{
	margin-left:0.3em;
	border: 1px solid #000;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	display: block;
	position: absolute;
	content:" ";
	width: 1.4em;
	height: 1.4em;
}
.text-circle-num > .text{
	display: inline-block;
	position: relative;
	width: 100%;
	padding-left:1.5em;
}
.text-order{
	display: inline-block;
	position: relative;
	width: 100%;
}
.text-order > .num{
	display: inline-block;
	position: absolute;
	top:0;
	left:0;
	width: 1.3em;
	z-index: 1;
}
.text-order > .text{
	display: inline-block;
	position: relative;
	width: 100%;
	padding-left:1.3em;
}
.arrow-down1{
	width:40px;
	height:auto;
}
.img-inline img{
	height: 1.2em;
	width: auto;
	padding-right:1.2em;
}
[class*="list-style-"]{
	padding-left:1.3em;
}
.list-style-disc{
	list-style: disc;
}
.list-style-circle{
	list-style: circle;
}
.table-1 th{
	font-weight: normal;
}
.table-1 th,
.table-1 td{
	padding:0.5em;
	vertical-align: top;
}
.table-1 tr.title th{
	text-align: center;
	background-color: #d3d3d3;
}
.table-1 tr.detail td{
	text-align: left;
}
.table-1 tr.title th.num{
	width:60px;
}
.table-1 tr.detail td.num{
	text-align: center;
}
.table-1 tr.title th.item{
	width:10em;
}
.table-1 tr.title th.desc{
	width:40em;
}
.table-1 tr.detail td .desc-supplement{
	padding-top: 7px;
	padding-top: 0.5rem;
  padding-bottom: 0;
}
.table-1 tr.detail td .desc-supplement .wrap{
	padding:7px;
	padding: 0.5rem;
}

/*作業フロー
==============================*/

td.td_flow_title {
  background: var(--color1);
  padding:5pt 5pt 5pt 5pt;
 }
td.td_flow_title2 {
  background:var(--color2);
  padding:5pt 5pt 5pt 5pt;
 }
td.td_flow_desc {
  padding:5pt 5pt 5pt 5pt;
 }
td.td_flow_separator {
  padding:2pt 2pt 2pt 2pt;
  text-align:center;
  border: none;
}
td.td_flow_separator img {
    filter: brightness(0) saturate(100%) invert(49%) sepia(12%) saturate(2377%) hue-rotate(173deg) brightness(92%) contrast(99%);
}
table.tbl_flow {
	border: none;
}
  
.breadcrumb {
  margin-left:0;
  padding-left:0;
	padding-top:8px;
	padding-bottom:8px;
	font-size: 14px;
	font-size: 1.4rem;
}
.breadcrumb li{
  display:inline;
  list-style: none;
}
.breadcrumb li:after{
  content: '>';
  padding: 0 3px;
}
.breadcrumb li:last-child:after{
  content: '';
}
.breadcrumb li a {
	text-decoration:underline;
	color:inherit!important;
}
.print-wrap{
	position:relative;
	display: block;
	height:40px
}
.btn-print{
	position: absolute;
	display: inline-block;
	top:20%;
	right:10px;
	z-index: 2;
	width:90px;
}
.btn-print a{
	display: block;
	width:100%;
	background-color: #fff;
	border: 1px solid #ddd;
	padding:6px 0 3px;
	text-align: center;
	color:#333;
	font-size:15px;
	line-height: 1;
	font-weight: normal;
	border-radius: 6px;	display: inline-block;
	box-shadow: 1px 1px 0 rgba(230,230,230,1);
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.btn-print a:hover{
  background-color: #f5f5f5;
}
.print-padding{
	padding-right: 110px!important;
}

/*	TOPページ
============================================== */
body.top #main h2.title{
	padding-top:124px;
  color: #343885;
}
body.top #main p.desc{
	padding-top:40px;
	padding-bottom:124px;
  color: #343885;
	font-size:20px;
	font-size:2.0rem;
}


/* 見出しリスト
============================================== */

div.nav-info {
padding-top:2em;
}

div.navSecond {
display: block;position: relative;width: 48%;
}
div.col1 {
float: left;
}
div.col2 {
float: right;
}
div.navSecond a {
font-size: 15px;
position: relative;
display: inline-block;
width: 100%;
padding-top: 0.9em;
padding-bottom: 0.8em;
padding-left: 0.8em;
padding-right: 1.2em;
color: #fff;
font-weight: bold;
border-radius: 6px;
text-decoration: none;
line-height: 1.5;
background-color: var(--color3);
background-image: url(../img/common/arrow_right_002.png);background-repeat: no-repeat;background-position: 98% 50%;background-size: 12px auto;
}


/* 外字
============================================== */
span.gaiji1 {
    font-family: 'Doc5J1';
}

span.gaiji2 {
    font-family: 'Doc5J2';
}

span.gaiji3 {
    font-family: 'Doc5J3';
}

span.gaiji4 {
    font-family: 'Doc5J4';
}

span.gaiji5 {
    font-family: 'Doc5J5';
}

#search-form {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	margin: 0;
}
#search-form input {
	border-right: none;
	border-left: 2px solid #ddd;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	padding: 3px;
	outline: none;
}
#search-form input::placeholder {
	color: #aaa;
	font-size: 1.25rem;
	padding-left: 3px;
}
#search-form button {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #407EC9;
	border: none;
	width: 32px;
	height: 29px;
	font-size: 1.2rem;
}
#search-input {
	color: #777;
}
#clear-search-link-container {
	position: absolute;
	top: 5px;
	right: 10px;
}
#clear-search-link {
	display:none;
	color:#000;opacity:.5;
}
.search-result-title {
	font-weight: bold;
}
.search-result-item {
	margin-bottom: 15px;
}
.search-result-description {
	color: #555;
}