@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
/* base -----------------------------------------------------------*/
body{
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	font-size: 15px;
	background-color: #FFF;
	color: #222;
	word-break: break-all;
	word-wrap:break-word;
	letter-spacing: 0.02em;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-family: inherit;
    font-weight: bold;
    line-height: 1.1;
	font-size: 1em;
	margin: 0;
	letter-spacing: 0.06em;
}
ul{ margin: 0; padding: 0; list-style: none; }
dl{ margin: 0; padding: 0; }
p{ margin: 0 0 1em; padding: 0; word-break: normal; }

a { color: #3651B5; }
a:visited { color: #3651B5; }
a:hover{ color: #5FB2C9; transition: .2s;  }

label{ margin-bottom: 0; }/*reset*/
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
@media (max-width: 991px) {
	body{ font-size: 15px;}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { letter-spacing: normal; }
}/* @media */
@media (max-width: 768px) {
	body{ font-size: 14px;}
}/* @media */

/* header -----------------------------------------------------------*/
#header{ background: #FFF; margin-bottom: 0;}
#header h1{
	display: table;
	color: #fa3e01;
	padding: 12px 0;
	float: left;
	font-size: 1.6rem;
}
#header h1 span{
	display: table-cell;
	text-align: justify;
	vertical-align: bottom;
	padding: 0 5px 0 0;
	font-size: 2.4rem;
}
#header h1 label{ display: block; margin: 0; }
#header h1 span#site_name{ }
#header h1 span#sub_name{ }
#header h1 a{ color: #fa3e01; text-decoration: none; }
#header h1 img{ max-width: 100%; }
.hd-col-up{ float: right;}
.hd-col-up ul{
	list-style: none;
	display: inline-block;
	float: right;
	margin-top: 12px;
}
.hd-col-up li{margin-right: 1.0rem; display: inline-block; }
.search-box { 
	clear: both;
	float: right;
}

#fontSize{
	float: right;
	border-radius: 4px;
	margin-top: 8px;
	padding: 0px;
	text-align: center;
}
#fontSize span{ 
	display: inline-block;
	margin: 0 2px;
	padding: 2px 5px;
	border: 1px solid #BBB;
	background-color: #EEE;
	color: #666;
	cursor: pointer;
}
#fontSize label{
	display: inline-block;
	color: #666;
	font-size: 1.1rem;
	margin: 2px 0 0;
}
.small { font-size: 1.5rem; }
.middle { font-size: 1.5rem; }
.large { font-size: 1.5rem; }
#sp_app { display: none; }

@media (max-width: 991px) {
	#fontSize{ float: none; }
}/* @media */

@media (max-width: 767px) {
#header h1{ padding: 10px 0; width: 80%; }
#header h1 span{
	display: inline-block;
	font-size: 2.6rem;
	padding: 0;
	letter-spacing: normal;
	}
#header h1 label{
	display: inline; margin: 0;
}
#header h1 span#site_name{
	border-left: none;
	padding-left:0;
}
.l_up{
	font-size: 1.2rem;
	letter-spacing:normal;
	}
.l_rw{
	font-size: 1.2rem;
	letter-spacing:normal;
	}
#fontSize{ display: none; }
#sp_app{ display: block }
.hd-col-up{ display: none;}
#header h1 span#sub_name{ font-size:1em; line-height: 1; }
.sp_app_li { list-style: none; margin-bottom: 0; }
/*.sp_app_li li{ float: left; width: 50%;  text-align: center; }*/
.sp_app_li li a{ display: block; padding: 1rem 0; color: #FFF; border-bottom: 1px solid #ff784c; }

.search-box{
	float: none;
	padding: 1.4rem 0;
	}
	
}/*@media*/


@media (max-width: 660px) {
.hd-col-up ul{ margin-top: 0; }
#header h1 span#site_name img{ max-width: 100%; }
	
}/* @media */

/*left_menu -----------------------------*/
#leftmenu .lmenu_img img{width: 100%;}

/* nav -------------------------------------------*/
/*3520*/
.dropdown-menu {
    /*background-clip: padding-box;*/
	background-clip: content-box;
    background-color: #FFF1EC;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    /*width: 100%;*/
	min-width: 100%;
    z-index: 1000;
}
/*3552*/
.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 1.2rem 1.2rem 1.2rem 2rem;
    white-space: nowrap;
}

.dropdown-menu a{
	text-decoration:none;
	color:#62A1CB;
	display:inline-block;
	padding-right:16px;
	position:relative;
}
.dropdown-menu a:before,
.dropdown-menu a:after{
	content:"";
	display:block;
	position:absolute;
}
.dropdown-menu a:before{
	border-right:2px solid #FF5119;
	border-top:2px solid #FF5119;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	width:8px;
	height:8px;
	/*right:0;*/
	left: 5px;
	top:50%;
	margin-top:-4px;
}
/*.dropdown-menu a:after{
	width:12px;
	border-bottom:1px solid #FF5119;
	left:0;
	top:50%;
}*/

/*3561*/
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #FFD0C0;
}

.navbar { border-radius: 0px; margin-bottom: 0; min-height: 3px; }

.navbar-nav { width:100%; margin: 0; }
/*4359*/
.navbar-nav > li {
    text-align: center;
	/* width: 20%; */
	width: 16.666%;
	border-left: 1px solid #FF784C;
}
.navbar-nav > li:last-child{ border-right: 1px solid #FF784C; }
/*4495*/
.navbar-default { background-color: #FF5119; border: none;}
/*4510*/
.navbar-default .navbar-nav > li > a {
	display: table-cell;
	color: #FFF;
	padding:0;
	margin: 0;
	font-size: 1.5rem;
	vertical-align: middle;
	width: 228px;
	height: 60px;
}
@media (max-width: 811px) {
	.navbar-default .navbar-nav > li > a > br.brpc{
		display: none;
	}
}
/* @media (min-width: 768px) {
	.container {
		width: auto;
	}
} */
/*4513*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #FFF;
  background-color: #fa3e01;
}
/*4518*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #fa3e01; color: #FFF;
}
/*4544*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #E53800; color: #FFF;
}

.dropdown:hover > .dropdown-menu{
  display: block;
}
@media (max-width: 767px) {
ul.dropdown-menu{ display: none;}
.navbar-nav > li {
	width: 100%;
	text-align: left;
	border: none;
	border-bottom: 1px solid #FF784C
	}
.navbar-nav > li:last-child{ border-right: none; }
.navbar-default .navbar-nav > li > a {
	/*display: block;*/
	font-size: 1.5rem;
	padding: 1rem 0;
	width: 760px;
	height: auto;
}
}/* @media */

@media (max-width: 991px) {
.navbar-default .navbar-nav > li > a {
	font-size: 1.38rem;
	}
}/* @media */

/*　メインコンテンツ　共通パーツ　------------------------------------------*/
#breadcrumb{
	font-size: 1.25rem;
	padding: .7em 0;
	background-color: #F5F5F5;
	border-bottom: 1px solid #DDD;
	margin-bottom: 2.8rem;
}
#breadcrumb a{ text-decoration: underline; position: relative; padding-right: 1.85rem; }
#breadcrumb a::after{ 
	text-decoration: underline;
   /* 
	border-color: #ff5119 #ff5119 currentcolor currentcolor;
    border-image: none;
    border-style: solid solid none none;
    border-width: 1px 1px 0 0;
	*/
    content: url(../img/arw_bread.png);
    height: 7px;
    margin-top: -4px;
    position: relative;
    right: -1rem;
    /*top: 48%;*/
    /*transform: rotate(45deg);*/
    width: 7px;
}
@media (max-width: 767px) {	
#breadcrumb {margin-bottom: 1rem;}
	
}
#main{ min-height: 500px; padding-bottom: 1em; }
#main h2{
	font-size: 1.618em;
	margin: .6em 0 1.6em 0;
	position: relative;
}

