@charset "UTF-8";
.textcolor_white_00 {
  color: #fff !important;
}

.textcolor_navy_01 {
  color: #005e96 !important;
}

.textcolor_navy_02 {
  color: #005e96 !important;
}

.textcolor_cyan_01 {
  color: #00c3cb !important;
}

.faq_cyan dt p,
.textcolor_cyan_02 {
  color: #01b4bb !important;
}

.textcolor_orange_01 {
  color: #ff8136 !important;
}

.faq dt p,
.textcolor_orange_02 {
  color: #ff7422 !important;
}

.textcolor_orange_03 {
  color: #9a6229 !important;
}

.textcolor_pink_01 {
  color: #f00d8c !important;
}

.textcolor_pink_02 {
  color: #e2007e !important;
}

.textcolor_blue_01 {
  color: #21adee !important;
}

.textcolor_blue_02 {
  color: #009fe9 !important;
}

.textcolor_yellow_01 {
  color: #f9c22f !important;
}

.textcolor_yellow_02 {
  color: #f8b400 !important;
}

.textcolor_red_01 {
  color: #e54e31 !important;
}

.textcolor_red_02 {
  color: #dc3b1d !important;
}

.textcolor_green_01 {
  color: #1d7f57 !important;
}

.textcolor_green_02 {
  color: #126f49 !important;
}

.textcolor_yellowgreen_01 {
  color: #b8c90e !important;
}

.textcolor_yellowgreen_02 {
  color: #aebf00 !important;
}

.textcolor_gray_01 {
  color: #f2f2f2 !important;
}

.faq_cyan dt.active p,
.faq dt.active p,
.textcolor_gray_02 {
  color: #6c6c6c !important;
}

.textcolor_usucyan_01 {
  color: #87bcce !important;
}

.textcolor_usucyan_02 {
  color: #77b0c3 !important;
}

.textcolor_sustainability_02 {
  color: #f598cd !important;
}

.bgcolor_white_00 {
  color: #fff !important;
}

.bgcolor_navy_01 {
  background-color: #0279bf !important;
}

.bgcolor_navy_02 {
  background-color: #005e96 !important;
}

.bgcolor_cyan_01 {
  background-color: #00c3cb !important;
}

.bgcolor_cyan_02 {
  background-color: #01b4bb !important;
}

.bgcolor_cyan_03 {
  background-color: #0bccef !important;
}

.bgcolor_orange_01 {
  background-color: #ff8136 !important;
}

.bgcolor_orange_02 {
  background-color: #ff7422 !important;
}

.bgcolor_pink_01 {
  background-color: #f00d8c !important;
}

.bgcolor_pink_02 {
  background-color: #e2007e !important;
}

.bgcolor_blue_01 {
  background-color: #21adee !important;
}

.bgcolor_blue_02 {
  background-color: #009fe9 !important;
}

.bgcolor_yellow_01 {
  background-color: #f9c22f !important;
}

.bgcolor_yellow_02 {
  background-color: #f8b400 !important;
}

.bgcolor_red_01 {
  background-color: #e54e31 !important;
}

.bgcolor_red_02 {
  background-color: #dc3b1d !important;
}

.bgcolor_green_01 {
  background-color: #1d7f57 !important;
}

.bgcolor_green_02 {
  background-color: #126f49 !important;
}

.bgcolor_yellowgreen_01 {
  background-color: #b8c90e !important;
}

.bgcolor_yellowgreen_02 {
  background-color: #aebf00 !important;
}

.bgcolor_gray_01 {
  background-color: #f2f2f2 !important;
}

.bgcolor_gray_02 {
  background-color: #6c6c6c !important;
}

.bgcolor_usucyan_01 {
  background-color: #87bcce !important;
}

.bgcolor_usucyan_02 {
  background-color: #77b0c3 !important;
}

.bgcolor_sustainability_02 {
  background-color: #f598cd !important;
}

.mb_x-large {
  margin-bottom: 80px !important;
}

.mb_large {
  margin-bottom: 60px !important;
}

.mb_regular {
  margin-bottom: 50px !important;
}

.mb_x-small {
  margin-bottom: 40px !important;
}

.mb_small {
  margin-bottom: 30px !important;
}

.mb_s-small {
  margin-bottom: 20px !important;
}

.mb_ss-small {
  margin-bottom: 10px !important;
}

.mb-bottom_none {
  margin-bottom: 0 !important;
}

.pa-top_none {
  padding-top: 0 !important;
}

.pa-top_large {
  padding-top: 60px !important;
}

.pa-bottom_large {
  padding-bottom: 60px !important;
}

.pa-bottom_x-small {
  padding-bottom: 40px !important;
}

.pa-left_large {
  padding-left: 60px !important;
}

.text_indent_one {
  padding-left: 1em;
  text-indent: -1em;
}

.m-item_textindent0 {
  margin-left: 0;
  text-indent: 0;
}

.m-item_textindent01 {
  margin-left: 1.7em;
  text-indent: -1.7em;
}

.m-item_textindent02 {
  margin-left: 2em;
  text-indent: -2.7em;
}

.m-item_textindent03 {
  margin-left: 1em;
  text-indent: -1em;
}

.m-item_textindent04 {
  margin-left: 1.9em;
  text-indent: -1.9em;
}

.m-item_textindent05 {
  margin-left: 1.15em;
  text-indent: -1.15em;
}

.m-item_textindent06 {
  margin-left: 3.3em;
  text-indent: -3.3em;
}

.m-item_textindent07 {
  margin-left: 1.4em;
  text-indent: -1.4em;
}

.m-item_textindent08 {
  margin-left: 0.7em;
  text-indent: -0.7em;
}

.m-item_textindent09 {
  margin-left: 1.3em;
  text-indent: -1.3em;
}

.m-item_textindent10 {
  margin-left: 1em;
  text-indent: -1em;
}

.pankuzu {
  background: #fff;
  /*min-width: 1280px;*/
  width: 100%;
}

.pankuzu .breadcrumbs_list {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1280px;
  padding: 15px 60px;
  width: 100%;
}


.btn_icon_img {
  margin-left: 3px;
  vertical-align: middle;
}

.l-title {
  height: 89px;
  position: relative;
  width: 100%;
}

