@charset "UTF-8";


/* --------------------------------------------------------------------------------
   Re-set
   -------------------------------------------------------------------------------- */
#contents {
	min-width: 100%;
}
#main {
	float: none;
	padding: 0;
	min-width: 100%;
	width: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important
}
#topicPath, .container {
	width: 910px;
	margin: 0 auto;
}
h2, h3, h4, h5 {
	height: auto !important;
	width: auto !important;
	min-height: auto !important;
	border: none;
	margin: 0;
	padding: 0;
	background-position: center bottom !important;
	font-size: 1rem !important;
}
i {
	text-indent: 0;
}
figure{
	margin: 0;
	padding: 0;
}
figure img{
	width: 100%;
}
li {
	list-style: none !important;
}


/* --------------------------------------------------------------------------------
   共通 レイアウト
   -------------------------------------------------------------------------------- */
main {
	float: none;
	margin: 0 auto;
	padding: 0 0 70px;
	line-height: 1.6;
}
/*html.win main{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}*/
main a{
	text-decoration: underline;
}
main a:hover{
	opacity: .8 !important;
}
section {
	padding-top: 3em;
	padding-bottom: 3em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important
}
section article {
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
	text-align: center;
}
section.bg01 {
	border-top: 1px solid #e6e6e6;
	background-color: #f8fafc;
}
section .box_block{
	background-color: #fff;
	padding: 1em;
	margin-bottom: 2em;
}
section .box_block.bg01{
	background-color: #f8fafc;
}
section .box_block .boxinn{
	padding: 2em 0 1em;
}
section .box_block.line{
	padding: 2em;
	border: 2px solid #dbeef9;
}
.col2{
	display: flex;
 justify-content: space-between;
}
.col2 > div{
	width: 49%;
}
@media screen and (max-width:767px) {
	section article {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		overflow-x: hidden;
		padding: 0 !important;
	}
	.col2{
  	display: block;
	}
	.col2 > div {
		width: 100%;
	}
	.col2 > div:not(:last-of-type) {
		margin-bottom: 2em;
	}
	section .box_block.line{
		padding: 1em;
	}
}


/* --------------------------------------------------------------------------------
   電話番号
   -------------------------------------------------------------------------------- */
main a[href^="tel:"],
.modaal-wrapper a[href^="tel:"],
main a[href^="tel:"]:hover{
	text-decoration: none;
	color: #3c3c3c;
	cursor: default !important;
	opacity: 1 !important;
}
body.user_pc main a[href^="tel:"],
body.user_pc main .modaal-wrapper a[href^="tel:"] {
		pointer-events: none !important;
}


/* --------------------------------------------------------------------------------
   共通 レイアウト／スマホ
   -------------------------------------------------------------------------------- */
@media screen and (max-width:767px) {
	.sp_txtLeft{
		text-align: left;
	}
}


/* --------------------------------------------------------------------------------
   共通／電話番号
   -------------------------------------------------------------------------------- */
p.tel {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  margin: .5em 0 .7em;
  font-size: 2.8rem;
  line-height: 1;
}
p.tel img {
	height: 1.2rem;
	margin-right: 0.2em;
	vertical-align: middle;
}
p.tel span {
	margin-left: -0.1em;
	display: inline-block;
}
p.tel small{
	font-size: 2rem;
}
p.tel .big{
	font-size: 4rem;
}
p.tel ruby, p.tel span, ul.tel span, p.tel strong,.red {
	color: #FF0004;
}
p.tel ruby rt {
	font-size: 1rem;
	color: #000;
}
ul.tel {
margin: 1.5em 0;
}
ul.tel li{
	font-size: 1rem;
	line-height: 1.2;
/*	font-family: 'Roboto', sans-serif;*/
	font-weight: 700;
	margin-bottom: 0.2em
}
ul.tel li::before{
	content: "・ ";
}
ul.tel li time{
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-weight: normal !important;
	font-size: .8rem;
}
@media screen and (max-width:767px) {
	p.tel {
		font-size: 2rem;
		letter-spacing: 0;
	}
	p.tel img {
		height: 1rem;
	}
	p.tel .big {
		font-size: 2rem;
	}
	p.tel ruby rt {
		font-size: .5rem;
	}
}



