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

/*@import url("popup.css");**/

/*Googleiconsの扱い*/
.material-icons{display: inline !important; font-size: 1em !important;}
.icons::after{
font-family: 'Material Icons';
content: "open_in_new";
margin-right: .25em;
}/*何れ上記は削除。下記を利用する。*/
.svg-icons {
    width: 1.2em;
    height: 1.2em;
    vertical-align: sub;
    padding: 0 0.25rem;
    fill: #003399;
}


/*ページスタイル*/
section p, section li, section div{line-height: 1.75;}
section p{text-align: justify;}
section>p, section>div, section>ul, section>ol{margin: auto 1.75em 1em;}
figure{text-align: center; margin: 1em auto;}

/*CSS：font-familyを設定*/
h1{font-size: 130%; line-height: 1.75; margin-left: 1em; margin-right: 1em; color: darkgreen; font-weight: bold;}

.liststyle-none{list-style-type: none;padding-left: 0;}


/*indent*/
.textindent25{margin-left: 2.5em; text-indent: -2.5em;}
/*上記クラス内入れ子*/
.nomalindent{text-indent: 0;}

/*リストのタイトル*/
ul>span{margin-left: -1em;}

/*テキスト中央配置*/
section .textcenter{text-align: center;}

/*テキスト太字*/
.f-bold{font-weight: bold;}
.small-f{font-size: small;}

/*ブロック装飾*/
.border-box{
  border: 2px groove #3BD1D8;
  border-radius: 10px;
  padding: 1em;
  margin: 1em auto;
}
.width80{
  width: 80%;
}

/*h2 タイトルが長すぎて文字が下線よりあふれる場合（レスポンシブはsmart.cssで対応しているので、main.cssで対応できない部分）*/
h2.height4em{height: auto;}

@media screen and (min-width: 640px){
  /*grid設定*/
  .grids2{
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grids2 figure{	justify-self: center;	align-self: center; padding: 0 1em; display: inline-block;}
  .grids2 figure img { width:100%;}
}

@media screen and (max-width: 639px){
  /*text-indentの解除*/
  .textindent25{margin-left: 0;text-indent: 0;}
	section>ul,section>ol{margin: auto 0.5em; padding: 0 1.5em;}
}