.l-title .l-titleo__inner-box {
  height: 89px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.l-title .l-tilte__left {
  height: 88px;
  left: 0;
  position: relative;
  width: 50%;
  z-index: 1;
}

.l-title .l-titleo__inner {
  display: flex;
  margin: 0 auto;
  height: 100%;
  max-width: 1280px;
}

.l-title .l-titleo__inner h2 {
  align-items: center;
  display: flex;
  float: left;
  /* height: 29px; */
  justify-content: center;
  margin: 0;
  padding: 30px 40px 30px 60px;
  width: 290px;
}

.l-title .l-titleo__inner p {
  box-sizing: border-box;
  align-items: center;
  display: flex;
  height: 29px;
  line-height: 30px;
  padding: 30px 40px;
  height: 100%;
}

.type_cyan,
.type_orange,
.type_pink,
.type_blue,
.type_yellow,
.type_red,
.type_green,
.type_yellowgreen,
.type_gray,
.type_usucyan,
.type_navy {
  color: #fff;
}

.type_navy,
.type_navy .l-titleo__inner {
  background: #0279bf;
}

.type_navy .l-tilte__left,
.type_navy .l-titleo__inner h2 {
  background: #005e96;
}

.type_cyan,
.type_cyan .l-titleo__inner {
  background: #00c3cb;
}

.type_cyan .l-tilte__left,
.type_cyan .l-titleo__inner h2 {
  background: #01b4bb;
}

.type_orange,
.type_orange .l-titleo__inner {
  background: #ff8136;
}

.type_orange .l-tilte__left,
.type_orange .l-titleo__inner h2 {
  background: #ff7422;
}

.type_pink,
.type_pink .l-titleo__inner {
  background: #f00d8c;
}

.type_pink .l-tilte__left,
.type_pink .l-titleo__inner h2 {
  background: #e2007e;
}

.type_blue,
.type_blue .l-titleo__inner {
  background: #21adee;
}

.type_blue .l-tilte__left,
.type_blue .l-titleo__inner h2 {
  background: #009fe9;
}

.type_yellow,
.type_yellow .l-titleo__inner {
  background: #f9c22f;
}

.type_yellow .l-tilte__left,
.type_yellow .l-titleo__inner h2 {
  background: #f8b400;
}

.type_red,
.type_red .l-titleo__inner {
  background: #e54e31;
}

.type_red .l-tilte__left,
.type_red .l-titleo__inner h2 {
  background: #dc3b1d;
}

.type_green,
.type_green .l-titleo__inner {
  background: #1d7f57;
}

.type_green .l-tilte__left,
.type_green .l-titleo__inner h2 {
  background: #126f49;
}

.type_yellowgreen,
.type_yellowgreen .l-titleo__inner {
  background: #b8c90e;
}

.type_yellowgreen .l-tilte__left,
.type_yellowgreen .l-titleo__inner h2 {
  background: #aebf00;
}

.type_gray,
.type_gray .l-titleo__inner {
  background: #f2f2f2;
}

.type_gray .l-tilte__left,
.type_gray .l-titleo__inner h2 {
  background: #6c6c6c;
}

.type_usucyan,
.type_usucyan .l-titleo__inner {
  background: #87bcce;
}

.type_usucyan .l-tilte__left,
.type_usucyan .l-titleo__inner h2 {
  background: #77b0c3;
}

.title01 {
  font-size: 0.26rem !important;
  line-height: 1.5 !important;
}

.title02,
.title02_02_navy,
.title02_02_cyan,
.title02_02_orange,
.title02_02_pink,
.title02_02_blue,
.title02_02_yellow,
.title02_02_red,
.title02_02_green,
.title02_02_gray,
.title02_02_usucyan,
.title02_02_blueGreen,
.title02_02_purple {
  font-size: 0.2rem !important;
  line-height: 1.3 !important;
}

.title03 {
  font-size: 0.18rem !important;
  line-height: 1.7 !important;
}

.title02_02_navy {
  color: #005e96;
}

.title02_02_cyan {
  color: #01b4bb;
}

.title02_02_orange {
  color: #ff7422;
}

.title02_02_pink {
  color: #e2007e;
}

.title02_02_blue {
  color: #009fe9;
}

.title02_02_yellow {
  color: #f8b400;
}

.title02_02_red {
  color: #dc3b1d;
}

.title02_02_green {
  color: #126f49;
}

.title02_02_yellowgreen {
  color: #aebf00;
}

.title02_02_gray {
  color: #6c6c6c;
}

.title02_02_usucyan {
  color: #77b0c3;
}

.title02_02_blueGreen {
  color: #00a88c;
}

.title02_02_purple {
  color: rgb(199, 125, 167);
}

.title02_02_navy:before {
  border: 0.3em solid #005e96;
}

.title02_02_cyan:before {
  border: 0.3em solid #01b4bb;
}

.title02_02_orange:before {
  border: 0.3em solid #ff7422;
}

.title02_02_pink:before {
  border: 0.3em solid #e2007e;
}

.title02_02_blue:before {
  border: 0.3em solid #009fe9;
}

.title02_02_yellow:before {
  border: 0.3em solid #f8b400;
}

.title02_02_red:before {
  border: 0.3em solid #dc3b1d;
}

.title02_02_green:before {
  border: 0.3em solid #126f49;
}

.title02_02_yellowgreen:before {
  border: 0.3em solid #aebf00;
}

.title02_02_gray:before {
  border: 0.3em solid #6c6c6c;
}

.title02_02_usucyan:before {
  border: 0.3em solid #77b0c3;
}

.title02_02_blueGreen:before {
  border: 0.3em solid #00a88c;
}

.title02_02_purple:before {
  border: 0.3em solid rgb(199, 125, 167);;
}

.title02_02_navy:before,
.title02_02_cyan:before,
.title02_02_orange:before,
.title02_02_pink:before,
.title02_02_blue:before,
.title02_02_yellow:before,
.title02_02_red:before,
.title02_02_green:before,
.title02_02_gray:before,
.title02_02_usucyan:before,
.title02_02_blueGreen:before,
.title02_02_purple:before {
  border-radius: 50%;
  content: "　";
  display: inline-block;
  height: 10px;
  margin-right: 7px;
  vertical-align: bottom;
  width: 10px;
}

.title_achievement {
  padding: 12px 27px;
}

.pull_down select,
.pull_down select option,
.tab01 li {
  font-size: 0.16rem !important;
  line-height: 1.9 !important;
}

.text01 {
  font-size: 0.16rem !important;
}

.text02 {
  font-size: 0.14rem !important;
}

.text03 {
  font-size: 0.12rem !important;
}

.text01,
.text02,
.text03 {
  line-height: 1.8 !important;
}

.bold {
  font-weight: 700 !important;
}

.t-center {
  text-align: center;
}

.t-right {
  text-align: right;
}

.t-left {
  text-align: left;
}

.annotation {
  background-color: #f2f2f2;
  font-size: 0.12rem;
  line-height: 1.8;
  padding: 0.1rem;
}

.table01 {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}

.table01 td,
.table01 th {
  padding: 20px 10px;
}

.table01 thead th,
.table02 thead th,
.table03 thead th,
.table04 thead th {
  background-color: #ff7422;
  color: #fff;
  text-align: center;
}

.table01 thead th:first-child {
  padding: 20px 0;
  width: 138px;
}

.table01 tbody th {
  background-color: #e9e9e9;
  font-weight: 700;
}

.table01 tbody td {
  background-color: #f2f2f2;
}

.table01 .button {
  margin: 0 auto;
}

.table02 {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}

.table02 td,
.table02 th {
  padding: 20px 10px;
}

.table02 thead th:first-child {
  padding: 20px 0;
  width: 138px;
}

.table02 tbody th {
  background-color: #e9e9e9;
  font-weight: 700;
}

.table02 tbody th:first-child {
  width: 118px;
}

.table02 tbody td {
  background-color: #f2f2f2;
}

.table03 {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}

.table03 td,
.table03 th {
  padding: 20px 10px;
}

.table03 thead th:first-child {
  width: 118px;
}

.table03 thead th:nth-child(2) {
  width: 203px;
}

.table03 tbody th {
  background-color: #e9e9e9;
  font-weight: 700;
}

.table03 tbody th:first-child {
  width: 118px;
}

.table03 tbody th:nth-child(2) {
  width: 203px;
}

.table03 tbody td {
  background-color: #f2f2f2;
}

.table04 {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}

.table04 .table04_SP {
  display: none;
}

.table04 td,
.table04 th {
  padding: 20px 10px;
}

.table04 thead th {
  padding: 20px 0;
  width: 20%;
}

.table04 tbody th {
  background-color: #e9e9e9;
  font-weight: 700;
}

.table04 tbody td {
  background-color: #f2f2f2;
}

.table04_cyan {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}

.table04_cyan .table04_SP {
  display: none;
}

.table04_cyan td,
.table04_cyan th {
  padding: 20px 10px;
}

.table04_cyan thead th {
  background-color: #01b4bb;
  color: #fff;
  padding: 20px 0;
  text-align: center;
  width: 20%;
}

.table04_cyan tbody th {
  background-color: #e9e9e9;
  font-weight: 700;
}

.table04_cyan tbody td {
  background-color: #f2f2f2;
}

.table04_blue {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}

.table04_blue .table04_SP {
  display: none;
}

.table04_blue td,
.table04_blue th {
  padding: 20px 10px;
}

.table04_blue thead th {
  background-color: #009fe9;
  color: #fff;
  padding: 20px 0;
  text-align: center;
  width: 20%;
}

.table04_blue tbody th {
  background-color: #e9e9e9;
  font-weight: 700;
}

.table04_blue tbody td {
  background-color: #f2f2f2;
}

.table_scale {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}

.table_scale td,
.table_scale th {
  padding: 20px 10px;
}

.table_scale thead th {
  color: #fff;
  text-align: center;
}

.table_scale tbody th {
  background-color: #e9e9e9;
  font-weight: 700;
}

.table_scale tbody td {
  background-color: #f2f2f2;
}

.table_item_center {
  text-align: center;
}

.list01 {
  border-collapse: separate;
  border-spacing: 2px;
}

.list01 li {
  margin-bottom: 20px;
}

.list01 .list01_date01 {
  background-color: #e9e9e9;
  text-align: center;
  width: 144px;
}

.list01 .list01_date01,
.list01 .list01_date02 {
  display: table-cell;
  padding: 10px 20px;
  vertical-align: middle;
}

.list01 .list01_date02 {
  background-color: #f2f2f2;
  width: 836px;
}

.list01 .list01_date02 img {
  margin-left: 3px;
  vertical-align: middle;
}

.list01 .list01_date02 a:hover {
  opacity: 0.8;
}

.list02 {
  border-collapse: separate;
  border-spacing: 2px;
  width: 940px;
}

.list02 li {
  margin-bottom: 20px;
  width: 940px;
}

.list02 .list02_date02 {
  background-color: #f2f2f2;
  display: table-cell;
  padding: 10px 20px;
  vertical-align: middle;
  width: 940px;
}

.list02 .list02_date02 img {
  margin-left: 3px;
  vertical-align: middle;
}

.list02 .list02_date02 a:hover {
  opacity: 0.8;
}

.list01-02 {
  border-collapse: separate;
  border-spacing: 2px;
}

.list01-02 li {
  margin-bottom: 20px;
}

.list01-02 .list01-02_date01 {
  background-color: #e9e9e9;
  text-align: center;
  width: 144px;
}

.list01-02 .list01-02_date01,
.list01-02 .list01-02_date02 {
  display: table-cell;
  padding: 10px 20px;
  vertical-align: middle;
}

.list01-02 .list01-02_date02 {
  background-color: #f2f2f2;
}

.list01-02 .list01-02_date02 img {
  margin-left: 3px;
  vertical-align: middle;
}

.list01-02 .list01-02_date02 a:hover {
  opacity: 0.8;
}

.list_col2 li {
  display: inline-block;
  vertical-align: top;
  width: 49%;
}

.list_col2 li:nth-of-type(2n) {
  margin-left: 1.4%;
}

.list_mark {
  list-style-type: none;
  position: relative;
}

.list_mark li {
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}

.list_mark li:before {
  background-color: #6c6c6c;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0.5em;
  width: 5px;
}

.image100 {
  max-width: 100%;
}

.image01 {
  text-align: center !important;
}

.image02 {
  display: block;
  margin: 0 auto;
  width: 960px;
}

.image02 > img {
  float: left;
}

.image02 .image02_R,
.image02 > p {
  float: right;
  width: 660px;
}

.image03 {
  display: block;
  margin: 0 auto;
  width: 960px;
}

.image03 > img {
  float: right;
}

.image03 .image03_L,
.image03 > p {
  float: left;
  width: 660px;
}

.image04 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

.image04 .image_L {
  float: left;
  text-align: center;
  width: 200px;
}

.image04 .image_R {
  float: right;
  text-align: center;
  width: 200px;
}

.image04 p {
  text-align: center;
}

.image05 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 740px;
}