/* --------------------------------------------------------------------------------
   共通／アコーディオン
   -------------------------------------------------------------------------------- */
dl.accordion dt {
	padding: 0.2em 2.5em 0.2em 2em;
	display: inline-block;
	border-radius: 100px;
	position: relative;
	cursor: pointer;
	border: 1px solid #DDDDDD;
	background-color: #fff;
	font-size: 1em;
}
dl.accordion dt:hover{
	opacity: .8;
	text-decoration: underline;
}
dl.accordion dt.active{
	background-color: #DBEDF9;
	border: 1px solid #DBEDF9;
}
dl.accordion dt:after {
	font-family: 'FontAwesome';
	content: '\f055';
	color: #0492E8;
	font-weight: bold;
	position: absolute;
	right: 0.8em;
	top: 50%;
	transform: translateY(-50%);
}
dl.accordion dt.active:after {
	content: '\f056';
}
dl.accordion dd {
	padding-top: 1em;
}
dl.accordionBox{
	margin-bottom: 2em;
}
dl.accordionBox > dt {
	font-size: 1rem;
	font-weight: bold;
	background-color: #0491e8;
	display: block;
	padding: .8em 1em;
	border-radius: 5px;
	color: #fff;
	text-align: left;
	position: relative;
	box-shadow: 0px 3px 0px 0px rgba(51, 51, 51, 0.1);
}
dl.accordionBox > dt:after {
	font-family: 'FontAwesome';
	content: '\f055';
	color: #fff;
	font-weight: bold;
	position: absolute;
	right: 0.8em;
	top: 50%;
	transform: translateY(-50%);
}
dl.accordionBox > dt.active:after {
	content: '\f056';
}
dl.accordionBox > dt.active{
	border-radius: 5px 5px 0px 0px;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
dl.accordionBox > dd{
	border: 2px solid #dbeef9;
	padding: 2em;
	text-align: left;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0px 3px 0px 0px rgba(51, 51, 51, 0.1);
	background-color: #FFFFFF;
}
dl.accordionBox dd > ul.contact > li:not(:last-child) {
	margin-bottom: 2em;
}
@media screen and (max-width:767px) {
	dl.accordion dt{
		font-size: 0.8em;
		line-height: 1.4;
		letter-spacing: -0.01em;
		padding: .5em 2.5em .5em 2em;
		box-sizing: border-box;
	}
	dl.accordionBox > dd{
		padding: 1em;
	}
}

/* --------------------------------------------------------------------------------
   共通／tabel
   -------------------------------------------------------------------------------- */
table.dataTable01 {
	border-collapse: collapse;
	width: 100%;
	background-color: #fff;
}
table.dataTable01 th, table.dataTable01 td {
	padding: 8px 10px;
	border: 1px solid #ccc;
	font-weight: normal;
}
table.dataTable01 th.th01 {
	background: #f9f9f9;
	text-align: center;
	font-weight: bold;
}
table.dataTable01 th.th01-01 {
	width: 30%;
}
.col2 table.dataTable01 th.th01-01 {
	width: 60%;
}


/* --------------------------------------------------------------------------------
   共通
   -------------------------------------------------------------------------------- */
span.code {
	background-color: #f8f9fd;
	padding: .2em .8em;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
	display: inline-block;
	color: #10228A;
	margin: .5em 0;
	font-weight: bold;
}
span.code + strong {
	margin: 0 .5em;
}
main .textBlock {
	text-align: left;
	margin-bottom: 1em;
}
main ol.flow {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 2em;
}
main ol.flow > li {
	width: 290px;
	list-style: none;
	background-color: #fff;
	text-align: center;
	border: 2px solid #dbeef9;
	font-size: 0.9rem;
}
main ol.flow > li > div {
padding: 1.5em 1em 0.5em;
}
main ol.flow li h4 {
	background-color: #dbeef9;
	color: #000;
	font-size: .9rem;
	text-align: left;
}
main ol.flow li h4 span {
	color: #fff;
	padding: .6em 1em;
	background-color: #0392E8;
	display: inline-block;
	margin-right: 1em;
}
main ol.flow.col4{
	flex-wrap: nowrap;
}
main ol.flow.col4 li{
	width: auto;
}
@media screen and (max-width:767px) {
	main ol.flow > li {
		width: 100%;
		margin-bottom: 1em;
	}
	main ol.flow.col4{
		flex-wrap: wrap;
	}
	main ol.flow.col4 li{
		width: 100%;
	}
	main ol.flow > li > div {
		padding: 1em;
	}
}


/* --------------------------------------------------------------------------------
   header
   -------------------------------------------------------------------------------- */
header {
	padding: 3.2em 0;
	background: linear-gradient(135deg, #33a2c3 0%, #4a63b1 100%);
	text-align: center;
}
header h1 {
	padding: 0;
	height: auto;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1.4em;
	color: white;
	background: none;
}
@media screen and (max-width:767px) {
	header {
		padding: 2em .8em;
		background: linear-gradient(135deg, #33a2c3 0%, #4a63b1 100%);
		text-align: center;
	}
	header h1 {
		margin: 0;
		padding: 0;
		height: auto;
		font-size: 1.1875rem;
		font-weight: 400;
		color: white;
		background: none;
		border: none;
	}
}


/* --------------------------------------------------------------------------------
   チャット ローディング アニメーション ADD20181119
   -------------------------------------------------------------------------------- */
#chatBlock {
	height: 600px;
}
#loader-bg {
	display: flex;
	align-items: center;
	visibility: hidden;
	position: absolute;
	height: 512px;
	width: 910px;
	background: #FFF;
	z-index: 1;
}
#loader-bg p {
	display: block;
	text-align: center;
	color: #EFEEEE;
	width: 455px;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -300px;
}
@media screen and (max-width:767px) {
	#chatBlock {
		height: auto;
	}
}


