@charset "UTF-8";
/* Scss Document */
/*! ============================================
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
このCSSファイルはSassから生成されていますので、
編集しないようご注意ください。
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
============================================= */
/* Reset CSS
---------------------------------------------------*/
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
@import url("https://fonts.googleapis.com/css?family=Tinos:400i");

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
  list-style-position: outside;
}


blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: none;
}

address,
em {
  font-style: normal;
}

img {
  vertical-align: bottom;
}

.main_image a:hover {
  opacity: 0.8;
  transition: 0.2s;
}

.main_image img {
  max-width: 600px;
  width: 100%;
}

/* Fonts
---------------------------------------------------*/
/*swiper矢印のオンオフ設定*/
.swiper-slide {
  cursor: pointer;

}

.sample03 .swiper-button-prev,
.sample03 .swiper-button-next {
  display: none;
}

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


@media (min-width: 768px) {

  .sample03 .swiper-button-prev,
  .sample03 .swiper-button-next {
    /*display: block;*/
    display: none;

  }

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

/*swiperここまで*/

.title {
  font-size: 26px;
  margin-top: 30px;
  padding: 10px;
  text-align: center;
  color: #fff;
  background-color: #1a2a51;
  filter: drop-shadow(0px 4px 5px rgba(73, 81, 114, 0.5));
}

@media screen and (max-width: 768px) {
  .title {
    font-size: 18px;
  }
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

.main_solution {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: block;
}

.main_solution h2 {
  font-size: 1.4em;
  border-left: solid 5px#1a2a51;
  padding-left: 0.5em;
}

@media screen and (max-width: 500px) {
  .main_solution h2 {
    font-size: 1.3em;
    border-left: solid 5px#1a2a51;
    padding-left: 0.5em;
  }
}


.main_solution_student {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  display: block;
}

.main_solution_student_enji {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .main_solution_student {
    max-width: 740px;
  }
}

@media screen and (max-width: 414px) {
  .main_solution_student {
    max-width: 375px;
  }
}

@media screen and (max-width: 375px) {
  .main_solution_student {
    max-width: 355px;
  }
}

@media screen and (max-width: 360px) {
  .main_solution_student {
    max-width: 320px;
  }
}

@media screen and (max-width: 768px) {
  .main_solution_student_enji {
    max-width: 740px;
  }
}

@media screen and (max-width: 414px) {
  .main_solution_student_enji {
    max-width: 375px;
  }
}

@media screen and (max-width: 375px) {
  .main_solution_student_enji {
    max-width: 355px;
  }
}

@media screen and (max-width: 360px) {
  .main_solution_student_enji {
    max-width: 320px;
  }
}

/* .main_solution_student a:hover {
  opacity: 0.5;
  transition: 0.2s;
} */

.main_solution_student h1 {
  font-size: 1.8em;
  border-bottom: solid 3px black;
  line-height: 1.2em;
}

.main_solution_student h1 {
  font-size: 1.8em;
  border-bottom: solid 3px black;
  line-height: 1.2em;
}

.main_solution_student h1 .sub_text {
  font-size: 0.75em;
  display: block;
  color: #d60e0e;
}

.main_solution_student h2 {
  font-size: 1.4em;
  border-left: solid 5px#1a2a51;
  padding-left: 0.5em;
}

@media screen and (max-width: 500px) {
  .main_solution_student h2 {
    font-size: 1.3em;
    border-left: solid 5px#1a2a51;
    padding-left: 0.5em;
  }
}

.main_solution_student_enji h2 {
  font-size: 1.4em;
  border-left: solid 5px#d9053a;
  padding-left: 0.5em;
}

@media screen and (max-width: 500px) {
  .main_solution_student_enji h2 {
    font-size: 1.3em;
    border-left: solid 5px#d9053a;
    padding-left: 0.5em;
  }
}

.main_solution_student_all {
  width: 100%;
  text-align: center;
  margin: 0 auto 100px;
  display: inline-block;
}

.main_solution_student .title a {
  color: #fff;
}

.main_solution_student .title a:hover {
  opacity: 0.5;
  transition: 0.2s;
}

.main_solution_student ul {
  line-height: 2em;
}

.main_solution_student ul li {
  padding-left: 0.5em;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.8em;
}

/* .main_solution_student ul li:nth-of-type(2n) {
  background-color: #eee;
} */

.white_bg {
  background-color: #fff !important;
}

.gray_bg {
  background-color: #eee !important;
}

.main_solution_student2 {
  text-align: center;
  margin: 50px 5%;
}

.main_solution_student2 ul {
  text-align: left;
  display: inline-block;
}

#custom .custom_flex {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-around; */
  justify-content: space-between;
  align-items: flex-start;
}

#custom .custom_flex ul {
  width: 100%;
  max-width: 390px;
}

.inline_solution_student {
  display: inline-block;
  width: 47%;
  text-align: left;
  padding: 5px;
}

.inline_solution_student2 {
  width: auto;
  text-align: left;
  padding: 5px;
}

.inline_solution_student2 li {
  margin: 0 !important;
  padding: 0 !important;
}

.head_solution_student {
  margin-top: 20px;
  border-bottom: double 6px #1a2a51;
}

.h3_title {
  text-align: center;
  line-height: 2em;
}

.h3_title span {
  color: #1a2a51;
  text-align: center;
  border-bottom: dashed 2px #1a2a51;
}

.table_solution_student {
  background-color: #fff;
}

.table_solution_student td {
  background-color: #fff;
  padding: 10px;
  width: 50%;
}

.table_solution_student table tr th {
  border: 1px solid #9ea0a3;
  color: white;
  background-color: #1a2a51;
  padding: 5px;
}

/* .table_solution_student table, td, th{
  border: 1px solid #1a2a51;
} */
/* .table_solution_student table tr:nth-child(4n+3) td,
.table_solution_student table tr:nth-child(4n+5) td {
  background-color: #eee;
} */


.table_solution_student2 {
  background-color: #fff;
  margin-bottom: 100px;
}

.table_solution_student2 td {
  background-color: #fff;
  margin-bottom: 100px;
  padding: 10px;
  width: 40%;
}