.image05 .image_L {
  float: left;
  text-align: center;
  width: 320px;
}

.image05 .image_R {
  float: right;
  text-align: center;
  width: 320px;
}

.button {
  border: none;
  border-radius: 10px 10px;
  display: table;
  height: 66px;
  width: 230px;
}

.button.button_disable { 
  background-color: #999 !important;
}

.button_disable {
  background-color: #999 !important;
  pointer-events: none;
}
.button.button_disable.bgcolor_cyan_02:hover { 
  background-color: rgba(1, 180, 187, 1) !important;
}


.button.bgcolor_cyan_03:hover {
  background-color: rgba(11, 204, 239, 0.8) !important;
}
.button.button_disable.bgcolor_cyan_03:hover { 
  background-color: rgba(11, 204, 239, 1) !important;
}

.button.bgcolor_orange_02:hover {
  background-color: rgba(255, 116, 34, 0.8) !important;
}
.button.button_disable.bgcolor_orange_02:hover { 
  background-color: rgba(255, 116, 34, 1) !important;
}

.button.bgcolor_pink_02:hover {
  background-color: rgba(226, 0, 126, 0.8) !important;
}
.button.button_disable.bgcolor_pink_02:hover { 
  background-color: rgba(226, 0, 126, 1) !important;
}