/* --------------------------------------------------------------------------------
   タイトル
   -------------------------------------------------------------------------------- */
.page-ttl01 {
	font-size: 1.3rem !important;
	line-height: 1.5 !important;
	padding-top: 0;
	padding-bottom: 1.5rem;
	margin: 0 0 1.5rem;
	background-image: url(../img/ttl_point.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 4px;
	text-align: center;
	display: block;
	color: #000;
}
.page-ttl02 {
	color: #fff;
	background-color: #FF0004;
	display: inline-block;
	margin-left: auto;
	padding: .3em .7em;
	border-radius: 100px;
	margin-right: auto;
	line-height: 1;
	font-size: 1em !important;
	margin-bottom: 1em;
}
.page-ttl03 {
	font-size: 1rem;
	background-color: #0491e8;
	display: block;
	padding: .8em 1em;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #fff;
	text-align: left;
	margin-bottom: 2em;
	font-weight: bold;
}
.page-ttl04{
	padding: .5em 1em;
	background-color: #dbeef9;
	margin-bottom: 1em;
	font-weight: bold;
}
.page-ttl05{
	font-size: 1.2rem;
	padding: .5em 1em;
	margin-bottom: 1em;
	font-weight: bold;
	border-left: 2px solid #0491e8;
	color: #000;
}
@media screen and (max-width:767px) {
	.page-ttl02 {
		font-size: 0.8em !important;
		margin-bottom: 1em;
	}
	.page-ttl03{
		margin-bottom: 1em;
	}
}

/* --------------------------------------------------------------------------------
   ボタンとリンク
   -------------------------------------------------------------------------------- */
main a {
	color: #0491e8;
}
a.btn01 {
	font-size: 1rem;
	line-height: 1.2;
	color: #fff !important;
	padding: .8em 4em;
	font-weight: bold;
	display: inline-block;
	text-decoration: none;
	position: relative;
	border-radius: 100px;
	background-color: #0491e8;
	text-align: center;
	box-shadow: 0px 3px 0px 0px rgba(51, 51, 51, 0.1);
}
a.btn01:after {
	font-family: 'FontAwesome' !important;
	content: '\f105';
	color: #fff;
	font-weight: bold;
	position: absolute;
	right: 0.8em;
	top: 50%;
	transform: translateY(-50%);
}
a.btn01.login {
	background-color: #ff6f97;
	border: 2px solid #fff;
	border-radius: 10px;
	padding: 1.3em 4em;
	line-height: 1.2;
}
a.btn01.key {
	background-color: #0491e8;
	border: 2px solid #fff;
	border-radius: 10px;
	padding: 1.3em 2em;
}
a.linkarw01 {
  /* [disabled]position: relative; */
  padding-right: 1.5em;
  text-indent: 0;
}
a.linkarw01:after {
	font-family: 'FontAwesome' !important;
	content: ' \f105';
	font-weight: bold;
}
a.linkarw01.pageLink:after{
	content: '\f107';
}
@media screen and (max-width:767px) {
	a.btn01{
		padding: .8em 2em;
	}
	a.btn01.login,
	a.btn01.key{
		padding: 1em 2em;
	}
}


/* --------------------------------------------------------------------------------
   coronaCont
   -------------------------------------------------------------------------------- */
.coronavirus{
	padding-bottom: 0;
}
.coronavirus .coronaTit {
	position: relative;
	background-color: #005bac;
	padding: 10px 0;
	color: #fff;
	text-align: center;
}
.coronaContTxt {
  padding: 10px;
  border: 2px solid #005bac;
  text-align: center;
}
@media screen and (max-width: 767px) {
	.coronavirus {
		margin: 0;
	}
	.coronaTit {
		padding: 10px 30px 10px 10px !important;
		font-size: 105% !important;
	}
	.coronaContTxt {
		font-size: 105% !important;
		text-align: left;
	}
}


/* --------------------------------------------------------------------------------
   pageNav
   -------------------------------------------------------------------------------- */
.pageNav ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pageNav ul li {
	width: 220px;
	position: relative;
}
.pageNav ul li:after {
  font-family: 'FontAwesome';
  font-size: 20px;
  content: '\f107';
  color: #cfd2e8;
  font-weight: bold;
  position: absolute;
  display: inline-block;
  bottom: 0px;
  left: 50%;
}
.pageNav ul li a {
	display: block;
	text-decoration: none;
	color: #0f218c;
	font-weight: bold !important;
	border-radius: 10px;
	border: 2px solid #cfd2e8;
	text-align: center;
	padding: 15px 0 25px;
	position: relative;
	line-height: 1.4;
}
.pageNav ul li a img {
	width: 40px;
	display: block;
	margin: 0 auto 5px;
}
@media screen and (max-width:767px) {
	.pageNav ul {
		flex-wrap: wrap;
	}
	.pageNav ul li {
		width: 49%;
		margin-bottom: 1em;
	}
	.pageNav ul li a{
		font-size: .8rem;
	}
}


/* --------------------------------------------------------------------------------
   followNav
   -------------------------------------------------------------------------------- */
.followNav {
	top: 15vh;
	right: -2px;
	position: fixed;
	border-radius: 8px 0px 0px 8px;
	box-shadow: 0px 3px 0px 0px rgba(51, 51, 51, 0.1);
	z-index: 9999;
}
.followNav ul li a {
	width: 60px;
	display: block;
	border-left: 2px solid #cfd2e8;
	border-right: 2px solid #cfd2e8;
	border-bottom: none;
	border-top: 2px solid #cfd2e8;
	padding: 8px;
	text-align: center;
	background-color: #fff;
  text-decoration: none;
  color: #263671;
}
.followNav ul li:first-child a {
	border-radius: 8px 0px 0px;
}
.followNav ul li:last-child a {
	border-radius: 0px 0px 0px 8px;
	border-bottom: 2px solid #cfd2e8;
}
.followNav ul li a img {
	width: 25px;
}
.followNav ul li a span{
  display: block;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width:767px) {
	.followNav {
		display: none !important;
	}
}


/* --------------------------------------------------------------------------------
   よくあるお問い合わせ
   -------------------------------------------------------------------------------- */
#qanda ul li:not(:last-child) {
	margin-bottom: 10px;
}
#qanda ul li:nth-child(n+6) {
   display: none;
}
#qanda ul li a {
  color: #333;
  text-decoration: none;
  background-color: #fff;
  padding: 1.5em 1.5em 1.5em 4.5em;
  display: block;
  background-image: url(../img/icn_q.png);
  background-repeat: no-repeat;
  background-position: left 22px center;
  background-size: 22px auto;
  text-align: left;
  font-weight: bold;
	box-shadow: 0px 2px 0px 0px rgba(51, 51, 51, 0.05);
}
#qanda ul li a:hover {
	opacity: .8;
	text-decoration: underline;
}
#qanda p.btn {
	text-align: center;
	padding: 3em 0 1em 0;
}