@media screen and (max-width: 414px) {
  .table_solution_student2 td {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
}

.table_solution_student2 .blue_bg {
  /* background-color: #fbf7f3; */
  margin-bottom: 100px;
  padding: 10px;
  width: 14%;
}

@media screen and (max-width: 414px) {
  .table_solution_student2 .blue_bg {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
}

.table_solution_student2 table tr {
  width: auto;
  margin-bottom: auto;
}

@media screen and (max-width: 414px) {
  .table_solution_student2 table tr {
    width: 100%;
    display: block;
    margin-bottom: 30px;
  }
}

.table_solution_student2 table tr th {
  border: 1px solid black;
  color: white;
  background-color: #1a2a51;
  padding: 5px;
}

@media screen and (max-width: 414px) {
  .table_solution_student2 table tr th {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
}


.image_solution_student table tr {
  background-color: #fff;
}

.image_solution_student table tr:nth-child(2n) {
  background-color: #C0C0C0;
}

.image_solution_student {
  text-align: center;
  margin-bottom: 50px;
}

.pdca {
  width: 100%;
  margin: 0 auto;
}

.pdca ul li {
  padding: 10px;
  margin: 10px 0;
  border: solid 2px #1a2a51;
  background-color: #fff;
  text-align: center;
}

.pdca ul li:nth-of-type(2n) {
  padding: 10px;
  margin: 10px 0;
  border: solid 2px #1a2a51;
  color: #fff;
  background-color: #1a2a51;
}

.triangle3 {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid black;
  margin: 0 45%;
}

hr {
  border-width: 1px 0px 0px 0px;
  /* 太さ */
  border-style: solid;
  /* 線種 */
  border-color: red;
  /* 線色 */
  height: 1px;
  /* 高さ(※古いIE用) */
}

/* clearfix
---------------------------------------------------*/
.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  /* padding: 0 3px; */
}

.slider-nav figure img {
  padding: 0 3px;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* .slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
} */

/* Icons */
/* @font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
   url("./fonts/slick.woff") format("woff"), 
   url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
} */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 999999;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 40px;
  line-height: 1;
  color: #000;
  opacity: 0.85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "＜";
}

[dir="rtl"] .slick-prev:before {
  content: "＞";
}

.slick-next {
  right: 25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "＞";
}

[dir="rtl"] .slick-next:before {
  content: "＜";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  /* margin: 0; */
  width: 100%;
  margin: -20px auto;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 20px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  /* border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer; */
  padding: 0;
  color: transparent;
  outline: none;
  width: 40px;
  border: unset;
  height: 4px;
  display: block;
  background: #eee;
  cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  /* content: "•"; */
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button {
  background: #da4654;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Scss Document */
/* 記述例
p {
	@include font-weight(l);
}
*/
/* 記述例
p {
  @include font-size(12);
}*/
/* 記述例
@include media(sp) {
	background-color: green;
}*/
html {
  font-size: 16px;
}

body {
  font-family: "メイリオ", "Meiryo", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: 400;
  color: #010512;
  line-height: 1.5;
  background: #fff;
  /* background-image: url(../img/back_gray.gif); */
  background-repeat: repeat;
}

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

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

.l-inner {
  min-width: 320px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.l-inner:after {
  content: "";
  clear: both;
  display: block;
}

.b {
  font-weight: 600;
}

/* Scss Document */
.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px;
}

.pt0 {
  padding-top: 0px;
}

.pb0 {
  padding-bottom: 0px !important;
}

.mt5 {
  margin-top: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.pt5 {
  padding-top: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px;
}

.mt15 {
  margin-top: 15px;
}

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

.pt15 {
  padding-top: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px !important;
}

.mt25 {
  margin-top: 25px;
}

.mb25 {
  margin-bottom: 25px;
}

.pt25 {
  padding-top: 25px;
}

.pb25 {
  padding-bottom: 25px;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px;
}

.pt30 {
  padding-top: 30px;
}

.pb30 {
  padding-bottom: 30px !important;
}

.mt35 {
  margin-top: 35px;
}

.mb35 {
  margin-bottom: 35px;
}

.pt35 {
  padding-top: 35px;
}

.pb35 {
  padding-bottom: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.pt40 {
  padding-top: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mb45 {
  margin-bottom: 45px;
}

.pt45 {
  padding-top: 45px;
}

.pb45 {
  padding-bottom: 45px;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px;
}

.pt50 {
  padding-top: 50px;
}

.pb50 {
  padding-bottom: 50px !important;
}

.mt55 {
  margin-top: 55px;
}

.mb55 {
  margin-bottom: 55px;
}

.pt55 {
  padding-top: 55px;
}

.pb55 {
  padding-bottom: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.pt60 {
  padding-top: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mb65 {
  margin-bottom: 65px;
}

.pt65 {
  padding-top: 65px;
}

.pb65 {
  padding-bottom: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mb70 {
  margin-bottom: 70px;
}

.pt70 {
  padding-top: 70px;
}

.pb70 {
  padding-bottom: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mb75 {
  margin-bottom: 75px;
}

.pt75 {
  padding-top: 75px;
}

.pb75 {
  padding-bottom: 75px;
}

.mt80 {
  margin-top: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.pt80 {
  padding-top: 80px;
}

.pb80 {
  padding-bottom: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mb85 {
  margin-bottom: 85px;
}

.pt85 {
  padding-top: 85px;
}

.pb85 {
  padding-bottom: 85px;
}

.mt90 {
  margin-top: 90px;
}

.mb90 {
  margin-bottom: 90px;
}

.pt90 {
  padding-top: 90px;
}

.pb90 {
  padding-bottom: 90px;
}

.mt95 {
  margin-top: 95px;
}

.mb95 {
  margin-bottom: 95px;
}

.pt95 {
  padding-top: 95px;
}

.pb95 {
  padding-bottom: 95px;
}

.mt100 {
  margin-top: 100px;
}

.mb100 {
  margin-bottom: 100px;
}

.pt100 {
  padding-top: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

a {
  color: #0a34a9;
  text-decoration: none;
  outline: none;
}

/* ---------画像・テキスト共通--------- */
/* ---------テキスト対象--------- */
/* ---------画像対象--------- */
/* ---------リンク無効--------- */
.nolink a,
.nolink-bg a,
.nolink2 a {
  pointer-events: none !important;
  cursor: default !important;
}

.nolink a {
  opacity: 0.5;
}

.nolink-bg {
  background-color: #cccccc !important;
}

.btn a {
  display: block;
  background-color: #1a2a51;
  color: white;
  padding: 20px;
  text-align: center;
  font-size: 22px;
  font-size: 1.375rem;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

.btn a:hover {
  background-color: white;
  border: 1px solid #1a2a51;
  color: #1a2a51;
}


.title1,
.subPage-title {
  text-align: center;
  margin-bottom: 40px;
}

.title1__head {
  display: inline-block;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: 400;
  color: #010512;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 768px) {
  .title1__head {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.title1__head:before {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 7px;
  left: 0px;
  background-color: rgba(44, 166, 224, 0.6);
  z-index: -1;
}

.title1__head__new {
  color: red;
  font-size: 26px;
  font-size: 1.625rem;
  position: absolute;
  top: -25px;
  left: -20px;
  transform: rotate(-15deg);
}

.title1__head br {
  display: none;
}

@media screen and (max-width: 768px) {
  .title1__head br {
    display: inline-block;
  }
}

.subPage-title {
  padding: 50px 0 50px;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .subPage-title {
    padding: 30px 0 30px;
  }
}

.title2,
.title2-l {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 40px;
}

.title2:after,
.title2-l:after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  background-color: #010512;
  margin: 20px auto 0;
}

.title2-l {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
}

.title2-l:after {
  background-color: #da4654;
  height: 5px;
}

.title3,
.subPage-mainTitle {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  border-bottom: 3px solid #1a2a51;
  padding-bottom: 3px;
  margin-bottom: 40px;
  position: relative;
}

.title3:after,
.subPage-mainTitle:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: 3px solid #da4654;
  bottom: -3px;
  width: 30%;
}

.subPage-mainTitle {
  color: #1a2a51;
  font-size: 26px;
  font-size: 1.625rem;
}

.title4 {
  color: white;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  text-align: left;
  background-color: #1a2a51;
  padding: 5px 10px;
}

.title5 {
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  border-left: 5px solid #1a2a51;
  border-bottom: 1px solid #1a2a51;
  padding-left: 10px;
  padding-bottom: 3px;
  margin-bottom: 30px;
}

.linkOut {
  font-size: 14px;
  font-size: 0.875rem;
  padding-left: 5px;
}

.message {
  font-size: 18px;
  font-size: 1.125rem;
  padding-left: 5px;
}

.arrowRight {
  font-size: 18px;
  font-size: 1.125rem;
  padding-left: 5px;
}

.tableBase {
  width: 100%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0px 5px;
}

.tableBase tr th,
.tableBase tr td {
  padding: 15px;
  vertical-align: middle;
}

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

  .tableBase tr th,
  .tableBase tr td {
    display: block;
    width: 100%;
  }
}

.tableBase tr th {
  background-color: #1a2a51;
  color: white;
  font-weight: 400;
  font-size: 17px;
  font-size: 1.0625rem;
}

.tableBase tr td {
  background-color: #f6f8fe;
}

@media screen and (max-width: 768px) {
  .tableBase tr td {
    margin-bottom: 5px;
  }
}

.pageNav__list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .pageNav__list {
    justify-content: space-around;
  }
}

.pageNav__list li {
  background-color: #1a2a51;
  margin-bottom: 5px;
  position: relative;
  transition: opacity 0.3s ease;
}

.pageNav__list li:hover {
  opacity: 0.5;
}

.pageNav__list li a {
  color: white;
  display: block;
  width: 100%;
  padding: 8px 35px 8px 20px;
}

.pageNav__list li a i {
  position: absolute;
  top: 9px;
  right: 8px;
}

#global_link {
  /*position: absolute;*/
  /* 固定配置で問題なければ static に変更 */
  position: static;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  padding: 5px 0;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  font-size: 12px !important;
}

#global_link a {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  color: #ccc !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

#global_link a:hover {
  color: #fff !important;
}

#global_link ul {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 0 !important;
  background: none !important;
}

#global_link li {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 8px !important;
  padding: 0 !important;
  background: none !important;
  letter-spacing: 0.05em;
}

#global_link li:first-child {
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
}

#global_link li:nth-of-type(2) {
  margin-left: auto !important;
}

#global_link li:last-of-type {
  margin-right: 0 !important;
}

#global_link li:not(:first-child) a {
  display: inline-block !important;
  position: relative;
  padding: 0 0 0 10px !important;
}

#global_link li:first-child a img {
  width: auto;
  height: 30px;
}

#global_link li:first-child a:hover img {
  opacity: .7;
}

#global_link li:not(:first-child) a:before {
  position: absolute;
  left: 0;
  top: 50%;
  border: 4px solid transparent;
  border-left: 5px solid #ccc;
  transform: translateY(-50%);
  content: '';
}

/* Scss Document */
.headInfo {
  background-color: #fff;
}

.headInfo .l-inner:after {
  content: none;
}

.headInfo--inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

@media screen and (max-width: 1040px) {
  .headInfo--inner {
    flex-flow: row wrap;
    justify-content: center;
    padding: 5px;
  }
}

@media screen and (max-width: 768px) {
  .headInfo--inner {
    flex-flow: row wrap;
    justify-content: center;
    padding: 5px;
  }
}

.headInfo__logo {
  margin: 15px 20px 10px 0px;
}

@media screen and (max-width: 768px) {
  .headInfo__logo {
    margin: 10px;
  }
}

.headInfo__logo img {
  width: 350px;
}

@media screen and (max-width: 768px) {
  .headInfo__logo img {
    width: 250px;
  }
}

.headInfo__date {
  margin-top: 10px;
  line-height: 2;
  font-size: 15px;
  font-size: 0.9375rem;
}

@media screen and (max-width: 768px) {
  .headInfo__date {
    margin-top: 0;
    line-height: 1.5;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
  }
}

.headInfo__sns {
  margin-top: 11px;
  margin-left: 15px;
}

@media screen and (max-width: 768px) {
  .headInfo__sns {
    margin: 10px 10px 0;
  }
}

.headInfo__sns__txt {
  font-size: 14px;
  font-size: 0.875rem;
  color: #1a2a51;
  padding-left: 32px;
  margin-bottom: 8px;
}

.headInfo__sns li {
  display: inline-block;
  width: 30px;
}

.headInfo__sns li+li {
  margin-left: 10px;
}

.headInfo__jma {
  margin-top: 10px;
  margin-left: auto;
  margin-right: 15px;
}

@media screen and (max-width: 1155px) {
  .headInfo__jma {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .headInfo__jma {
    display: none;
  }
}

.headInfo__jma li a {
  display: inline-block;
  border-radius: 2px;
  padding: 2px 6px;
  width: 9em;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.8;
}

.headInfo__jma li:nth-child(1) {
  margin-bottom: 5px;
}

.headInfo__jma li:nth-child(1) a {
  background: #0093cf;
  color: #fff;
}

.headInfo__jma li:nth-child(2) a {
  border: 1px solid #0093cf;
  background: #fff;
  color: #0093cf;
}

.headInfo__btn {
  width: 300px;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 768px) {
  .headInfo__btn {
    width: 100%;
    margin-top: 5px;
  }
}

.headInfo__btn li {
  width: 200px;
  display: flex;
  align-items: center;
  transition: opacity 0.3s ease;
}

.headInfo__btn li:hover {
  opacity: 0.5;
}

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

.headInfo__btn li:nth-child(1) {
  background-color: #da4654;
  font-size: 19px;
  font-size: 1.1875rem;
}

.headInfo__btn li:nth-child(2) {
  background-color: #da4654;
}

.headInfo__btn li:nth-child(2) a {
  font-size: 14px;
  font-size: 0.875rem;
}

.headInfo__btn li:nth-child(2) a span {
  font-size: 19px;
  font-size: 1.1875rem;
}

.headInfo__btn li:nth-child(3) {
  background-color: #041546;
}

.headInfo__btn li a {
  display: block;
  width: 100%;
  color: white;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .headInfo__btn li a {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* -------------kachou--------------------------------------------------------------------- */
.main_kachou_top {
  width: 800px;
  margin: 0 auto;
  display: block;
  padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .main_kachou_top {
    width: 375px;
    text-align: center;
  }
}

.entryBtn_kachou_top {
  text-align: center;
  margin: 30px 0;
}

.table_kachou_top {
  margin-bottom: 50px;
  filter: drop-shadow(0px 4px 5px rgba(73, 81, 114, 1.6));
}

.intable_kachou_top {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  filter: drop-shadow(0px 4px 5px rgba(73, 81, 114, 1.6));
}

.intable_kachou_top th {
  border: 1px solid black;
  color: white;
  background-color: #1a2a51;
  padding: 10px;
}

.table_kachou_top tr th {
  border: 1px solid black;
  color: white;
  background-color: #1a2a51;
  padding: 15px;
  vertical-align: middle;
}

.table_kachou_top td,
th {
  border: 1px solid black;
}

.table_kachou_top td {
  padding: 10px;
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}

.intable_kachou_top td {
  padding: 13px;
  background-color: #fff;
  height: 550px;
  letter-spacing: -0.9px;
}

.head_kachou_top {
  margin-top: 20px;
  margin-bottom: 50px;
  text-align: center;
  border-bottom: double 6px #1a2a51;
}

.text_kachou_caution {
  padding-left: 20%;
  list-style: none;
  display: inline-block;
  margin-bottom: 20px;
}

.text_kachou_caution li {
  text-align: left;
}

.text_kachou_top {
  margin-bottom: 20px;
  text-align: center;
}

.text_kachou_top li {
  padding: 0 20%;
  list-style: none;
  text-align: left;
}

.coment_kachou_top {
  color: #1a2a51;
  margin-top: 50px;
  border-bottom: dashed 2px #1a2a51;
}

.kachou_subtitle {
  background-color: #cdecdd;
  padding-left: 10px;
  border-radius: 20px 20px 20px 20px;
}

.kachou_table_box {
  margin: 0 2%;
  font-feature-settings: "pkna" 1;
}


/* ------------------------------------------------------------------------------------------------------- */

.intable_kachou_top th {
  border: 1px solid black;
  color: white;
  background-color: #1a2a51;
  padding: 10px;
}

.table_kachou_top tr th {
  border: 1px solid black;
  color: white;
  background-color: #1a2a51;
  padding: 15px;
  vertical-align: middle;
}

.table_kachou_top td,
th {
  border: 1px solid black;
}

.table_kachou_top td {
  padding: 10px;
  background-color: #fff;
  vertical-align: middle;
}





/* 
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 29.01.2016.
- Author: Mario Loncarek
- Author web site: https://marioloncarek.com
*/
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu-container {
  width: 100%;
  margin: 0 auto;
}

.menu-mobile {
  display: none;
  padding: 20px;
  background-color: #1a2a51;
  color: white;
}

@media screen and (max-width: 959px) {
  .menu-mobile {
    display: block;
  }
}

.menu-mobile:after {
  content: url(../img/icon_menu.png);
  width: 32px;
  height: 32px;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  transform: translateY(-15%);
}

.menu-dropdown-icon:before {
  content: url(../img/icon_arrow_down.png);
  width: 32px;
  height: 32px;
  display: none;
  cursor: pointer;
  float: right;
  padding-top: 10px;
  padding-right: 20px;
}

@media screen and (max-width: 959px) {
  .menu-dropdown-icon:before {
    display: block;
  }
}

.menu>ul {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  list-style: none;
  background: #1a2a51;
  margin: 0 auto;
  padding: 0;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
}

@media screen and (max-width: 959px) {
  .menu>ul {
    display: none;
    flex-flow: column;
  }

  .menu>ul.show-on-mobile {
    display: block;
  }
}

.menu>ul:before {
  content: "";
  display: table;
}

.menu>ul:after {
  content: "";
  display: table;
  clear: both;
}

.menu>ul>li {
  width: calc(100% / 6);
  transition: 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.menu>ul>li:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1px;
  z-index: 100;
  margin: auto 0;
  background: white;
  width: 1px;
  height: 20px;
  display: block;
}

.menu>ul>li:last-child:after {
  content: none;
}

@media screen and (max-width: 959px) {
  .menu>ul>li {
    width: 100%;
    display: block;
    /*br {
    	display: none;
    }*/
  }

  .menu>ul>li:after {
    content: none;
  }
}

.menu>ul>li a {
  display: block;
  padding: 8px 0;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  color: white;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 959px) {
  .menu>ul>li a {
    text-align: left;
    padding: 15px 10px;
  }
}

.menu>ul>li a:not(:last-child) {
  pointer-events: none;
}

.menu>ul>li>ul {
  display: none;
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  background: #1a2a51;
  padding: 20px;
  margin: 0;
  z-index: 99;
  box-sizing: border-box;
}

@media screen and (max-width: 959px) {
  .menu>ul>li>ul {
    padding: 0 10px 10px;
    position: relative;
    top: 0;
  }

  .menu>ul>li>ul.normal-sub {
    width: 100%;
  }
}

.menu>ul>li>ul:before {
  content: "";
  display: table;
}

.menu>ul>li>ul:after {
  content: "";
  display: table;
  clear: both;
}

.menu>ul>li>ul>li {
  float: left;
  width: calc(100% / 7);
  /*
  > ul { // ドロップダウンメニュー内の最小単位のナビ
  	display: block;
  	margin: 10px 0 0;
  	box-sizing: border-box;
  	@include media(m) {
  		position: relative;
  	}
  	&:before {
  		content: "";
  		display: table;
  	}
  	&:after {
  		content: "";
  		display: table;
  		clear: both;
  	}
  	> li {
  		float: left;
  		width: 100%;
  		@include font-size(13);
  		@include media(m) {
  			float: none;
  		}
  		a {
  			border: 0;
  			@include hoverUnderline;
  		}
  	}
  }*/
}

@media screen and (max-width: 959px) {
  .menu>ul>li>ul>li {
    float: none;
    width: 100%;
  }
}

.menu>ul>li>ul>li a {
  display: block;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  font-weight: 400;
  line-height: 2;
  font-size: 14px;
  font-size: 0.875rem;
  transition: opacity 0.3s ease;
}

.menu>ul>li>ul>li a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 959px) {
  .menu>ul>li>ul>li a {
    line-height: 1;
  }
}

.menu>ul>li>ul>p a {
  display: block;
  width: 100%;
  text-align: left;
  font-weight: 400;
  line-height: 2;
  font-size: 14px;
  font-size: 0.875rem;
  transition: opacity 0.3s ease;
}

.menu>ul>li>ul>p a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 959px) {
  .menu>ul>li>ul>p a {
    line-height: 1;
  }
}

.menu>ul>li>ul.normal-sub {
  width: 330px;
  left: -20px;
}

@media screen and (max-width: 959px) {
  .menu>ul>li>ul.normal-sub {
    width: 100%;
    left: 0;
  }
}

.menu>ul>li>ul.normal-sub>li {
  width: 100%;
}

/* Scss Document for slick slider
.keyVisual {
  width: 100%;
  max-height: 600px;
  overflow: hidden;
  position: relative;
  &__slider {
  	img {
  		max-width: none;
  	}*/

.keyVisual {
  width: 100%;
  height: 100%;
  max-height: 600px;
  overflow: hidden;
  position: relative;
}

.keyVisual:before {
  content: "";
  display: block;
  /* padding-top: 56.25%; */
}

.keyVisual .keyVisual__video,
.keyVisual .keyVisual__subImage {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

/*追加*/
.keyVisual__pop__text2 {
  font-weight: 700;
  position: absolute;
  width: 80%;
  /*top:43%;*/
  margin: 0 auto;
  padding: 20px;
  font-size: 3em;
  color: #375cca;
  background: rgba(255, 255, 255, 0.8);
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .keyVisual__pop__text2 {
    width: 100%;
    font-size: 1.5em;
  }
}

@media screen and (max-width: 768px) {
  .keyVisual__video {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .keyVisual__subImage {
    display: none;
  }
}

.keyVisual__pop {
  /*max-width: 900px;*/
  width: 100%;
  position: absolute;
  top: 43%;
  /*left: 50%;
  transform: translate(-50%, -50%);*/
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .keyVisual__pop {
    margin-top: 0;
    top: 20%;
  }
}

.keyVisual__pop__left {
  width: 53%;
}

@media screen and (max-width: 960px) {
  .keyVisual__pop__left {
    width: 100%;
  }
}

.keyVisual__pop__right {
  width: 45%;
}

@media screen and (max-width: 960px) {
  .keyVisual__pop__right {
    display: none;
  }
}

.keyVisual__pop__right iframe {
  width: 100%;
}

.keyVisual__pop__01 {
  max-width: 650px;
  margin: 0 auto;
  display: none;
}

@media screen and (max-width: 980px) {
  .keyVisual__pop__01 {
    width: 450px;
  }
}

@media screen and (max-width: 560px) {
  .keyVisual__pop__01 {
    width: 400px;
  }
}

@media screen and (max-width: 430px) {
  .keyVisual__pop__01 {
    width: 300px;
  }
}

@media screen and (max-width: 768px) {
  .keyVisual__pop__01 {
    display: block;
  }
}

.keyVisual__pop__02 {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .keyVisual__pop__02 {
    display: none;
  }
}

.keyVisual__pop__btn {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
  max-width: 850px;
  width: 100%;
  margin: 20px auto 0;
}

@media screen and (max-width: 768px) {
  .keyVisual__pop__btn {
    display: none;
  }
}

.keyVisual__pop__btn--2 {
  width: 80%;
}

.keyVisual__pop__btn--2 li {
  transition: all 0.3s ease;
}

.keyVisual__pop__btn--2 li:hover {
  opacity: 0.7;
}

.keyVisual__pop__btn--2 li+li {
  margin-left: 20px;
}

.keyVisual__pop__btn__01 a {
  display: block;
  width: 100%;
  padding: 15px 30px;
  border: 2px solid white;
  color: white;
  white-space: nowrap;
  font-size: 18px;
  font-size: 1.125rem;
  transition: opacity 0.3s ease;
  background-color: #da4654;
}

.keyVisual__pop__btn__01 a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  .keyVisual__pop__btn__01 a {
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    padding: 8px 15px;
  }
}

.keyVisual__pop__btn__01 a:hover {
  opacity: 0.7;
}

.keyVisual__pop__btn__02 a {
  display: block;
  width: 100%;
  padding: 15px 30px;
  border: 2px solid white;
  color: white;
  white-space: nowrap;
  font-size: 18px;
  font-size: 1.125rem;
  transition: opacity 0.3s ease;
  background-color: #1a2a51;
}

.keyVisual__pop__btn__02 a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  .keyVisual__pop__btn__02 a {
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    padding: 8px 15px;
  }
}

.keyVisual__pop__btn__02 a:hover {
  opacity: 0.7;
}

.keyVisual__pop__btn__03 a {
  display: block;
  width: 100%;
  padding: 15px 30px;
  border: 2px solid white;
  color: white;
  white-space: nowrap;
  font-size: 18px;
  font-size: 1.125rem;
  transition: opacity 0.3s ease;
  background-color: #df4c4e;
}

.keyVisual__pop__btn__03 a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  .keyVisual__pop__btn__03 a {
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    padding: 8px 15px;
  }
}

.keyVisual__pop__btn__03 a:hover {
  opacity: 0.7;
}

.keyVisual__pop__feature {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
}

@media screen and (max-width: 960px) {
  .keyVisual__pop__feature {
    display: none;
  }
}

.keyVisual__pop__feature li {
  transition: opacity 0.3s ease;
}

.keyVisual__pop__feature li:hover {
  opacity: 0.5;
}

/*.keyVisual__pop__text {
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  padding: 10px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #041546;
}*/



@media screen and (max-width: 960px) {
  /*.keyVisual__pop__text {
    display: none;
  }*/



}

/* Scss Document */
.information {
  /* background: white; */
  padding: 50px 10px 0;
}

.information ::-webkit-scrollbar {
  width: 10px;
}

.information ::-webkit-scrollbar-track {
  background: white;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777;
}

.information ::-webkit-scrollbar-thumb {
  background-color: #E0E0E0;
  border-radius: 10px;
  box-shadow: none;
}

.information--inner {
  display: flex;
  flex-flow: row;
  justify-content: right;
  align-items: center;
  background-color: #da4654;
}

.information--inner:before {
  content: "";
  display: block;
  width: 0;
  min-height: 100px;
}

@media screen and (max-width: 768px) {
  .information--inner {
    width: 100%;
    flex-flow: column;
  }

  .information--inner:before {
    min-height: 0;
  }
}

.information__title__area {
  margin: 0 auto;
  color: #fff;
}

.information__title {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .information__title {
    width: 100%;
    text-align: center;
    padding-right: 0;
    /* padding-bottom: 1em;
    padding-top: 1em; */
    padding-bottom: 0.5em;
    padding-top: 0.5em;
  }
}

.information__body {
  padding: 20px 20px 20px 4em;
  /* border-left: 1px solid #010512; */
  overflow-y: auto;
  max-height: 200px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .information__body {
    padding-left: 10px;
    padding-right: 10px;
    border-left: none;
  }
}

.information__body dt {
  clear: both;
  float: left;
  width: 7em;
}

@media screen and (max-width: 768px) {
  .information__body dt {
    float: none;
  }
}

.information__body dd {
  margin-left: 7em;
  padding-bottom: 0.3em;
}

@media screen and (max-width: 768px) {
  .information__body dd {
    margin-left: 0;
    margin-bottom: 1em;
  }
}

.information__body dd a {
  position: relative;
  /* display: inline-block; */
}

.information__body dd a::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #1a2a51;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}

.information__body dd a:hover::after {
  transform: scale(1, 1);
}

.information__new {
  color: red;
  margin-right: 10px;
  font-style: italic;
}

.information_area {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.information_area h1 {
  font-size: 1.6em;
  border-left: solid 5px #1a2a51;
  /*左線（実線 太さ 色）*/
  padding-left: 0.5em;
}

/*PCでは無効（改行しない）*/
.information_sma {
  display: none;
}

@media screen and (max-width: 1100px) {
  .information_sma {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .information_sma {
    display: none;
  }
}



/* Scss Document */
.contact {
  padding: 50px 0 50px;
  background: url(../img/contact_img_bg.jpg) 0% 35% no-repeat #ccc;
}

@media screen and (max-width: 768px) {
  .contact {
    padding: 30px 0 30px;
  }
}

@media screen and (max-width: 768px) {
  .contact--inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.contact__center {
  text-align: center;
}

.contact__desc {
  font-weight: bold;
}

.contact__name {
  font-size: 26px;
  font-size: 1.625rem;
  color: #da4654;
}

@media screen and (max-width: 768px) {
  .contact__name {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.contact__address {
  font-size: 14px;
  font-size: 0.875rem;
}

.contact__linkArea {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  max-width: 700px;
  margin: 0 auto 30px;
}

@media screen and (max-width: 768px) {
  .contact__linkArea {
    flex-flow: column;
  }
}

.contact__phone {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 768px) {
  .contact__phone {
    margin-bottom: 10px;
  }
}

.contact__phone span a {
  display: inline-block;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: bold;
  color: #da4654;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .contact__phone span a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.contact__web a {
  display: block;
  width: 100%;
  background-color: #da4654;
  color: white;
  padding: 15px 25px;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  transition: opacity 0.3s ease;
}

.contact__web a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  .contact__web a {
    padding: 10px 15px;
  }
}

/* Scss Document */
.footer {
  padding-top: 50px;
  padding-bottom: 20px;
  background-color: #1a2a51;
  color: white;
}

@media screen and (max-width: 768px) {
  .footer {
    padding-top: 30px;
  }
}

.footer--inner {
  max-width: 1000px;
  display: flex;
  flex-flow: row wrap;
}

@media screen and (max-width: 768px) {
  .footer--inner {
    flex-flow: column;
    padding-left: 20px;
  }
}

.footer__unit {
  width: calc(100% / 3);
  padding-left: 20px;
  padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .footer__unit {
    width: 100%;
    padding-bottom: 15px;
  }
}

.footer__unit a {
  color: white;
  position: relative;
}

.footer__unit a:before {
  position: absolute;
  top: 8px;
  left: -30px;
  content: "";
  width: 10px;
  height: 10px;
  border: 1px solid;
  border-color: white white transparent transparent;
  transform: rotate(45deg);
}

.footer__col>li {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .footer__col>li {
    margin-top: 15px;
  }
}

.footer__col>li:first-child {
  margin-top: 0;
}

.footer__col>li>a {
  font-size: 18px;
  font-size: 1.125rem;
}

.footer__tgl--title {
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .footer__tgl--title {
    pointer-events: all;
    cursor: pointer;
  }
}

.footer__tgl--title a {
  font-size: 18px;
  font-size: 1.125rem;
}

.footer__tgl--list {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .footer__tgl--list {
    display: none;
  }
}

.footer__tgl--list ul li {
  margin-top: 3px;
}

.footer__tgl--list ul li a {
  font-size: 13px;
  font-size: 0.8125rem;
  transition: opacity 0.3s ease;
}

.footer__tgl--list ul li a:hover {
  opacity: 0.5;
}

.footer__tgl--list ul li a:before {
  top: 4px;
}

@media screen and (max-width: 768px) {
  .footer__tgl--list ul li a:before {
    content: none;
  }
}

.footer__logo {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.footer__logo a+a {
  margin-left: 20px;
}

.footer__logo img {
  width: 100px;
}

.footer__logo__jbma img {
  width: 90px;
}

.footer__copyright {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#page-top a {
  display: block;
  width: 70px;
  transition: opacity 0.3s ease;
}

#page-top a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  #page-top a {
    width: 45px;
  }
}

.page-top-link {
  text-align: right;
  padding-top: 20px;
  padding-bottom: 20px;
}

.page-top-link a {
  display: inline-block;
  background-color: #1a2a51;
  color: white;
  padding: 3px 15px 3px 35px;
  position: relative;
  transition: opacity 0.3s ease;
}

.page-top-link a:hover {
  opacity: 0.5;
}

.page-top-link a i {
  position: absolute;
  top: 5px;
  left: 5px;
}

/* Scss Document */
.timeTable {
  display: flex;
  flex-flow: row wrap;
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .timeTable {
    flex-flow: column;
  }
}

.timeTable__date {
  width: 30%;
  background-color: #1a2a51;
  color: white;
  position: relative;
  padding: 20px;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .timeTable__date {
    width: 100%;
    margin-bottom: 0;
  }
}

.timeTable__detail {
  width: 70%;
  background-color: #f3faeb;
  padding: 20px;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .timeTable__detail {
    width: 100%;
  }
}

.timeTable__detail>ul>li {
  list-style-type: disc;
  margin-left: 16px;
}

.timeTable__detail--early {
  color: red;
  font-weight: 500;
}

.timeTable__detail--early span {
  display: inline-block;
  background-color: red;
  color: white;
  padding: 0 1em;
}

.timeTable__detail--normal {
  color: darkorange;
  font-weight: 500;
}

.timeTable__detail--current {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.timeTable__detail--current dt {
  width: 15%;
}

.timeTable__detail--current dd {
  width: 85%;
}

.timeTable__detail--logo img {
  max-width: 160px;
  margin-right: 10px;
}

.timeTable__detail__s {
  font-size: 14px;
  font-size: 0.875rem;
}

.timeTable__detail+.timeTable__date:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-color: transparent transparent #1a2a51 #1a2a51;
  transform: rotate(-45deg);
  position: absolute;
  top: -45px;
  left: 165%;
}

@media screen and (max-width: 768px) {
  .timeTable__detail+.timeTable__date:before {
    left: 48%;
  }
}

/* Scss Document */
.booth {
  padding: 50px 0 50px;
}

@media screen and (max-width: 768px) {
  .booth {
    padding: 30px 0 30px;
  }
}

.booth--inner {
  max-width: 900px;
}

@media screen and (max-width: 768px) {
  .booth--inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.booth__mainTitle {
  margin-bottom: 50px;
}

.booth__head {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

.booth__titleDesc {
  font-size: 14px;
  font-size: 0.875rem;
}

.booth__titleDesc2 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  background-color: #df6d03;
  border: 1px solid white;
  border-radius: 15px;
  padding: 1px 10px;
  margin-left: 50px;
}

@media screen and (max-width: 768px) {
  .booth__titleDesc2 {
    display: inline-block;
    margin-left: 10px;
  }
}

.booth__body {
  background-color: white;
  padding: 30px;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  border: 1px solid #1a2a51;
}

@media screen and (max-width: 768px) {
  .booth__body {
    flex-flow: column;
    padding: 15px;
  }
}

.booth__body--left {
  width: 60%;
}

@media screen and (max-width: 768px) {
  .booth__body--left {
    width: 100%;
    margin-bottom: 30px;
  }
}

.booth__body--right {
  width: 40%;
  text-align: center;
  padding-left: 30px;
}

@media screen and (max-width: 768px) {
  .booth__body--right {
    width: 100%;
    padding-left: 0;
  }
}

.booth__subTitle {
  border-left: 5px solid #1a2a51;
  padding-left: 5px;
  margin-bottom: 20px;
}

.booth__list {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
}

.booth__list li {
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
}

.booth__list li:before {
  content: "●";
  color: #1a2a51;
  margin-right: 5px;
}

.booth__list__title {
  font-weight: bold;
  color: #1a2a51;
}

.booth__list__red {
  color: red;
}

.booth__append {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 30px;
}

.booth__append2 {
  font-size: 13px;
  font-size: 0.8125rem;
}

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

.booth__fig {
  max-width: 300px;
  margin: 0 auto 20px;
}

.booth__example {
  display: inline-block;
  background-color: #1a2a51;
  color: white;
  padding: 5px 20px;
  border-radius: 10px;
}

.booth__figTxt {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: left;
  margin-top: 20px;
}

.booth__price {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .booth__price {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.fee {
  padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .fee {
    padding-bottom: 30px;
  }
}

.fee--inner {
  max-width: 900px;
}

@media screen and (max-width: 768px) {
  .fee--inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.fee__head {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}

.fee__title {
  border-left: 5px solid #1a2a51;
  padding-left: 5px;
  font-size: 18px;
  font-size: 1.125rem;
  color: #1a2a51;
  font-weight: 500;
  margin-right: 20px;
}

.fee__title2 {
  color: #F47632;
  border-left: 5px solid #F47632;
}

.fee__tblContainer {
  width: 100%;
  overflow: auto;
  white-space: nowrap;
}

.fee__tbl {
  width: 100%;
  border: 1px solid #1a2a51;
  background-color: white;
}

.fee__tbl tr th,
.fee__tbl tr td {
  border: 1px solid #1a2a51;
  font-size: 18px;
  font-size: 1.125rem;
}

.fee__tbl tr th {
  background-color: #1a2a51;
  color: white;
  font-weight: 500;
  padding: 10px;
  vertical-align: middle;
}

.fee__tbl tr td {
  text-align: center;
  padding: 20px;
}

.fee__tbl .fee-table__categ {
  background-color: #e7edfe;
}

.fee__tbl2 {
  width: 100%;
  border: 1px solid #F47632;
  background-color: white;
}

.fee__tbl2 tr th,
.fee__tbl2 tr td {
  border: 1px solid #F47632;
  font-size: 18px;
  font-size: 1.125rem;
}

.fee__tbl2 tr th {
  background-color: #F47632;
  color: white;
  font-weight: 500;
  padding: 10px;
  vertical-align: middle;
}

.fee__tbl2 tr td {
  text-align: center;
  padding: 20px;
}

.fee__tbl2 .fee-table__categ {
  background-color: white;
}

.fee__tbl2 .fee-table__categ {
  background-color: #fde7db;
}

.fee__tbl3 {
  width: 100%;
  border: 1px solid #1a2a51;
  background-color: white;
}

.fee__tbl3 tr th,
.fee__tbl3 tr td {
  border: 1px solid #1a2a51;
  font-size: 18px;
  font-size: 1.125rem;
}

.fee__tbl3 tr th {
  background-color: #1a2a51;
  color: white;
  font-weight: 500;
  padding: 10px;
  vertical-align: middle;
}

.fee__tbl3 tr td {
  text-align: center;
  padding: 20px;
}

.fee__tbl3 .fee-table__categ {
  background-color: #e7edfe;
}

.fee__tbl3 .fee-table__categ {
  background-color: white;
}

/* Scss Document */
.visit__desc {
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
}

.visit__desc__strong {
  color: #F14616;
  font-size: 22px;
  font-size: 1.375rem;
}

.visit__way {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .visit__way {
    width: 100%;
    flex-flow: column;
  }
}

.visit__way li {
  width: calc(100% / 3 - 3%);
  text-align: center;
  position: relative;
}

@media screen and (max-width: 768px) {
  .visit__way li {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
  }
}

.visit__way li:after {
  position: absolute;
  left: 50%;
  bottom: 16px;
  content: "";
  display: block;
  width: 0;
  border-top: 20px solid #ffef00;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  margin: auto;
  margin-left: -10px;
}

.visit__way li a {
  display: block;
  height: 100%;
  padding: 20px;
  background-color: #1a2a51;
  border-radius: 20px;
  color: white;
  transition: opacity 0.3s ease;
}

.visit__way li a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  .visit__way li+li {
    margin-top: 40px;
  }
}

.visit__way__icon img {
  width: 150px;
  height: 150px;
}

.visit__way__desc {
  font-weight: bold;
  line-height: 1.8;
}

.visit__way__desc span {
  font-size: 22px;
  font-size: 1.375rem;
}

.visit__step {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px dotted #666;
  padding-bottom: 50px;
  /*
  &__mark {
  	display: inline-block;
  	background-color: yellow;
  }*/
}

@media screen and (max-width: 768px) {
  .visit__step {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  .visit__step {
    flex-flow: column;
  }
}

.visit__step__title {
  display: block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: #cfdbfc;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
  color: #1a2a51;
  box-sizing: border-box;
  padding-top: 50px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .visit__step__title {
    margin-bottom: 35px;
  }
}

.visit__step__title__pop {
  position: absolute;
  top: -12px;
  left: -47px;
  font-size: 16px;
  color: black;
  transform: rotate(-19deg);
  border-bottom: 3px solid #1a2a51;
}

@media screen and (max-width: 930px) {
  .visit__step__title__pop {
    left: -10px;
  }
}

.visit__step__unit {
  width: calc(100% - 200px - 15%);
  font-size: 15px;
  font-size: 0.9375rem;
}

@media screen and (max-width: 768px) {
  .visit__step__unit {
    width: 100%;
  }
}

.visit__step__define {
  line-height: 2;
}

.visit__step__define dt {
  clear: left;
  float: left;
  width: 6em;
}

.visit__step__define dd {
  padding-left: 6em;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.visit__step__define dd a {
  color: #004ea2;
}

.visit__step__btn {
  width: 90%;
}

@media screen and (max-width: 768px) {
  .visit__step__btn {
    margin: 0 auto;
  }
}

.visit__step__btn a {
  display: block;
  width: 100%;
  font-size: 22px;
  font-size: 1.375rem;
  color: white;
  text-align: center;
  letter-spacing: 3px;
  border-radius: 10px;
  background: #F14616;
  padding: 20px;
  transition: opacity 0.3s ease;
}

.visit__step__btn a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  .visit__step__btn a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.visit__step__bold {
  font-weight: bold;
}

.visit__linkId {
  display: block;
  height: 50px;
}

.visit__subTitle {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #1a2a51;
}

.visit__subTitle2 {
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  color: #1a2a51;
  margin-top: 10px;
}

.visit__attention {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.8;
  background-color: #f1f4fe;
  padding: 20px 30px;
}

@media screen and (max-width: 768px) {
  .visit__attention {
    padding: 20px;
  }
}

.visit__attention__list {
  list-style: disc;
  margin-left: 16px;
}

.visit__append {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
}

/* Scss Document */
.download {
  padding-bottom: 100px;
}

.download--inner {
  max-width: 800px;
}

.download__lead {
  margin-bottom: 50px;
}

.download__attention {
  margin-bottom: 80px;
  border: 1px solid #010512;
  padding: 40px;
}

@media screen and (max-width: 768px) {
  .download__attention {
    padding: 20px;
  }
}

.download__attention>li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 10px;
}

.download__attention>li:before {
  content: "●";
  color: #1a2a51;
}

.download__attention__sublist li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 3px;
}

.download__attention__sublist li:before {
  content: "・";
}

.download__logo {
  padding-bottom: 80px;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .download__logo {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .download__logo {
    flex-flow: column;
  }
}

.download__logo__img {
  width: 58%;
  border: 1px solid #ccc;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .download__logo__img {
    width: 100%;
    max-width: 450px;
    text-align: center;
    margin: 0 auto 20px;
  }
}

.download__logo__btn {
  width: 40%;
}

@media screen and (max-width: 768px) {
  .download__logo__btn {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
}

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

@media screen and (max-width: 768px) {
  .download__logo__btn li {
    margin-bottom: 10px;
  }
}

.download__logo__btn li a {
  font-size: 16px;
  font-size: 1rem;
  padding: 10px;
}

.download__bnr {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  margin: 30px 0;
}

@media screen and (max-width: 768px) {
  .download__bnr {
    flex-flow: column;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .download__bnr figure {
    margin-bottom: 10px;
  }
}

.download__bnr__sourceCode {
  max-width: 500px;
  overflow: auto;
  word-wrap: break-word;
  border: 1px solid #ccc;
  padding: 5px;
  font-family: monospace, monospace;
}

@media screen and (max-width: 768px) {
  .download__bnr__sourceCode {
    width: 100%;
  }
}

.download__bnr__sourceCode pre {
  margin-bottom: 10px;
}

/* Scss Document */
.qanda__define dt,
.qanda__define dd {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 20px 20px 20px 70px;
  position: relative;
}

.qanda__define dt {
  cursor: pointer;
  background: #efefef;
  background: -moz-linear-gradient(top, #efefef 0%, #f7f7f7 50%, #efefef 51%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #efefef 0%, #f7f7f7 50%, #efefef 51%, #ffffff 100%);
  background: linear-gradient(to bottom, #efefef 0%, #f7f7f7 50%, #efefef 51%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType=0);
}

.qanda__define dt:last-of-type {
  border-bottom: 1px solid #ccc;
}

.qanda__define dt:before {
  content: "Q";
  background-color: #1a2a51;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 18px;
  font-size: 1.125rem;
  color: white;
  padding: 10px 18px;
}

.qanda__define dd {
  display: none;
}

.qanda__define dd:last-of-type {
  border-top: transparent;
  border-bottom: 1px solid #ccc;
}

.qanda__define dd:before {
  content: "A";
  background-color: #da4654;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 18px;
  font-size: 1.125rem;
  color: white;
  padding: 10px 18px;
}

#global_link {
  padding: 5px 10px;
}

@media screen and (max-width: 768px) {
  #global_link {
    display: none;
  }
}

nav {
  background-color: #1a2a51;
  box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
}

.links {
  padding-bottom: 50px;
}

/*バナーの設定 button----------------------------*/
.button {
  width: 100%;
  padding: 16px;
  mini-height: 50px;
  margin-top: 10px;
  text-align: left;
  background-color: #1a2a51;
  text-decoration: none;
  line-height: 2;
  outlone: none;
  font-size: 1.5rem;
  font-weight: bold;
}

.button br {
  display: none;
}

.button a {
  text-decoration: none;
  color: #fff;

}

a.link_cl:link {
  text-decoration: none;
}

.button:before,
.button:after {
  box-sizeing: border-box;
  transition: all .3s;
}

.button:hover {
  transition: 0.3s ease;
  opacity: 0.5;
}

/*.button:hover{
	background-color:#fff;
	border:1px solid #1a2a51;
		}*/
/*.button:hover a{
	color:#1a2a51;
	}*/
.small {
  font-size: 0.8em;
}

@media screen and (max-width: 468px) {
  .button {
    width: 100%;
    line-height: 1.5;
    font-size: 1rem;
  }

  .button br {
    display: inline;
  }
}

.button__btn li {
  width: 100%;
  padding: 16px;
  mini-height: 50px;
  margin-top: 10px;
  text-align: left;
  background-color: #1a2a51;
  text-decoration: none;
  line-height: 2;
  outlone: none;
  font-size: 1.5rem;
  font-weight: bold;
  transition: opacity 0.3s ease;
}

.button__btn li:hover {
  opacity: 0.5;
}

@media screen and (max-width: 468px) {
  .button__btn li {
    width: 100%;
    line-height: 1.5;
    font-size: 1rem;

  }
}

.button__btn li:nth-child(1) {
  background: -moz-linear-gradient(left, #E9546B, #DC97C0);
  background: -webkit-linear-gradient(left, #E9546B, #DC97C0);
  background: linear-gradient(to right, #E9546B, #DC97C0);
}

.button__btn li:nth-child(2) {
  background: -moz-linear-gradient(left, #187FC4, #5BC2D9);
  background: -webkit-linear-gradient(left, #187FC4, #5BC2D9);
  background: linear-gradient(to right, #187FC4, #5BC2D9);
}

.button__btn li:nth-child(2) a span {
  font-size: 19px;
  font-size: 1.1875rem;
}

.button__btn li:nth-child(3) {
  background: -moz-linear-gradient(left, #df951e, #e9cd71);
  background: -webkit-linear-gradient(left, #df951e, #e9cd71);
  background: linear-gradient(to right, #df951e, #e9cd71);
}

.button__btn li:nth-child(4) {
  background: -moz-linear-gradient(left, #319e5e, #a0d169);
  background: -webkit-linear-gradient(left, #319e5e, #a0d169);
  background: linear-gradient(to right, #319e5e, #a0d169);
}

.button__btn li:nth-child(5) {
  background: -moz-linear-gradient(left, #5f3a83, #b77edd);
  background: -webkit-linear-gradient(left, #5f3a83, #b77edd);
  background: linear-gradient(to right, #5f3a83, #b77edd);
}

.button__btn li:nth-child(6) {
  background: -moz-linear-gradient(left, #7da82d, #b2bb60);
  background: -webkit-linear-gradient(left, #7da82d, #b2bb60);
  background: linear-gradient(to right, #7da82d, #b2bb60);
}

.button__btn li a {
  text-decoration: none;
  color: #fff;
}



@media screen and (max-width: 768px) {
  .links {
    padding-bottom: 30px;
  }
}

.links__title {
  text-align: center;
}

.links__body {
  background-color: white;
  padding: 20px 20px 20px 50px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .links__body {
    padding: 20px;
  }
}

.links__body li {
  text-align: center;
}

.links__body a {
  transition: opacity 0.3s ease;
}

.links__body a:hover {
  opacity: 0.5;
}

.lower {
  padding: 50px 0 50px;
  background-color: white;
}

@media screen and (max-width: 768px) {
  .lower {
    padding: 30px 0 30px;
  }
}

.lower--inner {
  max-width: 900px;
}

@media screen and (max-width: 768px) {
  .lower--inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.lower__photo {
  max-width: 500px;
  padding: 50px 0 50px;
  margin: 0 auto 30px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .lower__photo {
    padding: 30px 0 30px;
  }
}

.lower__photo img {
  max-width: 500px;
}

.lower__btn {
  max-width: 700px;
  margin: 0 auto 80px;
}

.lower__define {
  max-width: 700px;
  margin: 0 auto;
}

.lower__define dt {
  clear: left;
  float: left;
}

@media screen and (max-width: 768px) {
  .lower__define dt {
    float: none;
    width: 100%;
  }
}

.lower__define dt {
  width: 8em;
  background-color: #1a2a51;
  color: white;
  padding: 7px 10px;
}

.lower__define dd {
  padding: 7px 10px 7px 10em;
  margin-bottom: 10px;
  background-color: #f3faeb;
}

@media screen and (max-width: 768px) {
  .lower__define dd {
    padding: 7px 10px;
  }
}

.lower__define2 dt {
  clear: left;
  float: left;
}

@media screen and (max-width: 768px) {
  .lower__define2 dt {
    float: none;
    width: 100%;
  }
}

.lower__define2 dt {
  width: 8em;
}

.lower__define2 dd {
  padding-left: 10em;
  border-bottom: 1px solid #ccc;
}

.lower__append {
  max-width: 700px;
  margin: 0 auto 80px;
  font-size: 14px;
  font-size: 0.875rem;
}

.lower__fig {
  max-width: 800px;
  margin: 0 auto 80px;
}

@media screen and (min-width: 769px) {
  .mobileArea {
    display: none;
  }
}

.mobileArea--inner {
  padding: 20px 10px;
}

.mobileArea__btn li+li {
  margin-top: 10px;
}

.point__title {
  padding-left: 2em;
  text-indent: -2em;
}

.point__title__num {
  display: inline-block;
  background-color: #1a2a51;
  color: white;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 30px;
  font-size: 1.875rem;
  text-align: center;
  padding-left: 50px;
  margin-right: 10px;
}

.outline__tbl {
  max-width: 750px;
  margin-bottom: 50px;
}

.outline__tbl__logo {
  max-width: 300px;
}

.target__pageNav {
  max-width: 400px;
  margin: 0 auto 50px;
}

.target--visitTbl {
  margin-bottom: 50px;
}

.target--visitTbl th {
  text-align: left;
  width: 30%;
}

.targetCateg {
  max-width: 1100px;
  padding-bottom: 50px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .targetCateg {
    padding-bottom: 30px;
  }
}

.targetCateg--container {
  background-color: white;
}

.targetCateg--inner {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.targetCateg--inner .cardImg {
  flex: 0 0 50%;
  width: 50%;
  background-size: cover;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 768px) {
  .targetCateg--inner .cardImg {
    flex: 0 0 100%;
    width: 100%;
    height: 250px;
  }
}

.targetCateg--inner .cardImg:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -100%;
  background-color: white;
}

.targetCateg--inner .cardTxt {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  color: white;
  font-size: 18px;
  font-size: 1.125rem;
  background-color: #1a2a51;
  padding: 50px;
}

@media screen and (max-width: 768px) {
  .targetCateg--inner .cardTxt {
    padding: 30px;
  }
}

.targetCateg--inner .cardTxt--inner {
  text-align: left;
  line-height: 1.5;
}

.targetCateg--inner .cardTxt__btn {
  display: inline-block;
}

.targetCateg--inner .cardTxt__btn a {
  display: block;
  width: 100%;
  color: white;
  font-family: 'Times New Roman', 'serif';
  border: 1px solid white;
  padding: 9px 70px;
  transition: all 0.3s ease;
}

.targetCateg--inner .cardTxt__btn a:hover {
  color: #1a2a51;
  background: white;
}

.targetCateg--inner .cardTxt__btn a:hover i {
  color: #1a2a51;
}

.targetCateg__title {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 5px;
}

.targetCateg__append {
  font-size: 15px;
  font-size: 0.9375rem;
  text-align: center;
  margin-bottom: 30px;
}

.targetCateg__list {
  font-size: 15px;
  font-size: 0.9375rem;
}

.targetCateg__list li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 5px;
}

.targetCateg__list li:before {
  content: "●";
}

.targetCateg--1 .cardImg {
  background: url(../img/figImg_target01.jpg) 20% 20% no-repeat #1a2a51;
}

.targetCateg--2 .cardImg {
  order: 2;
  background: url(../img/figImg_target02.jpg) 50% 0% no-repeat #1a2a51;
}

.targetCateg--2 .cardImg:after {
  left: -100%;
}

.targetCateg--3 .cardImg {
  background: url(../img/figImg_target03.jpg) 30% 40% no-repeat #1a2a51;
}

.targetCateg--4 .cardImg {
  order: 2;
  background: url(../img/figImg_target04.jpg) 60% 0% no-repeat #1a2a51;
}

.targetCateg--4 .cardImg:after {
  left: -100%;
}

.targetCateg--5 .cardImg {
  background: url(../img/figImg_target05.jpg) 70% 70% no-repeat #1a2a51;
}

.targetCateg--6 .cardImg {
  order: 2;
  background: url(../img/figImg_target06.jpg) 20% 35% no-repeat #1a2a51;
}

.targetCateg--6 .cardImg:after {
  left: -100%;
}

.targetCateg--7 .cardImg {
  background: url(../img/figImg_target07.jpg) 40% 30% no-repeat #1a2a51;
}

.targetCateg--8 .cardImg {
  order: 2;
  background: url(../img/figImg_target08.jpg) 15% 30% no-repeat #1a2a51;
}

.targetCateg--8 .cardImg:after {
  left: -100%;
}

.targetCateg--9 .cardImg {
  background: url(../img/sports_img14.jpg) 55% 50% no-repeat #1a2a51;
}

.targetCateg--9 .cardTxt {
  background-color: #df6d03;
}

.exhibit-fee {
  background-color: white;
  padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .exhibit-fee {
    padding-bottom: 30px;
  }
}

.exhibit-fee__pageNav {
  max-width: 800px;
  margin: 0 auto;
}

.apply--inner {
  max-width: 900px;
}

@media screen and (max-width: 768px) {
  .apply--inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.apply__deadline {
  margin-top: 15px;
  color: red;
}

.apply__define dt {
  clear: left;
  float: left;
  width: 10em;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .apply__define dt {
    float: none;
    width: 100%;
  }
}

.apply__define dd {
  padding-left: 12em;
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  .apply__define dd {
    padding-left: 0;
  }
}

.exhibit-option {
  background-color: white;
  padding: 50px 0 50px;
}

@media screen and (max-width: 768px) {
  .exhibit-option {
    padding: 30px 0 30px;
  }
}

.exhibit-option .booth {
  padding-bottom: 0;
}

.qanda {
  padding-bottom: 100px;
}

.qanda--inner {
  max-width: 800px;
}

.youtube {
  padding: 50px 0 50px;
}

@media screen and (max-width: 768px) {
  .youtube {
    padding: 30px 0 30px;
  }
}

@media screen and (min-width: 960px) {
  .youtube {
    display: none;
  }
}

.youtube--inner {
  max-width: 1000px;
}

.youtube__unit {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
}

@media screen and (max-width: 768px) {
  .youtube__unit {
    flex-flow: column;
    align-items: center;
  }
}

.youtube__unit li {
  width: 45%;
}

@media screen and (max-width: 768px) {
  .youtube__unit li {
    width: 90%;
  }
}

.youtube__unit li iframe {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .youtube__unit li+li {
    margin-top: 20px;
  }
}

.guidance__logo {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}

.guidance__list {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .guidance__list {
    flex-flow: column;
  }
}

.guidance__list li {
  width: 32%;
  border: 1px solid #1a2a51;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .guidance__list li {
    width: 100%;
    margin-bottom: 20px;
  }
}

.guidance__center {
  text-align: center;
}

.guidance__define {
  margin: 15px;
  text-align: left;
}

.guidance__define dt {
  clear: left;
  float: left;
  width: 4em;
}

.guidance__define dd {
  padding-left: 4em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

.guidance__btn {
  display: inline-block;
}

.guidance__btn a {
  display: block;
  width: 100%;
  background-color: #df6d03;
  color: white;
  border-radius: 10px;
  padding: 10px 20px;
  transition: opacity 0.3s ease;
}

.guidance__btn a:hover {
  opacity: 0.5;
}

.guidance__append {
  font-size: 14px;
  font-size: 0.875rem;
}

.guidance__strong {
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  color: #1a2a51;
}

.guidance__special {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
}

@media screen and (max-width: 768px) {
  .guidance__special {
    flex-flow: column;
  }
}

.guidance__special li {
  width: 40%;
  text-align: center;
  background-color: #e7f5fb;
  padding: 20px;
  position: relative;
}

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

@media screen and (max-width: 768px) {
  .guidance__special li+li {
    margin-top: 40px;
  }
}

.guidance__special__pop {
  position: absolute;
  top: -30px;
  left: 25px;
  width: 50px;
  height: 50px;
  background-color: #1a2a51;
  color: white;
  font-size: 32px;
  font-size: 2rem;
  font-weight: bold;
  border-radius: 50%;
}

.guidance__schedule {
  display: flex;
  flex-flow: row;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .guidance__schedule {
    flex-flow: column;
  }
}

.guidance__schedule__define {
  text-align: center;
  border: 1px solid #1a2a51;
  padding: 26px 40px 0;
}

@media screen and (max-width: 768px) {
  .guidance__schedule__define {
    padding: 20px;
  }
}

.guidance__schedule__define dt {
  font-weight: bold;
  color: #1a2a51;
}

.guidance__schedule__define dd {
  margin-bottom: 10px;
}

.guidance__schedule__time {
  margin-left: 100px;
}

@media screen and (max-width: 768px) {
  .guidance__schedule__time {
    margin-left: 0;
    margin-top: 20px;
  }
}

.guidance__schedule__time__strong {
  font-size: 18px;
  font-size: 1.125rem;
  color: #1a2a51;
}

.guidance__schedule__list li {
  line-height: 2;
}

.guidance__schedule__list li:before {
  content: "▼";
  color: #1a2a51;
  margin-right: 5px;
}

.sports__pageNav {
  max-width: 700px;
  margin: 0 auto;
}

.sports__pageNav li {
  margin-bottom: 10px;
}

.sports--outline .outline__tbl {
  margin-bottom: 0;
}

.sports__center {
  text-align: center;
}

.sports__red {
  color: #c60204;
}

.sports__btn {
  max-width: 600px;
  margin: 0 auto;
}

.sports__mainTitle {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  color: #da4654;
}

.sports__title {
  color: #c60204;
  font-size: 20px;
  font-size: 1.25rem;
}

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

.sports__list {
  max-width: 800px;
  margin: 0 auto;
}

.sports__list>li+li {
  margin-top: 25px;
}

.sports__list2 {
  max-width: 600px;
  margin: 0 auto;
}

.sports__list2 li {
  line-height: 2;
  font-weight: bold;
  margin-right: 15px;
  margin-bottom: 10px;
}

.sports__list2 li:before {
  content: "●";
  color: #1a2a51;
}

.sports__list2 li span {
  font-weight: normal;
  font-size: 15px;
  font-size: 0.9375rem;
}

.sports__list3 li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 10px;
}

.sports__list3 li:before {
  content: "●";
  color: #1a2a51;
}

.sports__fig1 {
  max-width: 800px;
  margin: 0 auto;
}

.sports__fig2 {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
}

@media screen and (max-width: 768px) {
  .sports__fig2 {
    flex-flow: column;
  }
}

.sports__fig2 li {
  width: 45%;
}

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

  .sports__fig2 li+li {
    margin-top: 10px;
  }
}

.sports__fig3 {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
}

@media screen and (max-width: 768px) {
  .sports__fig3-2 {
    flex-flow: column;
  }
}

.sports__fig3-2 li {
  width: 30%;
}

@media screen and (max-width: 768px) {
  .sports__fig3-2 li {
    width: 100%;
    max-width: 300px;
    margin: 10px auto 0;
  }
}

.sports__fig4 {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
}

@media screen and (max-width: 768px) {
  .sports__fig4 {
    flex-flow: column;
  }
}

.sports__fig4 li {
  width: 23%;
}

@media screen and (max-width: 768px) {
  .sports__fig4 li {
    width: 100%;
    max-width: 300px;
    margin: 10px auto 0;
  }
}

.sports__fig5 {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .sports__fig5 {
    flex-flow: column;
  }
}

.sports__fig5 li {
  width: 19%;
}

@media screen and (max-width: 768px) {
  .sports__fig5 li {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }

  .sports__fig5 li+li {
    margin-top: 10px;
  }
}

.article__unit {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .article__unit {
    flex-flow: column;
  }
}

.article__unit li {
  width: 32%;
  background-color: #1a2a51;
  box-shadow: 0 0 5px 0 #aaa;
  margin-bottom: 40px;
}

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

.article__unit--toilet li {
  background-color: #711519;
}

.article__unit--aroma li {
  background-color: #4e610c;
}

.article__unit__top {
  position: relative;
}

.article__unit__bottom {
  color: white;
  padding: 10px;
}

.article__unit__bottom__box {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
}

.article__exhibit {
  padding: 5px 10px;
  background-color: #2fa7e0;
  font-weight: bold;
  font-size: 24px;
  font-size: 1.5rem;
}

.article__exhibit--toilet {
  background-color: #c7252c;
}

.article__exhibit--aroma {
  background-color: #85a614;
}

.article__belt {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 13px;
  font-size: 0.8125rem;
  color: white;
  background-color: rgba(7, 37, 121, 0.7);
  padding: 2px 10px;
}

.article__belt--toilet {
  background-color: rgba(113, 21, 25, 0.7);
}

.article__belt--aroma {
  background-color: rgba(115, 143, 17, 0.7);
}

.article__year {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  font-size: 12px;
  font-size: 0.75rem;
  color: white;
  text-align: center;
  background-color: #349493;
  border-radius: 50%;
  padding-top: 7px;
}

.article__company {
  font-size: 13px;
  font-size: 0.8125rem;
}

.article__read a {
  display: block;
  width: 100%;
  width: 60px;
  height: 60px;
  background-color: white;
  color: #010512;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  padding-top: 11px;
  transition: all 0.3s ease;
}

.article__read a:hover {
  background-color: #df6d03;
  color: white;
}

.photo__list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.photo__list li {
  width: 24%;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .photo__list li {
    width: 48%;
  }
}

.program__center {
  text-align: center;
}

.program__red {
  color: #c60204;
}

.program__flow {
  padding: 0 20px;
}

.program__flow dt {
  clear: left;
  float: left;
  width: 6em;
  color: white;
  text-align: center;
  background-color: #da4654;
}

@media screen and (max-width: 768px) {
  .program__flow dt {
    float: none;
    width: 100%;
  }
}

.program__flow dd {
  padding-left: 7em;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  .program__flow dd {
    padding-left: 0;
  }
}

.program__flow__title {
  font-size: 18px;
  font-size: 1.125rem;
  color: #1c89bd;
  font-weight: bold;
}

.program__apply {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
}

@media screen and (max-width: 768px) {
  .program__apply {
    flex-flow: column;
  }
}

@media screen and (max-width: 768px) {
  .program__apply li {
    margin-bottom: 15px;
  }
}

.program__apply li a {
  display: block;
  background-color: #1c89bd;
  color: white;
  font-size: 15px;
  font-size: 0.9375rem;
  text-align: center;
  padding: 10px 20px;
  transition: opacity 0.3s ease;
}

.program__apply li a:hover {
  opacity: 0.5;
}

.program__apply__l {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}

.program__mainTitle {
  background-color: #da4654;
}

.program__append {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .program__append {
    text-align: left;
  }
}

.program__append li {
  display: inline-block;
  margin-right: 1em;
}

@media screen and (max-width: 768px) {
  .program__append li {
    display: block;
    margin-bottom: 5px;
  }
}

.program__append li span {
  display: inline-block;
  background-color: #1a2a51;
  color: white;
  padding: 0 10px;
  margin-right: 5px;
}

.program__box {
  display: flex;
  flex-flow: row;
  border: 1px solid #1a2a51;
}

@media screen and (max-width: 768px) {
  .program__box {
    flex-flow: column;
  }
}

.program__date {
  width: 190px;
  background-color: #1a2a51;
  color: white;
  text-align: center;
  padding: 10px;
}

@media screen and (max-width: 768px) {
  .program__date {
    width: 100%;
  }
}

.program__date__year {
  font-family: "Tinos", "Open Sans", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 17px;
  font-size: 1.0625rem;
}

.program__date__day {
  font-size: 17px;
  font-size: 1.0625rem;
}

.program__date__time {
  font-family: "Tinos", "Open Sans", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 24px;
  font-size: 1.5rem;
}

.program__date__time span {
  font-size: 36px;
  font-size: 2.25rem;
}

.program__date__place {
  display: inline-block;
  background-color: #c61f70;
  color: white;
  padding: 3px 10px;
}

.program__desc {
  width: calc(100% - 190px);
  font-size: 15px;
  font-size: 0.9375rem;
  background-color: #f3fbfc;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .program__desc {
    width: 100%;
  }
}

.program__desc__categ {
  display: inline-block;
  color: white;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 3px 10px;
  background-color: #114eba;
}

.program__title {
  display: flex;
  flex-flow: row;
}

@media screen and (max-width: 768px) {
  .program__title {
    flex-flow: column;
  }
}

.program__title__num {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #1a2a51;
  color: white;
  font-size: 26px;
  font-size: 1.625rem;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  .program__title__num {
    margin-bottom: 5px;
  }
}

.program__title__lead {
  font-size: 19px;
  font-size: 1.1875rem;
  color: #1a2a51;
}

.program__btn {
  cursor: pointer;
  width: 250px;
  background-color: #009e9c;
  color: white;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  padding: 10px;
  margin-left: auto;
  transition: opacity 0.3s ease;
}

.program__btn:hover {
  opacity: 0.5;
}

.program__btn img {
  width: 23px;
  margin-left: 10px;
}

.program__toggle {
  display: none;
}

.program__prof {
  display: flex;
  flex-flow: row;
  align-items: flex-end;
  font-size: 14px;
  font-size: 0.875rem;
}

.program__prof figure {
  max-width: 120px;
  width: 100%;
  margin-right: 10px;
}

.program__end {
  display: inline-block;
  color: white;
  font-size: 18px;
  font-size: 1.125rem;
  background-color: #c60204;
  padding: 5px 20px;
}

.feature {
  background: white;
}

.feature__list {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
  max-width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .feature__list {
    flex-flow: column;
  }
}

.feature__list li {
  width: 31%;
  max-width: 369px;
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
  transition: opacity 0.3s ease;
}

.feature__list li:hover {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  .feature__list li {
    width: 90%;
    margin: 20px auto 0;
  }
}

.feature__list li a:hover {
  opacity: 0.9;
}

.top_banner {
  text-align: center;
  margin: 20px 0;
}

.top_banner:hover {
  opacity: 0.5;
  transition: 0.3s;
}




/* ↓while.php↓ */


.while {
  min-width: 320px;
  max-width: 1000px;
  width: 100%;
  margin: 0px auto;
}

.while_body {
  width: 100%;
}

.while_seminar {
  font-size: 1.5rem;
  text-align: center;
  padding: 5px;
  background-color: #fff;
  border: 5px solid #1a2a51;
}

.while_title {
  color: white;
  font-size: 2rem;
  background-color: #1a2a51;
  text-align: center;
  padding: 10px;
}

.while_subtitle {
  color: white;
  font-size: 1rem;
  background-color: #1a2a51;
  text-align: center;
  padding: 5px;
  margin-top: 30px;
}

.while_subtitle2 {
  color: white;
  font-size: 1rem;
  background-color: #6d1a0b;
  text-align: center;
  padding: 5px;
  margin-top: 30px;
}

.while_subtitle3 {
  color: white;
  font-size: 1rem;
  background-color: #867e3b;
  text-align: center;
  padding: 5px;
  margin-top: 30px;
}

.while_time {
  font-size: 1.3rem;
  margin-bottom: 30px;
  background-color: #fff;
  padding: 5px;
  text-align: center;
}

.while_imp {
  color: white;
  font-size: 2rem;
  background-color: #f12626;
  text-align: center;
  padding: 5px 20px;
  margin-bottom: 30px;
  margin-left: 30%;
  /* margin-right: 25%; */
}

.while_place1 {
  padding: 5px;
}

.while_place2 {
  font-size: 1.3rem;
  background-color: #fff;
  padding: 5px;
}

table {
  margin: auto;
  width: 100%;
}

.while_right {
  color: white;
  background-color: #1a2a51;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #1a2a51;
  width: 15%;
}

.while_center {
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #1a2a51;
  width: 15%;
}

.while_left {
  padding: 5px;
  vertical-align: middle;
  border: 1px solid #1a2a51;
}

.while_right2 {
  color: white;
  background-color: #6d1a0b;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #6d1a0b;
  width: 15%;
}

.while_center2 {
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #6d1a0b;
  width: 15%;
}

.while_left2 {
  padding: 5px;
  vertical-align: middle;
  border: 1px solid #6d1a0b;
}

.while_right3 {
  color: white;
  background-color: #867e3b;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #867e3b;
  width: 15%;
}

.while_center3 {
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #867e3b;
  width: 15%;
}

.while_left3 {
  padding: 5px;
  vertical-align: middle;
  border: 1px solid #867e3b;
}

.while_body table {
  width: 100%;
  margin-bottom: 50px;
}


/* .while_target {
  background-color: white;
  line-height: 30px;
  padding: 20px 6%;
  text-align: center;
} */
.while_target li {
  display: inline-block;
  text-align: left;
  width: 100%;
}

/* .while_target2 {
  font-size: 1.3rem;
  background-color: white;
  line-height: 30px;
  padding: 10px;
  text-align: center;
} */

.while_sentence {
  line-height: 30px;
  padding: 0px 8% 10px;
  text-align: left;
}

.while_contact {
  line-height: 30px;
  padding: 10px;
  text-align: center;
}

.while_link {
  font-size: 2rem;
}

.while_access {
  font-size: 1.2rem;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
}

.while_block {
  display: inline-block;
  margin-right: 50px;
  vertical-align: middle;
}

.while_table_title {
  color: #fff;
  background-color: #1a2a51;
  border: 1px solid #1a2a51;
}

.while_table_title2 {
  color: #fff;
  background-color: #6d1a0b;
  border: 1px solid #6d1a0b;
}

.while_table_title3 {
  color: #fff;
  background-color: #867e3b;
  border: 1px solid #867e3b;
}

li a:hover {
  opacity: 0.5;
  transition: 0.3s;
}

.pdfDL {
  text-align: right;
  margin-right: 25%;
}



.main_custom_student {
  width: 800px;
  text-align: center;
  margin: 0 auto 50px;
  display: block;
}

@media screen and (max-width: 768px) {
  .main_custom_student {
    width: 100%;
    text-align: center;
  }
}

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

.tx_left {
  text-align: left !important;
}

/* .tx_right {
  text-align: right !important;
} */

.tx_right {
  text-align: right !important;
}

.count {
  vertical-align: middle;
  color: white;
  background-color: #1a2a51;
  padding: 10px;
}

.count2 {
  vertical-align: middle;
  color: white;
  background-color: #1a2a51;
  padding: 10px;
}

.main_solution_student td,
th {
  padding: 10px;
  border: 1px solid #9ea0a3;
  vertical-align: middle;
}

.main_solution_student_enji td,
th {
  padding: 10px;
  border: 1px solid #9ea0a3;
  vertical-align: middle;
}

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

  .main_solution_student td,
  th {
    padding: 5px;
  }
}

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

  .main_solution_student_enji td,
  th {
    padding: 5px;
  }
}

.width1200 td,
th {
  padding: 10px;
  border: 1px solid #1a2a51;
  font-size: 0.9em;
  vertical-align: middle;
}

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

  .width1200 td,
  th {
    padding: 5px;
  }
}

.width1600 td,
th {
  padding: 10px;
  border: 1px solid #9ea0a3;
  font-size: 0.83em;
}

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

  .width1600 td,
  th {
    padding: 5px;
  }
}

.width1600 table .table_line {
  background-color: #f9ffd9;
}

.main_custom_student_table1 td {
  width: 80%;
}

.main_custom_student_table1 th {
  width: 20%;
  border: solid 1px #777;
}

.main_custom_student ul,
table p {
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}

/* .main_custom_student p {
  border-bottom: 1px solid #1a2a51;
} */
/* .main_custom_student p:nth-of-type(n+2) {
  margin-top: 10px;
  border-bottom: 1px solid #1a2a51;
} */
/* .main_custom_student li {
  margin-left: 20px;
} */
.bg_black {
  background-color: #000;
  color: #fff;
  padding: 10px 0;
}

.bg_color {
  color: white;
  background-color: #1a2a51;
  padding: 5px 5px 5px 30px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.bg_color:nth-of-type(n+2) {
  color: white;
  background-color: #1a2a51;
  padding: 5px 5px 5px 30px;
  margin-top: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.panf_btn .flex {
  background-color: #fff !important;
  padding: 0px !important;
}

.panf_btn .flex a {
  padding: 10px !important;
  color: #fff;
  background: #1a2a51;
  border: 2px solid #fff;
  border-radius: 10px;
  text-align: center;
  width: 100%;
  display: block;
  min-width: 250px;
}

.panf_btn .flex a:hover {
  color: #1a2a51;
  background: #fff;
  border: 2px solid #1a2a51;
  border-radius: 10px;
  opacity: 1.0 !important;
}

/* .flex {    
  padding:10px!important;
  margin:10px;
  background: #1a2a51;
  border-radius: 5px;
  text-align: center;
  color:white;
  min-width: 180px;
  width: 100%;
}
.flex a {
  color: #fff;
  font-size: 13px;
}
.flex:hover {
  opacity: 0.8;
  transition: 0.2s;
} */
.registration {
  width: auto;
}

.registration ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  vertical-align: middle;
}

.registration2 ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  vertical-align: middle;
  margin: 0 auto;
}

.registration2 ul .flex_li a {
  padding: 10px !important;
  margin: 10px;
  color: #fff;
  background: #1a2a51;
  border: 2px solid #fff;
  border-radius: 10px;
  text-align: center;
  min-width: 150px;
  width: 100%;
  max-width: 150px;
  display: block;
}

.registration2 ul .flex_li a:hover {
  color: #1a2a51;
  background: #fff;
  border: 2px solid #1a2a51;
  border-radius: 10px;
  opacity: 1.0 !important;
}

.normal {
  font-size: 12px;
}

#concept {
  margin: 30px 0;
  border: dashed 2px #1a2a51;
  padding: 20px;
}

#concept p {
  font-weight: 600;
  color: #1a2a51;
}

#concept p:nth-of-type(2n) {
  color: #6d1a0b;
}

.grayBack {
  background-color: #E0E0E0;
}

.semtable {
  width: 1600px;
  margin: 0 auto;
}

@media print {
  .semtable {
    width: 100%;
    max-width: 1000px;
    min-width: 0;
    margin: 0 auto;
  }
}

.semtable_guide {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.semtable th {
  vertical-align: middle;
  color: white;
  background-color: #1a2a51;
  padding: 10px;
  border: solid 1px #777;
}

.semtable td {
  vertical-align: middle;
}

.number {
  width: 3%;
}

.thName {
  width: 20%;
}

.thTop {
  width: 5%;
}

.koushi_name {
  width: 26%;
}

.news {
  width: 6%;
}

.day {
  width: 9%;
}

.seminar_name {
  width: 30%;
}

.seminar_name a {
  font-size: 17px;
  font-weight: 600;
}

.seminar_name.small a {
  font-size: 13px;
}

.seminar_name a:hover {
  opacity: 0.5;
  transition: 0.2s;
}

.rightLine,
.thBottom {
  font-size: 0.6em;
  width: 6%;
}

.redBack {
  color: #fff;
  background-color: #6d1a0b;
}

.buleBack {
  color: #fff;
  background-color: #1a2a51;
}

.yellowBack {
  color: #fff;
  background-color: #867e3b;
}

.greenBack {
  color: #fff;
  background-color: #3b8651;
}

#topic .number {
  width: 3% !important;
}

#topic .news {
  width: 5.5% !important;
}

#topic .seminar_name {
  width: 29.5% !important;
}

#topic .day {
  width: 19% !important;
}

#topic .koushi_name {
  width: 25.5% !important;
}

#topic .rightLine,
.thBottom {
  width: 6% !important;
}

#topic .bg_online2 {
  background-color: rgb(243, 214, 207) !important;
  width: 7%;
}

#topic .bg_syugo2 {
  background-color: rgb(231, 231, 188) !important;
  width: 7%;
}


.eme {
  font-size: 1.4em;
  color: rgb(253, 26, 26);
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.emergency {
  padding: 5px 2em 5px 5px;
  border: 5px solid rgb(253, 26, 26);
  margin-top: 30px;
  margin-bottom: 40px;
}

#emergency {
  padding: 5px;
  border: 5px solid rgb(253, 26, 26);
  margin-bottom: 40px;
}

#emergency p {
  font-size: 20px;
  color: rgb(253, 26, 26);
  line-height: 1.5em;
  text-indent: -18px;
  padding: 0px 6px 5px 18px;
  font-weight: normal;
}

/* 2025年バージョン */
/* .btn-flat-border {
  display: inline-block;
  padding: 1.5em 5em;
  text-decoration: none;
  color: #1a2a51;
  border: solid 2px #1a2a51;
  background: #fff;
  border-radius: 3px;
  transition: .4s;
  font-size: 20px;
  width: 580px;
} */

@media screen and (max-width: 600px) {
  .btn-flat-border {
    width: 100%;
    max-width: 560px;
    padding: 1.5em 1em;
  }
}

@media screen and (max-width: 414px) {
  .btn-flat-border {
    padding: 1.5em 1em;
  }
}

/* 2025年バージョン */
/* .btn-flat-border:hover {
  background: #1a2a51;
  color: white;
  opacity: 1.0 !important;
} */

.btn-flat-border {
  display: inline-block;
  padding: 1.5em 5em;
  text-decoration: none;
  border-radius: 3px;
  transition: .4s;
  font-size: 20px;
  width: 650px;
  background: #1a2a51;
  color: #fff;
  border: solid 2px #1a2a51;
}

.btn-flat-border-small:hover {
  background: #fff;
  color: #1a2a51;
  opacity: 1.0 !important;
}

.btn-flat-border-small {
  display: inline-block;
  padding: 1.2em 4.5em;
  text-decoration: none;
  border-radius: 3px;
  transition: .4s;
  font-size: 16px;
  width: 650px;
  background: #1a2a51;
  color: #fff;
  border: solid 2px #1a2a51;
}

.btn-flat-border:hover {
  background: #fff;
  color: #1a2a51;
  opacity: 1.0 !important;
}

.btn-flat-border-enji {
  display: inline-block;
  padding: 1.5em 5em;
  text-decoration: none;
  border-radius: 3px;
  transition: .4s;
  font-size: 20px;
  width: 650px;
  background: #b01030;
  color: #fff;
  border: solid 2px #b01030;
}

.btn-flat-border-enji:hover {
  background: #fff;
  color: #b01030;
  opacity: 1.0 !important;
}

.btn-flat-border-midori {
  display: inline-block;
  padding: 1.5em 5em;
  text-decoration: none;
  border-radius: 3px;
  transition: .4s;
  font-size: 20px;
  width: 650px;
  background: #226f07;
  color: #fff;
  border: solid 2px #226f07;
}

.btn-flat-border-midori:hover {
  background: #fff;
  color: #226f07;
  opacity: 1.0 !important;
}


.btn-flat-border2 {
  display: inline-block;
  padding: 0.8em 5em;
  text-decoration: none;
  color: #1a2a51;
  border: solid 2px #1a2a51;
  background: #fff;
  border-radius: 3px;
  transition: .4s;
  margin: 30px 0;
}


.btn-flat-border2:hover {
  background: #1a2a51;
  color: white !important;
}

.btn-flat-border3 {
  display: inline-block !important;
  padding: 0.8em 5em;
  text-decoration: none !important;
  color: #1a2a51 !important;
  border: solid 2px #1a2a51 !important;
  background: #fff !important;
  border-radius: 3px !important;
  transition: .4s !important;
  margin: 10px 0 !important;
}


.btn-flat-border3:hover {
  background: #1a2a51 !important;
  color: white !important;
}


.case {
  color: #fff;
  background-color: #1a2a51;
  padding: 2px 10px;
}

.jirei {
  text-align: left;
  margin-bottom: 40px;
  border-bottom: 1px solid #1a2a51;
}

.jirei_title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
  border-bottom: #1a2a51 2px dotted;
}

.jirei_title_mou {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  border-bottom: #1a2a51 2px dotted;
}

.author {
  text-align: right;
  font-size: 14px;
  background-color: #cddae7;
  padding-top: 10px;
  padding-right: 10px;
}

.jirei_title span {
  font-size: 90%;
}

.jirei_body2 .title {
  font-size: 26px;
  padding: 10px;
  text-align: center;
  color: #fff;
  background-color: #6d1a0b;
  filter: drop-shadow(0px 4px 5px rgba(73, 81, 114, 1.6));
}

.jirei_body2 .case {
  color: #fff;
  background-color: #6d1a0b;
  padding: 2px 10px;
}

.jirei_body2 .author {
  text-align: right;
  font-size: 14px;
  background-color: #e7cdd6;
  padding-top: 10px;
  padding-right: 10px;
}

.jirei_body2 .jirei_title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
  border-bottom: #6d1a0b 2px dotted;
}

.jirei_body3 .title {
  font-size: 26px;
  padding: 10px;
  text-align: center;
  color: #fff;
  background-color: #867e3b;
  filter: drop-shadow(0px 4px 5px rgba(73, 81, 114, 1.6));
}

.jirei_body3 .case {
  color: #fff;
  background-color: #867e3b;
  padding: 2px 10px;
}

.jirei_body3 .author {
  text-align: right;
  font-size: 14px;
  background-color: #dce7cd;
  padding-top: 10px;
  padding-right: 10px;
}

.jirei_body3 .jirei_title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
  border-bottom: #867e3b 2px dotted;
}

.text_knowledge_caution {
  list-style: none;
  display: inline-block;
  margin-bottom: 20px;
}

.text_knowledge_caution li {
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 5px;
}

.text_knowledge_caution a {
  font-size: 15px;
}

.text_knowledge_caution li span {
  font-weight: 600;
  font-size: 12px;
}

.inline_knowledge_student {
  display: inline-block;
  width: 47%;
  text-align: justify;
  text-align-last: left;
  margin: 30px 10px 0;
  padding: 5px;
  border-bottom: 2px dashed #1a2a51;
}

.inline_knowledge1 {
  display: inline-block;
  width: 70%;
  text-align: justify;
  text-align-last: left;
  padding: 5px;
}

.inline_knowledge2 {
  display: inline-block;
  width: 28%;
  padding: 5px;
  margin: 5% 0;
}

.knowledge_subtitle {
  color: #1a2a51;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 2px solid #1a2a51;
}

.knowledge_space {
  padding: 0.5em 1em;
  margin: 2em 0;
  color: #1a2a51;
  /*文字色*/
  background-color: #d8ecf5;
  border: solid 3px #1a2a51;
  /*線*/
  border-radius: 10px;
  /*角の丸み*/
}

.knowledge_space li:nth-of-type(1) {
  margin: 0 44%;
}

.knowledge_table ul {
  margin: 10px 0 20px;
}

.knowledge_list {
  display: inline-block;
  width: 49%;
  text-align: center;
  padding: 5px;
  font-size: 14px;
  margin-top: 5px;
  color: #263153;
  background-color: #d8ecf5;
}

.knowledge_subtitle2 {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-weight: bold;
}

.inline_knowledge_list td {
  width: 25%;
  padding: 10px 20px;
}

.inline_knowledge_list th {
  width: 50%;
  color: white;
  background: #1a2a51;
}

.inline_knowledge_list {
  display: inline-block;
  width: 49%;
  text-align: justify;
  text-align-last: left;
  margin-top: 30px;
  padding: 5px;
  border-bottom: 2px dashed #1a2a51;
}

.th_center th {
  padding: 10px 100px;
  color: #010512;
  background-color: #d8ecf5;
}

.knowledge_bgcolor {
  background-color: #d8ecf5;
}

.knowledge_mg120 {
  margin: 0 120px;
}

.mg_60 {
  margin: 0 60px;
}

.mg_120 {
  margin: 0 120px;
}



#management .management_table table tr th {
  border: 0px;
}

#management .management_table table tr td {
  border: 1px solid #9ea0a3;
  width: 46%;
}

@media screen and (max-width: 520px) {
  #management .management_table .pc_screen table {
    display: none;
  }
}

@media screen and (min-width: 520px) {
  #management .management_table .sma_screen table {
    display: none;
  }
}

#management .management_table table tr .ma_main_title {
  border: 1px solid #9ea0a3;
  color: white;
  background-color: #1a2a51;
  padding: 5px;
  text-align: center;
}

#management .management_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}

#management .management_flex ul {
  width: 100%;
  max-width: 390px;
}

#management .management_flex ul li {
  padding-left: 0.5em;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 2em;
}

.management_textbox {
  padding: 0.5em 1em;
  margin: 1em 0;
  font-size: 1.1em;
  color: #1a2a51;
  background: #FFF;
  border: solid 2px #1a2a51;
  border-radius: 10px;
}

.management_textbox p {
  margin: 0;
  letter-spacing: -1.3px;
  text-align: center;
}

@media screen and (max-width: 520px) {
  .management_textbox p {
    text-align: left;
  }
}

.image_memo {
  color: #ff5500;
  background-color: #f8f5e2;
  padding: 10px;
  border: 2px solid #1a2a51;
  font-size: 1.2em;
}


.solution_textbox li {
  letter-spacing: -1.2px;
  margin-bottom: 5px;
}

.solution_textbox p {
  margin: 10px 0 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .mg_tp50 {
    margin-top: 50px;
  }
}

.solution_textbox p span {
  border-bottom: 2px solid;
}

.solution_textbox .textbox_left {
  display: inline-block;
  text-align: left;
}

.solution_textbox .textbox_left2 {
  text-align: left;
}

.textbox_left li {
  margin-top: 5px;
}

.textbox_left li:nth-of-type(1) {
  margin-top: 15px;
}

.red {
  color: #ff0000;
}

.enji {
  color: #d9053a;
}

.solution_textbox h3 {
  margin-bottom: 10px;
}

.solution_li_mg {
  margin: 10px 0 10px 15px;
  /* display: inline-block; */
  /* flex-wrap: wrap; */
  /* justify-content: space-around; */
}

@media screen and (max-width: 414px) {
  .solution_li_mg {
    margin: 10px 0 10px;
  }
}

.evaluation_flex {
  margin: 10px 0 10px 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

@media screen and (max-width: 414px) {
  .evaluation_flex {
    margin: 10px 0 10px;
  }
}

#evaluation ul li {
  background-color: #fff !important;
}

.danraku {
  margin-left: 15px;
}

.solution_p p {
  margin-left: 15px;
}

.solution_management_bg li {
  margin-bottom: 15px;
}

.solution_management_bg li span {
  color: #fff;
  background-color: #1a2a51;
  padding: 3px 10px;
  border-radius: 10px;
}

.solution_management_title {
  width: 100%;
  background-color: rgb(233, 233, 92);
  padding: 10px 20px;
}

.solution_management_title h3 {
  color: #1a2a51;
  font-size: 24px;
}

.custom_subtitle {
  color: #fff;
  background-color: #1a2a51;
  padding: 3px 10px;
  border-radius: 10px;
}

.total td {
  color: #fff;
  background-color: #1a2a51;
  padding: 10px 10px;
}

.interview_h2 {
  color: #fff;
  background-color: #1a2a51;
  padding: 10px 10px;
  margin-bottom: 10px;
  margin-top: 70px;
  border-radius: 10px;
}

.interview_main p {
  text-align: left;
  margin: 10px 0 30px;
  color: #fff;
  background-color: #919191;
  padding: 10px;
}

table .day:empty {
  background-color: #fff;
  /* 背景色 */
  background-image: linear-gradient(-45deg, transparent 50%, #1a2a51 49%, #1a2a51 51%, transparent 51%, transparent);
}

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

.square {
  margin: 30px 0;
  border: dashed 2px #1a2a51;
  padding: 20px;
}

.error_p h1 {
  color: #1a2a51;
  font-size: 30px;
  margin: 200px 0;
  padding: 20px;
  text-align: center;
  background-color: #fff;
}

.inline_block {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  margin-left: 15px;
}

@media screen and (max-width: 768px) {
  .inline_block {
    width: 100%;
    margin-left: 0;
  }
}

.inline_block_3 {
  display: inline-block;
  width: 460px;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
  .inline_block_3 {
    width: 330px;
  }
}

@media screen and (max-width: 414px) {
  .inline_block_3 {
    width: 375px;
  }
}

@media screen and (max-width: 375px) {
  .inline_block_3 {
    width: 315px;
  }
}

@media screen and (max-width: 360px) {
  .inline_block_3 {
    width: 280px;
  }
}

.inline_block_3>ul>li {
  height: 100px;
}

@media screen and (max-width: 768px) {
  .inline_block_3>ul>li {
    height: 140px;
  }
}

@media screen and (max-width: 360px) {
  .inline_block_3>ul>li {
    height: 170px;
  }
}

.mt_extra {
  margin-top: 90px;
}

@media screen and (max-width: 768px) {
  .mt_extra {
    margin-top: 130px;
  }
}

@media screen and (max-width: 767px) {
  .extra_img img {
    display: none;
  }
}

.inline_block_4 {
  display: inline-block;
  width: 200px;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
  .inline_block_4 {
    width: 95%;
  }
}

.inline_block_img {
  display: inline-block;
  width: 50px;
  vertical-align: middle;
}

.memo_mini {
  margin: 30px 0;
  font-weight: 600;
}

/* #cancel {
  padding-bottom: 50px;
} */
#cancel h2 {
  margin-bottom: 20px;
}

#cancel ul {
  text-align: left;
  margin-top: 10px;
}