.button.bgcolor_blue_02:hover {
  background-color: rgba(0, 159, 233, 0.8) !important;
}
.button.button_disable.bgcolor_blue_02:hover { 
  background-color: rgba(0, 159, 233, 1) !important;
}

.button.bgcolor_yellow_02:hover {
  background-color: rgba(248, 180, 0, 0.8) !important;
}
.button.button_disable.bgcolor_yellow_02:hover { 
  background-color: rgba(248, 180, 0, 1) !important;
}

.button.bgcolor_red_02:hover {
  background-color: rgba(220, 59, 29, 0.8) !important;
}
.button.button_disable.bgcolor_red_02:hover { 
  background-color: rgba(220, 59, 29, 1) !important;
}

.button.bgcolor_green_02:hover {
  background-color: rgba(18, 111, 73, 0.8) !important;
}
.button.button_disable.bgcolor_green_02:hover { 
  background-color: rgba(18, 111, 73, 1) !important;
}

.button.bgcolor_yellowgreen_02:hover {
  background-color: rgba(174, 191, 0, 0.8) !important;
}
.button.button_disable.bgcolor_yellowgreen_02:hover { 
  background-color: rgba(174, 191, 0, 1) !important;
}

.button.bgcolor_gray_02:hover {
  background-color: hsla(0, 0%, 42.4%, 0.8) !important;
}
.button.button_disable.bgcolor_gray_02:hover { 
  background-color: hsla(0, 0%, 42.4%, 1) !important;
}

.button.bgcolor_usucyan_02:hover {
  background-color: rgba(119, 176, 195, 0.8) !important;
}
.button.button_disable.bgcolor_usucyan_02:hover { 
  background-color: rgba(119, 176, 195, 1) !important;
}

.button a {
  color: #fff;
  display: table-cell;
  font-size: 0.14rem;
  text-align: center;
  vertical-align: middle;
}

.button .button_text {
  color: #fff;
  display: table-cell;
  font-size: 0.14rem;
  text-align: center;
  vertical-align: middle;
}

.button a:hover {
  opacity: 1;
}

.button:hover {
  cursor: pointer;
}

.button.center {
  margin: 0 auto;
}

.button.w230 {
  max-width: 230px;
}

.button.button_disable { pointer-events:none }

.pull_down select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none transparent;
  background: url(../images/ico-select.png) no-repeat 0;
  border: 1px solid #6c6c6c;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  box-sizing: content-box;
  color: inherit;
  cursor: default;
  font-size: inherit;
  height: 33px;
  line-height: 33px;
  margin: 0;
  outline: none;
  padding: 0 10px 0 50px;
  text-indent: 0.01px;
  text-overflow: "";
  vertical-align: middle;
}

.pull_down select::-ms-expand {
  display: none;
}

a {
  font-size: 0.16rem;
  text-decoration: none;
}

a:hover {
  opacity: 0.8;
}

.textlink02 {
  text-decoration: underline;
}

.textlink02:hover {
  text-decoration: none;
}

.block01 ul {
  width: 100%;
}

.block01 li {
  display: inline-block;
  float: left;
  width: 33.33%;
}

.block01 li a:hover {
  opacity: 0.8;
}

.block01 li:nth-of-type(3n + 1) {
  clear: both;
}

.block01 p:first-of-type {
  padding: 20px 20px 5px;
}

.block01 p:nth-of-type(2) {
  margin-bottom: 80px;
  padding: 0 20px;
}

.block01 img {
  vertical-align: bottom;
  width: 100%;
}

.block02 ul {
  width: 100%;
}

.block02 li {
  display: inline-block;
  float: left;
  width: 20%;
}

.block02 li .block02_imgbg {
  background-color: #e7e7e7;
  padding: 30px;
  text-align: center;
  vertical-align: middle;
}

.block02 li:hover {
  opacity: 0.8;
}

.block02 li:nth-of-type(2n) .block02_imgbg {
  background-color: #f1f1f1;
}

.block02 li:nth-of-type(5n + 1) {
  clear: both;
}

.block02 p {
  margin-bottom: 80px;
  padding: 14px 13px 0;
}