/* --------------------------------------------------------------------------------
   Netアンサー（インターネットサービス）で対応可能な主なお手続き
   -------------------------------------------------------------------------------- */
#netanser ul.service {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 0.5em;
}
#netanser ul.service li {
	width: 284px;
	background-image: none;
}
#netanser ul.service li a {
	height: 70px;
	background-color: #f8f9fd;
	border: 2px solid #dbe0e5;
	margin-bottom: .5em;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 2px 0px 0px rgba(51, 51, 51, 0.05);
	background-repeat: no-repeat;
	background-position: left 20px center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px;
	font-feature-settings:"palt";
}
@media screen and (max-width:767px) {
	#netanser ul.service li{
		width: 49%;
	}
	#netanser ul.service li a{
  height: 2.5em;
  font-size: 0.9em;
  line-height: 1.2;
  text-align: left;
  padding: 10px 10px 10px 50px;
  background-position: left 10px center;
  background-size: 30px auto;
  justify-content: flex-start;
	}
}

/* --------------------------------------------------------------------------------
   ネットアンサー
   -------------------------------------------------------------------------------- */
#netanser .bnr {
	margin-bottom: 3em;
	margin-top: 3em;
}
#netanser a.netanswer{
	color: #FFFFFF;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	margin-bottom: 2em;
	background-color: #31469a;
}
#netanser a.netanswer:hover{
	opacity: .8;
}
#netanser a.netanswer figure{
	padding: 10px 0px 0 50px;
	margin: 0;
}
#netanser a.netanswer figure img{
	width: 200px;
}
#netanser a.netanswer h2{
	display: inline-block;
	background-image: none;
	background-color: #fff;
	border-radius: 100px;
	padding: .3em 1em;
	font-size: 1.2rem;
	line-height: 1;
	color: #32469A;
	margin-bottom: .5em;
}
#netanser a.netanswer h3{
	font-size: 1.3rem !important;
	line-height: 1.3;
	padding: 0;
	margin: 0;
}
#netanser a.netanswer .btn{
	padding-right: 50px;
	width: 195px;
	text-align: right;
}
#netanser a.netanswer .btn strong.btn{
	background-color: #fff;
	color: #32479A;
	border-radius: 5px;
	font-weight: bold;
	font-feature-settings: "palt";
	padding: .8em 2em .8em 1em;
	background-image: url(../img/bnr_netanser_arw.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 14px auto;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width:767px) {
	#netanser a.netanswer{
		flex-wrap: wrap;
		border-radius: 10px;
		padding: 1em 0 0 0;
	}
	#netanser a.netanswer .ttl{
		order: 1;
		width: 100%;
	}
	#netanser a.netanswer .ttl h2{
		font-size: 0.8em !important;
	}
	#netanser a.netanswer .btn{
		order: 2;
		padding: 0;
		width: 100%;
		text-align: center;
		padding: 20px 0;
	}
	#netanser a.netanswer figure{
		order: 3;
		width: 100%;
		padding: 0;
	}
	#netanser a.netanswer h3{
		font-size: 1rem !important;
	}
}


