*{margin:0;padding:0;}

.bg_01{position:relative;}
/*
  The rest is only styling for this example page
*/
.blue00{color:#618bad;}

.clearfix::after {
    content: " ";
    display: block;
    clear: both;
}

.right00{text-align:right;}

.left00{text-align:left;}

.center{text-align:center;}

ul{list-style:none;}

.ul-align-center{display: flex;
    align-items: center;
    flex-direction: column;}

.ul-align-right{display: flex;line-height:2.0;
    align-items: flex-end;justify-content: flex-start;
    flex-direction: column;}

.ul-align-left{display: flex;line-height:2.0;
    align-items: flex-start;justify-content: flex-start;
    flex-direction: column;}

.font_family2 {font-weight:bold;
font-family: "HGP行書体", "ＭＳ Ｐ明朝", "MS PMincho" ,serif; 
}

.font_family{font-family: 'Time New Roman', serif;}

.between02{margin:2%;}

.between03{padding:6%;}

html{height:100%;}

body{overflow-x:hidden;height:100%;

font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

.solid-bottom{border-bottom:1px solid #000;}

.dot-bottom{border-bottom:3px dotted #acacac;}

.red01{color:#f00;}

.red01 a, .red01 a:hover, .red01 a:hover:after{color:#f00;

text-decoration:none;}

.red03, .red03 a, .red03 a:hover, .red03 a:hover:after{color:#FF1100;

text-decoration:none;text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff,
  -1px 1px 0 #fff,  1px -1px 0 #fff,
  1px 0 0 #fff, -1px  0 0 #fff,
  0 1px 0 #fff,  0 -1px 0 #fff;}

.black01{color:#000;text-shadow:1px 1px 1px white;

-webkit-text-shadow:1px 1px 1px white;}

.black01 a, .black01 a:hover, .black01 a:hover:after

{color:#000;text-shadow:1px 1px 1px white;

-webkit-text-shadow:1px 1px 1px white;text-decoration:none;}

.white01{color:#fff;}

.white02{color:#fff;text-shadow:1px 1px 1px black;

-webkit-text-shadow:1px 1px 1px black;}

.white03{color:#fff;text-shadow:2px 2px 2px black;

-webkit-text-shadow:2px 2px 2px black;}

.white03 a, .white03 a:hover, .white03 a:hover:after

{color:#fff;text-shadow:2px 2px 2px black;

-webkit-text-shadow:2px 2px 2px black; text-decoration:none;}

.white01 a, .white01 a:hover, .white01 a:hover:after{color:#fff;}

@media screen and (max-width:3000px){

.space-top-bottom-L{margin:32% 0;}

.space-top-bottom{margin:16% 0;}

.space-top-bottom-L-s{margin:24% 0;}

.space-top-bottom-s{margin:8% 0;}

html{height:100%;}

body {overflow-x:hidden;font-family: "Noto Sans JP", sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
 }

.between00{padding:0 10%;}

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

.stroke-orange{font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #FF7A00;
    text-stroke: 1px #FF7A00;
    line-height: 1;}

.head-border {
    padding: 0 5%;
    display: flex;
    flex-direction: column;  /* 縦方向に並べる */
    align-items: center;
    text-align: center;
    position: relative;
}

/* spanで囲んだメインテキストの部分のスタイリング */
.head-border span {
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    margin-bottom: 0.5rem;  /* 下のテキストとの間隔 */
}

/* 横線の設定 */
.head-border span:before,
.head-border span:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 40%;  /* 線の長さ - 調整可能 */
    background-color: #666;
}

.head-border span:before {
    right: 100%;  /* テキストの左側に配置 */
}

.head-border span:after {
    left: 100%;  /* テキストの右側に配置 */
}

/* data-en属性の内容を表示する */
.head-border:after {
    content: attr(data-en);
    display: block;
    font-size: 2.2em;  /* 英語テキストのサイズ */
    font-family: 'Time New Roman', serif; /* 英語テキストの色 */
    font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #FF8C00;
    text-stroke: 1px #FF8C00;
    line-height: 1;
    margin-top: 0.2rem;  /* 上のテキストとの間隔 */
}

.ul-center-left{width:fit-content;margin:auto;max-width:100%;display:block;}

.between-right{margin:0 3% 0 0;}
.between-left{margin:0 0 0 3%;}
.between-left-wide{margin:0 0 0 10%;}

/*top.html_start*/
.sub_staff, .sub_staff2, .sub_staff3{width:80%;margin:0 auto;}

.sub_staff0{width:60%; margin:0 auto;}

.sub_staff4{width:45%;margin:0 auto;}

.sub_staff5{width:95%;margin:0 auto;}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.2);}

.bgcolor03{background:rgba(238,238,238,0.6);}
/*table_end*/
/*table*/
.sub_staff th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff table,.sub_staff td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff tr{border-bottom:1px solid gray;}*/

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(100%/2);}

.sub_staff td{width:calc(100%/2);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff2 td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff2 tr{border-bottom:1px solid gray;}*/

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff2 th{width: calc(200%/9);}

.sub_staff2 td{width:calc(100%/9);}
/*table_end*/
.sub_question{width:75%;margin:0 auto;}

/*table*/
.sub_staff3 th{border:0px solid gray;font-weight:400;

padding:7px;}

.sub_staff3 table,.sub_staff3 td
{border:0px solid gray;font-weight:400;

padding:7px;}

.sub_staff3 tr{border:0px solid gray;font-weight:400;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff3 th{width: calc(100%/4);}

.sub_staff3 td{width:calc(200%/4);}
/*table_end*/
.bgcolor05{background:#010101;color:#f38608;}

.bgcolor06{background:#f38608;color:#010101;}

.sub_staff10 td{width:60px;padding:15px;}

.picture_123 img{width:20%;display:inline-block;margin:0;padding:0;}

.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_1 a img{width:100%;display:inline-block;}

.picture_00 a img{width:10%;display:inline-block;margin:0;padding:0;}

.picture_000 a img{width:20%;display:inline-block;margin:0;padding:0;}

.picture_456 a img{width:100%;display:inline-block;height:70px;}

.picture_789 a img{width:40%;display:inline-block;margin:0;padding:0;}

.size{font-size:3.2em;font-weight:bold;}

.size_a{font-size:2.3em;font-weight:bold;}

.size_0{font-size:4em;font-weight:bold;}

.size_1{font-size:5em;font-weight:bold;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.2em;font-weight:400;}

.size_small02{font-size:1.6em;font-weight:bold;}

.size_small04{font-size:1.2em;font-weight:600;}

#footer{width:100%;height:auto;margin-top:auto;

background-repeat:repeat;background:#f38608;

background-position:center center;background-size:cover;}

#footer a, #footer ul li, #footer p{z-index:2;}



}

@media (min-width:961px) and (max-width:1399px){
.space-top-bottom-L{margin:32% 0;}

.space-top-bottom{margin:16% 0;}

.space-top-bottom-L-s{margin:24% 0;}

.space-top-bottom-s{margin:8% 0;}

html{height:100%;}

body {overflow-x:hidden;font-family: "Noto Sans JP", sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }

.between00{padding:0 10%;}

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

.head-border {
    padding: 0 5%;
    display: flex;
    flex-direction: column;  /* 縦方向に並べる */
    align-items: center;
    text-align: center;
    position: relative;
}

/* spanで囲んだメインテキストの部分のスタイリング */
.head-border span {
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    margin-bottom: 0.5rem;  /* 下のテキストとの間隔 */
}

/* 横線の設定 */
.head-border span:before,
.head-border span:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 40%;  /* 線の長さ - 調整可能 */
    background-color: #666;
}

.head-border span:before {
    right: 100%;  /* テキストの左側に配置 */
}

.head-border span:after {
    left: 100%;  /* テキストの右側に配置 */
}

/* data-en属性の内容を表示する */
.head-border:after {
    content: attr(data-en);
    display: block;
    font-size: 2.2em;  /* 英語テキストのサイズ */
    font-family: 'Time New Roman', serif; /* 英語テキストの色 */
    font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #FF8C00;
    text-stroke: 1px #FF8C00;
    line-height: 1;
    margin-top: 0.2rem;  /* 上のテキストとの間隔 */
}

.ul-center-left{width:fit-content;margin:auto;max-width:100%;}

.between-right{margin:0 3% 0 0;}
.between-left{margin:0 0 0 5%;}
.between-left-wide{margin:0 0 0 10%;}

.sub_question{width:80%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff3{width:80%;margin:0 auto;}

.sub_staff4{width:45%;margin:0 auto;}

.sub_staff5{width:95%;margin:0 auto;}

.sub_staff0{width:60%; margin:0 auto;}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.2);}

.bgcolor03{background:rgba(238,238,238,0.6);}
/*table_end*/
/*table*/
.sub_staff th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff td
{border-bottom:1px solid gray;font-weight:400;padding:5px;}

/*.sub_staff tr{border-bottom:1px solid gray;}*/

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(100%/2);}

.sub_staff td{width:calc(100%/2);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff2 td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff2 tr{border-bottom:1px solid gray;}*/

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff2 th{width: calc(200%/9);}

.sub_staff2 td{width:calc(100%/9);}
/*table_end*/
/*table*/
.sub_staff3 th{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 tr{border:0px solid gray;font-weight:400;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff3 th{width: calc(100%/4);}

.sub_staff3 td{width:calc(200%/4);}
/*table_end*/
.bgcolor05{background:#010101;color:#f38608;}

.bgcolor06{background:#f38608;color:#010101;}

.sub_staff10 td{width:50px;padding:10px;}

.picture_123 img{width:20%;display:inline-block;margin:0;padding:0;}

.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_1 a img{width:100%;display:inline-block;}

.picture_0 a img{width:20%;display:inline-block;margin:0;padding:0;}

.picture_00 a img{width:10%;display:inline-block;margin:0;padding:0;}

.picture_456 img{width:40%;display:inline-block;}

.picture_789 a img{width:40%;display:inline-block;margin:0;padding:0;}

.size{font-size:3.2em;font-weight:bold;}

.size_a{font-size:2.3em;font-weight:bold;}

.size_0{font-size:4em;font-weight:bold;}

.size_1{font-size:4em;font-weight:bold;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.2em;font-weight:400;}

.size_small02{font-size:1.6em;font-weight:bold;}

.size_small04{font-size:1.2em;font-weight:600;}

#footer{width:100%;height:auto;margin-top:auto;

background-repeat:no-repeat;background:#f38608;

background-position:center center;background-size:cover;}

#footer a, #footer ul li, #footer p{z-index:2;}


}

@media (min-width:769px) and (max-width:960px){
.space-top-bottom-L{margin:32% 0;}

.space-top-bottom{margin:16% 0;}

.space-top-bottom-L-s{margin:24% 0;}

.space-top-bottom-s{margin:8% 0;}

html{height:100%;}

body {overflow-x:hidden;font-family: "Noto Sans JP", sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

.head-border {
    padding: 0 5%;
    display: flex;
    flex-direction: column;  /* 縦方向に並べる */
    align-items: center;
    text-align: center;
    position: relative;
}

/* spanで囲んだメインテキストの部分のスタイリング */
.head-border span {
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    margin-bottom: 0.5rem;  /* 下のテキストとの間隔 */
}

/* 横線の設定 */
.head-border span:before,
.head-border span:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 40%;  /* 線の長さ - 調整可能 */
    background-color: #666;
}

.head-border span:before {
    right: 100%;  /* テキストの左側に配置 */
}

.head-border span:after {
    left: 100%;  /* テキストの右側に配置 */
}

/* data-en属性の内容を表示する */
.head-border:after {
    content: attr(data-en);
    display: block;
    font-size: 2.2em;  /* 英語テキストのサイズ */
    font-family: 'Time New Roman', serif; /* 英語テキストの色 */
    font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #FF8C00;
    text-stroke: 1px #FF8C00;
    line-height: 1;
    margin-top: 0.2rem;  /* 上のテキストとの間隔 */
}

.between00{padding:0 5%;}

.ul-center-left{width:fit-content;margin:auto;max-width:100%;display:block;}

.between-right{margin:0 3% 0 0;}
.between-left{margin:0 0 0 5%;}
.between-left-wide{margin:0 0 0 10%;}

.sub_question{width:85%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff3{width:90%;margin:0 auto;}

.sub_staff4, .sub_staff5{width:75%;margin:0 auto;}

.sub_staff0{width:70%; margin:0 auto;}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.2);}

.bgcolor03{background:rgba(238,238,238,0.6);}
/*table_end*/
/*table*/
.sub_staff th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff table,.sub_staff td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff tr{border:1px solid gray;}

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(100%/2);}

.sub_staff td{width:calc(100%/2);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff2 td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff2 tr{border-bottom:1px solid gray;}*/

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff2 th{width: calc(200%/9);}

.sub_staff2 td{width:calc(100%/9);}
/*table_end*/
/*table*/
.sub_staff3 th{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 tr{border:0px solid gray;font-weight:400;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff3 th{width: calc(100%/5);}

.sub_staff3 td{width:calc(300%/5);}

/*table_end*/
.bgcolor05{background:#010101;color:#f38608;}

.bgcolor06{background:#f38608;color:#010101;}

.sub_staff10 td{width:30px;padding:8px;}

.picture_123 img{width:30%;display:inline-block;margin:0;padding:0;}

.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_1 a img{width:100%;display:inline-block;}

.picture_0 a img{width:20%;display:inline-block;margin:0;padding:0;}

.picture_456 img{width:50%;display:inline-block;}

.picture_00 a img{width:10%;display:inline-block;margin:0;padding:0;}

.picture_789 a img{width:40%;display:inline-block;margin:0;padding:0;}

.size{font-size:3.2em;font-weight:bold;}

.size_a{font-size:2.3em;font-weight:bold;}

.size_0{font-size:2.8em;font-weight:bold;}

.size_1{font-size:2.8em;font-weight:bold;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.2em;font-weight:400;}

.size_small02{font-size:1.6em;font-weight:bold;}

.size_small04{font-size:1.2em;font-weight:600;}

#footer{width:100%;height:auto;margin-top:auto;

background-repeat:no-repeat;background:#f38608;

background-position:center center;background-size:cover;}

#footer a, #footer ul li, #footer p{z-index:2;}


}

@media (min-width:515px) and (max-width:768px){
.space-top-bottom-L{margin:32% 0;}

.space-top-bottom{margin:16% 0;}

.space-top-bottom-L-s{margin:24% 0;}

.space-top-bottom-s{margin:8% 0;}

html{height:100%;}

body {overflow-x:hidden;font-family: "Noto Sans JP", sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

.between00{padding:0 5%;}

.ul-center-left{width:fit-content;margin:auto;max-width:100%;display:block;}

.between-right{margin:0 3% 0 0;}
.between-left{margin:0 0 0 0%;}
.between-left-wide{margin:0 0 0 0%;}

.sub_question{width:90%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff5, 

{width:95%;margin:0 auto;}

.sub_staff3,.sub_staff4,.sub_staff0{width:60%; margin:0 auto;}
/*table*/
.ul-align-center th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.ul-align-center table,.ul-align-center td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.ul-align-center table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.ul-align-center th{width: calc(100%/3);}

.ul-align-center td{width:calc(200%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.2);}

.bgcolor03{background:rgba(238,238,238,0.6);}
/*table_end*/
/*table*/
.sub_staff th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff tr{border:1px solid gray;}*/

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(100%/2);}

.sub_staff td{width:calc(100%/2);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff2 td
{border-bottom:1px solid gray;font-weight:400;

padding:7px;}

/*.sub_staff2 tr{border:1px solid gray;}*/

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff2 th{width: calc(200%/9);}

.sub_staff2 td{width:calc(100%/9);}
/*table_end*/
/*table*/
.sub_staff3 th{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 tr{border:0px solid gray;font-weight:400;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff3 th{width: calc(100%/5);}

.sub_staff3 td{width:calc(300%/5);}

/*table_end*/
.bgcolor05{background:#010101;color:#f38608;}

.bgcolor06{background:#f38608;color:#010101;}

.sub_staff10 td{width:20px;padding:5px;}

.picture_123 img{width:25%;display:inline-block;margin:0;padding:0;}

.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_1 a img{width:100%;display:inline-block;}

.picture_0 a img{width:20%;display:inline-block;margin:0;padding:0;}

.picture_00 a img{width:10%;display:inline-block;margin:0;padding:0;}

.picture_456 a img{width:100%;display:inline-block;}

.picture_789 a img{width:40%;display:inline-block;margin:0;padding:0;}

.size{font-size:3.2em;font-weight:bold;}

.size_a{font-size:1.6em;font-weight:bold;}

.size_0{font-size:2.2em;font-weight:bold;}

.size_1{font-size:2.2em;font-weight:bold;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.2em;font-weight:400;}

.size_small02{font-size:1.3em;font-weight:bold;}

.size_small04{font-size:1.2em;font-weight:600;}

#footer{width:100%;height:auto;margin-top:auto;

background-repeat:no-repeat;background:#f38608;

background-position:center center;background-size:cover;}

#footer a, #footer ul li, #footer p{z-index:2;}



}

@media (min-width:320px) and (max-width:514px){
.space-top-bottom-L{margin:32% 0;}

.space-top-bottom{margin:16% 0;}

.space-top-bottom-L-s{margin:24% 0;}

.space-top-bottom-s{margin:8% 0;}

html{height:100%;}

body {overflow-x:hidden;font-family: "Noto Sans JP", sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100%;}

.head-border {
    padding: 0 5%;
    display: flex;
    flex-direction: column;  /* 縦方向に並べる */
    align-items: center;
    text-align: center;
    position: relative;
}

/* spanで囲んだメインテキストの部分のスタイリング */
.head-border span {
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    margin-bottom: 0.5rem;  /* 下のテキストとの間隔 */
}

/* 横線の設定 */
.head-border span:before,
.head-border span:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 40%;  /* 線の長さ - 調整可能 */
    background-color: #666;
}

.head-border span:before {
    right: 100%;  /* テキストの左側に配置 */
}

.head-border span:after {
    left: 100%;  /* テキストの右側に配置 */
}

/* data-en属性の内容を表示する */
.head-border:after {
    content: attr(data-en);
    display: block;
    font-size: 1.2em;  /* 英語テキストのサイズ */
    font-family: 'Time New Roman', serif; /* 英語テキストの色 */
    font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #FF8C00;
    text-stroke: 1px #FF8C00;
    line-height: 1;
    margin-top: 0.2rem;  /* 上のテキストとの間隔 */
}

.between00{padding:0 3%;}

.ul-center-left{width:fit-content;margin:auto;max-width:100%;display:block;}

.between-right{margin:0 3% 0 0;}
.between-left{margin:0 0 0 0%;}
.between-left-wide{margin:0 0 0 0%;}

.sub_question{width:95%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff5
{width:95%;margin:0 auto;}

.sub_staff3,.sub_staff4,.sub_staff0{width:75%; margin:0 auto;}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.2);}
/*table_end*/
/*table*/
.sub_staff th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff tr{border:1px solid gray;}*/

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(100%/2);}

.sub_staff td{width:calc(100%/2);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}

.bgcolor03{background:rgba(238,238,238,0.6);}
/*table_end*/
/*table*/
.sub_staff2 th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff2 td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff2 tr{border:1px solid gray;font-weight:600;}*/

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff2 th{width: calc(200%/9);}

.sub_staff2 td{width:calc(100%/9);}
/*table_end*/
/*table*/
.sub_staff3 th{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 tr{border:0px solid gray;font-weight:400;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff3 th{width: calc(100%/5);}

.sub_staff3 td{width:calc(300%/5);}

/*table_end*/
.bgcolor05{background:#010101;color:#f38608;}

.bgcolor06{background:#f38608;color:#010101;}

.sub_staff10 td{width:20px;padding:6px;}

.picture_123 img{width:25%;display:inline-block;margin:0;padding:0;}

.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_1 a img{width:100%;display:inline-block;}

.picture_01 img{width:30%;display:inline-block;}

.picture_456 a img{width:60%;height:auto;display:inline-block;}

.picture_00 a img{width:25%;display:inline-block;margin:0;padding:0;}

.picture_789 a img{width:40%;display:inline-block;margin:0;padding:0;}

.size{font-size:1.6em;font-weight:bold;}

.size_a{font-size:1.4em;font-weight:bold;}

.size_0{font-size:1.6em;font-weight:bold;}

.size_1{font-size:1.6em;font-weight:bold;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.0em;font-weight:400;}

.size_small02{font-size:1.3em;font-weight:bold;}

.size_small04{font-size:1.1em;font-weight:600;}

#footer{width:100%;height:auto;margin-top:auto;

background-repeat:no-repeat;background:#f38608;

background-position:center center;background-size:cover;}

#footer a, #footer ul li, #footer p{z-index:2;}


}

@media screen and (max-width:319px){
.space-top-bottom-L{margin:32% 0;}

.space-top-bottom{margin:16% 0;}

.space-top-bottom-L-s{margin:24% 0;}

.space-top-bottom-s{margin:8% 0;}

html{height:100%;}

body {overflow-x:hidden;font-family: "Noto Sans JP", sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

.between00{padding:0 3%;}

.ul-center-left{width:fit-content;margin:auto;max-width:100%;display:block;}

.between-right{margin:0 0% 0 0;}
.between-left{margin:0 0 0 0%;}
.between-left-wide{margin:0 0 0 0%;}

.sub_question{width:95%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff5, .sub_staff0
{width:95%;margin:0 auto;}

.sub_staff3,.sub_staff4,.sub_staff0{width:60%; margin:0 auto;}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.2);}

.bgcolor03{background:rgba(238,238,238,0.6);}
/*table_end*/
/*table*/
.sub_staff th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff td
{border-bottom:1px solid gray;

padding:5px;}

/*.sub_staff tr{border:1px solid gray;}*/

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(100%/2);}

.sub_staff td{width:calc(100%/2);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff2 td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff2 tr{border-bottom:1px solid gray;}*/

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;font-size:1.0em;}

.sub_staff2 th{width: calc(200%/9);}

.sub_staff2 td{width:calc(100%/9);}
/*table_end*/
/*table*/
.sub_staff3 th{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 tr{border:0px solid gray;font-weight:400;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff3 th{width: calc(100%/5);}

.sub_staff3 td{width:calc(300%/5);}

/*table_end*/
.bgcolor05{background:#010101;color:#f38608;}

.bgcolor06{background:#f38608;color:#010101;}

.sub_staff10 td{width:20px;padding:6px;}

.picture_123 img{width:25%;display:inline-block;margin:0;padding:0;}

.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_1 a img{width:100%;display:inline-block;}

.picture_0 a img{width:20%;display:inline-block;margin:0;padding:0;}

.picture_456 a img{width:60%;display:inline-block;height:auto;}

.picture_00 a img{width:25%;display:inline-block;margin:0;padding:0;}

.picture_789 a img{width:40%;display:inline-block;margin:0;padding:0;}

.size{font-size:1.6em;font-weight:bold;}

.size_a{font-size:1.3em;font-weight:bold;}

.size_0{font-size:1.6em;font-weight:bold;}

.size_1{font-size:1.6em;font-weight:bold;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.0em;font-weight:400;}

.size_small02{font-size:1.4em;font-weight:bold;}

.size_small04{font-size:1.1em;font-weight:600;}

#footer{width:100%;height:auto;margin-top:auto;

background-repeat:no-repeat;background:#f38608;

background-position:center center;background-size:cover;}

#footer a, #footer ul li, #footer p{z-index:2;}



}