#cancel .ma {
  margin-bottom: 5px;
}

.bg_white {
  background-color: #fff !important;
}

.corona_news {
  padding: 10px 0 0;
}

.corona_news p {
  text-align: center;
  font-size: 1.5em;
}

.corona_news p span {
  text-align: center;
  font-size: 0.7em;
}

.corona_news p a {
  color: #ff0000;
}

.corona_news a:hover {
  transition: 0.2s;
  opacity: 0.5;
}

.color_red {
  color: #ff0000;
  font-weight: 600;
}

.dot_circle_1 {
  padding: 10px 10px 10px 20px;
  border: dashed 2px #26cec0;
  margin: 10px 0 20px;
  vertical-align: middle;
}

.dot_circle_1 span {
  color: #ff0000;
}

.dot_circle_2 {
  padding: 10px 10px 10px 20px;
  border: dashed 2px #eb39bf;
  margin: 10px 0 20px;
}

.dot_circle_2 span {
  color: #ff0000;
}

.management_subtitle {
  padding: 5px;
  color: #ff0000;
  background-color: #f6f876;
  border: 2px solid #fa9537;
  text-align: center;
  border-radius: 15px;
}

@media screen and (max-width: 414px) {
  .management_subtitle {
    text-align: left;
    padding: 5px 5px 5px 15px;
  }
}