/* --------------------------------------------------------------------------------
   パーソナルアンサー
   -------------------------------------------------------------------------------- */
#guidance .textBlock {
	display: flex;
	margin-bottom: 3em;
}
#guidance .textBlock div {
	width: 70%;
}
#guidance .textBlock figure {
	width: 30%;
	text-align: center;
}
#guidance .textBlock figure img{
	width: 100px;
}
#guidance .box_block.howto h4 {
	font-size: 1rem;
	text-align: left;
	border-left: 4px solid #0491E8;
	padding-left: 1em;
	color: #000000;
}
#guidance .box_block.howto h4 span {
	color: #10228B;
}
#guidance .box_block.howto img {
	margin: 1em 0;
}
#guidance ol.flow > li:first-child {
	width: 100%;
	margin-bottom: 2em;
}
#guidance ol.flow > li:first-child > div {
	padding: 1em;
}
@media screen and (max-width:767px) {
	#guidance .textBlock div {
		width: 100%;
	}
	#guidance .textBlock figure {
		display: none;
	}
	#guidance ol.flow > li:first-child {
		margin-bottom: 1em;
	}
}

/* --------------------------------------------------------------------------------
   インフォメーションセンター
   -------------------------------------------------------------------------------- */
dd.info {
	margin-bottom: 50px;
}
dd.info .txt01 {
	margin-bottom: 30px;
}
dd.info .box01{
	display: flex;
	justify-content: space-between;
	font-feature-settings:"palt";
}
dd.info .box01 .box01-01 {
	margin-right: 10px;
}
dd.info .box01 .box01-01 .img01 {
	margin-bottom: 10px;
}
dd.info .box01 .box01-02 {
	margin-top: 27px;
}
dd.info .box01 .box01-02 dl + dl {
	margin-top: 40px;
}
dd.info .box01 .box01-02 dt {
	margin-bottom: 15px;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	background-color: #0491E8;
	color: #fff;
}
dd.info .box01 .box01-02 dd + dd {
	margin-top: 10px;
}
dd.info .box01 .txt02 {
	color: #ffa500;
	font-weight: bold;
}
dd.info .box01 .txt03 {
	color: #ff423f;
	font-weight: bold;
}
dd.info .box01 .txt04 {
	color: #1c9900;
	font-weight: bold;
}

