@charset "utf-8";

body{background:#B1F9D0 ;}/* 　#9BF9CC;　#66CDAA　#B1F9D0うすい黄緑 */
a{text-decoration: none;}
p{display: block;}

/* ------------------------------------------------------------------------------------------------------------header */
header{position: fixed;top:0;display: flex;justify-content: space-between;z-index: 999;
       width: 100%;height: 60px;background: #003300;}
h2{font-size: 20px;color: white;padding-top: 20px;padding-left: 50px;font-family: "Sawarabi Mincho";}
.header_modoru{display: flex;}
.header_return{width: 40px;margin: 10px 10px 0 0;}/* 戻る画像 */
header p{font-size: 12px;color: yellow;padding: 20px 5px 0 0;}

/* ---------480px以下-------------- */
@media screen and ( max-width :480px)
{
header{height: 50px;}
.header_return{width: 30px;margin: 10px 10px 0 0;}/* 戻る画像 */
h2{font-size:16px;padding-top: 18px;padding-left: 20px;}
header p{font-size: 10px;padding: 17px 5px 0 0;}
}

/* ---------------------------------------------------------------------------------------------------------.wrap */
.wrap{position:absolute;top:60px;width: 100%;}
h3{font-size:16px;text-align: center;padding: 0px 0 5px;color: darkred;}
/* ------------------------------------------------------------------------------------------------------.pop_space */
ul{margin:0;padding: 0;list-style: none;}

/*　↓　文字　　資料1/□□□□□　*/
.gallery_ue p,.gallery_sita p{
  text-align: center;font-weight: bolder;
	padding:5px 0 5px 0;
	word-wrap : break-word;line-height: 1.2;
  font-size: 15px;color:black;}
a{text-decoration: none;color: #333;}
a:hover,a:active{text-decoration: none;}

.pop_space{width: 900px;margin:0px auto 0px;padding: 20px 0 20px;}

.gallery_ue,.gallery_sita{display: flex;justify-content: center;}

.ue_left,.ue_right,.sita_left,.sita_right{display: flex;justify-content: center;}

/*ギャラリー内のイメージは横幅100%にする*/
.pop_space img{
  width:100%;height:auto;/*拡大前（サムネール）の画像の大きさ*/
  width: 150px;height: 100px;border-radius: 7px;margin: 5px 10px 0;
  vertical-align: bottom;/*画像の下にできる余白を削除*/}

/* ---------900px以下-------------- */
@media screen and ( max-width :900px){
.pop_space{width: 100%;margin:0px auto 0px;padding: 20px 0 20px;}
.gallery_ue,.gallery_sita{flex-direction: column; }
.pop_space img {width: 150px;height: 100px;border-radius: 5px;margin: 5px 10px 0;}
}
/* ---------480px以下-------------- */
@media screen and ( max-width :420px)
{
.wrap{top:50px;}
.pop_space{width: 318px;margin:0px auto 0px;padding: 20px 0 20px;}
.ue_sita_group{width: 300px;}
.pop_space img {width: 120px;height: 100px;border-radius: 5px;margin: 5px 6px 0;}
/*　↓　文字　　資料1/□□□□□　*/
.gallery_ue p,.gallery_sita p{
 padding:5px 0 5px 0;
 font-size: 13px;}
}


/* --------------------------------------------------------------------------------------------------------dl_space */
.dl_space{width: 100%;height: 200px;margin-top:0px;text-align: center;background:#FFD5EC;}
/* -↓　h1　各種資料のダウンロード　 */
h1{font-size: 20px;color: darkred;padding:20px 0 5px;}
/* -↓　h1　の両サイドに罫線を入れる　 */
h1{display: flex;align-items: center;width: 33em;margin: auto;}
h1:before,h1:after{content: "";flex-grow: 1;background: black;height: 1px;}
h1:before{margin-right: 1em;}
h1:after{margin-left: 1em;}

.list_group{width: 600px;height: 200px;margin:auto;}
.list_dl{width: 600px;display: flex;margin-left:150px;}

/* -↓　「●ダウンロード　」と「□□□□□□□□□□□□□□□□□□□□□」 */
.list_group a,.list_group p{font-size: 15px;line-height:25px;}
/* -↓　「●ダウンロード　」 の色　 */
.list_group a{color: darkred;}

/* ---------900px以下-------------- */
@media screen and ( max-width :900px){
.dl_space{width: 100%;height: 180px;margin-top:0px;text-align: center;}
h1{font-size: 16px;padding:10px 0 5px;}
/* -↓　h1　の両サイドに罫線を入れる　 */
h1{display: flex;align-items: center;width: 20em;margin: auto;}
h1:before,h1:after{content: "";flex-grow: 1;background: black;height: 1px;}
h1:before{margin-right: 1em;}
h1:after{margin-left: 1em;}

.list_group{width: 350px;height: 200px;margin:auto;}
.list_dl{width: 350px;display: flex;margin-left:30px;}
/* -↓　「●ダウンロード　」と「□□□□□□□□□□□□□□□□□□□□□」 */
.list_group a,.list_group p{font-size: 15px;line-height:25px;}
}

/* ---------420px以下-------------- */
@media screen and ( max-width :420px)
{
.dl_space{width: 100%;height: 160px;margin-top:0px;}
h1{font-size: 13px;padding:10px 0 5px;}
.list_group{width: 310px;height: 200px;;}
.list_dl{width: 310px;margin-left: 23px;}
/* -↓　「●ダウンロード　」と「□□□□□□□□□□□□□□□□□□□□□」 */
.list_group a,.list_group p{font-size: 12px;line-height:22px;}
}

/* ---------900px以下-------------- */
@media screen and ( max-width :900px){
}
/* ---------420px以下-------------- */
@media screen and ( max-width :420px){
}

/* -----------------------------------------------------------------------------------------------------  footer ----- */
footer{position: fixed;bottom:0;width: 100%;height: 20px;background: #003300;}