.management_subtitle_1 {
  padding: 5px;
  color: #fff;
  background-color: #26cec0;
  text-align: center;
}

.management_subtitle_2 {
  padding: 5px;
  color: #fff;
  background-color: #eb39bf;
  text-align: center;
}

.bg_yellow {
  color: #484d02;
  background-color: #feffa7;
}

.bg_pink {
  color: #860961;
  background-color: #f5e3f8;
}

.td_type1 {
  color: #fff;
  background-color: #1a2a51;
}

.td_type2 {
  width: 25%;
  vertical-align: middle;
  font-weight: 600;
}

.td_type3 {
  text-align: left;
  vertical-align: middle;
}

.table_middle {
  color: #ff0000;
  border: 2px solid #1a2a51;
  padding: 5px;
  margin: 30px 0;
  font-size: 2.5em;
}

@media screen and (max-width: 768px) {
  .table_middle {
    font-size: 1.4em;
  }
}

.main_solution_student_mintitle {
  margin-top: 50px;
  font-size: 1.5em;
  color: #1a2a51;
}

@media screen and (max-width: 414px) {
  .main_solution_student_mintitle {
    font-size: 1.1em;
  }
}

.main_solution_student_mintitle span {
  font-size: 0.8em;
}

.indent {
  padding-left: 2em;
}

