@charset "UTF-8";

/* バナー */
.p-index-bn {
	margin-top: 38px;
	padding-top: 25px;
	border-top: solid 1px #dfdfdf;
	text-align: center;
}

@media (min-width: 48em) {
	
	.p-index-bn {
		margin: 68px auto 0;
		padding-top: 52px;
	}
	
	.p-index-bn__link {
		transition: 0.3s;
	}
	
	.p-index-bn__link:hover {
		opacity: 0.7;
	}
	
}

.p-issue__header {
  position: relative;
  padding: 2rem;
  border-radius: 0.5rem;
  background-color: #F0F5FA;
  text-align: left;
  font-size: 2.4rem;
  line-height: 2.9rem;
  color: var(--c-text-dark);
}
@media (max-width:48em) {
  .p-issue__header {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
.p-issue__text {
  padding: 3rem 0rem;
  font-size: 1.6rem;
  line-height: 3rem;
  color: var(--c-text-dark);
}
.p-issue-table {
  margin: 3.2rem 0rem;
}
@media (max-width:48em) {
  .p-issue-table {
    margin: 2rem 0rem;
  }
}
.p-issue-table__row {
  margin: -0.1rem 0rem;
}
@media (min-width:48em) {
  .p-issue-table__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.p-issue-table-col {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 30rem;
  margin: 0rem -0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  border-style: solid;
  border-width: 0.1rem;
  border-color: #d9d9d9;
  background-color: #ffffff;
}
.p-issue-table-col__header, .p-issue-table-col__body {
  padding: 2rem;
  color: var(--c-text-dark);
}
.p-issue-table-col__header {
  background-color: #f2f2f2;
  border-bottom-style: solid;
  border-bottom-width: 0.1rem;
  border-bottom-color: #d9d9d9;
}
@media (min-width:48em) {
  .p-issue-table-col:not(.is-in-first-row) > .p-issue-table-col__header {
    display: none;
  }
}
.p-issue-table-col__body {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: #ffffff;
}

.pc { display: none; }
.sp {display: block; }
@media (min-width:48em) {
  .sp {display: none; }
}

.notice-list2 {font-size:1.5rem;margin-top:15px}
.notice-list2 li{position:relative;padding-left:1.5em}
.notice-list2 li:before{content:"※";display:inline-block;position:absolute;top:0;left:0}.sp-scroll{overflow-x:auto}

.fontxLarge					{ font-size:154%; line-height:1.7em; }
.fontLarge					{ font-size:124%; line-height:1.7em; }
.fontMiddle					{ font-size:108%; line-height:1.5em; }

.at_comment							{ text-indent:-1em; padding:0 0 0 1em; margin:10px 0 0 0;}

.txt_bold							{ font-weight:bold; }
.txt_center						{ text-align:center !important; }


/*------------------------------
	職域NISAの動画3列
-------------------------------*/

.p-movies {
  padding: 4rem 0rem;
  display: -webkit-grid;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
  grid-gap: 3.2rem;
}
.p-movies__item-iframe {
  width: 100%;
  aspect-ratio: 1.7777777778;
}
.p-movies__item-title {
  padding: 0.5em 0rem;
  font-size: 1.4rem;
}


/*------------------------------
	口座開設の動画1列
-------------------------------*/

.p-howto__movie{width:100%}@media (min-width: 48em){.p-howto__movie{max-width:800px;margin-inline:auto}}
.p-howto__movie iframe{display:block;width:100%;aspect-ratio:16/9}