@media screen and (max-width:767px) {
	dd.info .box01{
		display: block;
	}
	dd.info .box01 .box01-01 {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 25px;
	}
	dd.info .box01 .img01 img {
		width: 100%;
		height: 100%;
	}
	dd.info .box01 .box01-02 {
		float: none;
		width: auto;
	}
}



/* --------------------------------------------------------------------------------
   セゾンカウンター
   -------------------------------------------------------------------------------- */
ul.counter {
	display: flex;
	flex-wrap: wrap;
	margin: 3em auto;
	width: 85%;
}
ul.counter li{
	width: 33%;
	text-align: left;
	font-weight: bold;
}
@media screen and (max-width:767px) {
	ul.counter{
		margin: 2em auto;
		width: 100%;
	}
	ul.counter li{
	width: 100%;
	}
}

/* --------------------------------------------------------------------------------
   セゾンPortal
   -------------------------------------------------------------------------------- */
.saisonPortal ul.point{
	display: flex;
	justify-content: space-between;
	margin: 1em 0 2em;
}
.saisonPortal ul.point li{
	line-height: 1.4;
	color: #004098;
	font-weight: bold;
	width: 29%;
	background-color: #fff;
	padding: 1em;
}
.saisonPortal .dl{
	display: flex;
	align-items: center;
	background-color: #fff;
	margin-top: 60px;
}
.saisonPortal .dl figure{
	width: 380px;
	margin-top: -30px;
}
.saisonPortal .dl figure img{
	width: 180px;
}
.saisonPortal .btn_block {
 width: 418px;
}
.saisonPortal .btn_block figure{
	width: 300px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.saisonPortal .btn_block figure img{
	width: 100%;
}
.saisonPortal .btn_block ul li:nth-child(1) {
 width: 202px;
 margin-bottom: 10px;
 float: left;
}
.saisonPortal .btn_block ul li:nth-child(2) {
 width: 202px;
 margin-bottom: 10px;
 float: right;
}
.saisonPortal .btn_block ul li:nth-child(3) {
 clear: both;
}
.saisonPortal .btn_block ul li:nth-child(3) a {
 padding-top: 0.4em;
 padding-bottom: 0.4em;
 font-weight: bold;
 font-size: 14px;
 color: #006cb8;
}
.saisonPortal .btn_block ul li img {
 width: 100%;
}
.saisonPortal .btn_block ul li a.btn_sent {
 display: block;
 text-align: center;
 cursor: pointer;
}
.saisonPortal .btn_block ul li a.btn_sent span {
 display: inline-block;
 background-image: url(../img/icn_paper-plane.png);
 background-repeat: no-repeat;
 background-position: left top 4px;
 background-size: 15px auto;
 padding-left: 21px;
	text-decoration: underline;
}
@media screen and (max-width:767px) {
	.saisonPortal ul.point{
		flex-wrap: wrap;
	}
	.saisonPortal ul.point li{
		width: 100%;
		margin-bottom: 1em;
	}
	.saisonPortal .dl{
		flex-wrap: wrap;
	}
	.saisonPortal .btn_block{
		order: 1;
		width: 85%;
		margin: 2em auto;
	}
	.saisonPortal .dl figure{
		order: 2;
		width: 100%;
		margin: 0;
	}
	.saisonPortal .dl figure img{
		width: 40%;
	}
	.saisonPortal .btn_block figure img{
		width: 80%;
		margin-bottom: 2em;
}
	.saisonPortal .btn_block ul li{
		width: 49% !important;
	}
}


/* --------------------------------------------------------------------------------
   その他お困りの時はご確認ください
   -------------------------------------------------------------------------------- */
main .box_block.line ul.trouble li {
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
}
main .box_block.line ul.trouble li::before {
	content: "・";
	color: #0491e8;
}
main .box_block.line ul.trouble li:not(:last-child) {
	margin-bottom: 0.5em;
}



/* --------------------------------------------------------------------------------
   メニュー番号、サービス番号 一覧表
   -------------------------------------------------------------------------------- */
table.dataTable02 {
	border-collapse: collapse;
	width: 100%;
	background-color: #f8fafc;
	border: 1px solid #ccc;
}
table.dataTable02 td,
table.dataTable02 th{
  border: 1px solid #ccc;
  padding: .2em .5em;
  line-height: 1.2;
}
table.dataTable02 th {
  font-weight: bold;
	color: #FFF;
  background-color: #717171;
  text-align: center;
}
table.dataTable02 span.code{
	padding: .3em .5em;
}
span.code.red {
	border: 1px solid #E90163;
	color: #E90163;
}
span.code.blue {
	border: 1px solid #2D34C4;
	color: #2D34C4;
}
span.code.green {
  border: 1px solid #25681D;
  color: #25681D;
}
@media screen and (max-width:767px) {
	.scroll-table {
		overflow: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.scroll-table::-webkit-scrollbar {
		height: 5px;
	}
	.scroll-table::-webkit-scrollbar-track {
		background-color:#DDDDDD;
	}
	.scroll-table::-webkit-scrollbar-thumb {
		background-color: #999;
	}
}


/* --------------------------------------------------------------------------------
   ご案内
   -------------------------------------------------------------------------------- */
.info_block{
  background-color: #f8fafc;
  padding: 1em 2em;
}
@media screen and (max-width:767px) {
	.info_block{
		padding: 1em 0;
	}
}