#main h3{
	margin: 1.6em 0;
	background: #FF5119;
	padding: 1em;
	color: #FFF;
	position: relative;
	font-size: 1.125em;
}
#main h3 label{
	position: absolute;
	left: 1em;
}
#main h3 span{
	padding-left: 2em;
	display: inline-block;
}
#main h3.mb_only{
	margin: .6em 0;
	background: #FF5119;
	padding: 1em;
	color: #FFF;
	position: relative;
	font-size: 1.125em;
}
#main h4{
	color: #FF5119;
	border: 1px solid #4e2a1a;
	padding: 1em;
	margin: 1.6em 0;
	border-radius: 2em ;
	position: relative;
	/*font-size: 1.125em;*/
}
#main h4:first-child{ margin-top: 0; }

#main h4 label{
	position: absolute;
	left: 1em;
}
#main h4 span{
	padding-left: 2em;
	display: inline-block;
}
#main h4.mb_only{
	color: #FF5119;
	border: 1px solid #4e2a1a;
	padding: 1em;
	margin: .6em 0;
	border-radius: 2em ;
	position: relative;
	/*font-size: 1.125em;*/
}


h5{
	position: relative;
	background: #FFF;
	margin: 1.6em 0 2.0em;
	padding: 1em;
	border: 1px solid #888;
}
h5::before,
h5::after {
  position: absolute;
  top: 100%;
  left: 12px;
  content: '';
  height: 0;
  width: 0;
  border: 10px solid transparent;
	/*z-index: 10;*/
}
h5::before {
  border-top: 14px solid #888;
}
h5::after {
  margin-top: -2px;
  border-top: 14px solid #fff;
}
h6{ margin:1.6em 0; }

img{ max-width: 100%; }
#main a { text-decoration: underline; }

/*
a.a_pdf{ 
	background-image: url(../img/i_pdf.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 24px;
}
*/
a.a_csv{ 
	background-image: url(../img/i_csv.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 24px;
}
/*
a.a_exlink{ 
	background-image: url(../img/i_arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 24px;
}*/
a[href^="http"]{
	background-image: url("../img/i_arrow.png");
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 14px;
	padding-right: 2em !important;
}
a[href$=".pdf"] {
	background-image: url("../img/i_pdf.png");
	background-position: right 2px center;
	background-repeat: no-repeat;
	padding-right: 1.6em !important;
	background-size: 16px auto;
}
a.a_btn[href$=".pdf"] {
	background-image: url("../img/i_pdf.png");
	background-position: right 4px center;
	background-repeat: no-repeat;
	padding-right: 1.8em !important;
	background-size: 16px auto;
}
a[href^="tel:"] { 
	cursor: default;
	text-decoration: none !important;
	color: #12b361;
	font-weight: bold;
}


/*
a[href$=".pdf"] {
	position: relative;
}
[href$=".pdf"]::before {
	content: " ";
	border: 1px solid red;
	height: 18px;
	width: 16px;
	position: absolute;
	top:0;
	right: -24px;
}
[href$=".pdf"]::after {
	content: "PDF";
	font-size: 8px;
	vertical-align: middle;
	background-color: red;
	color: #fff;
	text-align: center;
	height: 10px;
	width: 16px;
	position: absolute;
	top:4px;
	right: -20px;
}

*/
a[href$=".exe"] {
	background-image: url("../img/i_exe.png");
	background-position: right 10px center;
	background-repeat: no-repeat;
	padding-right: 2.4em !important;
}
/*a[href$=".xls"] {
background-image: url("images/icon_xls.gif")
}
 
a[href$=".csv"] {
background-image: url("images/icon_doc.gif")
}*/


a.a_bnr[href^="http"]{ background: none; }
a.a_bnr img{ margin-right: 1em;}

.lmenu_img a[href^="http"]{ background: none;}



a.a_btn{
	border: 1px solid #333;
	/*background-color: #18C7FF;*/
    border-radius: 2em;
    display: inline-block;
    font-weight: bold;
	font-size:.9em; 
    padding: 1em 1em;
	padding-left: 2em;
	margin-bottom: 1em;
    position: relative;
	text-decoration: none !important;
	color: #18C7FF;
}

a.a_btn::before {
    border-color: #333 #333 currentcolor currentcolor;
    border-image: none;
    border-style: solid solid none none;
    border-width: 1px 1px 0 0;
    content: "";
    height: 8px;
    margin-top: -4px;
    position: absolute;
    left:.7em;
    top: 50%;
    transform: rotate(45deg);
    width: 8px;
}
a.a_btn:hover{
	background-color: #ABEBFF;
	color: #FFF;
	transition: .3s;
}

/* page HOME ============================================== */

#bg_visual{
	clear: both;
	background: linear-gradient(45deg, #FFCB68 50%, #FFEDC9 50%, #FFEDC9);
	margin-top: 0;
	border-top: 1px solid #FFF;
}
.visual{ 
	text-align: center;
	background-image: url(../img/main_visual269.jpg);
	background-repeat:  no-repeat;
	background-position: right bottom;
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 269px;
	}

.visual{text-align: left; font-size: 1.414em;}
.visual h2{margin-bottom: 20px; line-height: 3em; color: #fff;text-shadow: 1px 1px 1px #a98549;}
.visual h2 span{
	color: #FF5119;
}
.visual h2 label{
	font-size: 2.827em; 
	display: inline-block;
	/*outline*/
	/*filter:dropshadow(color=#ffffff,offX= 0,offY=-1)
	dropshadow(color=#ffffff,offX= 1,offY= 0)
	dropshadow(color=#ffffff,offX= 0,offY= 1)
	dropshadow(color=#ffffff,offX=-1,offY= 0);
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 1px;*/
	text-shadow: white 1px 1px 0px, white -1px 1px 0px,
    white 1px -1px 0px, white -1px -1px 0px;
}
.visual a{
	font-weight: bold;
	color: #FFF;
	padding: 1em 2em;
	border: 4px solid #fff;
	border-radius: 50px;
	font-size: .8em;
	display: inline-block;
	background-color: #FF5119;
}

.visual a:hover,.visual a:focus{
	text-decoration: none;
	outline: none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	background-color: #FF7019;
}
.visual h2 img{ vertical-align: bottom; max-width: 100%; }

.visual h2 label.white{
	font-size: 1.2em;
	color: #fff;
	text-shadow: 1px 1px 0 gray;
	margin-bottom: 0;
}
.visual h2 label.or_l{font-size: 2.8em;}

.visual h2 label.or_s{font-size: 1.4em;}

.tp_pdg{padding-top: 2em;}

@media (max-width: 767px) {
.visual h2{margin-bottom: 20px; line-height: 2em; }
.visual { min-height: 270px;background-position: right bottom 50px; }
#bg_visual {height: 230px;}
}

@media (max-width: 480px) {
#bg_visual { padding-top: 0;height: 210px;}
.visual {
    background-position: right -82px top -60px;
    background-size: cover;
    min-height: 269px;
    padding-bottom: 30px;
    padding-top: 0;}
.visual h2{
	margin-top: 0.5em;
}
.visual h2 span.btm-text{
	position: relative;
	font-size: 1em;
}
.visual h2 label.white{
	font-size: 1em;
	color: #fff;
	text-shadow: 1px 2px 1px #777;
	margin-bottom: .5em;
	font-weight: normal;
}
.visual h2 label.or_l{font-size: 1.4em;}
.visual h2 label.or_s{font-size: 1em;}
}

/* 新着情報　infomation ------------------------------------*/

h2.tt_info{
	background-color: #188DFF;
	color: #FFF;
	padding: 1em 0 1em;
	text-align: center;
	font-size: 1.414em;
	margin: 0;
}
.info_contents{ 
	clear: both;
	position: relative;
	top: -42px; 
	margin-bottom:0em;
	border: 5px solid #6da5ff;
	border-radius: 0 .8em .8em .8em;
	padding: 0 2em;
}
.info_area label.info_tt { display: block; margin: 1em 0; font-size: 1em; color: #19C3E5;}
.info_area label.info_tt:first-child{ margin-top: 0; }

.infomation_area{ position: relative; }
.info_bx{
	position: relative;
	top: -38px;
	width: 100%;
	z-index: 10;
}

.info_bx img{
	position: absolute;
	top: -42px;
	left: 0;
	right: 0;
	margin:auto;
}

.info_bx img.i_info{
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	margin:auto;
	width: 42px;
}

.dl_info{ padding: 0; margin-bottom: 1.8em; }
.dl_info dt{ margin: 2em 0 .5em; }
.dl_info dd{ margin-bottom: 2em; padding: 0;
}
.dl_info dd:last-child{ margin-bottom: 0; }

.dl_info_day{ padding: 0; margin: 0; }

.dl_info_day dt{ 
	float: left;
	clear: both;
	width: 20%;
	position: relative;
	padding: .5em 3em 0 0;
}
.dl_info_day dt::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCC #CCC currentcolor currentcolor;
    border-image: none;
    border-style: solid solid none none;
    border-width: 5px 5px 0 0;
    content: "";
    height: 16px;
    right: 1em;
    margin-top: -4px;
    position: absolute;
    top: 47%;
    transform: rotate(45deg);
    width: 16px;
}
.dl_info_day dd{
	float: left;
	margin-bottom: 2em;
	width: 80%
}
/*.dl_info_day dd:last-child{ margin-bottom: 0; }*/
@media (max-width: 767px) {
.info_contents{ border-radius: 0 0 .8em .8em;}
}
@media (max-width: 480px) {
.info_bx{ top: -20px; }	
.info_contents{ top: -30px; }
.info_bx img.i_info { top: -30px; }
h2.tt_info { font-size: 1.2em; margin: 0; }
.info_contents{ padding: 0 1em; }
.dl_info dt{
	float: none;
	clear: both;
	width: auto;
	margin-bottom: .5em;
	}
.dl_info dd{
	float: none;
	clear: both;
	width: auto;
	}
}
/*  flow ----------------------------------------*/

#bg_flow{ 
	background: #f2f2f2; 
	position: relative;
}
#bg_flow img.bg_icon{ 
	position: absolute;
	top: -42px;
	left: 0;
	right: 0;
	margin: auto;
}
#bg_flow img.i_step{ 
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	margin: auto;
}