#green_title p {
  font-size: 1.2em;
  color: #026850;
  border-bottom: 2px solid #026850;
  background: -moz-linear-gradient(left, #cbfadd, #FFF);
  background: -webkit-linear-gradient(left, #cbfadd, #FFF);
  background: linear-gradient(to right, #cbfadd, #FFF);
  padding: 3px 5px 1px 5px;
  border-radius: 10px 0 0 0;
}

@media screen and (max-width: 414px) {
  #green_title p {
    font-size: 1em;
  }
}

#blue_title p {
  font-size: 1.2em;
  color: #024868;
  border-bottom: 2px solid #024868;
  background: -moz-linear-gradient(left, #cbeffa, #FFF);
  background: -webkit-linear-gradient(left, #cbeffa, #FFF);
  background: linear-gradient(to right, #cbeffa, #FFF);
  padding: 3px 5px 1px 5px;
  border-radius: 10px 0 0 0;
}

@media screen and (max-width: 414px) {
  #blue_title p {
    font-size: 1em;
    letter-spacing: -0.5px;
  }
}

#pink_title p {
  font-size: 1.2em;
  color: #860961;
  border-bottom: 2px solid #860961;
  background: -moz-linear-gradient(left, #f4cbfa, #FFF);
  background: -webkit-linear-gradient(left, #f4cbfa, #FFF);
  background: linear-gradient(to right, #f4cbfa, #FFF);
  padding: 3px 5px 1px 5px;
  border-radius: 10px 0 0 0;
}

@media screen and (max-width: 414px) {
  #pink_title p {
    font-size: 1em;
  }
}

#pink_title h4 {
  color: #860961;
}

.management_top_list li {
  letter-spacing: -0.5px;
}

.solution_textbox h4 {
  margin-top: 30px;
  text-align: left;
}

.indent span {
  color: #eb4b80;
  font-weight: 600;
  border-bottom: 1px solid #eb4b80;
}

.title span {
  font-size: 0.7em;
  vertical-align: text-top;
}

.impact {
  font-size: 1.2em;
  font-weight: 600;
  color: #ff0000;
}

.top_th {
  color: #484d02;
  background: #feffa7;
  vertical-align: middle;
  font-size: 1.4em;
}

.first_td {
  color: #fff;
  background: #1a2a51;
  vertical-align: middle;
}

.ver_middle td {
  vertical-align: middle;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .ver_middle td {
    display: inline-block;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .ver_middle td:nth-child(2n+1) {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .ver_middle th {
    display: inline-block;
    width: 100%;
  }
}

.ver_middle_center td {
  vertical-align: middle;
  text-align: center;
}

@media screen and (max-width: 414px) {
  .ver_middle_center td {
    font-size: 0.8em;
  }
}

.ver_middle_center2 th {
  vertical-align: middle;
  text-align: center;
}

.ver_middle_center2 .td_no1 {
  vertical-align: middle;
  text-align: center;
  width: 6%;
  height: 60px;
  font-size: 0.75em;
}

.ver_middle_center2 .td_no2 {
  vertical-align: middle;
  text-align: center;
  width: 20%;
}

.ver_middle_center2 .td_height1 {
  height: 300px;
}

.ver_middle_center2 .td_height2 {
  height: 360px;
}

.ver_middle_center2 .td_height3 {
  height: 460px;
}

.ver_mid {
  vertical-align: middle !important;
}

.main_td {
  width: 50%;
  letter-spacing: -0.5px;
}

.pickup_td {
  border: 2px solid #004ea2;
  padding: 5px;
  color: #004ea2;
  background-color: #e7f5fc;
  font-size: 1.4em;
  text-align: center;
}

/* .bg_td {
  background-color: #eee;
} */
.table_relative {
  position: relative;
}

.table_absolute1 {
  position: absolute;
  top: 230px;
  left: 80px;
}

.table_absolute2 {
  position: absolute;
  top: 300px;
  left: 155px;
}

.table_absolute3 {
  position: absolute;
  top: 430px;
  left: 80px;
}

.table_absolute4 {
  position: absolute;
  top: 580px;
  left: 310px;
}

.table_absolute5 {
  position: absolute;
  top: 650px;
  left: 67px;
}

.table_absolute6 {
  position: absolute;
  top: 750px;
  left: 160px;
}

.table_absolute7 {
  position: absolute;
  top: 890px;
  left: 80px;
}

.table_absolute8 {
  position: absolute;
  top: 960px;
  left: 80px;
}

.table_absolute9 {
  position: absolute;
  top: 1035px;
  left: 160px;
}

.table_absolute10 {
  position: absolute;
  top: 1090px;
  left: 80px;
}

.table_absolute11 {
  position: absolute;
  top: 1150px;
  left: 67px;
}

.table_absolute12 {
  position: absolute;
  top: 1240px;
  left: 345px;
}

.management_memo {
  font-size: 1.1em;
  padding: 10px 20px;
  border: 2px solid #1a2a51;
  background-color: #f5f7fd
}

.letter_space_1 {
  letter-spacing: -1px;
}

@media screen and (max-width: 375px) {
  .padding_space {
    padding: 0 20px;
  }
}

.main_extra {
  width: 100%;
  margin-top: 50px;
}

.glaf_seen1 img {
  width: 75%;
}

@media screen and (max-width: 768px) {
  .glaf_seen1 {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .glaf_seen2 {
    display: none;
  }
}

.glaf_seen2 img {
  width: 100%;
}

.next_page {
  font-size: 1.2em;
  padding-bottom: 20px;
}

.next_page a {
  border-bottom: 1px solid #1a2a51;
}

.next_page a:hover {
  opacity: 0.5;
  transition: 0.2s;
}

.management_contents_main_mg .management_contents_main {
  max-width: 600px;
  margin: 0 auto;
}

.management_contents_main_mg .management_contents_main p {
  margin-top: 5px;
}

@media screen and (max-width: 414px) {
  .management_contents_main p:nth-of-type(2) {
    letter-spacing: -1px;
  }
}

.management_contents_main span {
  text-align: right;
}

@media screen and (max-width: 414px) {
  .management_contents_main span {
    display: none;
  }
}

/* .management_contents_main p:nth-child(4) {
  margin-bottom: 5px;
} */
.management_contents {
  margin-left: 30px;
  text-align: left;
}

.management_contents_main p a:hover {
  opacity: 0.5;
  transition: 0.2s;
}

.management_contents ul li:nth-of-type(2n+1) {
  background-color: #fff;
  padding: 0px 5px;
}

@media screen and (max-width: 414px) {
  .management_contents ul li:nth-of-type(2n+1) {
    font-size: 0.9em;
  }
}

.management_contents ul li:nth-of-type(2n) {
  /* background-color: #eee; */
  padding: 0px 5px;
}

@media screen and (max-width: 414px) {
  .management_contents ul li:nth-of-type(2n) {
    font-size: 0.9em;
  }
}

.mini_moji {
  font-size: 0.8em !important;
}

.mini_moji2 {
  font-size: 0.6em !important;
}

.moji_big {
  font-size: 1.2em !important;
}

.indent {
  padding-left: 2em;
}

.color_red2 {
  color: rgb(253, 26, 26);
}

.webseminar_topic a {
  color: #e71313;
}

.webseminar_topic ol li {
  margin-top: 10px;
}

#conceptli {
  margin: 30px 0;
  border: dashed 2px #1a2a51;
  padding: 20px;
}

.conceptli {
  margin: 30px 0;
  padding: 20px;
  background: #eeeeee;
}

#conceptli li {
  font-weight: 600;
  color: #1a2a51;
}

#conceptli li:nth-of-type(2n) {
  color: #6d1a0b;
}

.number_web {
  width: 5%;
}

.seminar_name_web {
  width: 30%;
}

.day_web {
  width: 10%;
}

.place_web {
  width: 25%;
}

.participation_web {
  width: 25%;
}

.inline_left {
  display: inline-block;
  text-align: left;
}

.teacher {
  text-decoration: underline;
}

.indent_while {
  margin-left: 1.1em;
}

.pb30 {
  padding-bottom: 30px;
}

.letter_space_2 {
  letter-spacing: -1.5px;
}

.sdbox_pd {
  padding: 20px;
}

.sdforum_tantou {
  width: 24%;
}

.bg_online1 {
  background-color: rgb(240, 84, 45) !important;
  width: 7%;
}

.bg_online2 {
  background-color: rgb(243, 214, 207) !important;
  width: 7%;
}

.bg_syugo1 {
  color: rgb(53, 53, 53) !important;
  background-color: rgb(241, 245, 35) !important;
  width: 7%;
}

.bg_syugo2 {
  background-color: rgb(231, 231, 188) !important;
  width: 7%;
}

.online_width {
  width: 90px;
}

.ver_top {
  vertical-align: top !important;
}

.hiyou_danraku li {
  letter-spacing: -1px;
  padding-left: 1em !important;
  text-indent: -1em !important;
}

.announcement {
  background: #fff;
}

.announcement a {
  text-align: center;
}

.announcement table {
  margin-bottom: 0px !important;
}

.announcement table th {
  color: #fff;
  background: #1a2a51;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #9ea0a3;
}

.announcement_enji table th {
  color: #fff;
  background: #b01030;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #9ea0a3;
}

.announcement table td {
  padding: 10px;
  text-align: center;
  border: 1px solid #9ea0a3;
  background: #fff;
  vertical-align: middle;
}

.announcement_enji table td {
  padding: 10px;
  text-align: center;
  border: 1px solid #9ea0a3;
  background: #fff;
  vertical-align: middle;
}

.width1000 {
  width: 1000px;
  text-align: center;
  margin: 0 auto 0px;
  display: block;
}

@media screen and (max-width: 1024px) {
  .width1000 {
    width: 100%;
    padding: 5px;
  }
}

.width1200 {
  width: 1200px;
  text-align: center;
  margin: 0 auto 0px;
  display: block;
}

@media screen and (max-width: 1024px) {
  .width1200 {
    width: 100%;
    padding: 5px;
  }
}

.width1600 {
  max-width: 1600px;
  width: 100%;
  text-align: center;
  margin: 0 auto 0px;
  display: block;
}

@media screen and (max-width: 1024px) {
  .width1400 {
    width: 100%;
    padding: 5px;
  }
}

@media print {
  .width1600 {
    max-width: 1200px;
    width: 100%;
    text-align: center;
    margin: 0 auto 0px;
    display: block;
  }
}

.main_solution_student .while_target li span {
  padding: 3px 5px;
  background: #1a2a51;
  color: #fff;
  border-radius: 10px;
}

.cose_exhibit {
  margin-top: 30px;
  font-weight: 600;
  font-size: 1.2em;
}

.cose_exhibit span {
  font-size: 1.4em;
}

.cose_outline {
  margin-top: 20px;
}

.registration .cose_outline:nth-of-type(2) {
  border: 2px solid #f2a77c;
  border-radius: 20px;
  padding: 0 0 5px 0;
}

.cose_outline .type1 {
  color: #333;
  background: #f2a77c;
  font-weight: 600;
  padding: 10px;
  border-radius: 15px 15px 0 0;
}

.cose_back1 {
  background: #f2a77c;
  color: #333;
}

.registration .cose_outline:nth-of-type(3) {
  border: 2px solid #eff0a0;
  border-radius: 20px;
  padding: 0 0 5px 0;
}

.cose_outline .type2 {
  color: #333;
  background: #eff0a0;
  font-weight: 600;
  padding: 10px;
  border-radius: 15px 15px 0 0;
}

.cose_back2 {
  background: #eff0a0;
  color: #333;
}

.registration .cose_outline:nth-of-type(4) {
  border: 2px solid #acd491;
  border-radius: 20px;
  padding: 0 0 5px 0;
}

.cose_outline .type3 {
  color: #333;
  background: #acd491;
  font-weight: 600;
  padding: 10px;
  border-radius: 15px 15px 0 0;
}

.cose_back3 {
  background: #acd491;
  color: #333;
}

.registration .cose_outline:nth-of-type(5) {
  border: 2px solid #f7ac00;
  border-radius: 20px;
  padding: 0 0 5px 0;
}

.cose_outline .type4 {
  color: #333;
  background: #f7ac00;
  font-weight: 600;
  padding: 10px;
  border-radius: 15px 15px 0 0;
}

.registration .cose_outline:nth-of-type(6) {
  border: 2px solid #F2B9C4;
  border-radius: 20px;
  padding: 0 0 5px 0;
}

.cose_outline .type5 {
  color: #333;
  background: #F2B9C4;
  font-weight: 600;
  padding: 10px;
  border-radius: 15px 15px 0 0;
}

.cose_back4 {
  background: #f7ac00;
  color: #333;
}

.cose_back5 {
  background: #F2B9C4;
  color: #333;
}



.cose_outline h3 {
  font-size: 1.4em;
}

.cose_outline p {
  font-size: 1.1em;
  padding: 10px 20px;
}

.while_target li p {
  font-weight: 300 !important;
  padding-left: 2.3em !important;
  text-indent: -1em !important;
  line-height: 20px;
}

.header_sub_title {
  color: #fff;
  font-weight: 600;
  margin-top: 20px;
}

.enquate_flex {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1024px) {
  .enquate_flex {
    display: inline-block;
  }
}

.enquate_flex li {
  margin: 0 1em;
}

.enquete_center {
  display: inline-block;
  text-align: center;
}

/* evaluation_index.php */

/* socialmedia_square */
#socialmedia .information {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

#socialmedia .socialmedia_square {
  border: 1px solid #0093cf;
  padding: 15px 25px;
}

#socialmedia .socialmedia_square h2 {
  color: #0093cf;
  font-size: 1.6em;
  text-align: center;
}