.block02 img {
  width: 100%;
}

.block02_plus ul {
  display: block;
}

.block02_plus li {
  margin-bottom: 30px;
}

.block03 ul {
  width: 100%;
}

.block03 li {
  display: inline-block;
  float: left;
  width: 16.66%;
}

.block03 li .block03_imgbg {
  background-color: #e7e7e7;
  padding: 30px;
  text-align: center;
  vertical-align: middle;
}

.block03 li:hover {
  opacity: 0.8;
}

.block03 li:nth-of-type(2n) .block03_imgbg {
  background-color: #f1f1f1;
}

.block03 li:nth-of-type(6n + 1) {
  clear: both;
}

.block03 p {
  margin-bottom: 80px;
  padding: 14px 13px 0;
}

.block03 img,
.block04 ul {
  width: 100%;
}

.block04 li {
  float: left;
  width: 20%;
}

.block04 li a {
  display: table;
  height: 110px;
  width: 100%;
}

.block04 li .block04_imgbg {
  background-color: #e7e7e7;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.block04 li:hover {
  opacity: 0.8;
}

.block04 li:nth-of-type(2n) .block04_imgbg {
  background-color: #f1f1f1;
}

.block04 li:nth-of-type(5n + 1) {
  clear: both;
}

.block04 p {
  padding: 10px 13px 0;
}

.block04 img {
  width: 130px;
}

.faq,
.faq dt {
  width: 100%;
}

.faq dt {
  background: url(../images/ico-faq-arrow-up.png) 100% no-repeat #f2f2f2;
  cursor: pointer;
  height: 52px;
  line-height: 52px;
  margin-bottom: 30px;
}

.faq dt p {
  padding-left: 15px;
}

.faq dt img,
.faq dt p {
  float: left;
}

.faq dt.active {
  background-image: url(../images/ico-faq-arrow-down.png);
  margin-bottom: 20px;
}

.faq dd {
  display: none;
  margin-bottom: 60px;
  position: relative;
}

.faq dd p {
  margin-right: -54px;
  padding-left: 52px;
  padding-right: 84px;
  padding-top: 0;
}

.faq dd span {
  left: 0;
  position: absolute;
  top: -11px;
}

.faq dd img {
  float: left;
}

.faq_cyan {
  width: 100%;
}

.faq_cyan dt {
  background: url(../images/ico-faq_cyan-arrow-up.png) 100% no-repeat #f2f2f2;
  cursor: pointer;
  height: 52px;
  line-height: 52px;
  margin-bottom: 30px;
  width: 100%;
}

.faq_cyan dt p {
  float: left;
  padding-left: 15px;
}

.faq_cyan dt img {
  float: left;
}

.faq_cyan dt.active {
  background-image: url(../images/ico-faq-arrow-down.png);
  margin-bottom: 20px;
}

.faq_cyan dd {
  display: none;
  margin-bottom: 60px;
  position: relative;
}

.faq_cyan dd p {
  margin-right: -54px;
  padding-left: 52px;
  padding-right: 84px;
  padding-top: 0;
}

.faq_cyan dd span {
  left: 0;
  position: absolute;
  top: -11px;
}

.faq_cyan dd img {
  float: left;
}

.faq_usucyan {
  width: 100%;
}

.faq_usucyan dt {
  background: url(../images/ico-faq_usucyan-arrow-up.png) 100% no-repeat #f2f2f2;
  cursor: pointer;
  height: 52px;
  line-height: 52px;
  margin-bottom: 30px;
  width: 100%;
}

.faq_usucyan dt p {
  color: #6c6c6c;
  float: left;
  padding-left: 15px;
}

.faq_usucyan dt img {
  float: left;
}

.faq_usucyan dt.active {
  background-image: url(../images/ico-faq-arrow-down.png);
  margin-bottom: 20px;
}

.faq_usucyan dd {
  display: none;
  margin-bottom: 60px;
  position: relative;
}

.faq_usucyan dd p {
  margin-right: -54px;
  padding-left: 52px;
  padding-right: 84px;
  padding-top: 0;
}

.faq_usucyan dd p:not(:last-child) {
  margin-bottom: 20px;
}

.faq_usucyan dd p:empty {
  display: none;
}

.faq_usucyan dd p:nth-last-child(2):not(:empty) {
  margin-bottom: 0;
}

.faq_usucyan dd > span {
  left: 0;
  position: absolute;
  top: -11px;
}

.faq_usucyan dd img {
  float: left;
}

.tab01 {
  background-color: #f4f4f4;
  display: block;
}

.tab01 li {
  background: #ff7422;
  color: #fff;
  float: left;
  margin-right: 8px;
}

.tab01 li a,
.tab01 li span {
  color: #fff;
  display: block;
  padding: 15px;
}

.tab01 li:last-child {
  margin-left: 0;
}

.tab01 li.active {
  background: #fff;
}

.tab01 li:hover {
  opacity: 0.8;
}

hr,
hr.line {
  border: none;
}

hr.line,
hr.line2,
hr.line3 {
  border-bottom: 1px solid #ddd !important;
  width: 100%;
}

.pc_none {
  display: none;
}

.news_mb_small {
  margin-bottom: 30px !important;
}

.news_image {
  margin-bottom: 50px;
  margin-top: 50px;
}

.news_image ul {
  display: block;
  margin: 0 auto;
  width: 700px;
}

.news_image ul li {
  text-align: center;
  width: 320px;
}

.news_image ul li:nth-of-type(odd) {
  float: left;
}

.news_image ul li:nth-of-type(2n) {
  float: right;
}

.news_image ul li .news_imgbox {
  margin-bottom: 60px;
}

.news_image ul li .news_imgbox img {
  width: 320px;
}

.news-img-flex {
  display: flex;
  justify-content: space-between;
  max-width: 620px;
}

.news-img-half {
  max-width: 300px;
  width: 48%;
}

.news-img-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.news-btn-flex {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 0 0 50px;
  max-width: 820px;
}

.news-btn-flex .news-btn-red {
  align-items: center;
  background-color: #f00;
  color: #fff;
  display: flex;
  font-size: 15px;
  height: 60px;
  justify-content: center;
  padding: 10px 30px;
  text-align: center;
}