#bg_flow h3{
	text-align: center;
	font-size: 1.414em;
	 margin: 2em 0 1em;
	text-shadow: 2px 2px 1px #FFF;
	color: #FF5119;
}
#bg_flow h3 span{
position: relative;
display: inline-block;
/*margin-bottom: 1em;*/
}
#bg_flow h3 span:before {
content: '';
position: absolute;
top: -2.135em;
display: inline-block;
width: 60px;
height: 7px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #FF6433;
border-radius: 3px;
}


#bg_flow p.sub_t{
	text-align: center;
	font-size: 1.125em;
	margin-bottom: 2em;
	text-shadow: 2px 2px 1px #FFF;
}


#bg_flow .col-sm-20p{
	float: left;
	width: 20%;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

#bg_flow .col-sm-20p::after {
    background-image: url("../img/arw_or.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 29px;
	width: 17px;
    position: absolute;
    right: -10px;
    top: 40%;
    vertical-align: middle;
    z-index: 10;
}

#bg_flow .col-sm-20p:last-child{ background-image: none; }
#bg_flow .col-sm-20p:last-child:after{ background-image: none; }
#bg_flow .col-sm-20p label{
	display: block;
	color: #FF5119;
	font-size: 1.4em;
    line-height: 1;
    margin-top: 0.6em;
}
#bg_flow .col-sm-20p span{ font-size: 2em; vertical-align: sub; }
#bg_flow .col-sm-20p img { max-width: 70%; }
#bg_flow .col-sm-20p p{
	font-size: .9em;
	text-shadow: 2px 2px 1px #FFF;
	margin-bottom: 0;
	color: #222;
}
#bg_flow a{ text-decoration: none; }

.step_bx{ 
	position: relative;
	background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 4px;
    min-height: 285px;
    text-align: center;
	padding: .2em .4em;
}
.step_bx:hover{ cursor: pointer; background: rgb(244,249,255); transition: .2s; }
.step_bx img{ margin-left: auto; margin-right: auto; }

@media (max-width: 767px) {
#bg_flow h3 { font-size: 1.2em; }
#bg_flow .col-sm-20p{
	float: left;
	width: 50%;
	background-position: 90% 5em;
}
#bg_flow .col-sm-20p:last-child{ 
	width: 50%;
	background-image: none; 
}
#bg_flow .col-sm-20p label{
	position: absolute;
	left: 10px;
	top: 0;
	text-shadow: 1px 1px 2px #FFF;
	text-align: left;
}
#bg_flow .col-sm-20p img { max-width: 60%; margin: 0 auto; }
#bg_flow .col-sm-20p::after { content: none; }
.step_bx{ margin-bottom: 2em; padding: 0.5em 1em;  min-height: 230px;}
.step_bx p{ text-align: left; }

}

@media (max-width: 480px) {
#bg_flow h3 { margin: 2em 0 1em; }
#bg_flow img.i_step { width: 48px; top: -28px; }
#bg_flow .col-sm-20p{
	float: none;
	width: auto;
	background: none;
}
#bg_flow .col-sm-20p:last-child{ width: auto;  }
#bg_flow .col-sm-20p label{ font-size: 1.2em; left: 5%; top: 1em; margin-top: -10px; }
#bg_flow .col-sm-20p img { max-width: 30%;  margin-bottom: 0.5em;}
.step_bx{min-height: inherit; margin-bottom: 1em; height: auto;}
.step_bx p{ text-align: center; }
}

/*  flow2 ----------------------------------------*/
#bg_flow2{
	background-color: #f2f2f2;
	text-align: center;
}
#bg_flow2 h3{
	text-align: center;
	font-size: 1.414em;
	margin: 3em 0;
	position: relative;
}
#bg_flow2 h3 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #F2F2F2;
}
#bg_flow2 h3::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #999;
}

#bg_flow2 .news_bx h4{ font-size: .96em; margin-bottom: 1em; letter-spacing: normal; }