#socialmedia .socialmedia_square p {
  margin-top: 5px;
  font-size: 1.2em;
}

#socialmedia .socialmedia_main {
  padding: 5px 0 50px;
}

#socialmedia .socialmedia_contents {
  margin: 30px 0;
}

#socialmedia .socialmedia_contents ul li {
  margin-top: 10px;
  font-size: 1.4em;
  text-align: left !important;
}

#socialmedia h2 {
  text-align: center;
}

#socialmedia .socialmedia_inline {
  display: inline-block;
  width: 48%;
  padding: 15px;
  border: 1px solid #7f7f7f;
  letter-spacing: -0.8px;
  margin-top: 10px;
}

@media screen and (max-width: 540px) {
  #socialmedia .socialmedia_inline {
    width: 100%;
  }
}

.cose_outline_list {
  text-align: left;
  display: block !important;
  margin: 0 20px !important;
  padding-left: 1em;
  text-indent: -1em;
  padding-bottom: 20px;
}

.inline_2 {
  display: inline-block;
  width: 48%;
  text-align: left;
  margin-top: 10px;
  vertical-align: top;
}

@media screen and (max-width: 540px) {
  .inline_2 {
    width: 100%;
  }
}

.inline_3 {
  display: inline-block;
  width: 33%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 30px;
  vertical-align: top;
}