.news-btn-half {
  max-width: 350px;
  width: 45%;
}

.box-sizing,
.box-sizing * {
  box-sizing: border-box;
}

.logo_head img {
  display: block;
  margin: 0 auto;
  width: 600px;
}

.logo_head_center {
  text-align: center;
}

.img_right {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.img_right .img {
  order: 2;
  width: 280px;
}

.img_right .img img {
  height: auto;
  max-width: 100%;
}

.img_right .txt {
  order: 1;
  width: 600px;
}

.img_left {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.img_left .img {
  order: 1;
  width: 280px;
}

.img_left .img img {
  height: auto;
  max-width: 100%;
}

.img_left .txt {
  order: 2;
  width: 600px;
}

@media print, screen and (min-width: 1024px) and (max-width: 1380px) {
  .l-title .l-titleo__inner h2 {
    width: 250px;
  }

  .type_orange.l-title .l-titleo__inner p {
    padding: 15px 0 15px 30px;
  }
}

@media screen and (max-width: 1023px) {
  .list_col2 li {
    width: 100%;
  }

  .list_col2 li:nth-of-type(2n) {
    margin-left: 0;
  }

  .image100_sp {
    width: 100%;
  }

  .button.w230 {
    max-width: 100%;
  }

  .pankuzu {
    display: none;
    min-width: auto;
  }

  .pa-top_none {
    padding-top: 0;
  }

  .pa-top_large {
    padding-top: 38px !important;
  }

  .pa-bottom_large {
    padding-bottom: 38px !important;
  }

  .pa-left_large {
    padding-left: 6.25% !important;
  }

  .mb_x-large {
    margin-bottom: 40px !important;
  }

  .mb_large {
    margin-bottom: 30px !important;
  }

  .mb_regular {
    margin-bottom: 25px !important;
  }

  .mb_x-small {
    margin-bottom: 30px !important;
  }

  .mb_small {
    margin-bottom: 15px !important;
  }

  .mb_s-small {
    margin-bottom: 10px !important;
  }

  .m-item_textindent03 {
    margin-left: 0.006rem;
    text-indent: -0.006rem;
  }

  .m-item_textindent03--sp {
    margin-left: 1em;
    text-indent: -1em;
  }

  .m-item_textindent04 {
    margin-left: 0.12rem;
    text-indent: -0.12rem;
  }

  .m-item_textindent05 {
    margin-left: 0.14rem;
    text-indent: -0.01rem;
  }

  .m-item_textindent07--sp {
    margin-left: 0;
    text-indent: 0;
  }

  .title01 {
    font-size: 0.2rem !important;
    line-height: 1.4 !important;
  }

  .title02,
  .title02_02_navy,
  .title02_02_cyan,
  .title02_02_cyan02,
  .title02_02_pink,
  .title02_02_orange,
  .title02_02_blue,
  .title02_02_yellow,
  .title02_02_red,
  .title02_02_green,
  .title02_02_yellowgreen,
  .title02_02_gray,
  .title02_02_usucyan,
  .title02_02_pink,
  .title02_02_blueGreen,
  .title02_02_purple {
    font-size: 0.16rem !important;
    line-height: 1.4 !important;
  }

  .title03 {
    font-size: 0.14rem !important;
    line-height: 1.4 !important;
  }

  .title_achievement {
    padding: 12px 20px;
  }

  .pull_down select,
  .pull_down select option,
  .tab01 li,
  .text01 {
    font-size: 0.14rem !important;
    line-height: 1.6 !important;
  }

  .text02 {
    font-size: 0.13rem !important;
    line-height: 1.6 !important;
  }

  .text03 {
    font-size: 0.12rem !important;
    line-height: 1.6 !important;
  }

  .annotation {
    background-color: #f2f2f2;
    font-size: 0.1rem;
    line-height: 1.6;
    padding: 3.15%;
  }

  .l-title {
    left: 0;
    margin-top: 0;
    min-width: 100%;
    top: 0;
  }

  .l-title,
  .l-title .l-tilte__left,
  .l-title .l-titleo__inner-box {
    height: auto;
    position: static;
  }

  .l-title .l-titleo__inner {
    display: block;
    width: 100%;
  }

  .l-title .l-titleo__inner h2 {
    box-sizing: border-box;
    float: none;
    font-size: 0.18rem;
    height: auto;
    justify-content: start;
    line-height: 1;
    padding: 15px 20px;
    width: 100%;
  }

  .l-title .l-titleo__inner p {
    float: none;
    font-size: 0.14rem;
    height: auto;
    line-height: 1.6;
    padding: 10px 20px;
  }

  .image01 {
    text-align: center;
    width: 100%;
  }

  .image01 img {
    width: 56.25%;
  }

  .image02 {
    display: block;
    margin: 0 auto;
    width: 100%;
  }

  .image02 > img {
    float: left;
    margin-bottom: 0;
    margin-right: 7%;
    padding-bottom: 0;
    padding-top: 2%;
    width: 31.25%;
  }

  .image02 .image02_R,
  .image02 > p {
    display: inline;
    float: none;
    font-size: 0.12rem;
    line-height: 1.75;
    width: 100%;
  }

  .image02 .image02_R img {
    float: none;
  }

  .about_course .image02 {
    display: block;
    margin: 0 auto;
    width: 100%;
  }

  .about_course .image02 > img {
    float: left;
    margin-bottom: 10px;
    margin-right: 7%;
    padding-bottom: 0;
    padding-top: 2%;
    width: 100%;
  }

  .about_course .image02 .image02_R,
  .about_course .image02 > p {
    display: inline;
    float: none;
    font-size: 0.12rem;
    line-height: 1.75;
    width: 100%;
  }

  .about_course .image02 .image02_R .pull_down select,
  .about_course .image02 .image02_R .pull_down select option,
  .about_course .image02 .image02_R .tab01 li,
  .about_course .image02 .image02_R .text01,
  .pull_down .about_course .image02 .image02_R select,
  .pull_down select .about_course .image02 .image02_R option,
  .tab01 .about_course .image02 .image02_R li {
    padding-bottom: 15px;
  }

  .about_course .image02 .image02_R img {
    float: none;
  }

  .image03 {
    display: block;
    margin: 0 auto;
    width: 100%;
  }

  .image03 > img {
    float: right;
    margin-bottom: 0;
    margin-left: 7%;
    padding-bottom: 0;
    padding-top: 2%;
    width: 31.25%;
  }

  .image03 .image03_L,
  .image03 > p {
    display: inline;
    float: none;
    font-size: 0.12rem;
    line-height: 1.75;
    width: 100%;
  }

  .image03 .image03_L img {
    float: none;
  }

  .image04,
  .image05 {
    width: auto;
  }

  .image04 .image_L,
  .image04 .image_R,
  .image05 .image_L,
  .image05 .image_R {
    float: none;
    width: auto;
  }

  .button {
    width: 100%;
  }

  .block01 img,
  .block01 li {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .block01 p:nth-of-type(2) {
    margin-bottom: 40px;
  }

  .block02 li {
    display: inline-block;
    float: left;
    width: 50%;
  }

  .block02 li .block02_imgbg {
    background: #f1f1f1;
    padding: 15.65%;
    text-align: center;
    vertical-align: middle;
  }

  .block02 img {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .block02 li:nth-of-type(5n + 1),
  .block02 li:nth-of-type(odd) {
    clear: none;
  }

  .block02 li:nth-of-type(4n) .block02_imgbg,
  .block02 li:nth-of-type(4n-3) .block02_imgbg {
    background: #e7e7e7;
  }

  .block03 li {
    display: inline-block;
    float: left;
    width: 50%;
  }

  .block03 li .block03_imgbg {
    padding: 15.65%;
    text-align: center;
    vertical-align: middle;
  }

  .block03 img {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .block03 li:nth-of-type(6n + 1),
  .block03 li:nth-of-type(odd) {
    clear: none;
  }

  .block03 li.darken .block03_imgbg {
    background: #e7e7e7;
  }

  .block03 li.lighten .block03_imgbg {
    background: #f1f1f1;
  }

  .block04 li {
    float: left;
    height: auto;
    width: 50%;
  }

  .block04 li a {
    height: auto;
  }

  .block04 li .block04_imgbg {
    box-sizing: border-box;
    height: 100%;
    padding: 10px 15.65%;
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .block04 img {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .block04 li:nth-of-type(5n + 1),
  .block04 li:nth-of-type(odd) {
    clear: none;
  }

  .block04 li.darken .block04_imgbg {
    background: #e7e7e7;
  }

  .block04 li.lighten .block04_imgbg {
    background: #f1f1f1;
  }

  .table01 {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
  }

  .table01 thead th:first-of-type {
    display: none;
  }

  .table01 thead th:nth-of-type(2) {
    background-color: #ff7422;
    color: #fff;
    padding: 30px 10px;
    text-align: center;
  }

  .table01 tbody th,
  .table01 thead th:nth-of-type(2) {
    display: block;
    font-size: 0.14rem !important;
    font-weight: 700;
    line-height: 1.6 !important;
  }

  .table01 tbody th {
    background-color: #f2f2f2;
    border-spacing: 0;
    padding: 4.68% 4.68% 0.5%;
  }

  .table01 tbody td {
    background-color: #f2f2f2;
    display: block;
    font-size: 0.14rem !important;
    line-height: 1.6 !important;
    padding: 0.5% 4.68% 4.68%;
  }

  .table02 tbody th {
    background-color: #e9e9e9;
    display: block;
    font-size: 0.14rem !important;
    font-weight: 700;
    line-height: 1.6 !important;
    padding: 4.68%;
    text-align: center;
  }

  .table02 tbody th:first-child {
    width: 90.64%;
  }

  .table02 tbody td {
    background-color: #f2f2f2;
    display: block;
    font-size: 0.12rem !important;
    line-height: 1.6 !important;
    padding: 4.68%;
  }

  .table03 {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
  }

  .table03 tbody th:first-of-type {
    background-color: #e9e9e9;
    padding: 4.68%;
    text-align: center;
  }

  .table03 tbody th:first-of-type,
  .table03 tbody th:nth-of-type(2) {
    border-spacing: 0;
    display: block;
    font-size: 0.14rem !important;
    font-weight: 700;
    line-height: 1.6 !important;
    width: 90.64%;
  }

  .table03 tbody th:nth-of-type(2) {
    background-color: #f2f2f2;
    padding: 4.68% 4.68% 0.5%;
  }

  .table03 tbody td {
    background-color: #f2f2f2;
    display: block;
    font-size: 0.12rem !important;
    line-height: 1.6 !important;
    padding: 0.5% 4.68% 4.68%;
  }

  .table04 {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
  }

  .table04 .table04_SP,
  .table04 thead th:first-of-type {
    display: block;
    font-size: 0.12rem !important;
    font-weight: 700;
    line-height: 1.6 !important;
  }

  .table04 thead th:first-of-type {
    background-color: #fff;
    color: #ff7422;
    padding: 10px 0;
    text-align: left;
  }

  .table04 thead th {
    display: none;
  }

  .table04 tbody th:first-of-type {
    background-color: #ff7422;
    color: #fff;
  }

  .table04 tbody th:first-of-type,
  .table04 tbody th:nth-of-type(2) {
    display: block;
    font-size: 0.14rem !important;
    font-weight: 700;
    line-height: 1.6 !important;
    padding: 18px 10px;
    text-align: center;
  }

  .table04 tbody th:nth-of-type(2) {
    background-color: #e9e9e9;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #666;
  }

  .table04 tbody td {
    background-color: #f2f2f2;
    display: block;
    font-size: 0.12rem !important;
    line-height: 1.6 !important;
    margin-bottom: 1px;
    padding: 15px;
    text-align: left;
  }

  .table04_cyan {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
  }

  .table04_cyan .table04_SP,
  .table04_cyan thead th:first-of-type {
    display: block;
    font-size: 0.14rem !important;
    font-weight: 700;
    line-height: 1.6 !important;
  }

  .table04_cyan thead th:first-of-type {
    background-color: #fff;
    color: #01b4bb;
    padding: 10px 0;
    text-align: left;
  }

  .table04_cyan thead th {
    display: none;
  }

  .table04_cyan tbody th:first-of-type {
    background-color: #01b4bb;
    color: #fff;
  }

  .table04_cyan tbody th:first-of-type,
  .table04_cyan tbody th:nth-of-type(2) {
    display: block;
    font-size: 0.14rem !important;
    font-weight: 700;
    line-height: 1.6 !important;
    padding: 18px 10px;
    text-align: center;
  }

  .table04_cyan tbody th:nth-of-type(2) {
    background-color: #e9e9e9;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #666;
  }

  .table04_cyan tbody td {
    background-color: #f2f2f2;
    display: block;
    font-size: 0.12rem !important;
    line-height: 1.6 !important;
    margin-bottom: 1px;
    padding: 15px;
    text-align: left;
  }

  .table_scale a {
    font-size: 2.4vw;
  }

  .table_scale td,
  .table_scale th {
    font-size: 2.4vw;
    padding: 5vw 3vw;
    width: auto;
    word-break: break-all;
  }

  .table_scale .text03 {
    font-size: 2.2vw !important;
  }

  .table_scale .sp_nowrap {
    white-space: nowrap;
  }

  .pull_down select {
    font-size: 0.13rem !important;
    line-height: 1.9 !important;
  }

  .paddingset .list01 {
    margin-left: 0;
    margin-right: 0;
  }

  .list01 {
    margin-left: 6.25%;
    margin-right: 6.25%;
  }

  .list01 .list01_date01 {
    font-weight: 700;
    padding: 10px 0;
    width: 100%;
  }

  .list01 .list01_date01,
  .list01 .list01_date02 {
    display: block;
    font-size: 0.12rem !important;
    line-height: 1.75 !important;
  }

  .list01 .list01_date02 {
    padding: 0 4% 10px;
    width: 92%;
  }

  .list02 {
    margin-left: 6.25%;
    margin-right: 6.25%;
  }

  .list01-02 .list01-02_date01,
  .list02 .list02_date02 {
    display: block;
    font-size: 0.12rem !important;
    line-height: 1.75 !important;
    width: 100%;
  }

  .list01-02 .list01-02_date01 {
    font-weight: 700;
  }

  .list01-02 .list01-02_date02 {
    display: block;
    font-size: 0.12rem !important;
    line-height: 1.75 !important;
    width: 100%;
  }

  .faq,
  .faq dt {
    width: 100%;
  }

  .faq dt {
    display: table;
    height: auto;
    line-height: normal;
  }

  .faq dt span {
    background: #ff7422;
    display: table-cell;
    display: block;
    vertical-align: middle;
    width: 52px;
  }

  .faq dt span img {
    float: none;
    padding-top: 10px;
  }

  .faq dt p {
    display: table-cell;
    padding-bottom: 15px;
    padding-right: 55px;
    padding-top: 15px;
    vertical-align: top;
  }

  .faq dd p {
    display: block;
    float: left;
    margin-right: 0;
    padding: 0 0 0 52px;
  }

  .faq_cyan {
    width: 100%;
  }

  .faq_cyan dt {
    display: table;
    height: auto;
    line-height: normal;
    width: 100%;
  }

  .faq_cyan dt span {
    background: #01b4bb;
    display: table-cell;
    display: block;
    vertical-align: middle;
    width: 52px;
  }

  .faq_cyan dt span img {
    float: none;
    padding-top: 10px;
  }

  .faq_cyan dt p {
    display: table-cell;
    padding-bottom: 15px;
    padding-right: 55px;
    padding-top: 15px;
    vertical-align: top;
  }

  .faq_cyan dd p {
    display: block;
    float: left;
    margin-right: 0;
    padding: 0 0 0 52px;
  }

  .faq_usucyan {
    width: 100%;
  }

  .faq_usucyan dt {
    display: flex;
    height: auto;
    line-height: normal;
    width: 100%;
  }

  .faq_usucyan dt span {
    background: #77b0c3;
    display: table-cell;
    display: block;
    vertical-align: middle;
    width: 52px;
  }

  .faq_usucyan dt span img {
    float: none;
    padding-top: 10px;
  }

  .faq_usucyan dt p {
    display: table-cell;
    margin: auto;
    padding-bottom: 15px;
    padding-right: 55px;
    padding-top: 15px;
    vertical-align: top;
  }

  .faq_usucyan dd p {
    display: block;
    float: left;
    margin-right: 0;
    padding: 0 0 0 52px;
  }

  .tab01 {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab01 li {
    font-size: 0.14rem !important;
    line-height: 1.7 !important;
    margin-bottom: 10px;
  }

  .tab01 li a,
  .tab01 li span {
    padding: 10px 15px;
  }

  .pc_none {
    display: inline-table;
  }

  .sp_none {
    display: none;
  }

  .news_mb_small {
    margin-bottom: 20px !important;
  }

  .news_image ul {
    margin: 0 auto;
    width: 100%;
  }

  .news_image ul li {
    text-align: center;
    width: 100%;
  }

  .news_image ul li:nth-of-type(2n),
  .news_image ul li:nth-of-type(odd) {
    float: none;
  }

  .news_image ul li .news_imgbox {
    margin-bottom: 30px;
  }

  .news_image ul li .news_imgbox img {
    width: 80px;
  }

  .news-sp-center {
    justify-content: center;
    text-align: center;
  }

  .news-btn-flex {
    flex-flow: column;
    padding: 20px 0;
  }

  .news-btn-flex .news-btn-red {
    height: auto;
    max-width: 340px;
    min-height: 66px;
    width: calc(100% - 60px);
  }

  .news-btn-flex a {
    width: 100%;
  }

  .news-youtube {
    max-width: 400px;
    width: 100%;
  }

  .logo_head img {
    width: 100%;
  }

  .img_right {
    display: block;
  }

  .img_right .img {
    margin: 0 auto 10px;
    width: 86%;
  }

  .img_right .img img,
  .img_right .txt {
    width: 100%;
  }

  .img_left {
    display: block;
  }

  .img_left .img {
    margin: 0 auto 10px;
    width: 86%;
  }

  .img_left .img img,
  .img_left .txt {
    width: 100%;
  }

  .type_navy-sp {
    background-color: #005e96 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 18px 0 !important;
    text-align: center !important;
    width: 100% !important;
  }
}