#bg_flow2 p{
	margin-bottom: 0;
	font-size: .96em;
}
#bg_flow2 p span{
	display: inline-block;
	padding: 3px 5px;
	background-color: #FF3D18;
	color: #fff;
	font-size: .8em;
	margin-left: .5em;
}
#bg_flow2 .news_bx{
	position: relative;
	background-color: #fff;
	padding: 4.6em 1em 2em;
	margin-bottom: 60px;
}
#bg_flow2 .news_bx img{
	margin-bottom: 0;
	position: absolute;
	top: -33px;
	left:0;
	right: 0;
	margin: auto;
}
#bg_flow2 .news_bx img.news_icon{
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#bg_flow2 a{ color: #222; }

#bg_flow2 a:hover,#bg_flow2 a:focus{
	text-decoration: none;
	color: #6DB7FF;	
}
@media (max-width: 767px) {
#bg_flow2 h3 { font-size: 1.2em; }
#bg_flow2 p span { position: absolute; top: .5rem; right: .5rem; }
}

@media (max-width: 480px) {
#bg_flow2 h3 { margin: 2em 0 3em; }
#bg_flow2 .news_bx img.news_icon { width: 44px; top: -23px; }
#bg_flow2 .news_bx {
    background-color: #fff;
    margin-bottom: 4em;
    padding: 2em 1em 1em;
}
.col-xx-12{
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	}
}

/*  flow3 ----------------------------------------*/

#bg_flow3{
	text-align: left;
}
#bg_flow3 h4{
	margin-bottom: 1em;
}
#bg_flow3 p{
	margin-bottom: 0;
	font-size: .94em;
}
#bg_flow3 .another{
	margin-left: 33px;
	position: relative;
	margin-top: 1.6em;
	padding: 1.4em 1em 1.4em 52px;
	border: 3px solid #FFCB68;
}

#bg_flow3 .another .circle{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left:-38px;
	width: 71px;
	height: 71px;
	border-radius: 50px;
	border: 3px solid #FFCB68;
	z-index: 10;
	background-position: -5px -7px;
}

#bg_flow3 .another .circle_img1{background-image: url(../img/another1.png);}
#bg_flow3 .another .circle_img2{background-image: url(../img/another2.png);}
#bg_flow3 .another .circle_img3{background-image: url(../img/another3.png);}
#bg_flow3 .another .circle_img4{background-image: url(../img/another4.png);}

#bg_flow3 ul{
	font-size: .96em;
	list-style: none;
}
#bg_flow3 li{
	margin-top: 1em;
}

#bg_flow3 a{
	color: #222;	
}
#bg_flow3 a:hover,#bg_flow2 a:focus{
	text-decoration: none;	
}

.li_user li a{
	display: block;
	border: 1px solid #999;
	padding: .5em 1em;
	font-weight: bold;
	border-radius: 2em;
	position: relative;
}

