/* ▼タブ */
#tabcontrol{
    margin-bottom: 0;
    display: none;
    width: 0;
}
#tabcontrol a {
    display: inline-block;            /* インラインブロック化 */
    border-width: 1px 1px 0px 1px;    /* 下以外の枠線を引く */
    border-style: solid;              /* 枠線の種類：実線 */
    border-color: black;              /* 枠線の色：黒色 */
    border-radius: 0.75em 0.75em 0 0; /* 枠線の左上角と右上角だけを丸く */
    padding: 0.75em 1em;              /* 内側の余白 */
    text-decoration: none;            /* リンクの下線を消す */
    color: black;                     /* 文字色：黒色 */
    background-color: white;          /* 背景色：白色 */
    font-weight: bold;                /* 太字 */
    position: relative;               /* JavaScriptでz-indexを調整するために必要 */
 }
 /* ▼タブにマウスポインタが載った際（任意） */
 #tabcontrol a:hover {
    text-decoration: underline;   /* リンクの下線を引く */
 }
 /* ▼タブの中身 */
 #tabbody div {
    /*border: 1px solid black; /* 枠線：黒色の実線を1pxの太さで引く */
    margin-top: -1px;        /* 上側にあるタブと1pxだけ重ねるために「-1px」を指定 */
    padding: 1em;            /* 内側の余白量 */
    background-color: white; /* 背景色：白色 */
    position: relative;      /* z-indexを調整するために必要 */
    z-index: 0;              /* 重なり順序を「最も背面」にするため */
 }
 /* ▼タブの配色 */
 #tabcontrol a:nth-child(1), #tabbody div:nth-child(1) { background-color: #fff; }/* 1つ目のタブとその中身用の配色 */
 #tabcontrol a:nth-child(2), #tabbody div:nth-child(2) { background-color: #fff; }/* 2つ目のタブとその中身用の配色 */
 #tabcontrol a:nth-child(3), #tabbody div:nth-child(3) { background-color: #fff; }/* 3つ目のタブとその中身用の配色 */
 /*#tabcontrol a:nth-child(1), #tabbody div:nth-child(1) { background-color: #ffffdd; }/* 1つ目のタブとその中身用の配色 */
 /*#tabcontrol a:nth-child(2), #tabbody div:nth-child(2) { background-color: #ddffdd; }/* 2つ目のタブとその中身用の配色 */
 /*#tabcontrol a:nth-child(3), #tabbody div:nth-child(3) { background-color: #ddddff; }/* 3つ目のタブとその中身用の配色 */


html {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

body{
  font: 14px/1.9 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
  font-weight: 300;
  -webkit-text-size-adjust:100%;
  overflow-x: hidden;
  color: #000;
  background: #fff;
  /* background-color: rgba(215,238,255,0.2); */
  background-color:#fff;
  margin: 0;
}


header {
	width: 100%;
	/* padding: 30px 5% 10px; */
	/* background-color: #fff; */
	/* background-color:#221616; */
   background-color: rgba(255, 194, 214, 0.34);
	/* position: fixed; */
	top: 0;
	display: flex;
	align-items: center;
	color:#fff;
}
header h1{
	color: #000000;
	font-size: xx-large;
	font:'Noto Sans JP';
   margin-top: 10px;
   margin-bottom: 10px;

}

img{
   width:95%;
   height:auto;
   margin: 0 2%;
}

#main{
   margin:0 2% 5%;
}

#tabbody a{
   padding: 3em 1em;
   margin: 2em 0;
   font-weight: bold;
   color: #6091d3;
   /* color:#fff; */
   background: #FFF;
   /* background-color: #F27507; */
   border: solid 2px #6091d3;
   border-radius: 10px;/*角の丸み*/
}
#box{
   display: flex;
   gap: 4px;
}
#box a{
   width: 8rem;
   text-align: center;
}
#box img{
   height: 50px;
   width: auto;
}

#infoinput label{
   display: block;
   float: left;
   width: 10rem;
}
#fin{
   display: block;
   padding: 1em 1em;
   margin: 2em 0;
   width: 5rem;
}

footer {
   position: absolute;/*←絶対位置*/
   bottom: 0; /*下に固定*/
	width: 100%;
	/* padding: 30px 5% 10px; */
	/* background-color: #fff; */
	/* background-color:#221616; */
   background-color: rgba(255, 194, 214, 0.34);
	/* position: fixed; */
	/* top: 0; */
	display: flex;
	align-items: center;
	color:#fff;
}
footer h2{
	color: #000000;
	font-size: medium;
	font:'Noto Sans JP';
   margin-top: 10px;
   margin-bottom: 10px;

}