@media screen and (max-width: 540px) {
  .inline_3 {
    width: 100%;
  }
}

.inline_4 {
  display: inline-block;
  width: 25%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 30px;
  vertical-align: top;
}

@media screen and (max-width: 540px) {
  .inline_4 {
    width: 48% !important;
  }
}

.inline_2 h3 {
  background: linear-gradient(transparent 60%, #eee 70%);
}

.inline_4 {
  display: inline-block;
  width: 24%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 30px;
  vertical-align: top;
}

.button_out {
  pointer-events: none;
}

.red_color {
  color: #ff0000 !important;
}

.spe_flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.spe_flex img {
  margin: 5px 10px;
}

.specialty_top {
  font-size: 1.2em;
}

.spe_red_area {
  padding: 10px 20px;
  background-color: #ffeeef;
}

.spe_red_area .blue_title {
  font-size: 1.2em;
  font-weight: 600;
  color: #263153;
}

.spe_red_area ul li {
  color: #ff0000;
  font-size: 1.2em;
  font-weight: 600;
}

.spe_table table tr {
  border: none;
}

.spe_table table tr th {
  border: none;
  width: 10%;
}

.spe_table table tr td {
  border: none;
  text-align: left;
  padding: 0;
}

.spe_join_table table tr th {
  color: #fff;
  background-color: #1a2a51;
}

.sd_table table th {
  color: #fff;
  background-color: #1a2a51;
  text-align: center;
}

/* .sd_table table tr:nth-of-type(2n+1) {
  background-color: #eee;
} */

.ondemand_text {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.ondemand table {
  border: 0px;
}

.ondemand table tr td {
  border: 0px;
  text-align: left;
}

#auxiliary .title {
  font-size: 26px;
  padding: 10px;
  text-align: center;
  color: #fff;
  background-color: #40bad2;
  filter: drop-shadow(0px 4px 5px rgba(73, 81, 114, 0.5));
}

#auxiliary .while_subtitle {
  color: white;
  font-size: 1rem;
  background-color: #40bad2;
  text-align: center;
  padding: 5px;
  margin-top: 30px;
}

#auxiliary .section2 .title {
  background-color: #4297d1;
}

#auxiliary .section2 .while_subtitle {
  background-color: #4297d1;
}

#auxiliary .while_target li {
  font-weight: 400 !important;
  display: inline-block;
  text-align: left;
  width: 100%;
  text-indent: -1em;
}

#auxiliary .while_target li span {
  border-bottom: 1px solid #000;
  padding: 0;
  background: #fff;
  color: #000;
  border-radius: 0px;
  font-weight: 600;
}

#auxiliary .while_target li ul li {
  text-indent: 0em;
}

.auxiliary_cost {
  font-size: 1.2em;
}

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

#guidance {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}



#planning .title {
  font-size: 26px;
  padding: 10px;
  text-align: center;
  color: #fff;
  background-color: #da4654;
  filter: drop-shadow(0px 4px 5px rgba(73, 81, 114, 0.5));
}

#planning .while_subtitle {
  color: white;
  font-size: 1rem;
  background-color: #1a2a51;
  text-align: center;
  padding: 5px;
  margin-top: 30px;
}

#planning .section2 .title {
  background-color: #4297d1;
}

#planning .section2 .while_subtitle {
  background-color: #4297d1;
}

#planning .while_target li {
  font-weight: 400 !important;
  display: inline-block;
  text-align: left;
  width: 100%;
}

#planning .while_target li span {
  border-bottom: 1px solid #000;
  padding: 0;
  background: #fff;
  color: #000;
  border-radius: 0px;
  font-weight: 600;
}

#planning .while_target li ul li {
  text-indent: 0em;
}

/* .auxiliary_cost {
  font-size: 1.2em;
}
.auxiliary_cost span {
  border-bottom: 1px solid #000;
} */
#planning table {
  border: 1px solid #9ea0a3;
}

#planning table tr th {
  color: #fff;
  background: #1a2a51;
  padding: 7px;
  vertical-align: middle;
}

#planning table tr .topic_th {
  color: #000;
  background: #fbf7f3;
  width: 20%;
}

#planning table tr td {
  border: 1px solid #9ea0a3;
  padding: 10px;
  vertical-align: middle;
  font-size: 0.9em;
}

.fast_line {
  width: 12%;
}

.planning_table table tr td {
  font-size: 0.8em;
  line-height: 1.2em;
}

.planning_table2 table tr th {
  border: 1px solid #c9caca;
}

.planning_table2 .first {
  width: 13%;
}

.planning_table2 .second {
  width: 21%;
}

.planning_table2 .third {
  width: 45%;
}

.planning_table2 .fourth {
  width: 21%;
}

.planning_profile p span {
  font-size: 0.9em;
  line-height: 1.2em;
}

.float_right img {
  float: right;
  margin: 10px 0 0 10px;
}

.planning_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.planning_schedule {
  max-width: 780px;
}

@media screen and (max-width: 799px) {
  .planning_point {
    display: none;
  }
}

.plan_margin {
  text-align: center;
  margin: 0 auto;
}

.plan_margin2 {
  display: inline-block;
  text-align: left;
  padding: 15px;
  border: solid 3px #1a2a51;
  border-radius: 10px;
}

.surrounding table tr th {
  width: 25%;
  text-align: center;
  font-size: 1.2em;
  border: 1px solid #c9caca;
}

.surrounding table tr td {
  border: 1px solid #1a2a51;
}

.blue_plan_bg {
  background-color: #afddef;
  padding: 10px;
  line-height: 2em;
}

.table_kachou_top tr td ul li span {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic";
  color: #ff0000;
  font-weight: 600;
}

.relative {
  position: relative;
}

.main_kachou_top .relative img {
  position: absolute;
  top: 22%;
  left: 0;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .main_kachou_top .relative img {
    display: none;
  }
}

.mg_auto {
  margin: 0 auto;
  display: inline-block;
}

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

.planning_area .while_target .inline_block img {
  border: 5px solid #b5b5b6;
}



#event .main_solution_student {
  width: 100%;
  max-width: 1000px;
  text-align: center;
  margin: 0 auto 0px;
  display: block;
}

#event .event_body h2 {
  text-align: left;
  margin-top: 20px;
  width: 100%;
  background: linear-gradient(transparent 70%, #a1d3b9 70%);
}

#event ul {
  text-align: left;
}

#event table tr th {
  vertical-align: middle;
  color: #fff;
  background-color: #1a2a51;
  font-weight: 600;
  border: 1px solid #9aa8a0;
  padding: 5px 15px;
}

#event table tr td {
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}

#event table tr td p {
  text-align: left;
  display: inline-block;
}

#event table tr td span {
  font-size: 1.4em;
  font-weight: 600;
}

#event .event_p {
  font-size: 1.4em;
  text-indent: 1em;
}

#event .event_p span {
  font-weight: 600;
  color: #ff0000;
}

.event_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}

.event_flex div img {
  max-width: 400px;
  width: 100%;
}

@media screen and (max-width: 968px) {
  .event_flex div img {
    margin-top: 20px;
  }
}

.event_flex div .border_img {
  border: 2px solid #979999;
}

.event_flex table {
  min-width: 480px;
}

@media screen and (max-width: 500px) {
  .event_flex table {
    min-width: 0px;
  }
}

#enwriting .intable_kachou_top td {
  padding: 13px;
  background-color: #fff;
  height: 100%;
  letter-spacing: -0.9px;
}

#enwriting .intable_kachou_top {
  display: table;
  width: 100%;
  filter: drop-shadow(0px 4px 5px rgba(73, 81, 114, 1.6));
}

#enwriting .main_kachou_top {
  width: 800px;
  margin: 0 auto;
  display: block;
}

#enwriting .kachou_table_box {
  margin: auto;
}

#enwriting .kachou_subtitle {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 10px;
}

#enwriting .table_kachou_top td div {
  text-align: center;
  display: inline-block;
}

#enwriting .table_kachou_top td div p {
  text-align: left;
  margin: 0 auto;
}

#enwriting .table_kachou_top tr th {
  width: 20%;
}

#enwriting .table_kachou_top td {
  padding: 20px;
}

#enwriting .main_kachou_top .relative img {
  top: -6%;
}



#event .topic_box {
  border: 1px solid #dcdddd;
  padding: 10px;
}

#event .topic_point {
  color: #ff0000;
  background: #ffff00;
  padding: 0px 10px;
  border-radius: 5px;
}

#event .image_area {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

#event .event_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#event .event_flex .event_flex_area {
  width: 100%;
  max-width: 570px;
}

#event .event_flex .event_flex_comment {
  width: 100%;
  max-width: 800px;
  text-align: left;
}

#event .event_last h3 {
  text-indent: 0 !important;
}

#event .event_last ul {
  text-indent: 1em;
}

#event #exhibit table th {
  width: 50%;
}

#event .topic_box .anq {
  list-style-type: disc;
  padding-left: 2em;
}

#event .event_flex .anq_box1 {
  max-width: 400px;
  width: 100%;
}

@media screen and (max-width: 950px) {
  #event .event_flex .anq_box1 img {
    margin-top: 0px !important;
  }
}

#event .event_flex .anq_box2 {
  max-width: 550px;
  width: 100%;
}

@media screen and (max-width: 950px) {
  #event .event_flex .anq_box2 {
    max-width: 800px;
  }
}

#event .event_b {
  font-size: 1.2em;
  font-weight: 600;
}

.bg_gray {
  background-color: #dcdddd;
  padding: 10px;
}

#event .event_topic_table {
  color: #ff0000;
  background-color: #fffab6;
  font-weight: 600;
}

#event .event_topic_table td {
  border: 2px solid #ff0000;
}

#event a:hover {
  opacity: 0.5;
  transition: 0.2s;
}

.width100 {
  width: 100%;
}

.event_top_topic {
  font-size: 1.2em;
}


#seminarlist .management_contents_main a {
  color: #000;
}

#seminarlist .management_contents_main a:hover {
  transition: 0.2s;
}

#seminarlist .management_contents_main p span {
  padding: 5px 70px;
  color: #fff;
  background-color: #da4654;
  /* background-color: #000; */
  /* border-radius: 5px; */
  font-weight: 600;
  animation: flash 1s linear infinite;
}

/* @keyframes flash {
	0%,
	50%,
	100% {
		opacity: 1;
	}

	35% {
		opacity: 1;
		background: #f8b62d;
	}

	65% {
		opacity: 1;
		background: #000;
	}
} */
@media screen and (max-width: 414px) {
  #seminarlist .management_contents_main p span {
    display: inline !important;
  }
}

#seminarlist .management_contents_main p {
  padding-bottom: 5px;
}

#seminarlist .seminarlist_box {
  padding: 15px 10px 15px 70px;
  border: 1px solid #333;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

#seminarlist .seminarlist_box:hover {
  background-color: #fbf7f3;
  border: 1px solid #da4654;
  transition: 0.2s;
}

#seminarlist .seminarlist_box_day {
  font-size: 0.9em;
}

#seminarlist .seminarlist_box_limit {
  border-top: 1px solid #ccc;
  padding-top: 5px;
}

#seminarlist .seminarlist_box_topic {
  margin: 5px;
}


.ribbon20-wrapper {
  display: block;
  position: relative;
  margin: 0 auto;
}

.ribbon20 {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: white;
  background: #da4654;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}

.ribbon20:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: #da4654;
  border-radius: 5px 0 0 5px;
}

.ribbon20:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #892b38;
  border-radius: 5px 0 0 5px;
}



.guidance_link a:hover {
  opacity: 0.5;
  transition: 0.2s;
}

.main_solution_student .flex_area li {
  background-color: #fff !important;
}



#table1 {
  background-color: #f2a77c;
  font-weight: 600;
  font-size: 1.2em;
}

#table2 {
  background-color: #eff0a0;
  font-weight: 600;
  font-size: 1.2em;
}

#table3 {
  background-color: #acd491;
  font-weight: 600;
  font-size: 1.2em;
}

#table4 {
  background-color: #f7ac00;
  font-weight: 600;
  font-size: 1.2em;
}

#table5 {
  background-color: #F2B9C4;
  font-weight: 600;
  font-size: 1.2em;
}

#table6 {
  background-color: #1a2a51;
  font-weight: 600;
  font-size: 1.2em;
  color: #fff;
}

@media screen and (max-width:1601px) {
  .overflow {
    overflow: auto;
  }
}

@media screen and (min-width: 1601px) {
  .sma_slide {
    display: none;
  }
}

@media screen and (max-width: 1600px) {
  .sma_slide {
    display: block;
  }
}

.registration .flex_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}

.sd_forum_top .flex_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

.sd_forum_top .flex_area .flex_box {
  /* 2024年　max-width: 240px; */
  /* max-width: 360px; */
  width: 100%;
  padding: 10px;
  background-color: #fff;
  border: 3px solid #1a2a51;
  border-radius: 10px;
  margin: 10px;
  font-size: 0.95em;
}

.sd_forum_top .flex_area .flex_box h3 {
  margin-bottom: 10px;
  text-align: center;
}

.sd_forum_top .flex_area .flex_box h3 span {
  border-bottom: 2px solid #000;
}

.pankuzu {
  background-color: #eee;
}

.pankuzu p {
  font-size: 0.75em;
  padding: 10px 5px;
}

.pankuzu p a:hover {
  opacity: 0.5;
  transition: 0.2s;
}

.information_textarea {
  padding: 20px 30px;
  background-color: #fbf7f3;
  letter-spacing: -0.2px;
}

.information_textarea-qanda {
  padding: 20px 30px;
  background-color: #fcffd2;
  letter-spacing: -0.2px;
}

.information_textarea a {
  color: #ff0000;
  font-weight: 600;
}

.information_textarea a:hover {
  opacity: 0.5;
}

.solution_th {
  width: 10% !important;
}

@media screen and (max-width: 414px) {
  .solution_th {
    width: 100% !important;
  }
}

.solution_td_01 {
  width: 15% !important;
}

@media screen and (max-width: 414px) {
  .solution_td_01 {
    width: 100% !important;
  }
}








.dli-arrow-down {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  position: relative;
  width: 0.1em;
  height: 33em;
  background: currentColor;
  margin-top: 20px;
}

.dli-arrow-down::before {
  content: '';
  width: 0.65em;
  height: 0.65em;
  border: 0.1em solid currentColor;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: bottom left;
  position: absolute;
  left: 50%;
  bottom: -0.05em;
  box-sizing: border-box;
}





.overlay {
  /* グレーの背景 */
  position: fixed;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.5s 0s ease;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#pop-up {
  display: none;
}

#pop-up:checked+.overlay {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000D0;
  width: 100%;
}

.popWindow {
  border-radius: 5px;
  overflow: auto;
  /* スクロールバー用 */
  max-height: 100%;
  /* すき間 */
  min-width: fit-content;
  /* 横幅が広い時に白の部分が大きくならないため */
  max-width: 1040px;
  /* すき間 */
  width: 100%;
  position: fixed;
  top: 50%;
  /* 中央に */
  left: 50%;
  /* 中央に */
  transform: translate(-50%, -50%);
  /* 中央に */
  z-index: 100010;
  font-size: 16px;
  line-height: 22px;
  margin: 10px auto;
  padding: 4px 10px;
  background: #FFF;
  /* 枠の色 */
  text-align: left;
  /* 文字を中央寄せ */
  transition: all 500ms ease-in-out;
}

@media (max-width: 450px) {
  .popWindow {
    left: 5%;
    /* 中央に */
    transform: translate(-5%, -50%);
    /* 中央に */
  }
}


.popWindow .ptitle {
  font-size: 18px;
  margin: 8px;
  color: #333;
}

.popWindow .close {
  position: absolute;
  top: 8px;
  right: 10px;
  transition: all 300ms;
  font-size: 24px;
  line-height: inherit;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  padding: 2px;
}

.popWindow .close:hover {
  color: #06D85F;
}

.popWindow::-webkit-scrollbar-track {
  background: none;
}

.popWindow::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.popWindow::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 5px;
}

.clickable:hover {
  cursor: pointer;
}

@media screen and (max-width: 700px) {
  #pop-up:checked+.overlay {
    visibility: hidden;
    opacity: 0;
  }
}


#pop-up02 {
  display: none;
}

#pop-up02:checked+.overlay {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000D0;
  width: 100%;
}

#pop-up03 {
  display: none;
}

#pop-up03:checked+.overlay {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000D0;
  width: 100%;
}

#pop-up04 {
  display: none;
}

#pop-up04:checked+.overlay {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000D0;
  width: 100%;
}

#pop-up05 {
  display: none;
}

#pop-up05:checked+.overlay {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000D0;
  width: 100%;
}

#pop-up06 {
  display: none;
}

#pop-up06:checked+.overlay {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000D0;
  width: 100%;
}

#pop-up07 {
  display: none;
}

#pop-up07:checked+.overlay {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000D0;
  width: 100%;
}

#pop-up08 {
  display: none;
}

#pop-up08:checked+.overlay {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000D0;
  width: 100%;
}

#pop-up09 {
  display: none;
}

#pop-up09:checked+.overlay {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000D0;
  width: 100%;
}

#pop-up10 {
  display: none;
}

#pop-up10:checked+.overlay {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000D0;
  width: 100%;
}

#pop-up11 {
  display: none;
}

#pop-up11:checked+.overlay {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000D0;
  width: 100%;
}

#pop-up12 {
  display: none;
}

#pop-up12:checked+.overlay {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000D0;
  width: 100%;
}

/*PCでは無効（改行しない）*/
.sma {
  display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
  .sma {
    display: block;
  }
}

.exhibit_img:hover {
  opacity: 0.5;
  transition: 0.2s;
}

#custom .main_solution_student table ul li {
  background-color: #fff !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#custom .main_solution_student table ul li:nth-of-type(1) {
  margin-top: 5px;
}

@media screen and (max-width:768px) {
  #custom table {
    font-size: 0.85em;
  }
}

@media screen and (max-width:420px) {
  #custom table {
    font-size: 0.8em;
  }
}

.topic_link span {
  font-size: 1.6em;
  font-weight: 600;
  border-bottom: solid 2px;
}





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

  .top-scrollbar,
  .scroll {
    overflow-x: auto;
    overflow-y: hidden;
  }

}

/* @media screen and (min-width:1601px) {
  .top-scrollbar {
    display: none;
  }
} */

@media screen and (max-width:1700px) {
  .top-scrollbar {
    height: 20px;
  }
}


@media screen and (max-width:1700px) {
  .top-scrollbar__inner {
    width: 1700px;
    overflow-x: auto;
    overflow-y: hidden;
    height: 20px;
  }
}

@media screen and (max-width:1700px) {
  .scroll__inner {
    width: 1700px;
  }
}

#seminar .seminar_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: flex-start;
}

#seminar .seminar_flex div {
  width: 50%;
}


.guidebook_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-start;
  font-size: 0.8em;
}