.li_user li a::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999 #999 currentcolor currentcolor;
    border-image: none;
    border-style: solid solid none none;
    border-width: 2px 2px 0 0;
    content: "";
    height: 10px;
	right: 1em;
    margin-top: -4px;
    position: absolute;
    top: 47%;
    transform: rotate(45deg);
    width: 10px;
}
.li_user li a:hover{ background-color: #EEE; }

.li_user li a span{ font-size: 1.2em;}

.u_win span{ color: #3782AE; }
.u_mac span{ color: #E33F79; }
.u_and span{ color: #12B361; }
.s_win { color: #3782AE; font-size: 1.2em;}
.s_mac { color: #E33F79; font-size: 1.2em;}
.s_and { color: #12B361; font-size: 1.2em;}

/* コンテンツ共通パーツ ========================================================= */
/*バナーリスト*/
.text-center img{ margin-left: auto; margin-right: auto; }

.local_navi{
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 2em;
	margin-bottom: 2em;
}

.local_navi li{
	float: left;
	width: 50%;
	padding-left: 15px;
	padding-right: 15px;
	list-style: none;
	margin-bottom: 1em;
	min-height: 98px;
}
.local_navi li a{
	display: block;
	border: 1px solid #FF5119;
	border-radius: 80px;
	position: relative;
	background: linear-gradient(#FFEDD0 50%, #FFD899 50%, #FFD899);
	color: #222;
	font-weight: bold;
}

.local_navi li a::before {
    border-color: #FF5119 #FF5119 currentcolor currentcolor;
    border-image: none;
    border-style: solid solid none none;
    border-width: 2px 2px 0 0;
    content: "";
    height: 12px;
    right: 1.4em;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 12px;
}

.local_navi li a:hover{
	background: linear-gradient(#FFF5E5 50%, #FFE1B2 50%, #FFE1B2);
	font-weight: bold;
}
#main .local_navi li a { text-decoration: none; }
#main .local_navi li a div h6{ color: #222; font-size: 1.6rem; margin: 0 0 .8rem; text-shadow: 1px 1px 1px #FFF; letter-spacing: normal;}
#main .local_navi li a div p{ color: #555; margin: 0; font-size: 1.3rem; text-shadow: 1px 1px 1px #FFF; letter-spacing: normal;}
#main .local_navi li a:hover div h6{ color: #555; }
#main .local_navi li a:hover div p{ color: #888; }

.local_navi li a div{
	display: table-cell;
	vertical-align: middle;
	height: 80px;
	padding: 0 2.2em 0 2.0em;
}
.local_navi li a img{
	background-color: #FFF;
	position: absolute;
	/*top: 5px;*/
	left: -10px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 92px;
	border: 1px solid #FF5119;
	border-radius: 80px;
}
.pre_local_navi li a div{ 
	/*padding-left: 5.8em;*/ 
	padding: 1em 2.2em 1em 5.8em;
}

.local_navi li.lnav_juki{
	background-image: url("../prepare/img/btn_card.png");
	background-repeat: no-repeat;
	background-position: 85% 10px; 
}

.local_navi li.lnav_digital_certificate{
	background-image: url("../prepare/img/btn_digital_id.png");
	background-repeat: no-repeat;
	background-position: 85% 10px; 
}

.local_navi li.lnav_reader_writer{
	background-image: url("../prepare/img/btn_reader_writer.png");
	background-repeat: no-repeat;
	background-position: 85% 10px; 
}
.local_navi_btn li a { border-color: #666; }
.local_navi_btn li a span { font-size: 1.2em; }

br.brip{display: none;}

@media (max-width: 1200px){
br.brip{display: block;}
.visual h2 { line-height: 2em; }
.visual h2 label.white { margin-bottom: 10px; }
.info_bx { top: -20px; }
.info_contents { top: -25px; }
}

@media (max-width: 992px) {
.local_navi li{ width: 100%; }
.info_bx { top: -40px;}
.info_contents { top: -45px; }
}

@media (max-width: 740px) {
.info_bx { top: -10px; }
.info_contents { top: -15px; }
}

/* 画像＋テキスト2カラム箇所　------------------*/
.w-col { position: relative; margin-left: -15px; margin-right: -15px; }
.w-col div{ margin-bottom: 1em; }
.w-col img{ max-width: 100%; background-color: #C3E1FF; }
.w-col h5{ margin-top: .5em; }
br.brsp{ display: none; }

@media (max-width: 480px) {
.w-col div.col-xs-3{ text-align: center; width: 100%; }
.w-col div.col-xs-9{ width: 100%; }
br.brpc{ display: none; }
br.brsp{ display: block; }	
.info_bx { top: -28px; }
.info_contents { top: -33px; }
}

/* リストエリア　チェックマーク　------------------*/
.listup_area{ padding: 0 1em; margin: 1em 0; }
.listup_area ul{ margin: 1em 0; }

.listup_area li {
    position: relative;
    display: block;
    padding-left: 20px;
	margin: 1em 0;
}
.listup_area li::before {
    content: '';
    width: 14px;
    height: 14px;
    background: #FF9001;
    border-radius: 50%;
    position: absolute;
    top: 11px;
    left: 0;
    margin-top: -7px;
}
.listup_area li::after {
    content: '';
    width: 0;
    height: 0;
    border: solid 3px transparent;
    border-left: solid 5px #FFF;
    position: absolute;
    top: 11px;
    left: 5px;
    margin-top: -3px;
}
/* arrow_under ----------------------------------*/
.listup_area li.arrow_under:after{
	border: solid 3px transparent;
	border-top: solid 5px #ffffff;
	left: 4px;
	top:12px;
}
.listup_area li.arrow_under ul li::before{ background: #FFF; }
.listup_area li.arrow_under ul li::after{  border: solid 4px transparent; border-left: solid 6px #FF9001; }

/* リストエリア　数字表記　----------------------*/
.listup_area ol { /*padding-left: 1.6em;*/ padding: 0; margin: 1.6em 0; }
.listup_area ol li {
    position: relative;
	margin: .5em 0;
}
/*  シンプルアローリスト　----------------------*/
ul.li_arw li{ position: relative; list-style-type: none; padding-left: 1em; margin: .5em 0; }
ul.li_arw li::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ff9001 #ff9001 currentcolor currentcolor;
    border-image: none;
    border-style: solid solid none none;
    border-width: 2px 2px 0 0;
    content: "";
    height: 8px;
    margin-top: -4px;
    position: absolute;
    left: 0;
    top: 47%;
    transform: rotate(45deg);
    width: 8px;
}

/*  アローアンカー　------------------ー--------*/
a.a_arw {
    display: inline-block;
    margin: 0 0 1em;
    padding-left: 20px;
    position: relative;
	text-decoration: underline;
}
a.a_arw::before {
    background: #ff9001 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 0;
    margin-top: -7px;
    position: absolute;
    top: 11px;
    width: 14px;
}

a.a_arw::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 3px 3px 3px 5px;
    content: "";
    height: 0;
    left: 5px;
    margin-top: -3px;
    position: absolute;
    top: 11px;
    width: 0;
}

.dl_info a.a_arw{ margin-bottom: 0 !important; }

a.tx_arw {
	position: relative;
	line-height: 1;
	padding:0.8em 1em;
	display: inline-block;
	top:0;
	color: #555;
	font-weight: bold;
}

a.tx_arw:before,a.tx_arw:after{ 
	position: absolute;
	top: 0;
	content:"";
	width: 8px;
	height: 100%;
	display: inline-block;
}
a.tx_arw:before{
border-left: solid 1px #999;
border-top: solid 1px #999;
border-bottom: solid 1px #999;
  left: 0;
}
a.tx_arw:after{
  content: "";
  border-top: solid 1px #999;
  border-right: solid 1px #999;
  border-bottom: solid 1px #999;
  right: 0;
}
a.tx_arw:hover { text-decoration: underline !important; color: #777; }

/*-------------------------------------------------*/

.environment_frame {
	list-style: none;
    border: 2px solid #c3d9ff;
    margin: 0 0 1em;
    padding: 1em 1em;
	border-radius: 4px;
}

.environment_frame h5{
	display: block;
    font-weight: bold;
	background-color: #c3d9ff;
    padding: .8em 1em;
	margin: 1em -1em 1em;
	border: none;
}
.environment_frame h5:first-child{
	margin: -1em -1em 1em;
}
.environment_frame h5 span{ font-weight: normal !important; }

.environment_frame dt{ margin: .5em 0;}
.environment_frame dd{ margin: .5em 0; padding: 0 0 .5em; border-bottom: 1px dotted #999; }
.environment_frame dd:last-child{ border: none; margin-bottom: 0; padding-bottom: 0; }

.environment_frame h5::before { content: none; }
.environment_frame h5::after { content: none; }
.environment_frame h6{ margin-bottom: .8em }

.environment_frame li{ font-size: .96em; margin: .4em 0 !important; }

ul.environment li ul li{ background-color: #FFF; }

.etax_frame { border: 2px solid #67B623; }
.etax_frame h5{ background-color: #67B623; color: #FFF; }
.etax_frame img{ margin: 0 !important; }

.gray_box{
	padding: 1.2em 1em;
	border: 1px solid #DDD;
	background-color: #FCFCFC;
	margin: 1.6em 0;
}
.gray_box p{ margin-bottom: 0; }

.col-sm-33p{
	margin: 1em 0;
} 
.col-sm-33p li{
	float: left;
	width: 33.33%;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0;
}
@media (max-width: 992px) {
.col-sm-33p li{ width: 50%;}
}
@media (max-width: 480px) {
.col-sm-33p li{ width: 100%;}
}

/* コンテンツエリア　----------------------*/
.contents_area{ padding: 0 1em; margin: 1em 0; }
.contents_area img{ margin-bottom: 1em; max-width: 50% !important; display: block; }

.contents_area dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.contents_area dl dt{
	width: 4em;
	margin-bottom: .5em;
}
.contents_area dl dd{
	width: calc(100% - 4em);
	margin-bottom: .5em;
}

@media (max-width: 480px) {
.contents_area img { max-width: 98% !important; }
}

/* キャプチャエリア　----------------------*/
.capture_area{ padding: 0 1em; margin: 1em 0; text-align: center; }
#main .capture_area h4{ 
	margin: 1.6em 0;
	padding: 0;
	text-align: left;
	border: none;
	color: inherit;
}
.capture_area p{ text-align: left; }
.capture_area img{ max-width: 90% !important; margin: 0 auto 1.6em; border: 1px solid #222; }

@media (max-width: 990px) {
.capture_area { padding: 0; }
}

/* タブコンテンツ　----------------------*/

.tab-content{
	background-color: #C3E1FF;
	padding: 1em;
	border: 1px solid #6DB7FF;
	margin-bottom: 1.2em;

}
/*4021*/
.nav-tabs > li { width: 33.333%; }

/*4025*/
.nav-tabs > li > a {
	text-decoration: none !important;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    line-height: 1.42857;
    margin-right: 2px;
	background-color: inherit;
	padding: 1.5rem .2rem;
}
/*4034*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #C3E1FF;
    border-color: #6DB7FF #6DB7FF transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555;
    cursor: default;
	top:1px;
}
.nav-tabs > li > a.active { background-color:#C3E1FF; }
.nav-tabs > li.active > a{ background-color:#C3E1FF; }

@media (max-width: 767px) {
.nav-tabs > li > a { letter-spacing:normal; font-size: .9em;}
}


/* テーブル*/
table{ width: 100%; }
.tb{ border-collapse: collapse; width: 100%; margin: 1.6em auto; }
.tb th{ padding: 1em 0; background-color: #E5EDFF; text-align: center; width: 20%; border: 1px solid #CCDBFF;  }
.tb td{ padding: 1em; width: auto; border: 1px solid #CCDBFF; word-break: break-all; }

.tb_list{ border-spacing: 5px; border-collapse: separate; width: 100%; margin: 1.6em auto; }
.tb_list th{ padding: 1em 0; background-color: #EEE; text-align: center; width: 20%; }
.tb_list td{ padding: 1em; width: 80%; border: 2px solid #EEE; }

.tb_error th:nth-child(1){ width: 30%; }
.tb_error td:nth-child(1){ width: 30%; }

.tb_error_list caption{ text-align: center; color: #484848; }
.tb_error_list th{ width: auto; }
.tb_error_list td:nth-child(1){ width: 30%; }

.tb_frame{ overflow-x: auto; }
.tb_frame table{ min-width: 680px;}
.tb_frame table td{ padding: .1em .5em; }

@media (max-width: 767px) {
.tb_error_list th{ display: none; }
.tb_error_list td{ 
	display: list-item;
	list-style: none;
	width: 100%;
}
.tb_error_list td:nth-child(1){ width: 100%; background-color: #E5EDFF; }
}
/* ダウンロードリンクエリア　--------------------------*/
.dl_link_area{ padding: 0 1em; margin: 1em 0; }

.dl_link_area h5{ 
	margin: 1.4em 0;
	padding: 1em;
	border: 1px solid #BCBCBC;
}

.dl_link_area ul li {
  position: relative;
	padding-left: 1.8em;
	list-style: none;
	margin: 1em 0;
}
.dl_link_area ul li::after,
.dl_link_area ul li::before {
  display: block;
  content: '';
  position: absolute;
}
.dl_link_area ul li::after {
  top: .35em;
  left: 0.24em;
  width: 16px;
  height: 16px;
  background-color: #337AFF;
  border-radius: 100%;
}
.dl_link_area ul li::before {
  z-index: 2;
  top: .64em;
  left:.47em;
  width: 7px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media (max-width: 480px) {
	.listup_area{ padding: 0 2px;}
	.dl_link_area{ padding: 0 2px;}
	.contents_area{ padding: 0 2px; }
}

dl.news dd{
	margin: 1em 0 1.6em;
	padding-bottom: 1.6em;
	border-bottom: 1px dotted #999;
}


/* アンカーリスト　--------------------------*/
ul.li_anc{ 
	list-style: none;
	background-color: #E5E5E5;
	padding: 1em;
	display: block;
	margin: 1em 0;
}

@media (max-width: 480px) {
ul.li_anc{ padding: .8em; }
ul.li_anc li{font-size: .85em; margin: .5em 0; position: relative; }

ul.li_anc label{
	position: absolute;
	left: 0;
}
ul.li_anc span{ display: inline-block; padding-left: 2em; }
}


/* ノートエリア　--------------------------*/
.note_area{ 
	padding: 1em;
	margin: 2em 0;
	border: 3px solid #DDD;
}

p.tx_red{ 
	border: 3px solid #FF6D81;
	padding: 1.2em;
	color: #FF1837;
	margin-bottom: 1.4em;
}


/* jpkigude --------------------------*/

.area_map{
	background-image: url(../jpkiguide/admin_proce/images/map.gif);
	background-position: right 5px center;
	background-repeat: no-repeat;
}

.li_step li { position: relative; margin: .5em 0; padding-left: 2.4em; } 
#main .li_step li img{ display: block; margin: 1em 0; max-width: 50% !important; }

@media (max-width: 480px) {
	#main .li_step li img{ max-width: 98% !important; }
}

.li_step li label{ position: absolute; left: -8px; }
.tt_tx{ font-weight: bold; margin: 1em 0 .5em; }
/*.li_step .tt_tx{ font-weight: bold; margin: 0; }*/

.tx_to a{
	display: block;
	text-align: right;
	margin: 1em 0;
}

ol.li_num { padding-left: 2em; }
ol.li_num li{ position: relative; list-style-type: decimal; padding-left: 1em; margin: .5em 0; }
ol.li_num li::before {}

/* city_page */
.city_page ul::after{
	content:" ";
    display:block;
    clear:both;
}
.city_page ul{ margin-bottom: 2em;}

.city_page li{
	float: left;
	width: 25%;
	margin-right: -1px;
	margin-top: -1px;
}
.city_page li a{
	display: block;
	font-size: .9em;
	padding: .7em 0;
	border: 1px solid #BCBCBC;
	text-align: center;
	text-decoration: none !important;
}
.city_page li a:hover{ background-color: #DEEFFF; }

.city_page li a[href$=".pdf"] {
	background-position: right 4px center;
	background-size: 14px auto;
}
.city_page li.col-sp2 { width: 50%; }

@media (max-width: 640px) {
.city_page li{ width: 33.333%; }
.city_page li.col-sp2 { width: 66.666%; }
}

@media (max-width: 480px) {
.city_page li{ width: 50%; }
.city_page li.col-sp2 { width: 100%; }
}

.li_areamap li{ font-size: .9em;}


/* ムービリンク　--------------------------*/
.arrow{
  position: relative;
  display: inline-block;
  padding-right: 1.6em;
  vertical-align: middle;
}

.arrow::before{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 18px;
  height: 14px;
  border: 1px solid #c01b1e;
  -webkit-border-radius: 25%;
  border-radius: 25%;
	background-color: #D1595B;
}

.arrow::after{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: 3px;
  box-sizing: border-box;
  width: 3px;
  height: 3px;
  border: 4px solid transparent;
  border-left: 4px solid #FFF;
}
/* 枠なしテーブル -------------------------------------------------------*/
table.tb_no { border: none; width: 100%; margin: 1em 0; } 
.cel_w50p th{ width: 50%; }
.cel_w50p td{ width: 50%; }

.cel_w25p th{ width: 25%; }
.cel_w25p td{ width: 25%; padding: 0 1em }

@media (max-width: 480px) {
.tb_no th{
	display: list-item;
	list-style: none;
	}
.tb_no td{
	display: list-item;
	list-style: none;
	padding: 1em 0;
	} 
.cel_w50p th{ width: 100%; }
.cel_w50p td{ width: 100%; }
.cel_w25p th{ width: 100%; }
.cel_w25p td{ width: 100%; }
}

/* 枠なしテーブル -------------------------------------------------------*/
.tb_no_auto{ border: none; width: auto; margin: 1em 0 2em;}
.tb_no_auto th{ font-weight: normal; width: 9em; vertical-align: top;}
@media (max-width: 480px) {
	.tb_no_auto{ font-size: 3.2vw;}
}

.privacy_page .tb_no th{ font-weight: normal;}
@media (max-width: 640px) {
.privacy_page .tb_no th{
	display: table-cell;
	width: 80px;
	padding: .5em 0;
	vertical-align: top;
	}
.privacy_page .tb_no td{
	display: table-cell;
	padding: .5em 0;
	vertical-align: top;
	} 	
}

.b-red{ color: red; font-weight: bold; }
ul.li_dot { padding-left: 1.2em }
ul.li_dot li{
	list-style: outside disc;
	margin: .5em 0;
}
ul.li_dot li:last-child{ margin-bottom: 1.5em;}

.b-grn{ color: #12b361; font-weight: bold; }

/*  FQA -------------------------------------------------*/
/*5450*/
.panel {
    border: none;
    border-radius:0;
    box-shadow: none;
    margin-bottom: 0;
}
/*5461*/
.panel-heading {
    border-bottom: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    /*padding: 10px 15px;*/
	padding: 0;
}
/*5470*/
.panel-title{ font-size: inherit; }

/*5688*/
.panel-default > .panel-heading {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #333;
}
#faq_area { margin-bottom: 2em; min-height: 33vh; }
#faq_area .panel-collapse{ margin-bottom: 0;}

#faq_area h5.panel-title { margin-top: -1px; }
#faq_area h5 span{ position: absolute; top:1em; left: 1em; }
#faq_area h5 a{ display: block; padding-left: 2em; color: #188DFF; word-break: break-all; }
#faq_area h5 a:hover{ color: #6DB7FF; transition: .1s }
#faq_area .panel-body { position: relative; padding: 1em 1em 1em 3em;}
#faq_area .panel-body span{ position: absolute; top:1em; left: 1em; font-weight: bold; color: red; }
#faq_area .panel-body p{ }
#faq_area .panel:nth-child(2n) h5{ background: #F5F5F5; }
#faq_area .panel:nth-child(2n) h5::after { border-top: 14px solid #F5F5F5; }
#faq_area .numli li{ position: relative; padding-left: 2.4em; margin: .5em 0; }
#faq_area .numli li:last-child{ margin-bottom: 1.4em; }
#faq_area .numli label { position: absolute; top: 0; left: -5px; font-size: .9em; font-weight: bold; }

#faq_area ul.li_dot { margin-bottom: 1em; }
#faq_area ul.li_dot li{ margin: 0 0 .5em !important; }

#faq_area .numli li ul.li_dot li{ padding-left: 0;} 


#faq_area .numli li ol.li_num li{ padding-left: 1em; }


#faq_area h6 { position: relative; margin: .5em 0 1em; background-color: #DEEAFF; padding: .8em 1em .5em; }
#faq_area h6.tt_label { position: relative; padding-left: 2em; margin: .2em 0 1em; }
#faq_area h6.tt_label label { position: absolute; top: 0.9em; left: 3px; font-weight: bold; font-size: .9em; }
#word_area h5.panel-title { margin-top: -1px; }
#word_area h5 a{ display: block; color: #188DFF; }
#word_area h5 a:hover{ color: #6DB7FF; transition: .1s }

#faq_area .panel-body table{ width: 100%; border-collapse: collapse; }
#faq_area .panel-body th{ border: 1px solid #CCC; padding: 1em; }
#faq_area .panel-body td{ border: 1px solid #CCC; padding: 1em; word-wrap: break-word; }
#faq_area .panel-body img{ margin: 1em 0; max-width: 80%; display: block; }

@media (max-width: 480px) {
	#faq_area .panel-body img{ max-width: 98%;}
}


/* Search_area ---------------------------*/
.contents_search_area{
	margin: 1em 0;
	border: 3px solid #B6DCE6;
	padding: 1em;
}
form#cse-search-box{ margin: .5em 0; }
form#cse-search-box2{ margin: .5em 0; }
.contents_search_area p{ margin: 0; font-size: .85em; }
input.customtext{ width:70% }
.gsc-input-box{ border: none !important; height: auto; }
.gsib_a{ width: 360px !important; }
input#gsc-i-id1{
	padding: 3px !important;
	width:360px !important;
	border: 1px solid #BBB !important;
}


/* ----------------------------------------------*/
.notice_box{
	font-size: .94em;
	border: 2px solid #FFC3E1;
	padding: 1em 1em;
	margin-bottom: 1.6em;
	background-color: #FFF;
}
.notice_box h6{ margin: 1em 0; }
.notice_box img{ margin-bottom: 1.6em; max-width: 54%; }
.notice_box img:last-child{ margin-bottom: 0; }

@media (max-width: 480px) {
.notice_box img { max-width: 100% !important; }
}

.tab-content div.notice_box{ margin-bottom: 0;}

.tab-content h6{ margin-bottom: 1em; }

.tt_notice{
	display: block;
	width: 100%;
	background-color: #FFC3E1;
	padding: .8em 1em;
	margin: -1em -1em 1em;
	box-sizing: content-box;
}

.notice_box ul{
	list-style-type: none;
	list-style-position: outside;
	padding-left: 1em;
	margin-bottom: 1em;
}
.notice_box p{ margin-bottom: 2em; }
.notice_box p:last-child{ margin-bottom: 0; }

/**/
.li_step li label.tt_notice {
	position: relative;
	left: 0;
}



ul.li_view li{
	padding-left: 3em;
	margin: .5em 0;
	position: relative;
	
}
ul.li_view li label{
	position: absolute;
	left: 0;
}

ul.li_view li div.panel-body a{ }
ul.li_view li div.panel-body a:hover{ color: #5FB2C9;}
span.c_red{ color: #FF1837; }
span.s_red{ color: #FF1837; font-weight: bold; }
.notice_box div{ margin: 1em 0 !important;}
.notice_box .panel-default > .panel-heading { background: none; }
.notice_box .panel-default > .panel-heading a {
	/*background-color: #FFFE6D !important;*/
	padding: .3em 0;
	color: #3651b5;
	background: linear-gradient(transparent 50%, #D1F4FF 50%);
}
.notice_box .panel-body{ background-color: #D5F5FF; border: 2px solid #6CDBFF !important; border-radius: .8em; }

p.step_btn{ 
	text-align: center;
	margin: 2em 0 0;
}

p.step_btn a{
	background: #FFF;
	display: inline-block;
	padding: .5em 2em .5em 1em;;
	border: 1px solid #FF5119;
	min-width: 42%;
	text-decoration: none !important;
	color: #222;
	position: relative;
}
p.step_btn a::before {
    border-color: #FF5119 #FF5119 currentcolor currentcolor;
    border-image: none;
    border-style: solid solid none none;
    border-width: 1px 1px 0 0;
    content: "";
    height: 10px;
    right: 1em;
    margin-top: -4px;
    position: absolute;
    top: 47%;
    transform: rotate(45deg);
    width: 10px;
}
p.step_btn a:hover{ background: #FFEBE5; }

p.step_btn a label{
	display: inline-block;
	margin-bottom: .5em;
	color: #FF5119;
}

ul.li_ca li{
	font-size: .9em;
	padding-left: 4em;
	margin: .5em 0;
	position: relative;
	
}
ul.li_ca li label{
	position: absolute;
	left: 0;
	font-weight: normal;
}

@media (max-width: 480px) {
	p.step_btn a{ width: 100%; }
}

/* パスワードの失念や紛失、有効期間等 ---------------------------------------------*/

.call_block{
	padding: 1.0em;
	text-align: center;
	border: 2px solid #5ACD93;
	margin-bottom: 1em;
}
.call_block h6{ margin: 0 0 1em; color: #12B361; }
#main .call_block a{
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.125em;
	font-weight: bold;
	padding: .5em 1.4em;
	background-color: #12B361;
	border-radius: 2em;
}
#main .call_block a:hover{
	background-color: #5ACD93;
}
@media (min-width: 768px) {
a[href^="tel:"] { pointer-events: none; }

}

/* お問い合わせ------------------------------------------------------------*/
/*2491*/
fieldset {
    border: 2px solid #DDD;
    margin: 1em 0;
    min-width: 0;
    padding: .8em 1.2em 1em;
}
/*2497*/
legend {
	border: none;
    display: block;
    font-size: 1.0em;
	font-weight: bold;
    line-height: inherit;
    margin-bottom: 0;
    padding: 0 1em;
	width: auto;
}
.tb_contact{
	width: 100%;
	display: block;
}

.tb_contact tr{border: 1px solid #CCC; }
.tb_contact tr:nth-child(1n){ background-color: #FCFCFC; }
.tb_contact tr:nth-child(2n){ background-color: #F5F5F5; }

.tb_contact th{
	display: list-item;
	list-style: none;
	padding: 1em;
	color: #496EA9;
	font-size: .9em;
	width: 100%;
}
.tb_contact th label{
	padding: 0 1.2em;
}


.tb_contact td{
	display: list-item;
	width: 100%;
	list-style: none;
	text-align: left;
	padding: 0.5em 1em .8em;
}
.tb_contact td div{
	padding: 1em;
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 4px;
	min-height: 3em;
	margin: 0 1em;
}


.tb_contact td div label{ display: block; margin: 0 0 .5em; font-weight: normal; padding: 0 1em; }
.tb_contact td div label:last-child{ margin-bottom: 0; }
.tb_contact td input[type="text"]{ 
	padding: .4em .5em;
	border: 1px solid #CCC;
	border-radius: 5px;
	max-width: 100% !important;
	margin-left: 1em;
}
.tb_contact td input[type="radio"]{
	margin-right: .5em;
}
.tb_contact td textarea{
	width: 100%;
	min-height: 120px;
	padding: .5em;
	border: 1px solid #CCC;
	border-radius: 5px;
	margin-bottom: .5em;
	margin-left: 1em;
	max-width: 90% !important;
}
.tb_contact td span.sp_em{ display: inline-block; padding: .5em 1em 0;}


.td_inner{
	padding: 1em;
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 4px;
}
.tb_contact td input:placeholder-shown { font-size: .9em; }
.tb_contact td input::-webkit-input-placeholder { font-size: .9em; }
.tb_contact td input:-moz-placeholder { font-size: .9em; }
.tb_contact td input::-moz-placeholder { font-size: .9em; }
.tb_contact td input:-ms-input-placeholder { font-size: .9em; }

.btn_line{ margin: 1em 0; clear: both; }
.btn_line input{
	padding: 1em 1.2em;
	text-align: center;
}

.hissu_tech{
	display: inline-block;
	background-color: #FF181A;
	color: #FFF;
	padding: 2px 3px;
	text-align: center;
	font-size: .7em;
	font-weight: normal;
	border-radius: 2px;
	line-height: 1;
	vertical-align: middle;
}
.hissu{
	display: inline-block;
	background-color: #FF181A;
	color: #FFF;
	padding: 2px 3px;
	text-align: center;
	font-size: .7em;
	font-weight: normal;
	border-radius: 2px;
	line-height: 1;
	vertical-align: middle;
}

/*　署名用パスワードをコンビニで初期化　---------------------------------------*/
ul.jpkiidrest_li_view li{
	padding-left: 2em;
	margin: .4em 0;
	position: relative;
	
}

ul.jpkiidrest_li_view li div.panel-body a{ }
ul.jpkiidrest_li_view li div.panel-body a:hover{ color: #5FB2C9;}

/*　update_line　ボトム 最終更新箇所　---------------------------------------*/

#update_line{ text-align: right; padding: .5em 0; background-color: #1961E5; margin-top: 2em; color: #E5EEFF; }
#update_line p{ margin-bottom: 0; }
/* exlink ボトム 外部リンクエリア--------------------------------------------*/
#exlink{ /*background-color: #190500; */ 
	background-color: #E5E5E5;
	border: solid #C0C0C0;
	border-width: 1px 0 1px;
}
.footer_navi{ margin: 0 ; }
.footer_navi li{
	list-style: none;
	float: left;
}
.footer_navi li a{
	display: block;
	padding: 1.48rem;
	font-size: 1.48rem;
	color: #484848;
	position: relative;
}
.footer_navi li a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-top: 4px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #ee4f16;
}

@media (max-width: 640px) {
.footer_navi li{ width: 50%; }
}

/* footer -------------------------------------------------------------------*/
footer{ margin-top: 2em; }
#footer{/* background-color: #331f19; */ background-color: #F2F2F2;}
.footer_inner{ display: block; float: left; }
.footer_inner li{ display: inline-block; padding: 1.48rem 0; }
.footer_inner li a{
	display: block;
	padding: 0 1.48rem 0;
	border-left: 1px dotted #999;
	font-size: 1.48rem;
	color: #484848;
}
.footer_inner li:last-child a{ border-right: 1px dotted #999;}
.footer_inner a:hover{ color: #FF5119; transition: .3s; }
p.copy{ color: #555; text-align: right; margin: 1.48rem 0; float: right; font-size: 1.48rem; }

#footer .pagetop {
    display: none;
    position: fixed;
    bottom: 44px;
    right: 13px;
	z-index: 10;
}
#footer .pagetop a span{
    display: inline-block;
	font-size: 18px;
}
#footer .pagetop a {
    background-color: #ff5119;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 80px;
    padding: 16px 0;
    text-align: center;
    text-decoration: none;
    width: 80px;
}
#footer .pagetop a:hover {
    background-color: #FF9001;
    text-decoration: none;
}

@media (max-width: 480px) {
#footer span{ 
	position: relative;
	margin-bottom: 1em;
	text-align: center;
	right: auto; 
	}
#footer span a{	}
	
#footer .pagetop {
    position: fixed;
    bottom: 30px;
    right: 5px;
}
#footer .pagetop a span{
    display: inline-block;
	font-size: 15px;
    margin: 0;
}
#footer .pagetop a {
    font-size: 10px;
    padding: 10px 0;
	height:70px;
	width: 70px;
}
#footer .pagetop a:hover {
    font-size: 10px;
	padding: 10px 0;
	height:70px;
	width: 70px;
	}
}

@media (max-width: 560px) {
	.footer_inner { float: none; }
	.footer_inner li{ display: block; padding: 0; border-bottom: 1px dotted #999; }
	.footer_inner li a{ padding: 1.48rem; border-left:none;}
	.footer_inner li:last-child a{ border-right:none;}
	p.copy{ text-align: center; float: none; }
}

/*------------------------------------*/

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 0;
	margin-left: 5px;
    margin-top: 20px;
	padding: 9px 10px;
}

.menu-trigger,
.menu-trigger span {
  /*display: inline-block;*/
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 44px;
  height: 38px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #FF8B66;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 16px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(16px) rotate(-315deg);
  transform: translateY(16px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-16px) rotate(315deg);
  transform: translateY(-16px) rotate(315deg);
}
/*　左メニュー　スマホ------------------------------------------------------*/
.menu-trigger2,
.menu-trigger2 span {
  /*display: inline-block;*/
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger2 {
  position: relative;
  width: 38px;
  height: 32px;
}
.menu-trigger2 span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #CCDDFF;
  border-radius: 4px;
}
.menu-trigger2 span:nth-of-type(1) {
  top: 0;
}
.menu-trigger2 span:nth-of-type(2) {
  top: 14px;
}
.menu-trigger2 span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger2.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-315deg);
  transform: translateY(14px) rotate(-315deg);
}
.menu-trigger2.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger2.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(315deg);
  transform: translateY(-14px) rotate(315deg);
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}