@charset "utf-8";
/* CSS Document */

body {
text-rendering: optimizeLegibility;
font-kerning: normal;               
font-variant-ligatures: common-ligatures contextual;
font-feature-settings: "kern", "liga", "clig", "calt";
}

.mainright{font-size: 15px; line-height: 1.6em;}

/*読込速度向上*/
section img{ contain: content;}
.svg-icons {
  width: 1.2em;
	height: 1.2em;
	vertical-align: sub;
	padding: 0 .25rem;
	fill: #003399;
}
/*入れたいところに以下を挿入し、
<svg class="svg-icons"><use xlink:href="#icons-open_in_new"></use></svg>
更に表示させるため、body 直前に以下を追記する。なお、アイコンが増える場合は、indexを参照のこと。
<svg aria-hidden="true" style="display: none;">
<defs>
	<symbol viewBox="0 0 24 24" id="icons-open_in_new">
		<path d="M0 0h24v24H0z" fill="none"/>
		<path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/>
	</symbol>
</defs>
</svg>
*/

/*ページ全体*/
.maincontents dl{font-size: 15px;}
.maincontents div{text-align: justify;}
h3{clear: both;line-height: initial;}
dt{font-weight: bold;}
dd{margin: 1rem 0 2rem auto; line-height: initial;}

/*サイドメニュー*/
.pdfbanner {clear: both; float: left; margin-top: 10px; margin-left: 10px; _margin-left: 4px; margin-bottom: 10px; background-color: #FFFFFF; width: 200px; color: #333333; padding-top: 0px; padding-bottom: 10px; text-align: center;}
.pdfbanner00 {float: left; width: 200px; clear: left; padding-top: 10px; padding-bottom: 10px;}
.pdfbanner01 {float: left; width: 100px; padding-left: 2px;}
.pdfbanner02 {float: left; text-align: left; width: 90px; padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 4px;}

/*日付*/
p.date {text-align: end; margin-right: 2.5rem;}

/*フォント*/
.f-bold{font-weight: bold;}
.small-f{font-size: .75em;}

/*figure＆image*/
figure,p.p-img{/*margin: 1em auto*/; text-align: center; margin: auto;}
figcaption{text-align: center; font-size: .8rem; /*margin: .5rem 1rem 1rem;*/}

.maincontents section section img {
	max-width:100%;
	padding:.1rem;
	background-color:#ccdae3;
}

/*幅*/
.width-680{	width: 95%;	margin: 0 auto;}

/*text 並び*/
.t-center{text-align: center;}


h4 {
    font-size: 1.4em;
    position: relative;
    padding-left: 2.25rem;
    border-bottom: dashed 1px #e85298;
    margin-top: 2rem;
    /*margin-left: 1.25em;
    margin-right: 1.25em;*/
}

h4::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 8px transparent;
    border-left: solid 10px #e85298;
    top: 65%;
    left: 0;
    margin: -.7rem 0 0 1.25rem;
}


/*------- table -----------------------*/
table{margin-left: auto !important; margin-right: auto !important; font-size: 15px; line-height: 1.6rem; width: auto;}
th, td{padding: .25rem !important;}
table caption{font-size: .9em;}
thead{background-color: azure;}


/*---------.sankou レイアウト-------------------------------*/
/*.sankou 入れ子*/
.sankou-child{text-indent: 0; margin: 0;}
.sankou-child li{margin-left: -3rem;}

.grid-sankou{
	font-size: 15px;
  line-height: 1.6em;
	display: grid;
	grid-gap: .25rem;
  justify-content: center;
  grid-template-columns: 5rem 1fr;
}

section img[src*="topinfo"],
.sankou img,
.grid-sankou img{margin: auto; /*max-width: 100% !important; padding: .1rem !important;*/ background-color: transparent !important; vertical-align: sub;}

.grid-sankou a:hover {color: #FF3333;	text-decoration: underline;}
.grid-sankou>div{align-items: center;}



/*box 装飾*/
.border-box{border: 1px solid #3836BC; border-radius: 5px; padding: 0 1em; width: 90%; margin: 1em auto;}
.background-box{padding: 1rem; margin: .5rem;background-color: beige;}
.pre-border {display: inline-block; width: auto; padding: 0.75em; border: dashed 1px gray; font-size: .9rem;}

/*grid レイアウト*/
.grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0.8em;
  padding: 0.8em;
  /*margin: 0 0 2em;*/
  margin: 0 auto;
}
.grid>div{
  background: #ddd;
  overflow: auto;
  min-width: 0;
  padding: 1em;  
}

.grid>div img{
  max-width: 100% !important; padding: 0 !important;
}

.grid-2c{
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
  /*grid-auto-rows: 1fr;*/
	grid-gap: .25em;
	justify-content: center;
	margin: .5em auto;
	/*text-align: center;*/
}

/*.grid-4c{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
	grid-gap: .25em;
	justify-content: center;
	margin: .5em auto;
	text-align: center;
}
.grid-4c img{
	max-width: 100% !important; padding: 0 !important;
}*/

/*grid-文字列並び　例）リストの並列*/
.grid-2c li{text-align: left !important;}


/*--------------list------------*/
/*リストスタイル*/
.no-listStyle{list-style-type: none; /*margin-left: inherit;*/ text-indent: -1.5rem;}
.no-listStyle025{list-style-type: none; /*margin-left: inherit;*/ text-indent: -2.5rem;}/*（１）とかの場合*/
.no-listStyle .nomal-list{text-indent: initial; margin-left: -1em;}

/*リストの上下間隔*/
.li-marginTop0 li{margin-top: 0 !important; margin-bottom:0;}

/*装飾付リスト*/
.footnotes>li{list-style-type:none; list-style-position:inside; counter-increment: cnt;}
.footnotes>li:before{display: marker;content: "[" counter(cnt) "] ";}
.footnotes>li{text-indent:-2em; margin-left: 0em;}

@media only screen and (max-width: 639px){
	/*.mainright ul,*/
	.mainright ol{margin-left: -1em;}
	.maincontents ul li>ul{margin-left: -2rem;}
  article>ul, section>ul, .webinar>ul{margin-left: -1em;}
  article>ul li, section>ul li{padding: 0 .5em;}
  .grid-sankou img, .sankou img{display: initial !important; /*margin: inherit !important;*/}
  figure{width: auto;}
	.grid-2c, .grid-sankou{grid-template-columns: 1fr;}
	/*.grid-4c{grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));}*/
  .border-box{padding: 1em;}
  .pre-border{display: block; overflow-x: scroll; font-size: inherit;}
  table{display: block; overflow: hidden; overflow-x: scroll;}
  table th{font-size: 14px; white-space: nowrap; padding: .5em !important;}
}