.guidebook_flex ul {
  width: 100%;
  max-width: 47%;
}

@media screen and (max-width:700px) {
  .guidebook_flex ul {
    width: 100%;
    max-width: 100%;
  }
}

.guidebook_flex ul li {
  line-height: 1.2em !important;
  text-indent: -3em;
  padding-left: 3em;
}

.guidebook_flex .guide_title {
  font-size: 1.2em;
  font-weight: 600;
  margin-top: 8px;
}

#guidebook .guidebook_outline {
  text-indent: -1em;
  padding-left: 1em;
}

#guidebook .drop_shadow img {
  box-shadow: 6px 6px 6px 0px rgba(115, 115, 115, 0.4);
}

.main_solution_student .while_access ul li {
  font-size: 0.8em !important;
}

.btn-annotation {
  color: #fff;
  background-color: #1a2a51;
  border: 2px solid #1a2a51;
  padding: 0.5em 1em;
  border-radius: 10px;
  display: block;
}

.btn-annotation:hover {
  color: #1a2a51;
  background-color: #fff;
  border: 2px solid #1a2a51;
  transition: 0.2s;
}

#annotation table tr:nth-of-type(2n) {
  background-color: #eee;
}

#annotation table tr th {
  color: #fff;
  background-color: #1a2a51;
}

#annotation table tr th:nth-of-type(1) {
  width: 2%;
}

#annotation table tr th:nth-of-type(2) {
  width: 7%;
}

#annotation table tr td:nth-of-type(1) {
  text-align: center;
}

#annotation table tr td:nth-of-type(2) {
  text-align: center;
}

.seminalist_float img {
  float: right;
  margin-left: 20px;
}

.seminalist_float div p {
  margin-top: 1em;
}

.clearfix {
  clear: both;
}

.seminarlist__topic {
  font-size: 1.2em;
  border-bottom: 1px solid #ccc;
}

.sd_forum_top .flex_area .flex_box h3 .span_desc {
  border-bottom: none;
  display: inline-block;
  margin-top: 10px;
  color: #333;
}

.sd_forum_top .flex_area .flex_box h3 .span_num {
  border-bottom: none;
  color: #da4654;
  font-size: 1.6rem;
  display: inline-block;
  margin-right: 5px;
}

/* 2025 */

#table1 {
  background-color: #cccccc;
}

#table2 {
  background-color: #add8e6;
}

#table4 {
  background-color: #f0e690;
}

#table5 {
  background-color: #f7ac00;
}

#table6 {
  background-color: #1a2a51;
}

#table7 {
  background-color: #f08b95;
  font-weight: 600;
  font-size: 1.2em;
  color: #fff;
}

.registration .flex_area li .t1 {
  padding: 10px;
  background-color: #cccccc;
  border-radius: 15px;
  font-weight: 600;
  min-width: 100px;
  display: block;
  color: #333 !important;
  margin: 5px;
}

.registration .flex_area li .t1:hover {
  color: #cccccc !important;
  background-color: #333;
  opacity: 1;
}

.registration .flex_area li .t2 {
  padding: 10px;
  background-color: #add8e6;
  border-radius: 15px;
  font-weight: 600;
  min-width: 100px;
  display: block;
  color: #333 !important;
  margin: 5px;
}

.registration .flex_area li .t2:hover {
  color: #add8e6 !important;
  background-color: #333;
  opacity: 1;
}

.registration .flex_area li .t3 {
  padding: 10px;
  background-color: #acd491;
  border-radius: 15px;
  font-weight: 600;
  min-width: 100px;
  display: block;
  color: #333 !important;
  margin: 5px;
}

.registration .flex_area li .t3:hover {
  color: #acd491 !important;
  background-color: #333;
  opacity: 1;
}

.registration .flex_area li .t4 {
  padding: 10px;
  background-color: #f0e690;
  border-radius: 15px;
  font-weight: 600;
  min-width: 100px;
  display: block;
  color: #333 !important;
  margin: 5px;
}

.registration .flex_area li .t4:hover {
  color: #f0e690 !important;
  background-color: #333;
  opacity: 1;
}

.registration .flex_area .t5 {
  padding: 10px;
  background-color: #f7ac00;
  border-radius: 15px;
  font-weight: 600;
  min-width: 100px;
  display: block;
  color: #333 !important;
  margin: 5px;
}

.registration .flex_area li .t5:hover {
  color: #f7ac00 !important;
  background-color: #333;
  opacity: 1;
}

.registration .flex_area li .t6 {
  padding: 10px;
  background-color: #1a2a51;
  border-radius: 15px;
  font-weight: 600;
  min-width: 100px;
  display: block;
  color: #fff !important;
  margin: 5px;
}

.registration .flex_area li .t6:hover {
  color: #fff !important;
  background-color: #333;
  opacity: 1;
}

.registration .flex_area li .t7 {
  padding: 10px;
  background-color: #f08b95;
  border-radius: 15px;
  font-weight: 600;
  min-width: 100px;
  display: block;
  color: #fff !important;
  margin: 5px;
}

.registration .flex_area li .t7:hover {
  color: #fff !important;
  background-color: #333;
  opacity: 1;
}

.registration .flex_area.course_2025 li {
  width: 25%;
}

.registration .flex_area.course_2025 li:nth-of-type(6) {
  min-width: 220px;
}

#program .program_block {
  position: relative;
  margin-top: 10px;
  min-height: 330px;
}

#program .program_block:nth-of-type(n+3) {
  margin-top: 30px;
}

#program .program_title {
  padding: 10px 15px;
  position: relative;
  z-index: 1000;
  /* width: 60%; */
  width: 57%;
  background-color: #fff;
  border: 3px solid #1a2a51;
  border-radius: 10px;
}

#program .program_title h3 {
  font-size: 1.4em;
  color: #da4654;
}

#program .program_img {
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 200;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.semtable_2025 {
  table-layout: fixed;
}

.semtable_2025 th {
  box-sizing: border-box;
}

.semtable_2025 td {
  word-wrap: break-word;
  white-space: normal;
}

.semtable_2025 .semtable_num {
  width: 90px;
}

.semtable_2025 .semtable_date,
.semtable_2025 .semtable_style,
.semtable_2025 .semtable_next,
.semtable_2025 .semtable_capacity {
  /* width: 60px; */
  width: 100px;
}

.semtable_2025 .semtable_time {
  width: 80px;
}

.semtable_2025 .semtable_taisyou {
  /* width: 140px; */
  width: 170px;
}

.semtable_2025 .semtable_keyword {
  width: 150px;
}

/* .semtable_2025 .semtable_title {
  width: 360px;
} */

.semtable_2025 .semtable_koushi_syozoku {
  /* width: 150px; */
  width: 210px;
}

.semtable_2025 .semtable_koushi {
  width: 100px;
}

.semtable_2025 .semtable_sankou {
  width: 330px;
}


@media screen and (max-width: 768px) {
  #program .program_title {
    width: 97%;
  }

  #program .program_title h3 {
    font-size: 1.1em;
  }

  #program .program_img {
    top: 67px;
  }

  #program .ichigyou .program_img {
    top: 40px;
  }

  #program .program_block {
    min-height: 260px;
  }

  #program .ichigyou.program_block {
    min-height: 210px;
  }

  .registration .flex_area.course_2025 li {
    width: auto;
  }

  .information_textarea {
    padding: 20px 10px;
  }
}

.program_block a:hover {
  opacity: 0.6;
  transition: all 0.2s;
}

.main_solution_student .while_target li span.pc_only {
  padding: 0;
  background: none;
  border-radius: 0;
}

.white_bg.mini_moji {
  text-indent: -0.8em;
  padding-left: 0.8em !important;
}

/* PCのみ */
@media screen and (max-width: 768px) {
  .pc_only {
    display: none;
  }
}

.english_cont a {
  display: block;
  width: 330px;
  transition: all 0.3s ease;
  margin: 0 auto;
}

.english_cont a:hover {
  opacity: 0.5;
}

.survey_outline {
  padding: 20px 10px;
  background-color: #f5f5f5;
}

.indent_text {
  position: relative;
  padding-left: 17px;
}

.indent_text span {
  position: absolute;
  left: 0;
  top: 0;
}

.individual_cont_01 {
  padding: 20px 30px;
  background-color: #fbf7f3;
}

.individual_cont_02 {
  border: dashed 2px #1a2a51;
  padding: 20px;
}

#individual .red {
  position: relative !important;
}

@media screen and (max-width: 768px) {
  .individual_cont_01 {
    padding: 15px 10px;
  }

  .individual_cont_02 {
    padding: 20px 10px;
  }

  .custom_scroll {
    overflow-x: scroll;
  }

  .custom_scroll .program {
    width: 500px;
  }
}

.main_custom_student_table1 #no1 td {
  width: 40%;
}

#no1 .epi_txt {
  position: relative;
  padding-left: 70px;
  text-indent: 0;
}

#no1 .epi_txt span {
  position: absolute;
  left: 0;
  top: 0;
}

#no1 .epi_txt_2 {
  position: relative;
  padding-left: 70px;
  text-indent: 0;
}

#no1 .epi_txt_2 span {
  position: absolute;
  left: 0;
  top: 0;
}

#no1 table tr:nth-of-type(3) td {
  vertical-align: top;
}

/* .semtable_title{
  width: 300px;
} */

.program_outer {
  max-width: 1400px;
}

.semtable {
  max-width: 1500px;
  min-width: 1500px;
}

@media screen and (max-width: 1600px) {
  .top-scrollbar__inner {
    width: 1500px;
  }

  .scroll__inner {
    width: 1400px;
  }
}

/* 労務診断セミナー */
/* .page-title {
  text-align: center;
  font-size: 52px;
  margin: 70px 0;
  font-weight: 800;
  color: #1bba99;

  background: rgba(27, 186, 153, 0.08);
  padding: 30px 0;
  border-radius: 16px;

  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 2px 4px 8px rgba(27, 186, 153, 0.3);
  font-family: 'Poppins', 'Helvetica Neue', sans-serif;

  box-shadow: 0 12px 25px rgba(27, 186, 153, 0.15);
} */
.boxed-title {
  margin-top: 20px;
  background: #1a2a51;
  color: #fff;
  padding: 4px 3px;
  border: 2px solid #1a2a51;
  border-radius: 6px;
  font-size: 18px;
  font-weight: bold;
}

.schedule {
  margin-top: 20px;
  display: flex;
  gap: 20px;
  align-items: stretch;
  flex-wrap: wrap;
}

.step {
  position: relative;
  background: #f5f2e8;
  border: 2px solid #1a2a51;
  padding: 16px 20px;
  width: 180px;
  text-align: center;
  flex-shrink: 0;
}

.step::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  border-width: 20px 0 20px 20px;
  border-style: solid;
  border-color: transparent transparent transparent #1a2a51;
}

.step::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -16px;
  transform: translateY(-50%);
  border-width: 18px 0 18px 18px;
  border-style: solid;
  border-color: transparent transparent transparent #f5f2e8;
}

.step.last::after,
.step.last::before {
  display: none;
}

.date {
  background: #1a2a51;
  color: #fff;
  font-weight: bold;
  padding: 6px;
  margin-bottom: 10px;
  font-size: 13px;
}

.text {
  font-size: 14px;
  line-height: 1.5;
}


.roume-inner {
  max-width: 1100px;
  margin: 0 auto;
}


.page-title {
  margin: 70px auto;
  text-align: center;
  font-family: 'Poppins', 'Helvetica Neue', sans-serif;
  font-size: 52px;
  font-weight: 800;
  color: #0f8f74;
  background: rgba(27, 186, 153, 0.08);
  padding: 40px 20px 30px 20px;
  border-radius: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 2px 4px 8px rgba(27, 186, 153, 0.3);
  box-shadow: 0 12px 25px rgba(27, 186, 153, 0.15);
  position: relative;
}



.page-title .sub-title {
  display: block;
  font-size: 28px;
  font-weight: 700;
  margin-top: 10px;
  background: linear-gradient(90deg, #000000 40%, #FFD500 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.left-title {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  background: #0f8f74;
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
}

.left-title:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: calc(100% - 10px);
  height: 0;
  border: solid 5px transparent;
  border-bottom-color: #0b6c57;
}


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

.text-highlight {
  color: #21af70;
}

.thin-line {
  width: 100%;
  height: 2px;
  background-color: rgba(27, 186, 153, 0.4);
  margin-top: 30px;
  margin-bottom: 50px;
}

.program-item {
  margin-top: 20px;
}

.program-label {
  background-color: #39b28d;
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  padding: 6px 10px;
  display: inline-block;
  border-radius: 4px 4px 0 0;
}

.program-text {
  margin: 0;
  padding: 12px 14px;
  border: 3px solid #0f8f74;
  color: #14452a;
  font-weight: 600;
  /* border-top: none; */
  font-size: 16px;
  line-height: 2.0;
}

.seminar-table {
  width: 80%;
  border-collapse: collapse;
  font-size: 14px;
  margin: 0;
}

.seminar-table thead th {
  background: #000;
  color: #FFD500;
  padding: 12px;
  text-align: center;
  font-weight: 700;
}

.theme-col,
.theme-head {
  background: #000;
  color: #FFD500;
  font-weight: 700;
  text-align: center;
  width: 120px;
}

.seminar-table td {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-top: none;
  padding: 14px;
  vertical-align: top;
  background: #fff;
}

.seminar-table .last-row th,
.seminar-table .last-row td {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-top: none;
}


.theme-title {
  font-weight: 700;
  margin-bottom: 6px;
  color: #b20002;
  font-size: 20px;
}

.theme-text {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  font-weight: bold;
}

.summary-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  margin: 30px 0;
}

.summary-table th,
.summary-table td {
  padding: 12px 14px;
  border: 1px solid #4fb39a;
}

.summary-table th {
  width: 160px;
  background: #0f8f74;
  color: #ffffff;
  font-weight: 700;
  text-align: left;
}

.summary-table td {
  background: #ffffff;
  color: #000000;
}

.kousi-title {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  background: #e75572;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
}

.kousi-title:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: calc(100% - 10px);
  height: 0;
  border: solid 5px transparent;
  border-bottom-color: #c8435e;
}

.profile-box {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  margin: 30px 0 60px;
}

/* 画像側 */
.profile-image img {
  width: 160px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(231, 85, 114, 0.25);
}

/* テキスト側 */
.profile-text {
  flex: 1;
}

.profile-name {
  font-size: 25px;
  font-weight: 700;
  color: #e75572;
}

.profile-role {
  font-size: 14px;
  font-weight: 600;
  color: #666;
  margin-bottom: 4px;
}

.profile-description {
  font-size: 15px;
  line-height: 1.8;
  color: #333;
}

.apply-button-wrap {
  text-align: center;
  margin: 80px 0;
}

.apply-button {
  display: inline-block;
  padding: 22px 60px;
  background: linear-gradient(135deg, #1e9d5a, #4fcf8c);
  color: #ffffff;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 1px;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(231, 85, 114, 0.22);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.apply-button:hover {
  transform: translateY(3px);
  box-shadow: 0 6px 14px rgba(231, 85, 114, 0.18);
}

.apply-button:active {
  transform: translateY(4px);
  box-shadow: 0 4px 10px rgba(231, 85, 114, 0.15);
}




/* スマホ調整（roumu_seminar.php) */
@media screen and (max-width: 768px) {

  .roume-inner {
    padding: 0 16px;
  }

  .page-title {
    margin: 40px auto;
    font-size: 32px;
    padding: 25px 16px 20px;
    letter-spacing: 0.5px;
  }

  .page-title .sub-title {
    font-size: 18px;
    margin-top: 8px;
  }

  .left-title {
    font-size: 18px;
    padding: 0.3em 0.6em;
  }

  .left-title:before {
    top: -8px;
    border-width: 4px;
    width: calc(100% - 8px);
  }

  .bold-text {
    font-size: 15px;
    line-height: 1.8;
  }

  .thin-line {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .program-item {
    margin-top: 16px;
  }

  .program-label {
    font-size: 13px;
    padding: 5px 8px;
  }

  .program-text {
    font-size: 15px;
    padding: 10px 12px;
    line-height: 1.8;
  }

  /* ===== セミナーテーブル ===== */

  .seminar-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 13px;
  }

  .seminar-table thead th {
    padding: 10px 6px;
    font-size: 13px;
  }

  .theme-col,
  .theme-head {
    width: 90px;
    font-size: 13px;
  }

  .seminar-table td {
    padding: 10px;
    white-space: normal;
  }

  .theme-title {
    font-size: 14px;
  }

  .theme-text {
    font-size: 13px;
    line-height: 1.6;
  }
}

.sizeup {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .apply-button {
    display: block;
    width: 90%;
    max-width: 360px;
    margin: 0 auto;
    padding: 18px 20px;
    font-size: 18px;
    border-radius: 40px;
    text-align: center;
  }

  .apply-button:active {
    transform: translateY(3px);
    box-shadow: 0 5px 12px rgba(231, 85, 114, 0.2);
  }
}

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

  .kousi-title {
    font-size: 18px;
    padding: 0.3em 0.6em;
  }

  .kousi-title:before {
    top: -6px;
    border-width: 3px;
    width: calc(100% - 6px);
  }

  .profile-box {
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin: 20px 0 40px;
  }

  .profile-image img {
    width: 110px;
  }

  .profile-name {
    font-size: 20px;
    text-align: center;
  }

  .profile-role {
    font-size: 13px;
    text-align: center;
  }

  .profile-description {
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
  }

}

@media screen and (max-width: 768px) {
  .sizeup {
    font-size: 16px;
  }
}

/* SDフォーラム、個人申込はこちら箇所 */
.flex-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  line-height: 1.2rem;
}

.tx_left,
.tx_right {
  margin: 0;
  font-size: 1.2rem
}

.tx_right .enji {
  font-size: 1.0rem;
  font-weight: bold;
}


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

  .mini_moji,
  .enji {
    font-size: 0.8rem;
  }
}


/* 1600px以降スクロールバー自体を削除 */
@media screen and (min-width: 1601px) {
  .top-scrollbar {
    display: none !important;
  }

  .scroll,
  .top-scrollbar,
  .scroll__inner,
  .top-scrollbar__inner {
    overflow: visible !important;
    width: auto !important;
    max-width: 100%;
  }
}

/* 個人申込文字 */
.semtable td a[target="_blank"] {
  color: #d40c3e;
  font-weight: bold;
  text-decoration: underline;
}

.semtable td a[target="_blank"]:hover {
  color: #ff1a53;
}

.update-notice {
  font-weight: bold !important;
  font-size: 30px;
  text-align: center;
}

.information_textarea .red-line {
  border-bottom: 2px solid #ff0303;
}

.new-text {
  color: #ffffff;
  background-color: #ff0000;
  font-weight: bold;
  font-size: 1.1em;
  margin-left: 0.3em;
  padding: 0px 2px;
  border-radius: 3px;
}

.new-text2 {
  color: #ffffff;
  background-color: #ff0000;
  font-weight: bold;
  font-size: 1.0em;
  margin-left: 0.3em;
  padding: 0px 3px;
  border-radius: 3px;
}

.marker {
  background-color: #fff8bb;
  font-weight: bold;
  padding: 0 4px;
}