@charset "utf-8";
/* CSS Document */
body {
  margin: 0 !important;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.667;
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-text-size-adjust: 100%; /*safari対策*/
	color: #2A2C2C;
  letter-spacing: 1px;
}
* {
  box-sizing: border-box;
}
/* noto-sans-jp-300 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/noto-sans-jp-v54-japanese_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-regular - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noto-sans-jp-v54-japanese_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-500 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/noto-sans-jp-v54-japanese_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-600 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/noto-sans-jp-v54-japanese_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-700 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/noto-sans-jp-v54-japanese_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* zen-maru-gothic-300 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/zen-maru-gothic-v18-japanese_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* zen-maru-gothic-regular - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/zen-maru-gothic-v18-japanese_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* zen-maru-gothic-500 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/zen-maru-gothic-v18-japanese_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* zen-maru-gothic-700 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/zen-maru-gothic-v18-japanese_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* zen-maru-gothic-900 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/zen-maru-gothic-v18-japanese_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* zen-kaku-gothic-new-regular - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/zen-kaku-gothic-new-v17-japanese_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* zen-kaku-gothic-new-500 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/zen-kaku-gothic-new-v17-japanese_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* zen-kaku-gothic-new-700 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/zen-kaku-gothic-new-v17-japanese_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/jost-v19-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/jost-v19-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/jost-v19-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/jost-v19-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/jost-v19-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/jost-v19-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/jost-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/jost-v19-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/jost-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/jost-v19-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/jost-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/jost-v19-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/jost-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/jost-v19-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/jost-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/jost-v19-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/jost-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/jost-v19-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

h1, h2, h3, h4, h5, h6, ul, li, a, p, form, input {
  margin: 0;
  padding: 0;
  text-align: left;
}
li {
  list-style: none;
}
ul.anno {
  margin: 0 !important;
}
ul.anno li {
  padding: 0 0 5px 1.5em;
  text-indent: -1.5em;
  margin: 0 !important;
}
ul.anno.note li {
  font-size: 13px;
  font-weight: 400;
}
ul.anno li::before, ul.anno li::after {
  content: none !important;
}
img {
  vertical-align: top;
  width: 100%;
  height: auto;
  display: block;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: #080F19;
  opacity: 1;
  transition: all 0.2s linear;
}
a:hover {
  opacity: 0.6;
  transition: all 0.2s linear;
}
.cnt_none {
  display: none !important;
  visibility: hidden;
}
.pc, .pc_480, .pc_640 {
  display: inline-block !important;
  visibility: visible;
}
.sp, .sp_480, .sp_640 {
  display: none !important;
  visibility: hidden;
}
.pc_slide {
  display: block !important;
  visibility: visible;
}
.sp_slide {
  display: none !important;
  visibility: hidden;
}
@media screen and (max-width : 1200px) {
  .pc_1200 {
    display: none !important;
    visibility: hidden !important;
  }
  .sp_1200 {
    display: block !important;
    visibility: visible;
  }
}
@media screen and (max-width : 870px) {
  a:active {
    opacity: 0.6;
  }
 .sp {
    display: inline-block !important;
    visibility: visible;
  }
  .pc {
    display: none !important;
    visibility: hidden;
  }
  .sp_slide {
    display: block !important;
    visibility: visible;
  }
  .pc_slide {
    display: none !important;
    visibility: hidden;
  }
}
@media screen and (max-width : 640px) {
  .pc_640 {
    display: none !important;
    visibility: hidden !important;
  }
  .sp_640 {
    display: block !important;
    visibility: visible;
  }
}
@media screen and (max-width : 480px) {
  .pc_480 {
    display: none !important;
    visibility: hidden !important;
  }
  .sp_480 {
    display: block !important;
    visibility: visible;
  }

  #tmp_menuf_list .container ul {
    grid-template-columns: repeat(1, 1fr);
  }
}



.flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index_page h2 {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 2px;
}
.main_txt h2 {
  font-weight: 700;
  font-size: 30px;
}
h2 {
  font-weight: 500;
  font-size: 30px;
}
.fs14 {
  font-size: 14px;
}
.txt_blue {
  color: #23A4BD;
  font-weight: 500;
}
.txt_blue2 {
  color: #51BEC8;
  font-weight: 500;
}
.txt_blk {
  color: #333333;
  font-weight: 400 !important;
}
.txt_green {
  color: #6CBC64;
  font-weight: 500;
}
.txt_or {
  color: #CC7645;
  font-weight: 500;
}
.txt_or2 {
  color: #FA7158;
  font-weight: 500;
}
.bold {
  font-weight: 700;
}
.medium {
  font-weight: 500;
}
.orange_bg {
  background-color: #CC7645 !important;
}
.blue_bg {
  background: #23A4BD !important;
}
.mint_bg {
  background: #DEF1F5 !important;
}
.pink_bg {
  background: #EAE3EF !important;
}
.green_bg {
  background: #6CBC64 !important;
}
.multiply {
  mix-blend-mode: multiply;
}
.ttl_box span {
  text-align: center;
  font-size: 20px;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  display: block;
}
.btn_box {
  text-align: center;
}
.btn_box a,
.index_page .btn_box_y a {
	font-weight: 500;
	font-size: clamp(13px,1.4vw,14px);
  background-color: #FFF000;
  color: #2A2C2C;
  border-radius: 30px;
  transition: all 0.4s cubic-bezier(.19, 1, .22, 1);
  max-width: 320px;
  height: clamp(46px,5vw,50px);
  display: flex;
  text-align: center;
  justify-content: space-evenly;
  vertical-align: top;
  align-items: center;
  position: relative;
  margin: 40px auto 0;
	font-feature-settings: 'palt';
}
.btn_box.btn_h60 a {
  height: 60px !important;
}
.btn_box.btn_360 a {
  height: 60px !important;
}
.btn_box.btn_shadow a {
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  letter-spacing: 0.02em;
  max-width: clamp(325px, 36vw, 360px);
}
#tmp_cnt_box1 .btn_box a, #tmp_cnt_box2 .btn_box a, #tmp_cnt_box3 .btn_box a {
  max-width: 206px;
}
.btn_box a::after,
.index_page .btn_box_y a::after {
  position: absolute;
  content: "";
  width: 6.5px;
  height: 14px;
  background: url(images/arrow-for.svg)no-repeat center/100% auto;
  top: 50%;
  right: 22px;
  opacity: 1;
  transform: translate(0, -50%);
}
.btn_box.arrow_w a::after {
  background: url(images/arrow-forw.png)no-repeat center/100% auto;
}
.index_page .btn_box_y a::after {
  background: url(images/arrow-for.png)no-repeat center/100% auto;
}


.l_right {
  margin: 0 0 0 auto;
}
.l_left {
  margin: 0 auto 0 0;
}
a.u_line {
  position: relative;
}
a.u_line::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 0;
  height: 1px;
  background-color: #2A2C2C;
  transition: all 0.4s cubic-bezier(.19, 1, .22, 1);
}
a.u_line:hover::after {
  left: 0;
  right: auto;
  width: 100%;
  transition: all 0.4s cubic-bezier(.19, 1, .22, 1);
}
.sns_box a:hover, .overlay_in4 a:hover {
  opacity: 0.6;
  transition: all 0.4s cubic-bezier(.19, 1, .22, 1);
}
#tmp_footer a.u_line::after {
  background-color: #fff;
}
.radius_10 {
  border-radius: 10px;
}
.radius_20 {
  border-radius: 20px;
}
.radius_right10 {
  border-radius: 10px 0 0 10px;
}
.radius_left10 {
  border-radius: 0 10px 10px 0;
}
.radius_top10 {
  border-radius: 10px 10px 0 0;
}
.radius_bottom10 {
  border-radius: 0 0 20px 20px;
}
.radius_right20 {
  border-radius: 20px 0 0 20px;
}
.radius_left20 {
  border-radius: 0 20px 20px 0;
}
.radius_top20 {
  border-radius: 20px 20px 0 0;
}
.radius_bottom20 {
  border-radius: 0 0 20px 20px;
}
.shadow {
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.feature_nu {
  font-size: 11px;
  color: #2A2C2C;
  text-transform: uppercase;
}
.jost {
  font-family: 'Jost', sans-serif !important;
}
.number {
  font-size: 19px
}
#page_top {
  position: relative;
  z-index: 1001!important;
	opacity: 0
}
.page_top a {
  right: clamp(8px,2vw,30px);
  bottom: 80px;
  width: 50px;
  height: 50px;
  position: fixed;
  display: block;
  z-index: 900;
  background: url("images/page_top.png")no-repeat center/100% auto;
}


table tr:nth-child(1) {
  border-top: 1px solid #A5A4A4;
}
table tr:nth-child(1) th:last-child {
  border-right: none;
}
table th {
  border-right: 1px solid #A5A4A4;
  border-bottom: 1px solid #A5A4A4;
}
table td {
  border-left: 1px solid #A5A4A4;
  border-bottom: 1px solid #A5A4A4;
}

/* cta */
.cta-oc {
    margin: 0;
    padding: clamp(50px,10vw,100px) 25px clamp(35px,7vw,70px);
    background-color: #fff;
}
.cta-oc a {
    display: block;
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

/* indent list */
#tmp_contents ul.indent {
  margin: 0 0 30px;
  padding: 0;
}
#tmp_contents ul.indent li {
  padding: 0 0 5px 1em;
  text-indent: -1em;
  font-weight: 400;
}
/* number list */
#tmp_contents ul.number {
  margin: 0;
  padding: 0;
  counter-reset: item;
}
#tmp_contents ul.number li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
#tmp_contents ul.number li::before {
  margin-right: 0.5em;
  content: counter(item) ".";
  counter-increment: item;
}
#tmp_contents ul.number li span {
  font-size: 13px;
}
.list-step > li {
  position: relative;
}
.list-step > li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 96px;
  height: 96px;
  content: "";
}
.list-step > li:nth-child(1)::before {
  background: url("images/step1.png") no-repeat center/100% auto;
}
.list-step > li:nth-child(2)::before {
  background: url("images/step2.png") no-repeat center/100% auto;
}
.list-step > li:nth-child(3)::before {
  background: url("images/step3.png") no-repeat center/100% auto;
}
.list-step > li:nth-child(4)::before {
  background: url("images/step4.png") no-repeat center/100% auto;
}
.list-step > li:nth-child(5)::before {
  background: url("images/step5.png") no-repeat center/100% auto;
}
.list-step > li:nth-child(6)::before {
  background: url("images/step6.png") no-repeat center/100% auto;
}
.list-step > li:nth-child(7)::before {
  background: url("images/step7.png") no-repeat center/100% auto;
}
.list-step > li:nth-child(8)::before {
  background: url("images/step8.webp") no-repeat center/100% auto;
}


#tmp_contents {
  padding-top: 110px;
  overflow: hidden;
}

/*----------------------------------- index common ----------------------------------*/
.index_page .btn_box a::after {
  background: url(images/arrow-for.svg)no-repeat center/100% auto;
}
.index_page .btn_box.arrow_w a::after {
  background: url(images/arrow-forw.png)no-repeat center/100% auto;
}

/*----------------------------------- header ----------------------------------*/
#tmp_header {
  position: relative;
  z-index: 999;
}
#tmp_header .header_top {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 110px;
  background-color: #fff;
  box-shadow: 0 3px 3px 0 rgb(0 0 0 / 16%);
  display: grid!important;
  grid-template-columns: clamp(220px,22vw,320px) 1fr 110px;
  gap: clamp(12px,1.6vw,16px) clamp(12px,1.6vw,16px);
	align-items: center;
	justify-items: end;
}
#tmp_header .header_top .h_logo {
  grid-column: 1;
  grid-row: 1 / 3;
	padding: 0 0 10px 20px;
	background: linear-gradient(to right, #FFF 92%, transparent 100%);
	position: relative;
}
#tmp_header .header_top .h_logo h2 {
  position: relative;
  z-index: 5;
}
#tmp_header .header_top .h_logo::before {
	position: absolute;
	content: "";
  width: clamp(170px,20vw,200px);
  height: clamp(50px,10vw,100px);
  top: -50px;
  right: calc(0px - clamp(0px,4vw,70px));
  background: linear-gradient(to right, #FFF 80%, transparent 100%);
	z-index: 2;
}
#tmp_header .header_top .h_logo h1 {
	position: relative;
	padding: 10px 0 0;
	z-index: 3;
}
#tmp_header .header_top .h_logo img {
  width: clamp(200px,20vw,300px);
  height: auto;
}
/* nav_top */
#tmp_header .header_top ul.nav_top {
  grid-column: 1 / 3;
  grid-row: 1;
	display: flex;
  align-items: center;
  gap: 0 clamp(4px,0.4vw,6px);
  padding: 14px 0 0 0;
}

/* 多言語化 */
ul.nav_top li.lang #msta_langArea {
	padding: 0 clamp(0px,0.5vw,10px);
	position: relative;
}
ul.nav_top li.lang .selectWrapper::before {
  position: absolute;
  content: "";
  width: 9px;
  height: 5px;
  background: url(images/select_arrow.svg) no-repeat right center / 9px auto;
  top: 50%;
  right: 18px;
  transform: translate(0, -50%);
	z-index: 9;
}
ul.nav_top li.lang .selectWrapper select#langSelect {
  -webkit-appearance:none;/* 矢印非表示ベンダープレフィックス（Firefox用） */
  appearance:none;/* 矢印非表示 標準のスタイルを無効にする） */
  font-family: 'Jost', sans-serif;
	font-size: 13px;
	font-weight: 400;
	border: 0;
	border-radius: 20px;
  background: #EFEFEF url(images/lang_icon.svg) no-repeat left 13px center / 18px auto;
	padding: 10px 30px 10px 43px;
  cursor: pointer;
  transition: border-radius 0.15s;
}
ul.nav_top li.lang .selectWrapper select#langSelect:focus {
	outline: none; /* これでフォーカス時の枠線を消します */
}
ul.nav_top li.lang .selectWrapper.opened select#langSelect {
  border-radius: 20px 20px 0 0;
}
ul.nav_top li.lang .selectWrapper select#langSelect option {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
	border: none;
  background: #E6E6E6;
}
ul.nav_top li.lang .selectWrapper select#langSelect option:last-child {
  border-radius: 0 0 20px 20px;
}
ul.nav_top li.lang .selectWrapper select#langSelect option:hover {
  font-weight: 700;
}
@media only screen and (max-width: 870px) {
  ul.nav_top li.lang .selectWrapper {
    width: 76px;
  }
  ul.nav_top li.lang .selectWrapper::before {
    content: none;
  }
  ul.nav_top li.lang .selectWrapper select#langSelect {
    background: transparent url(images/lang_icon.svg) no-repeat center center / 26px auto;
    padding: 10px 13px 10px 30px;
    color: transparent;
  }
  ul.nav_top li.lang .selectWrapper select#langSelect option {
    color: #2A2C2C;
  }
}

#tmp_header .header_top ul.nav_top li.btn img {
  width: auto;
  height: clamp(25px,3vw,39px);
}
/* sns_link */
#tmp_header .header_top ul.nav_top li.sns_link {
	padding: 0 clamp(0px,0.5vw,10px);
}
#tmp_header .header_top ul.nav_top li.sns_link img {
  width: auto;
  height: clamp(15px,2vw,25px);
  /* filter: brightness(0) saturate(100%) invert(37%) sepia(0%) saturate(0%) hue-rotate(33deg) brightness(89%) contrast(97%); */
  transition: all 0.2s linear;
}
#tmp_header .header_top ul.nav_top li.sns_link a {
  transition: all 0.2s linear;
}
#tmp_header .header_top ul.nav_top li.sns_link a:hover {
	opacity: 0.6;
}

#tmp_header .header_top ul.nav_top li.sns_link.access a {
	display: flex;
	flex-wrap: nowrap;
  gap: 0 clamp(5px,1vw,10px);
	align-items: center;
  font-size: clamp(10px,1.3vw,13px);
}
#tmp_header .header_top ul.nav_top li.sns_link.access img {
	/* filter: brightness(0) saturate(100%) invert(39%) sepia(36%) saturate(1334%) hue-rotate(327deg) brightness(97%) contrast(93%); */
}

.search_box.tg_btn .search_icon_w {
  position: relative;
  padding-right: 5px;
}
.search_box.tg_btn .search_icon_w .s_btn, .search_box.tg_btn .search_icon_w #searchsubmit {
  position: absolute;
  top: 50%;
  right: -20px;
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
#tmp_header .header_top ul.nav_top li .search_box {
  padding: 0 20px 0 10px;
}
.tg_btn #s {
  z-index: -1; /*最背面に設定*/
  opacity: 0; /*透過を0に*/
  width: 0; /*横幅は0に*/
  transition: all 0.4s; /*transitionを使ってスムースに現れる*/
  border: none;
  cursor: pointer;
  border-bottom: 1px solid #000;
}
.tg_btn .s_tg_ac {
  opacity: 1 !important;
  width: 160px !important;
  padding: 5px 10px !important;
  top: 60px !important;
}
.overlay_in1 .search_box {
  padding: 7px 0;
}
.search_box img {
  max-width: 16px;
  display: inline-flex;
  height: auto;
  vertical-align: middle;
}
input#gsearch {
  border: none;
  padding-right: 35px;
}
input::placeholder {
  font-weight: 400;
  font-size: 13px;
  color: #262626;
}

#tmp_header .header_top .nav_btn {
  grid-column: 3;
  grid-row: 1 / 3;
  width: 110px;
  height: 110px;
  z-index: 1006;
  background: url("images/nav_btn.png")no-repeat top 0 center/110px auto;
  transition: all 0.6s cubic-bezier(.19, 1, .22, 1);
}
#tmp_header .header_top .nav_btn_ac {
  background: url("images/nav_btn2.png")no-repeat center/110px auto #fff;
  transition: all 0.6s cubic-bezier(.19, 1, .22, 1);
}

/* nav_n1 */
.nav_n1 {
  grid-column: 2;
  grid-row: 2;
	position: relative;
	z-index: 3;
}
.nav_n1 ul {
	display: flex;
	flex-wrap: nowrap;
  justify-content: space-between;
	gap: 0 clamp(10px,1.3vw,20px);
}
.nav_n1 > ul li {
  font-weight: 500;
  font-size: clamp(11px,1.1vw,14px);
  list-style: none;
}
.nav_n1 > ul li.arr_down {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.nav_n1 > ul li.arr_down {
  background: url(images/arr_down.png)no-repeat top calc(50% - 9px) right/9px auto;
  padding-right: 14px;
  padding-bottom: 18px;
  transition: all 0.2s linear;
}
.nav_n1 > ul li.arr_down:hover {
  background: url(images/arr_up.png)no-repeat top calc(50% - 9px) right/9px auto;
}

.nav_n1 > ul li.arr_down:hover {
  overflow: visible;
	cursor: pointer;
}
.nav_n1 > ul li.arr_down:hover .nav_down_dep,
.nav_n1 > ul li.arr_down:hover .nav_down_c {
  opacity: 1;
  pointer-events: auto;
}
.nav_n1 > ul li a {
  letter-spacing: 0.02px;
}

/* nav_down_dep */
.nav_n1 ul li.arr_down .nav_down_dep {
  position: fixed;
  z-index: 2;
  width: 100%;
  background-color: #E7E7E7;
  left: 0;
  top: 110px;
  padding: 14px 25px 48px;
  box-shadow: 0 3px 3px 0 rgb(0 0 0 / 16%);
  opacity: 0;
	pointer-events: none;
  transition: all 0.1s linear;
}
.nav_n1 ul li.arr_down .nav_down_dep .dep_inner {
	display: grid;
	grid-template-columns: clamp(140px,15vw,190px) repeat(auto-fit, clamp(180px,20vw,230px));
	justify-content: center;
	gap: clamp(30px,4vw,40px);
}
.nav_n1 ul li.arr_down .nav_down_dep .dep_inner h3.dep_ttl a {
	font-size: clamp(14px,1.6vw,16px)!important;
	font-weight: 700!important;
}
.nav_n1 ul li.arr_down .nav_down_dep .dep_inner ul.dep_list {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 60px repeat(auto-fit, 27px);
	align-items: center;
}
.nav_n1 ul li.arr_down .nav_down_dep .dep_inner ul.dep_list li {
	padding: 0;
}
.nav_n1 ul li.arr_down .nav_down_dep .dep_inner ul.dep_list a.ttl {
	font-size: clamp(12px,1.3vw,13px);
	font-weight: 700;
	display: block;
	position: relative;
}
.nav_n1 ul li.arr_down .nav_down_dep .dep_inner ul.dep_list.a_i a.ttl {
	color: #CC7645;
}
.nav_n1 ul li.arr_down .nav_down_dep .dep_inner ul.dep_list.g_d_w a.ttl {
	color: #51BEC8;
}
.nav_n1 ul li.arr_down .nav_down_dep .dep_inner ul.dep_list.e_b .ttl {
	color: #6CBC64;
}
.nav_n1 ul li.arr_down .nav_down_dep .dep_inner ul.dep_list a.ttl::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	left: 0;
	bottom: -10px;
}
.nav_n1 ul li.arr_down .nav_down_dep .dep_inner ul.dep_list.a_i a.ttl::after {
	background: #CC7645;
}
.nav_n1 ul li.arr_down .nav_down_dep .dep_inner ul.dep_list.g_d_w a.ttl::after {
	background: #51BEC8;
}
.nav_n1 ul li.arr_down .nav_down_dep .dep_inner ul.dep_list.e_b a.ttl::after {
	background: #6CBC64;
}

.nav_n1 ul li.arr_down .nav_down_dep .dep_inner ul.dep_list li a {
	display: block;
	font-size: clamp(12px,1.3vw,13px);
  font-weight: 400;
  transition: all 0.2s linear;
}
.nav_n1 ul li.arr_down .nav_down_dep .dep_inner ul.dep_list li a:hover {
	opacity: 0.6;
}
/* nav_down_c */
.nav_n1 ul li.arr_down .nav_down_c {
  position: absolute;
  z-index: 2;
  width: 220px;
  background-color: #E7E7E7;
  left: -34px;
  top: 40px;
  padding: 15px 0;
  box-shadow: 0 3px 3px 0 rgb(0 0 0 / 16%);
  opacity: 0;
  transition: all 0.1s linear;
}
.nav_n1 ul li.arr_down .nav_down_c a {
  display: block;
  text-align: left;
  padding: 5px 0 5px 20px;
  background: url(images/arr_right.png)no-repeat bottom 7px right 20px/6px auto;
  font-weight: 400;
}
.nav_n1 ul li.arr_down .nav_down_c a:hover {
	opacity: 0.6;
  background: url(images/arr_right.png)no-repeat bottom 7px right 15px/6px auto;
}

.nav_overlay_bl {
  padding: 44px clamp(25px,9vw,90px) 110px clamp(60px,9vw,90px);
}

.nav_overlay {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  background: #FFF;
  display: none;
  visibility: hidden;
	width: min(100%,1105px);
  height: 100vh;
  padding: 0;
  overflow-y: scroll;
  box-shadow: 0 5px 6px 0 rgb(0 0 0 / 16%);
}
.nav_overlay::after {
  display: block;
  content: "";
  clear: both;
}
.nav_overlay_ac {
  display: block;
  visibility: visible;
}
.nav_overlay_bl .overlay_in1 {
  display: grid;
  grid-template-columns: 20px 175px 130px 130px 150px auto;
  /* grid-template-columns: 20px 175px 130px 130px 150px auto; ネット出願あり*/
	gap: 20px 10px;
  align-items: center;
}
.nav_overlay_bl .overlay_in1 a {
  display: grid;
  border-radius: 20px;
  height: 40px;
  justify-items: center;
  align-content: center;
}
.nav_overlay_bl .overlay_in1 a img {
  height: auto;
}
.nav_overlay_bl .overlay_in1 a.access {
	background: #FFF;
	width: clamp(15px,2vw,25px);
  justify-content: left;
	padding: 0;
}
.nav_overlay_bl .overlay_in1 a.access img {
	/* filter: brightness(0) saturate(100%) invert(39%) sepia(36%) saturate(1334%) hue-rotate(327deg) brightness(97%) contrast(93%); */
}
.nav_overlay_bl .overlay_in1 a.zukan,
.nav_overlay_bl .overlay_in1 a.document {
	background: #FFF000;
}
.nav_overlay_bl .overlay_in1 a.contact {
	background: #23A4BE;
}
.nav_overlay_bl .overlay_in1 a.application {
	background: #555;
}
.nav_overlay_bl .overlay_in1 a.access img {
  width: 13px;
}
.nav_overlay_bl .overlay_in1 a.zukan img {
  width: 142px;
	padding: 1px 0 0;
}
.nav_overlay_bl .overlay_in1 a.contact img {
  width: 101px;
	padding: 0 0 1px;
}
.nav_overlay_bl .overlay_in1 a.document img {
  width: 81px;
	padding: 0 0 1px;
}
.nav_overlay_bl .overlay_in1 a.application img {
  width: 98.5px;
	padding: 0 0 1px;
}

.nav_overlay_bl .overlay_in1 .search_box {
	width: 100%;
}
.nav_overlay_bl .overlay_in1 .search_box #searchform {
  cursor: pointer;
	display: grid;
	justify-items: end;
}
#tmp_header .overlay_in1 #s {
	border: none;
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  width: 100%;
  cursor: pointer;
	grid-column: 1;
	grid-row: 1;
}
.search_box input#searchsubmit {
	width: 17px;
	margin: 0 0 8px;
  text-indent: -999px;
  background: url(images/icon-search.png)no-repeat center/16px auto transparent;
  border: none;
  cursor: pointer;
	grid-column: 1;
	grid-row: 1;
}

.nav_overlay_bl .overlay_in2 a {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 2;
}
.nav_overlay_bl .overlay_in2 ul li p {
  font-size: 15px;
  font-weight: 500;
}
.nav_overlay_bl .overlay_in2 ul li p.line {
  font-size: 15px;
  font-weight: 500;
  position: relative;
  padding-left: 20px;
}
.nav_overlay_bl .overlay_in2 ul li p.line::before {
  position: absolute;
  top: 14px;
  left: 0;
  content: "";
  background: #000;
  width: 10px;
  height: 2px;
}

.nav_overlay_bl .overlay_in2 {
  max-width: 1000px;
  margin: clamp(20px,5vw,50px) auto clamp(20px, 4vw, 40px);
  column-count: 4;
  column-width: 100px;
  column-gap: clamp(20px, 4vw, 40px);
}
#tmp_header .col1 {
  order: 1;
}
#tmp_header .col2 {
  order: 2;
}
#tmp_header .col3 {
  order: 3;
}
#tmp_header .col4 {
  order: 4;
}
#tmp_header .col5 {
  order: 5;
}

p.col_na {
  font-size: 16px !important;
  font-weight: bold !important;
  background: url(images/arr_right_y.png)no-repeat left center/18px auto;
  padding-left: 24px;
}
.nav_overlay_bl .overlay_in3 {
  display: flex;
	justify-content: space-between;
	padding: 80px 0 0;
}
.nav_overlay_bl .overlay_in3 .flex_box {
  display: flex !important;
  justify-content: flex-start;
  gap: 0 20px;
}
.nav_overlay_bl .overlay_in3 ul {
  margin: 0;
}
.nav_overlay_bl .overlay_in3 ul li a {
  font-size: clamp(13px,1.5vw,15px);
  font-weight: 400;
}
.nav_overlay_bl .overlay_in3 ul.sub li a {
  font-size: 13px;
}

.nav_overlay_bl .overlay_in4 {
  margin: clamp(20px,2vw,50px);
}
.nav_overlay_bl .overlay_in4 ul {
	justify-content: flex-end;
}
.nav_overlay_bl .overlay_in4 ul li a {
	font-size: 13px;
  margin: 0 20px;
}

.nav_overlay_bl ul.sns_link {
	order: 1;
  width: 210px;
  margin: 0 auto;
  display: grid!important;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 0 clamp(12px,1.6vw,16px);
}
.nav_overlay_bl ul.sns_link li {
  display: inline-block;
  width: auto;
  height: 30px;
  padding: 0 5px;
}
.nav_overlay_bl ul.sns_link li img {
  width: auto;
  height: 100%;
}


@media only screen and (min-width: 1340px) {
  .nav_n1 ul {
    gap: 0 clamp(10px,1.5vw,25px);
  }
}
@media only screen and (min-width: 871px) {
  .nav_overlay_bl {
    display: flex;
    flex-direction: column;
  }
	.nav_overlay_bl ul.sns_link {
    order: 1;
		justify-items: stretch;
    width: 210px;
		margin: 0 0 0 auto;
		padding: 0 0 40px;
	}
	.nav_overlay_bl .overlay_in1 {
    order: 2;
	}
	.nav_overlay_bl .overlay_in2 {
    order: 3;
	}
	.nav_overlay_bl .overlay_in3 {
    order: 4;
	}
	.nav_overlay_bl .overlay_in4 {
    order: 5;
	}
	
  .nav_overlay_bl ul.sns_link li {
    padding: 0;
  }
  .nav_overlay_bl ul.sns_link li img {
    height: 23px;
  }
  .nav_overlay_bl .overlay_in2 ul.l_parent li {
    margin-bottom: 30px;
  }
  .nav_overlay_bl .overlay_in2 ul.l_child li {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1200px) {
  #tmp_header .header_top {
    grid-template-columns: clamp(240px,24vw,340px) 1fr 110px;
  }
	#tmp_header .header_top .h_logo {
    grid-column: 1 / 2;
    grid-row: 1;
    padding: 0 30px 0 20px;
	}
  /* nav_top */
  #tmp_header .header_top ul.nav_top {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
		align-self: center;
		padding: 0;
	}
  /* nav_n1 */
  #tmp_header .header_top .nav_n1 {
    grid-column: 1 / 3;
    grid-row: 2;
  }
  #tmp_header .header_top .nav_n1 ul {
    gap: 0 clamp(20px,2.5vw,30px);
  }

  .nav_overlay_bl .overlay_in1 a {
    padding: 0 4%;
  }
  .nav_overlay_bl .overlay_in1 .search_box {
    width: 100%;
		grid-column: 1 / 7;
		grid-row: 2;
  }

	.nav_overlay {
    width: 80%;
    height: 100%;
    background: #fff;
  }
  .overlay_in1 #s {
    max-width: 100%;
  }
  .nav_overlay_bl2 {
    width: 100%;
  }
  .overlay_in2 div {
    width: 44%;
  }
  .overlay_in1 a.application {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .nav_overlay_bl .overlay_in1 a.document {
		grid-column: 2;
    grid-row: 2;
  }
  .nav_overlay_bl .overlay_in1 a.application {
		grid-column: 3;
    grid-row: 2;
  }
  .nav_overlay_bl .overlay_in1 .search_box {
    width: 100%;
		grid-column: 1 / 5;
		grid-row: 3;
  }
}
@media only screen and (max-width: 870px) {
  #tmp_header .header_top {
    height: 60px;
    grid-template-columns: clamp(240px,24vw,340px) 1fr 60px;
		padding: 0;
  }
	#tmp_header .header_top .h_logo {
		z-index: 1005;
		width: 100%;
		grid-column: 1 / 2;
		grid-row: 1 / 3;
		padding: 13px 30px 13px 20px;
		background: #FFF;
	}
  #tmp_header .header_top .h_logo::before {
    content: none;
  }
	#tmp_header .header_top .h_logo img {
		z-index: 1000;
	}
  #tmp_header .header_top .nav_btn {
		width: 60px;
    height: 60px;
    background: url("images/nav_btn_sp.webp")no-repeat top 0 center/60px auto;
    transition: all 0.6s cubic-bezier(.19, 1, .22, 1);
  }
  #tmp_header .header_top .nav_btn.nav_btn_ac {
    background: url("images/nav_btn2.png")no-repeat center/110px auto #fff;
  }
	#tmp_header .header_top ul.nav_top li:not(.lang),
  #tmp_header .header_top .nav_n1 {
    display: none;
  }
  input#gsearch {
    border: none;
    padding-right: 0;
    width: calc(100% - 25px);
  }
  #tmp_footer .overlay_in2 {
    max-width: none !important;
  }

  .nav_overlay_bl .overlay_in1 {
		grid-template-columns: 1fr;
  }

  .overlay_in1, .overlay_in3, .overlay_in4, .overlay_in5 {
		width: 100%;
    max-width: 414px;
    margin: 0 auto 9px;
  }
  .nav_overlay_bl .overlay_in2 {
		width: 100%;
    max-width: 414px;
    margin: clamp(20px,5vw,50px) auto clamp(20px, 4vw, 40px);
  }
	.nav_overlay_bl ul.sns_link {
    order: 3;
	}
	.nav_overlay_bl ul.index_link {
    order: 4;
	}
	.nav_overlay_bl .overlay_in1 {
    order: 1;
	}
	.nav_overlay_bl .overlay_in2 {
    order: 5;
	}
	.nav_overlay_bl .overlay_in3 {
    order: 6;
	}
	.nav_overlay_bl .overlay_in5 {
    order: 2;
	}
	.nav_overlay {
    height: 100vh;
    width: 100%;
    padding: 40px 0 0;
  }
  .nav_overlay_bl {
    padding: 20px 25px 50px;
    width: 100%;
		display: flex;
		flex-direction: column;
  }
  .nav_overlay_bl .overlay_in1 a {
		width: 100%;
		height: 60px;
		border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nav_overlay_bl .overlay_in1 a span {
		font-size: 14px;
		font-weight: 700;
		font-feature-settings: 'palt';
		padding: 0 25px 0 0;
		border-radius: 5px;
  }
  .nav_overlay_bl .overlay_in1 a span {
		color: #FFF;
    background: url(images/circle_arrow_ww.svg) no-repeat right 2px/20px auto;
  }
	
  .nav_overlay_bl .overlay_in1 .search_box {
    grid-column: 1;
    grid-row: 1;
		max-width: 100%;
  }
  .nav_overlay_bl .overlay_in1 a.zukan {
    /* grid-row: 2; */
  }
  .nav_overlay_bl .overlay_in1 a.application {
    grid-column: 1;
    /* grid-row: 3; */
  }
  .nav_overlay_bl .overlay_in1 a.contact {
    grid-row: 2;
  }
  .nav_overlay_bl .overlay_in1 a.access {
    grid-row: 3;
		width: 100%;
		font-size: 15px;
		font-weight: 500;
    background: #E6E6E6;
		display: flex;
    justify-content: center;
    align-items: center;
  }
  .nav_overlay_bl .overlay_in1 a.zukan img {
    width: 211px;
  }
  .nav_overlay_bl .overlay_in1 a.application img {
    width: 114px;
  }
  .nav_overlay_bl .overlay_in1 a.contact img {
    width: 119px;
  }
  .nav_overlay_bl .overlay_in1 a.access img {
		margin: 0 0 0 10px;
    filter: none;
  }
  .nav_overlay_bl .overlay_in1 a.document {
    display: none;
  }

  #tmp_header .overlay_in1 input#searchsubmit {
    text-indent: -999px;
    width: 20px;
    background: url(./images/icon-search.png)no-repeat bottom right /16px auto transparent;
    border: none;
    height: 30px;
  }
  #tmp_header .overlay_in1 #s {
    width: 100%;
    padding: 15px 0;
  }
  .overlay_in1 .search_box {
    width: 100%;
  }

  .nav_overlay_bl ul.sns_link {
    width: 262px;
    margin: 0 auto 30px;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0 clamp(12px,1.6vw,16px);
  }
  .nav_overlay_bl ul.sns_link li {
    display: inline-block;
    width: auto;
    height: 30px;
    padding: 0 5px;
  }
  .nav_overlay_bl ul.sns_link li img {
    width: auto;
    height: 100%;
  }
	
  ul.index_link {
		width: 100%;
		max-width: 414px;
		margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
		gap: 9px;
  }
  ul.index_link li a {
		width: 100%;
		height: 54px;
		border-radius: 5px;
    display: flex!important;
    align-items: center;
    justify-content: center;
    background: #FFF000;
  }
  ul.index_link li a span {
		font-size: 14px;
		font-weight: 700;
		font-feature-settings: 'palt';
		color: #2A2C2C;
		padding: 0 25px 0 0;
		border-radius: 5px;
    background: url(images/circle_arrow_wb.svg) no-repeat right 2px/20px auto;
  }
	
  .overlay_in2 {
    margin-top: 30px;
    flex-direction: column;
  }
  p.col_na {
    padding: 15px 0 15px 26px !important;
    border-bottom: 1px solid #E7E7E7;
  }
  .overlay_in2 .col1 p.col_na {
    border-top: none;
  }
  .overlay_in2 ul li p.line {
    font-size: 16px;
  }
  #tmp_header .overlay_in2 div {
    width: 100%;
  }
	#tmp_header .overlay_in2 p.col_na {
    position: relative;
  }
  #tmp_header .overlay_in2 p.col_na::after {
    position: absolute;
    content: "+";
    font-size: 25px;
    color: #707070;
    right: 0;
    left: auto;
    top: 50%;
    width: auto;
    height: auto;
    font-weight: 400;
    transform: translate(0, -50%);
  }
  #tmp_header .overlay_in2 p.col_na.is-active::after {
    content: "-";
    font-size: 44px;
    font-weight: 300;
    top: 21px;
  }
  .overlay_in2 ul li p::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 2px;
    top: 14px;
    left: 0;
  }
  .overlay_in2 a {
    font-size: 15px;
    font-weight: 400;
  }
  .overlay_in2 .col3 ul {
    margin-bottom: 30px;
  }
  .overlay_in1.flex_box {
    flex-direction: column-reverse;
  }
  .nav_overlay_bl .overlay_in2 ul.l_child.dep li a {
    padding-left: 20px;
  }
  .nav_overlay_bl .overlay_in2 ul.l_child.dep li a.p_none {
    padding-left: 0;
  }
  .overlay_in2 ul li p.txt_or::after {
    background: #CC7645;
  }
  .overlay_in2 ul li p.txt_blue::after {
    background: #51BEC8;
  }
  .overlay_in2 ul li p.txt_green::after {
    background: #6CBC64;
  }
  li.l_child_open p {
    margin-bottom: 0;
    border-bottom: none;
  }
  .l_child_open ul {
    margin: 0;
  }	
  .overlay_in2 ul.l_parent li {
    margin-bottom: 0;
  }
	
	/* header footer common */
  .overlay_in2 .col5 ul.l_parent, .overlay_in2 ul.l_child {
    margin-top: 8px;
  }
  .overlay_in2 .col4 ul.l_child.col_na_open {
    margin-top: 0;
    border-bottom: 1px solid #E7E7E7;
  }
  .overlay_in2 .col4 ul.l_child.col_na_open p.col_na::after {
    display: none;
  }

	
  .nav_overlay_bl .overlay_in3 {
		padding: 0;
    margin: 0 auto 30px;
		flex-direction: column;
  }
  .nav_overlay_bl .overlay_in3 ul {
    width: 100%;
    margin: 0;
  }
  .nav_overlay_bl .overlay_in3 ul:first-child {
    width: 100%;
    display: grid!important;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: auto;
    gap: 9px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .nav_overlay_bl .overlay_in3 ul li {
    margin: 0;
    grid-column: span 6; /* デフォルト1カラム */
  }
  .nav_overlay_bl .overlay_in3 ul li:nth-child(1) {
    grid-column: 1 / 3;
		grid-row: 1;
  }
  .nav_overlay_bl .overlay_in3 ul li:nth-child(2) {
    grid-column: 3 / 5;
		grid-row: 1;
  }
  .nav_overlay_bl .overlay_in3 ul li:nth-child(3) {
    grid-column: 5 / 7;
		grid-row: 1;
  }
  .nav_overlay_bl .overlay_in3 ul li:nth-child(4) {
    grid-column: 1 / 4;
		grid-row: 2;
  }
  .nav_overlay_bl .overlay_in3 ul li:nth-child(5) {
    grid-column: 4 / 7;
		grid-row: 2;
  }
  .nav_overlay_bl .overlay_in3 ul li a {
		font-size: 14px;
		font-weight: 700;
		width: 100%;
		height: 50px;
		border-radius: 5px;
		background: #E7E7E7;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nav_overlay_bl .overlay_in3 ul li a.u_line::after {
    content: none;
  }
	
  .overlay_in4 ul li a {
    display: block;
    padding: 0 5px;
    width: auto;
    height: 32px;
  }
  .overlay_in4 li {
    max-width: 280px;
    margin: 0 auto;
  }
  .overlay_in5.sp {
    width: 100%;
    margin: 0 auto 30px!important;
    display: block !important;
  }
  .overlay_in5 ul {
		display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
	}
  .overlay_in5 ul li a {
    color: #fff;
    height: 60px;
		width: 100%;
		border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .overlay_in5 ul li:nth-child(1) a {
    background: #23A4BE;
  }
  .overlay_in5 ul li:nth-child(2) a {
    background: #FFF000;
  }
  .overlay_in5 ul li a span {
		font-size: 14px;
		font-weight: 700;
		font-feature-settings: 'palt';
		padding: 0 25px 0 0;
		border-radius: 5px;
  }
  .overlay_in5 ul li:nth-child(1) a span {
		color: #FFF;
		font-size: 13px;
    background: url(images/circle_arrow_ww.svg) no-repeat right 2px/20px auto;
  }
  .overlay_in5 ul li:nth-child(2) a span {
		color: #2A2C2C;
    background: url(images/circle_arrow_bb.svg) no-repeat right 2px/20px auto;
  }
  .overlay_in5.sp_fbtn {
    display: block !important;
    width: 100%;
		max-width: 100%;
		padding: 9px;
		margin: 0!important;
		background: #FFF;
		box-shadow: 0 -3px 6px 0 rgb(0 0 0 / 16%);
    position: fixed;
    bottom: 0px;
    z-index: 99;
  }
  .overlay_in5 ul li:nth-child(2) a span {
		color: #2A2C2C;
    background: url(images/circle_arrow_wb.svg) no-repeat right 2px/20px auto;
  }
}


/*=================================== index-page ===================================*/
/*----------------------------------- popup -----------------------------------*/
.index_page .popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  transition: .4s ease;
}
.index_page .popup.ok {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.index_page .popup .popup-inner {
  max-width: 800px;
  width: auto;
  position: absolute;
  bottom: 45%;
  left: 50%;
  transform: translate(-50%, 50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.index_page .popup .popup-inner a {
  position: relative;
  z-index: 11;
}
.index_page .popup .popup-inner a img.pc {
  width: 70vw;
  max-width: 800px;
}
.index_page .popup .popup-inner a img.sp {
  width: 80vw;
  max-width: 400px;
}
.index_page .popup .popup-inner #pu_btn {
  position: absolute;
  width: clamp(40px, 6vw, 60px);
  height: clamp(40px, 6vw, 60px);
  top: clamp(-20px, -3vw, -30px);
  right: clamp(-20px, -3vw, -30px);
  border-radius: 50%;
  background: #FFF;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%);
  cursor: pointer;
  z-index: 12;
}
.index_page .popup .popup-inner #pu_btn:hover {
  opacity: 0.6;
  transition: all 0.2s ease;
}
.index_page .popup .popup-inner #pu_btn span {
  position: relative;
  display: block;
  top: calc(50% - 1px);
  transform: translate(50%, 0);
}
.index_page .popup .popup-inner #pu_btn span::after, .index_page .popup .popup-inner #pu_btn span::before {
  position: absolute;
  content: "";
  height: 2px;
  background: #000;
  width: 80%;
}
.index_page .popup .popup-inner #pu_btn span::after {
  transform: translate(-50%, 0) rotate(-135deg);
}
.index_page .popup .popup-inner #pu_btn span::before {
  transform: translate(-50%, 0) rotate(135deg);
}

/*----------------------------------- mainvisual -----------------------------------*/
#tmp_mainvisual ul li {
  position: relative;
}
#tmp_mainvisual ul li .txt_box {
  position: absolute;
  right: 60px;
  bottom: 49px;
  color: #fff;
}
#tmp_mainvisual ul li .txt_box a {
  display: block;
  width: 339px;
  height: 76px;
}
#tmp_mainvisual ul li.arc_int .txt_box a {
  background: url(images/main_btn_1.png)no-repeat center/100% auto;
}
#tmp_mainvisual ul li.it_game_web .txt_box a {
  background: url(images/main_btn_2.png)no-repeat center/100% auto;
}
#tmp_mainvisual ul li.env_bio .txt_box a {
  background: url(images/main_btn_3.png)no-repeat center/100% auto;
}
.index_page #tmp_mainvisual .slick-slider {
  height: 54.4vw;
  overflow: hidden;
}
.index_page #tmp_mainvisual .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.index_page #tmp_mainvisual .slick-dots {
  bottom: 25px;
}
.index_page #tmp_mainvisual .slick-dots li {
  width: 12px !important;
  height: 12px !important;
}
@media only screen and (max-width: 870px) {
  .index_page #tmp_mainvisual .slick-slider {
    height: 147vw;
  }
}

/*--------------------------------------opencampus-------------------------------------*/
#tmp_bl0 {
  background: url(images/tmp0_bg.jpg)no-repeat top left/cover;
  padding: 112px 118px;
}
#tmp_bl0 .container {
  padding: 0;
  background: #fff;
  position: relative;
  border-radius: 22px;
  padding-bottom: 71px;
}
#tmp_bl0 .cnt_box.pc {
  display: block !important;
}
#tmp_bl0 .cnt_box, #tmp_bl0 .ttl_box {
  max-width: 1003px;
  margin: 0 auto;
}
#tmp_bl0 .ttl_box {
  margin-bottom: 52px;
  padding: 0;
  text-align: center;
  position: relative;
}
#tmp_bl0 .slick-initialized .slick-slide {
  display: block;
  padding: 0 10px;
}
#tmp_bl0 .ttl_box::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  background: url(images/tmp0_label.png)no-repeat center/auto 100%;
  top: -14px;
  right: 15%;
  z-index: 2;
}
#tmp_bl0 .ttl_box span {
  display: block;
  color: #fff;
  max-width: 305px;
  margin: 0 auto;
  border-radius: 5px;
  position: relative;
  font-weight: 700;
  z-index: 2;
  letter-spacing: 3px;
}
#tmp_bl0 h2 {
  color: #00a6c0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  margin: 28px 0 4px;
  font-size: 61px;
  font-family: 'Jost', sans-serif;
  position: relative;
  z-index: 2;
  letter-spacing: 8px;
}
#tmp_bl0 h2::after {
  position: absolute;
  content: "OPEN CAMPUS";
  top: calc(50% + 3px);
  transform: translate(-50%, -50%);
  font-size: 61px;
  font-family: 'Jost', sans-serif;
  left: calc(50% + 3px);
  color: #FFF000;
  width: 100%;
  z-index: -1;
}
#tmp_bl0 .ttl_box p {
  letter-spacing: 2.5px;
  text-align: center;
}
#tmp_bl0 .cnt_box ul li .img_box {
  margin-bottom: 7px;
}
#tmp_bl0 .cnt_box ul li p {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  padding-left: 3px;
}
#tmp_bl0 .btn_box a {
  background-color: #23A4BD;
  color: #fff;
  height: 59px;
  border-radius: 50px;
  max-width: 366px;
  margin: 49px auto 0;
}
/* -------------------------- oc -------------------------- */
#tmp_bl0 .oc_slider.cnt_box ul {
  max-width: 1003px;
  margin: 20px auto;
}
#tmp_bl0 .oc_slider.cnt_box ul li {
  min-height: 180px;
  padding: 3.9% 0 0;
  margin: 0 10px;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
#tmp_bl0 .oc_slider.cnt_box ul li.ts_oc_bg_c01 {
  background: url(images/top-oc/ts_oc_bg_c01.png) no-repeat center center/100% auto;
}
#tmp_bl0 .oc_slider.cnt_box ul li.ts_oc_bg_c02 {
  background: url(images/top-oc/ts_oc_bg_c02.png) no-repeat center center/100% auto;
}
#tmp_bl0 .oc_slider.cnt_box ul li.ts_oc_bg_c03 {
  background: url(images/top-oc/ts_oc_bg_c03.png) no-repeat center center/100% auto;
}
#tmp_bl0 .oc_slider.cnt_box ul li.ts_oc_bg_c04 {
  background: url(images/top-oc/ts_oc_bg_c04.png) no-repeat center center/100% auto;
}
#tmp_bl0 .oc_slider.cnt_box ul li.ts_oc_bg_c05 {
  background: url(images/top-oc/ts_oc_bg_c05.png) no-repeat center center/100% auto;
}
#tmp_bl0 .oc_slider.cnt_box ul li.ts_oc_bg_c06 {
  background: url(images/top-oc/ts_oc_bg_c06.png) no-repeat center center/100% auto;
}
#tmp_bl0 .oc_slider.cnt_box .slick-track {
  display: flex !important;
}
#tmp_bl0 .oc_slider.cnt_box ul li a {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#tmp_bl0 .oc_slider.cnt_box ul li .img_box {
  position: absolute;
  width: 52.7%;
  top: -26.5%;
  right: -6.5%;
  overflow: hidden;
  z-index: 2;
}
#tmp_bl0 .oc_slider.cnt_box ul li .img_box img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
}
#tmp_bl0 .oc_slider.cnt_box ul li .txt_box {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  padding: clamp(5px, 10vw, 10px) clamp(16px, 20vw, 20px) clamp(5px, 10vw, 10px) clamp(18px, 24vw, 24px);
  z-index: 3;
}
#tmp_bl0 .oc_slider .btn_box a {
  text-align: center;
  margin: 45px auto 0;
}
#tmp_bl0 .oc_slider.cnt_box ul li p.stit {
  margin: 0 0 8px;
}
#tmp_bl0 .oc_slider.cnt_box ul li p.stit span {
  font-size: clamp(10px, 1.1vw, 11px);
  font-weight: 500;
  color: #080F19;
  letter-spacing: 0.05em;
  line-height: 23px;
  font-feature-settings: "palt";
  background: #FFF000;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  padding: 2px 8px 4px;
  border-radius: clamp(2px, 3vw, 3px);
}
#tmp_bl0 .oc_slider.cnt_box ul li p.tit {
  margin: 0 0 10px;
}
#tmp_bl0 .oc_slider.cnt_box ul li p.tit span {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(14px, 1.7vw, 17px);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 35px;
  font-feature-settings: "palt";
  background: #fff;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  padding: 2px 8px 4px;
  border-radius: clamp(2px, 3vw, 3px);
}
#tmp_bl0 .oc_slider.cnt_box ul li.ts_oc_bg_c01 p.tit span {
  color: #2B55C9;
}
#tmp_bl0 .oc_slider.cnt_box ul li.ts_oc_bg_c02 p.tit span {
  color: #CC7645;
}
#tmp_bl0 .oc_slider.cnt_box ul li.ts_oc_bg_c03 p.tit span {
  color: #754294;
}
#tmp_bl0 .oc_slider.cnt_box ul li.ts_oc_bg_c04 p.tit span {
  color: #6CBC64;
}
#tmp_bl0 .oc_slider.cnt_box ul li.ts_oc_bg_c05 p.tit span {
  color: #50BEC8;
}
#tmp_bl0 .oc_slider.cnt_box ul li.ts_oc_bg_c06 p.tit span {
  color: #F774A1;
}
#tmp_bl0 .oc_slider.cnt_box ul li p.lead span {
  font-size: clamp(10px, 1.1vw, 11px);
  font-weight: 500;
  color: #fff;
}
@media only screen and (min-width: 870px) {
  #tmp_bl0 .oc_slider.cnt_box .slick-list {
    padding: 0 !important;
  }
  #tmp_bl0 .oc_slider.cnt_box ul li {
    padding: 4.2% 0 0;
  }
  #tmp_bl0 .oc_slider.cnt_box ul li .txt_box {
    padding: clamp(5px, 1vw, 10px) clamp(14px, 2vw, 20px) clamp(5px, 1vw, 10px) clamp(14px, 2vw, 24px);
  }
  #tmp_bl0 .oc_slider.cnt_box ul li .img_box {
    position: absolute;
    width: 52%;
    top: -24%;
    right: -6.5%;
    overflow: hidden;
    z-index: 2;
  }
  #tmp_bl0 .oc_slider.cnt_box ul li .img_box img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    overflow: hidden;
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.stit {
    margin: 0 0 clamp(8px, 1.2vw, 12px);
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.stit span {
    font-size: clamp(11px, 1.4vw, 14px);
    line-height: clamp(26px, 2.9vw, 29px);
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.tit {
    margin: 0 0 clamp(1px, 1.5vw, 15px);
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.tit span {
    font-size: clamp(17px, 2.2vw, 22px);
    line-height: clamp(37px, 4.4vw, 44px);
    letter-spacing: -0.01em;
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.lead span {
    font-size: clamp(11px, 1.4vw, 14px);
  }
}
@media only screen and (min-width: 1100px) {
  #tmp_bl0 .oc_slider.cnt_box ul li .txt_box {
    padding: clamp(5px, 1vw, 10px) clamp(8px, 1vw, 10px) clamp(5px, 1vw, 10px) clamp(14px, 1.5vw, 24px);
  }
  #tmp_bl0 .oc_slider.cnt_box ul li {
    padding: 3.9% 0 0;
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.stit {
    margin: 0 0 clamp(3px, 0.3vw, 8px);
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.stit span {
    font-size: 11px;
    line-height: 25px;
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.tit {
    margin: 0 0 clamp(6px, 0.8vw, 10px);
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.tit span {
    font-size: 17px;
    line-height: 35px;
    letter-spacing: -0.01em;
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.lead span {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1180px) {
  #tmp_bl0 .oc_slider.cnt_box ul li {
    max-width: 315px;
    min-height: 198px;
  }
}
@media only screen and (max-width: 870px) {
  #tmp_bl0 .oc_slider.cnt_box .slick-list {
    overflow: visible;
    padding: 0 6% !important;
  }
  #tmp_bl0 .oc_slider.cnt_box .slick-arrow {
    width: clamp(38px, 7vw, 50px);
    height: clamp(38px, 7vw, 50px);
  }
  #tmp_bl0 .oc_slider.cnt_box ul li {
    padding: 52.5vw 0 0;
  }
  #tmp_bl0 .oc_slider.cnt_box ul li .txt_box {
    padding: clamp(5px, 10vw, 10px) clamp(3vw, 5vw, 10vw) clamp(5px, 10vw, 10px) clamp(3vw, 5vw, 10vw);
  }
  #tmp_bl0 .oc_slider.cnt_box ul li .img_box {
    position: absolute;
    width: 44vw;
    top: -24%;
    right: -6.5%;
    overflow: hidden;
    z-index: 2;
  }
  #tmp_bl0 .oc_slider.cnt_box ul li .img_box img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    overflow: hidden;
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.stit {
    margin: 0 0 clamp(5px, 1.1vw, 12px);
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.stit span {
    font-size: clamp(11px, 2.8vw, 28px);
    line-height: clamp(25px, 5.8vw, 50px);
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.tit {
    margin: 0 0 clamp(1px, 1.5vw, 15px);
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.tit span {
    font-size: clamp(17px, 4.2vw, 42px);
    line-height: clamp(35px, 8vw, 80px);
    letter-spacing: -0.01em;
  }
  #tmp_bl0 .oc_slider.cnt_box ul li p.lead span {
    font-size: clamp(11px, 2.8vw, 28px);
  }
}
@media only screen and (max-width: 1200px) {
  #tmp_bl0 .cnt_box, #tmp_bl0 .ttl_box {
    width: calc(100% - 50px);
    margin: 0 auto;
  }
  #tmp_bl0 {
    padding: 50px 80px;
  }
}
@media only screen and (max-width: 870px) {
  #tmp_bl0 {
    padding: 60px 10px;
    background: linear-gradient(to top right, #00a6c0 50%, #00b7ce 50%);
  }
  #tmp_bl0 .cnt_box, #tmp_bl0 .ttl_box {
    max-width: none;
    margin: 0 auto 20px;
    width: 100%;
  }
  #tmp_bl0 h2 {
    line-height: 0;
    height: auto;
    padding: 0 30px;
  }
  #tmp_bl0 .ttl_box::after {
    top: -40px;
    right: 0;
    z-index: 2;
    width: 80px;
    height: 80px;
  }
  #tmp_bl0 .ttl_box span {
    font-size: 12px;
    width: 215px;
    height: 34px;
    margin: 0 auto;
    max-width: none;
  }
  #tmp_bl0 .ttl_box span::after {
    width: 219px;
    height: 40px;
    top: -50px;
    left: -52px;
  }
  #tmp_bl0 h2::after {
    display: none;
    visibility: hidden;
  }
  #tmp_bl0 .ttl_box p {
    letter-spacing: 2px;
    text-align: center;
    font-size: 14px;
  }
  #tmp_bl0 .btn_box a {
    margin: 35px auto 0;
    max-width: 285px;
    font-size: 13px;
  }
  #tmp_bl0 .container {
    padding-bottom: 25px;
  }
  #tmp_bl11 h2 {
    font-size: 22px;
  }
  #tmp_bl0 .slick-prev {
    left: 5px;
    top: 50%;
  }
  #tmp_bl0 .slick-next {
    right: 5px;
    top: 50%;
  }
  #tmp_bl0 .slick-arrow {
    width: 38px;
    height: 38px;
  }
  #tmp_bl0 .slick-list {
    overflow: visible;
    padding: 0 40px !important;
  }
  #tmp_bl0 .cnt_box.pc {
    display: none !important;
  }
}

/*--------------------------------------tmp_bl1-------------------------------------*/
#tmp_bl1 {
  padding: clamp(40px,8vw,80px) 25px clamp(40px,10vw,100px);
  z-index: 2;
  overflow: hidden;
}
#tmp_bl1 .ttl_box .left_box h2 {
  margin-bottom: -7px;
}
#tmp_bl1 .ttl_box .right_box a {
  background: transparent;
  padding-right: 63px;
  margin: 0;
  font-size: 14px;
  margin-top: 25px;
}
#tmp_bl1 .ttl_box .right_box a::after {
  width: 50px;
  height: 50px;
  background: url(images/arrow-for.png)no-repeat center/7px auto;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  background-color: #fff000;
  border-radius: 50%;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  transition: all 0.4s cubic-bezier(.19, 1, .22, 1);
}
#tmp_bl1 .ttl_box .right_box a::before {
  display: none;
  visibility: hidden;
}
#tmp_bl1 .ttl_box .flex_box {
  justify-content: space-between;
}
#tmp_bl1 .ttl_box .left_box span {
	color: #23A4BD;
  margin-bottom: 0;
  margin-top: -11px;
  text-align: left;
}
#tmp_bl1 .ttl_box .left_box h2 {
  color: #2A2C2C;
  text-align: left;
  margin-bottom: -7px;
  font-size: 30px;
  font-family: 'Noto Sans JP', sans-serif;
}
#tmp_bl1 .ttl_box {
  padding: 0;
  margin-bottom: 39px !important;
}
#tmp_bl1 .cnt_box, #tmp_bl1 .ttl_box {
  max-width: 1000px;
  margin: 0 auto;
}
ul.post-categories li {
  border: none !important;
  padding: 0 !important;
  padding-right: 20px !important;
  ;
}
ul.post-categories li a {
  background: #ffef02;
  padding: 2px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 400;
}
#tmp_bl1 li {
  border-bottom: 1px solid #E7E7E7;
  padding: 23px 0;
  transition: all 0.2s linear;
  position: relative;
  display: flex;
	align-items: center;
}
#tmp_bl1 li:first-child {
  border-top: 1px solid #E7E7E7;
}
#tmp_bl1 h3 {
  font-size: 14px;
  font-weight: 500;
  padding: 12px 0 7px 30px;
}
#tmp_bl1 li span {
  display: inline;
}
span.news_date {
  font-size: 16px;
  max-width: 110px;
  padding-right: 17px;
  font-family: 'Jost', sans-serif;
  font-weight: 400;
}
span.news_cat {
  background: #fff100;
  font-size: 13px;
  padding: 2px 9px;
  border-radius: 10px;
  margin-right: 34px;
}
span.news_ttl {
  padding-top: 9px;
  font-size: 15px;
}

@media only screen and (max-width: 870px) {
  #tmp_bl1 ul.news_list li .name_post, #tmp_news .cnt_box ul li .news_date {
    padding: 0 10px 10px;
  }
  #tmp_bl1 ul.news_list li .name_post, #tmp_news .cnt_box ul li .name_post {
    margin: 0 15px 10px 10px;
  }

  #tmp_bl1 .ttl_box .left_box span {
    font-weight: 500;
    font-size: 14px;
  }
  #tmp_bl1 .ttl_box .right_box a::after {
    width: 38px;
    height: 38px;
  }
  #tmp_bl1 .ttl_box .right_box a {
    padding-right: 45px;
    font-size: 12px;
    margin: 12px 0 0;
  }
  #tmp_bl1 li {
    flex-wrap: wrap;
  }
  #tmp_bl1 li a {
    width: 100%;
    font-size: 14px;
  }
  #tmp_bl1 li a span.news_ttl {
    padding: 8px 0 0 !important;
    font-size: 14px;
    display: block !important;
  }
  span.news_date {
    font-size: 15px;
  }
}

/*--------------------------------------tmp_bl2-------------------------------------*/
#tmp_bl2 {
  background: #FFF000 linear-gradient(to top left, transparent 49.8%, #FAE700 50%)no-repeat top left/100% clamp(375px,45vw,450px);
}
#tmp_bl2 .container {
	width: 100%;
  max-width: 1170px;
	padding: 0 25px;
  margin: 0 auto;
}

#tmp_bl2 ul.features_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
	align-items: flex-start;
	gap: clamp(17px,3vw,30px) clamp(11px,3vw,50px);
	padding: clamp(26px,4.8vw,48px) 0 0;
	counter-reset: number 0;
}
#tmp_bl2 ul.features_list li {
  width: calc(calc(100% - calc(clamp(11px,5vw,50px) * 2)) / 3);
  display: grid;
  align-items: start;
  justify-content: start;
}

#tmp_bl2 ul.features_list li p.fukidashi {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  justify-content: center;
	align-items: center;
	padding: 0 clamp(2px,0.5vw,8px) 0 0;
  width: clamp(51px,8vw,80px);
  height: clamp(51px,8vw,80px);
	background: #FFF;
	border-radius: 50%;
  font-family: 'Jost', sans-serif;
	font-style: italic;
	font-size: clamp(24px,4vw,40px);
	font-weight: 700;
	color: #23A4BE;
	position: relative;
	z-index: 2;
}
#tmp_bl2 ul.features_list li p.fukidashi::before {
  position: absolute;
  content: "";
  bottom: 4px;
  right: -4px;
  transform: rotate(130deg);
  width: 0;
  height: 0;
  border-right: 10px solid #FFF;
  border-left: 10px solid transparent;
  border-bottom: 16px solid transparent;
  border-color: transparent transparent #FFF transparent;
  z-index: 3;
}
#tmp_bl2 ul.features_list li p.fukidashi::after {
  content: counter(number, decimal-leading-zero) " ";
  counter-increment: number;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-53%, -50%);
}
#tmp_bl2 ul.features_list li .img_box {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
	max-width: 237px;
  height: auto;
	margin: 0 auto;
	border-radius: 50%;
  overflow: hidden;
  border: solid clamp(5px,1vw,10px) #FFF;
}
#tmp_bl2 ul.features_list li .txt_box {
  grid-column: 1;
  grid-row: 2;
	padding: clamp(7px,1vw,10px) 0 0;
	margin: 0 auto;
}
#tmp_bl2 ul.features_list li .txt_box p {
	text-align: center;
	letter-spacing: 0.02em;
}
#tmp_bl2 ul.features_list li .txt_box p:nth-of-type(1) {
  font-size: clamp(11px,1.4vw,14px);
	font-weight: 500;
}
#tmp_bl2 ul.features_list li .txt_box p:nth-of-type(2) {
  font-size: clamp(13px,2vw,20px);
	font-weight: 700;
}
#tmp_bl2 .btn_box a {
  background: #FFF;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  max-width: clamp(320px, 36vw, 360px);
  padding: 0 15px 0 0;
}

@media only screen and (min-width: 640px) {
  #tmp_bl2 ul.features_list li:nth-child(4),
  #tmp_bl2 ul.features_list li:nth-child(5) {
    margin: 0 clamp(20px,3vw,30px);
  }
  #tmp_bl2 ul.features_list li:nth-child(4) .txt_box,
  #tmp_bl2 ul.features_list li:nth-child(5) .txt_box {
    margin: 0 calc(0px - clamp(20px,4vw,40px));
  }
}
@media only screen and (max-width: 640px) {
  #tmp_bl2 ul.features_list li {
    width: 48%;
    max-width: 40%;
		margin: 0 clamp(0px,1vw,10px);
  }
  #tmp_bl2 ul.features_list li p.fukidashi {
    width: clamp(51px,11vw,80px);
    height: clamp(51px,11vw,80px);
    font-size: clamp(24px,5vw,40px);
  }
  #tmp_bl2 ul.features_list li .txt_box {
    margin: 0 -10px;
  }
  #tmp_bl2 ul.features_list li:nth-child(5) .txt_box {
    margin: 0 -20px;
  }
  #tmp_bl2 ul.features_list li .txt_box p:nth-of-type(1) {
    font-size: clamp(11px,1.8vw,14px);
  }
  #tmp_bl2 ul.features_list li .txt_box p:nth-of-type(2) {
    font-size: clamp(13px,2.8vw,20px);
  }
}
@media only screen and (max-width: 480px) {
  #tmp_bl2 ul.features_list li {
    max-width: 48%;
		margin: 0 0;
  }
  #tmp_bl2 ul.features_list li:nth-child(5) .txt_box {
    margin: 0 -30px;
  }
}

#tmp_bl2 ul.features_list_index {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(10px,1.4vw,14px);
	counter-reset: number 0;
	padding: clamp(26px,4.8vw,48px) 0 0;
}
#tmp_bl2 ul.features_list_index li {
  display: grid;
  grid-template-columns: clamp(69px,7.7vw,77px) auto;
	border-radius: 10px;
  min-height: 90px;
	overflow: hidden;
}
#tmp_bl2 ul.features_list_index li .point_header {
	width: 100%;
	display: grid;
	align-content: center;
  justify-self: center;
  background: #23A4BE;
  color: white;
  text-align: center;
  font-family: 'Jost', sans-serif;
	font-style: italic;
	font-weight: 500;
  font-size: 16px;
	position: relative;
}
#tmp_bl2 ul.features_list_index li .point_header::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -15px;
  transform: translate(0, -50%);
  width: 18px;
  height: 16px;
  background: url(images/point_header_f.svg) no-repeat center center/100% auto;
}
#tmp_bl2 ul.features_list_index li .point_header span.fukidashi {
	font-size: clamp(24px,2.6vw,26px);
	font-style: italic;
	font-weight: 700;
	line-height: 0.9;
	color: #FFF;
	padding: 0 clamp(2px,0.5vw,8px);
	display: block;
}
#tmp_bl2 ul.features_list_index li .txt_box {
	width: 100%;
	display: grid;
  align-content: center;
  justify-content: start;
	padding: clamp(7px,1vw,10px) clamp(7px,1vw,10px) clamp(7px,1vw,10px) clamp(18px,2.3vw,23px);
	margin: 0 auto;
	background: #FFF;
}
#tmp_bl2 ul.features_list_index li .txt_box p {
	letter-spacing: 0.02em;
  font-size: clamp(11px,1.2vw,12px);
	font-weight: 500;
}
#tmp_bl2 ul.features_list_index li .txt_box h3 {
	letter-spacing: 0.02em;
  font-size: clamp(15px,1.6vw,16px);
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.4;
  font-feature-settings: 'palt';
}

@media only screen and (max-width: 640px) {
  #tmp_bl2 ul.features_list_index {
    grid-template-columns: 1fr;
  }
}

/*-------------------------------- index_common --------------------------------*/
.index_common {
  background: #F7F7F7;
  padding: clamp(40px,6vw,60px) 0 clamp(50px,10vw,100px);
}
.index_common > .ttl_box span.eng_ttl {
  font-size: clamp(14px,2vw,20px);
  font-weight: 500;
  letter-spacing: 2px;
  padding: 0;
  text-align: center;
  display: block;
  background: transparent;
  color: #23A4BD;
}
.index_common > .ttl_box {
  text-align: center;
}
.index_common > .ttl_box h2 {
  display: inline-block;
  color: #2A2C2C;
  font-size: clamp(24px,4.3vw,43px);
  font-weight: 700;
  letter-spacing: clamp(0.15em,0.15em,0.3em);
	height: clamp(40px,7.1vw,71px);
  position: relative;
  z-index: 1;
}
.index_common > .ttl_box h2::after {
  position: absolute;
  content: "";
  width: 70%;
  height: clamp(2px,0.3vw,3px);
  bottom: calc(0px - clamp(10px,1vw,15px));
  left: 50%;
  transform: translate(-50%, -50%);
  background: #23A4BE;
}
.index_common > .ttl_box h2 span {
  font-size: clamp(26px,4.7vw,47px);
  font-weight: 600;
	display: inline-block;
}
.index_common > .ttl_box p {
  font-size: clamp(14px,1.6vw,16px);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  padding: clamp(20px,3vw,30px) 0 0;
}
.index_common .btn_box {
  padding: clamp(20px,4vw,40px) 0 0;
}
.index_common .btn_box a {
	margin: 0 auto;
}

/*--------------------------------------tmp_bl3-------------------------------------*/
#tmp_bl3 {
	background: #FFF;
}
#tmp_bl3 ul.departments_list {
  max-width: 1050px;
  padding: clamp(30px,4vw,40px) 20px 0;
  margin: 0 auto;
  display: grid;
	grid-template-columns: repeat(auto-fit, minmax(24%, 1fr));
  justify-content: flex-start;
  flex-wrap: wrap;
	grid-gap: clamp(15px,2vw,20px) clamp(10px,1.3vw,13px);
}
#tmp_bl3 ul.departments_list li {
  border-radius: 10px;
	overflow: hidden;
}
#tmp_bl3 ul.departments_list li .img_box {
  overflow: hidden;
  background-color: #fff;
  max-height: 245px;
}
#tmp_bl3 ul.departments_list li .img_box img {
  transform: scale(1);
  transition: all 0.3s linear;
}
#tmp_bl3 ul.departments_list li a:hover .img_box img {
  transform: scale(1.05);
  opacity: 0.8;
}
#tmp_bl3 ul.departments_list li .txt_box {
  color: #fff;
  background: linear-gradient(325deg, #c13c00, #cf5f00);
  padding: 0  clamp(10px,1.5vw,15px) clamp(14px,1.6vw,16px) clamp(12px,2vw,20px);
  display: grid;
	grid-template-columns: 1fr;
  justify-items: start;
  align-items: center;
}
#tmp_bl3 ul.departments_list li.a_i .txt_box {
  background: linear-gradient(325deg, #c13c00, #cf5f00);
}
#tmp_bl3 ul.departments_list li.g_d_w .txt_box {
  background: linear-gradient(135deg, #81EFF8 -40%, #0098A5 50%);
}
#tmp_bl3 ul.departments_list li.e_b .txt_box {
  background: linear-gradient(352deg, #397733, #81D079);
}
#tmp_bl3 ul.departments_list li .txt_box .subject_name {
  font-size: clamp(12px,1.6vw,16px);
  font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.04em;
  height: clamp(40px,5vw,55px);
  grid-column: 1 / 4;
  grid-row: 1;
	padding: 0;
}
#tmp_bl3 ul.departments_list li .txt_box .subject_name span.sub {
  font-size: clamp(10px,1.3vw,13px);
}
#tmp_bl3 ul.departments_list li .txt_box .subject_years {
  font-size: clamp(11px,1.3vw,13px);
  border: 1px solid #fff;
  padding: 0 15px;
	margin: 0;
  grid-column: 1;
  grid-row: 2;
}
#tmp_bl3 ul.departments_list li .txt_box .arrow {
  width: clamp(20px,3.5vw,30px);
  height: clamp(20px,3.5vw,30px);
  grid-column: 3;
  grid-row: 2;
}

#tmp_bl3 ul.departments_list.index li {
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	background: #F7F7F7;
}
#tmp_bl3 ul.departments_list.index li a {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: clamp(77px,9.5vw,95px) clamp(72px,13vw,130px);
  gap: clamp(5px,1.5vw,15px);
}
#tmp_bl3 ul.departments_list.index li img {
  width: fit-content;
  transition: all 0.3s linear;
  grid-row: 1;
  justify-self: center;
  align-self: end;
}
#tmp_bl3 ul.departments_list.index li a:hover img {
  transform: scale(1.05) translate(0, -5px);
  opacity: 0.8;
}
#tmp_bl3 ul.departments_list.index li .txt_box {
  color: #2A2C2C;
  padding: 0;
  display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 22px auto;
  align-items: center;
	gap: clamp(7px,1vw,10px) 0;
  grid-row: 2;
	background: #F7F7F7;
}

#tmp_bl3 ul.departments_list.index li .txt_box .subject_name {
  font-size: clamp(15px,1.9vw,19px);
  font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.3em;
  height: clamp(30px,5vw,50px);
  grid-column: 1 / 4;
  grid-row: 1;
  padding: 0;
  justify-self: center;
  align-self: end;
	text-align: center;
}
#tmp_bl3 ul.departments_list.index li .txt_box .subject_name span.sub {
  font-size: clamp(10px,1.3vw,13px);
}
#tmp_bl3 ul.departments_list.index li .txt_box .subject_years {
  font-size: clamp(11px,1.3vw,13px);
  background: #fff;
  padding: clamp(0.5px,0.1vw,3px) 15px clamp(1.18px,0.115vw,3px);
	margin: 0;
  grid-column: 1 / 4;
  grid-row: 2;
  justify-self: center;
  align-self: start;
}
#tmp_bl3 ul.departments_list.index li .txt_box .dep_arrow {
  width: clamp(30px,4.4vw,44px);
  height: clamp(30px,4.4vw,44px);
  grid-column: 3 / 4;
  grid-row: 1 / 4;
  justify-self: end;
  align-self: end;
  border-radius: 10px 0 10px 0; /* 左上と右下のみ角丸 */
	position: relative;
}
#tmp_bl3 ul.departments_list.index li.a_i .txt_box .dep_arrow {
  background: #CC7645;
}
#tmp_bl3 ul.departments_list.index li.g_d_w .txt_box .dep_arrow {
  background: #51BEC8;
}
#tmp_bl3 ul.departments_list.index li.e_b .txt_box .dep_arrow {
  background: #6CBC64;
}

#tmp_bl3 ul.departments_list.index li .txt_box .dep_arrow::before {
  position: absolute;
  content: "";
  width: clamp(5.37px,0.776vw,7.76px);
  height: clamp(9.09px,1.314vw,13.14px);
  background: url(images/dep_arrow.svg)no-repeat center/clamp(5.37px,0.776vw,7.76px) auto;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

@media screen and (max-width: 640px) {
  #tmp_bl3 ul.departments_list {
    grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
    grid-gap: clamp(15px,2vw,20px) clamp(10px,1.3vw,13px);
  }
	#tmp_bl3 ul.departments_list.index li img {
    transform: scale(0.74) translate(0, 6px);
		align-self: center;
	}
  #tmp_bl3 ul.departments_list.index li a:hover img {
    transform: scale(0.9) translate(0, -5px);
    opacity: 0.8;
  }
  #tmp_bl3 ul.departments_list.index li .txt_box .subject_name {
    align-self: start;
  }
  #tmp_bl3 ul.departments_list.index li .txt_box .subject_years {
    align-self: start;
  }
  #tmp_bl3 ul.departments_list.index li .txt_box .dep_arrow {
    grid-row: 1 / 5;
  }
}


/*-----------------------target_menu---------------------------*/
#target_menu {
  max-width: 1050px;
  padding: clamp(40px,8vw,80px) 25px clamp(50px,10vw,100px);
  margin: 0 auto;
}
#target_menu .ttl_box {
  padding: 0 0 clamp(13px,2.7vw,27px);
  margin: 0 auto clamp(30px,5vw,50px);
	position: relative;
}
#target_menu .ttl_box::after {
	position: absolute;
	content: "";
  left: 50%;
	transform: translate(-50%, 0);
	bottom: 0;
	width: clamp(70px,8vw,80px);
	height: clamp(2px,0.3vw,3px);
	background: #23A4BE;
}
#target_menu .ttl_box > * {
	text-align: center;
}
#target_menu .ttl_box p {
  font-family: 'Jost', sans-serif;
  font-size: clamp(14px,2vw,20px);
	font-weight: 500;
	color: #23A4BE;
  padding: 0 0 clamp(14px,2vw,20px);
}
#target_menu .ttl_box h2 {
  font-size: clamp(24px,2.5vw,25px);
	line-height: 1em;
}
#target_menu ul.menu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(50% - clamp(10px,4vw,40px)), 1fr));
  justify-content: flex-start;
	grid-gap: clamp(20px,3vw,30px) clamp(10px,4vw,40px);
  padding: 0 0 0;
  margin: 0 auto;
}
#target_menu ul.menu li {
  border-radius: 5px;
	overflow: hidden;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
@media screen and (max-width: 870px) {
}

/*-----------------------tmp_bl5---------------------------*/
#tmp_bl5 {
	background: #F7F7F7;
  padding: clamp(0px,4vw,40px) 0 clamp(50px,10vw,100px);
}
#tmp_bl5 .ttl_box {
  text-align: center;
  color: #754294;
  padding: 54px 0;
}
#tmp_bl5 .ttl_box h2 {
  text-align: center;
  font-size: clamp(24px,3.8vw,38px);
  line-height: clamp(24px,3.8vw,38px);
  letter-spacing: 3px;
  color: #000;
  display: inline-block;
  padding: clamp(10px,2vw,20px) 0 clamp(14px,2.5vw,25px);
  margin: 0 0 clamp(14px,2.3vw,23px);
  position: relative;
}
#tmp_bl5 .ttl_box h2::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  background: url(images/voice_label.webp)no-repeat center/100% auto;
  top: -73px;
  right: -98px;
}
#tmp_bl5 .ttl_box h2::after {
  position: absolute;
  content: "";
  width: clamp(70px,13vw,130px);
  height: 4px;
  background: #774095;
  bottom: -4px;
  left: 50%;
	transform: translate(-50%, 0);
}
#tmp_bl5 .ttl_box span {
  text-align: center;
  font-size: clamp(14px,2vw,20px);
  line-height: clamp(14px,2vw,20px);
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  display: block;
}
#tmp_bl5 .ttl_box p {
  text-align: center;
  color: #000;
  font-size: clamp(14px,1.6vw,16px);
  font-weight: 500;
  line-height: clamp(14px,1.6vw,16px);
  letter-spacing: 0.1em;
}

#tmp_bl5 .container {
  max-width: 1040px;
  width: 100%;
	padding: 0 20px;
  margin: 0 auto;
}
#tmp_bl5 .container ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));
  justify-content: flex-start;
  flex-wrap: wrap;
  grid-gap: clamp(20px,3vw,30px) 2.666%;
}
#tmp_bl5 .img_box {
  position: relative;
	z-index: 0;
  margin-bottom: 8px;
}
#tmp_bl5 .img_box::before {
  position: absolute;
  width: 53px;
  height: 24px;
	border-radius: 10px 0 10px 0;
	font-size: 11px;
	font-weight: 500;
	line-height: 23px;
	text-align: center;
  color: #fff;
  top: -1px;
  left: 0;
	z-index: 1;
}
#tmp_bl5 .img_box.tag_grad::before {
  content: "卒業生";
  background: #754294;
}
#tmp_bl5 .img_box.tag_stud::before {
  content: "在校生";
  background: #B75FD1;
}
#tmp_bl5 .img_box.tag_intstud::before {
  content: "留学生";
  background: #754294;
}
#tmp_bl5 .img_box img {
	border-radius: 10px;
}

#tmp_bl5 a .img_box {
  background-color: #fff;
}
#tmp_bl5 a .img_box img {
  transform: scale(1.005); /* 画像の端に若干白が入っているため */
  transition: all 0.3s linear;
}
#tmp_bl5 a:hover .img_box img {
  transform: scale(1.05);
  opacity: 0.8;
  transition: all 0.3s linear;
}
#tmp_bl5 .img_box .voice span {
  font-size: clamp(12px,1.4vw,14px);
  font-weight: 700;
  padding: 3px 15px;
  display: inline-block;
  letter-spacing: 1px;
}
#tmp_bl5 .txt_box {
  font-size: clamp(11px,1.4vw,12px);
	letter-spacing: 0.03em;
}
#tmp_bl5 .txt_box .interview_name {
  font-size: clamp(13px,2vw,14px);
	font-weight: 700;
	letter-spacing: 0.05em;
  padding-bottom: 5px;
}
#tmp_bl5 .txt_box .interview_name span {
  font-size: clamp(12px,1.6vw,13px);
	font-weight: 400;
}
#tmp_bl5 .txt_box .interview_company {
	font-weight: 700;
	color: #754294;
}

#tmp_bl5 .container ul.link_box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  justify-content: flex-start;
  flex-wrap: wrap;
  grid-gap: clamp(20px,3vw,30px) 15px;
	width: 617px;
	margin: 40px auto 0;
}
#tmp_bl5 .container ul.link_box .btn_box a {
  background-color: #7d3c99;
  color: #fff;
  max-width: 300px;
  border-radius: 30px;
  letter-spacing: 0.05em;
	margin: 0 auto;
}
#tmp_bl5 .container ul.link_box .btn_box a::after {
  background: url(images/arrow-forw.png)no-repeat center/100% auto;
}

@media only screen and (max-width: 870px) {
  #tmp_bl5 {
    padding: 0 0 clamp(50px,10vw,100px);
  }
  #tmp_bl5 .ttl_box {
    padding: 74px 0 30px;
		overflow: hidden;
  }
  #tmp_bl5 .ttl_box h2::before {
		width: 90px;
		height: 90px;
    top: -104px;
    right: -36px;
  }
  #tmp_bl5 .ttl_box h2::after {
		height: 2px;
  }
  #tmp_bl5 .ttl_box span {
    text-align: center;
    font-size: 15px;
  }
  #tmp_bl5 .ttl_box h2 {
    font-size: 24px;
    margin-bottom: 0;
  }
  #tmp_bl5 .ttl_box p {
    margin-top: 14px;
		line-height: 1.6;
  }
  #tmp_bl5 .container ul {
    grid-template-columns: repeat(auto-fit, minmax(46%, 1fr));
    grid-gap: clamp(20px,3vw,30px) clamp(11px,3vw,6vw);
  }
  #tmp_bl5 .container ul.link_box {
		width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
    grid-gap: clamp(20px,3vw,30px) 8%;
		justify-items: center;
		padding: 0 20px;
  }
  #tmp_bl5 .container ul.link_box .btn_box a {
    width: 285px;
  }
}

/*--------------------------------------tmp_bl6-------------------------------------*/
.bg_wrap {
  padding: clamp(50px,8vw,80px) 0 0 clamp(25px,calc(calc(100vw - 1000px) / 2),calc(calc(100vw - 1000px) / 2));
  /* background: #FFF linear-gradient(transparent 0, #ECE9EF 0)no-repeat top left/100% clamp(40px,7vw,126px); */
}
#tmp_bl6 {
  border-radius: 10px 0 0 10px;
  padding: clamp(50px,7vw,70px) clamp(25px,5vw,70px);
  background: #EFEFEF linear-gradient(to top left, transparent 49.8%, #F7F7F7 50%)no-repeat top left/510px 200px;
}
#tmp_bl6 .container {
	display: grid;
	grid-template-columns: 38% 1fr;
  gap: clamp(20px,3vw,30px) 0;
	width: clamp(285px,90vw,930px);
  margin: 0 auto 0 0;
}
#tmp_bl6 .container .ttl_box span {
  color: #23A4BD;
	font-size: clamp(24px,3.2vw,32px);
  font-weight: 500;
  letter-spacing: 0.1em;
	text-align: left;
}
#tmp_bl6 .container .ttl_box h2 {
  font-size: clamp(24px,3.2vw,32px);
  letter-spacing: 0.15em;
}
#tmp_bl6 .container .ttl_box span::after {
  display: none;
  visibility: hidden;
}

#tmp_bl6 .container .left_box {
  grid-column: 1;
  grid-row: 1;
  color: #2A2C2C;
}
#tmp_bl6 .container .left_box .ttl_box {
  padding: 0;
}
#tmp_bl6 .container .left_box .txt_box {
  margin: clamp(12px,2vw,23px) 0 0;
}
#tmp_bl6 .container .left_box .txt_box p {
  font-size: clamp(14px,1.5vw,15px);
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.08em;
}
#tmp_bl6 .container .btn_box {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  max-width: 240px;
}
#tmp_bl6 .container .btn_box a {
  background-color: #ffffff;
  max-width: 240px;
  margin: 0;
  border-radius: 25px;
  letter-spacing: 0.1em;
}
#tmp_bl6 .container .right_box {
  grid-column: 2;
  grid-row: 1 / 3;
  width: 100%;
}

@media only screen and (max-width: 870px) {
  .bg_wrap {
  }
  #tmp_bl6 {
    width: calc(100% - 25px);
		padding: clamp(50px,7vw,70px) clamp(25px,7vw,70px);
    border-radius: 0 10px 10px 0;
		background: #F7F7F7 linear-gradient(to top left, transparent 49.8%, #EFEFEF 50%)no-repeat top left/100% 200px;
  }
  #tmp_bl6 .container {
    width: 100%;
    grid-template-columns: 1fr;
		justify-items: center;
	}
  #tmp_bl6 .container .left_box {
    grid-column: 1;
		width: 100%;
  }
  #tmp_bl6 .container .right_box {
    grid-column: 1;
    grid-row: 2;
    justify-items: center;
  }
  #tmp_bl6 .container .btn_box {
    grid-column: 1;
    grid-row: 3;
  }
  #tmp_bl6 .container .btn_box,
  #tmp_bl6 .container .btn_box a {
		max-width: 285px;
  }
}
@media only screen and (max-width: 480px) {
  #tmp_bl6 .container .right_box {
    margin: 0 auto;
  }
}

/*-----------------------円グラフ---------------------------*/
.prompt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  font-size: 54px;
  font-weight: 200;
}
.container_graph {
	width: 100%;
}
.progress-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: clamp(10px,3vw,30px);
  width: 100%;
  margin: 0;
  resize: horizontal;
}
.progress-item {
  flex: 1;
  flex-basis: calc(50% - 100px);
  display: grid;
  justify-items: center;
  /* イージングを指定 */
  transition-timing-function: ease-in-out;	
}
.progress-item__inner {
  position: relative;
}
.progress-svg {
  width: 100%;
  height: 100%;
}
.progress-svg circle {
  stroke-dasharray: 283;
  stroke-width: var(--stroke-width, 11);
}
.progress-background {
  fill: none;
  stroke: #FFF;
  stroke-width: 11;
}
.progress-bar {
  fill: none;
  stroke: var(--stroke-color, #23A4BE);
  stroke-dashoffset: var(--stroke-dashoffset, 283);
  /* stroke-linecap: round; */
  transform-origin: center;
  transform: rotate(var(--start-rotate, -90deg));
  transition: stroke-dashoffset var(--duration, 1.5s) ease-out;
}
.progress-title {
	color: #23A4BE;
  font-size: clamp(15px,1.8vw,18px);
  font-weight: 700;
	margin: 0 0 10px;
	position: relative;
	display: none;
}
.progress-title::before,
.progress-title::after {
	position: absolute;
	content: "";
  top: 50%;
  width: 30%;
  height: 2px;
  background-color: #23A4BE;
}
.progress-title::before {
  left: clamp(-25px,-3.5vw,-35px);
  transform: translateY(-50%) rotate(67deg); 
}
.progress-title::after {
  right: clamp(-25px,-3.5vw,-35px);
  transform: translateY(-50%) rotate(-67deg); 
}
.progress-text {
  position: absolute;
  width: 70%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.progress-text > p {
	text-align: center;
	letter-spacing: 0.02em;
	line-height: 1em;
}
.progress-text p.value_unit span {
  font-family: 'Jost', sans-serif;
	letter-spacing: -0.02em;
}
.progress-value {
  font-size: clamp(62px,7vw,81px);
  font-weight: 600;
	line-height: 1em;
}
.progress-unit {
  font-size: clamp(29px,3.3vw,33px);
  font-weight: 500;
	margin: 0 0 0 -2px;
}
.progress-text p.progress-ttl {
  font-size: clamp(15px,1.7vw,17px);
  font-weight: 700;
}
.progress-text p.progress-date {
  font-size: clamp(11px,1.4vw,14px);
  font-weight: 400;
}

@media only screen and (min-width: 920px) {
  .progress-item {
    flex-basis: 0%;
  }
}
@keyframes scrolldown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(22px);
  }
}
@media only screen and (max-width: 870px) {
  .progress-container {
    justify-items: center;
  }
}
@media only screen and (max-width: 480px) {
	.progress-container {
    max-width: 240px;
    grid-template-columns: 1fr;
    margin: 0 auto;
	}
  .progress-value {
    font-size: clamp(79px,8.7vw,87px);
  }
}

/*-----------------------tmp_bl7---------------------------*/
#tmp_bl7 {
  padding: clamp(50px,9vw,90px) 25px clamp(40px,10vw,100px);
  position: relative;
  z-index: 1;
  background: #FFF linear-gradient(to bottom right, transparent 49.8%, #F7F7F7 50%)no-repeat bottom right/100% clamp(260px,66vw,660px);
}
#tmp_bl7::after {
  position: absolute;
  content: "";
  width: 149px;
  height: 376px;
  left: -41px;
  bottom: 289px;
  background: url(images/about_txt.png)no-repeat center/100% auto;
  z-index: -1;
}
#tmp_bl7 .ttl_box h2 {
  text-align: center;
  color: #23A4BE;
  font-size: clamp(14px,2vw,20px);
  font-family: 'Jost', sans-serif;
  font-weight: 500;
}
#tmp_bl7 .ttl_box p {
  text-align: center;
  margin: clamp(5px,1.3vw,13px) 0 clamp(15px,4vw,40px);
  font-size: clamp(19px,2.6vw,26px);
  font-weight: 700;
  letter-spacing: clamp(-0.05em,-0.05em,0.5em);
  line-height: 1.6;
}
#tmp_bl7 .ttl_box {
  padding-bottom: 13px;
}
#tmp_bl7 .container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 50px;
}
#tmp_bl7 .container ul {
	display: grid;
  grid-template-columns: repeat(3, 1fr);
	gap: 20px clamp(10px,1.2vw,15px);
}
#tmp_bl7 .container ul li {
  border-radius: 10px;
	overflow: hidden;
}
#tmp_bl7 .container ul li .txt_box {
  width: 100%;
	height: 100%;
	display: flex;
  align-items: flex-start;
	flex-direction: column;
  color: #fff;
  padding: 20px clamp(20px, 3vw, 30px);
	background: linear-gradient(to top, #000000 10%, transparent 100%);
}
#tmp_bl7 .container ul li .txt_box .about_sub {
  font-size: 12px;
  font-family: 'Jost', sans-serif;
  letter-spacing: 1.5px;
}
#tmp_bl7 .container ul li .txt_box .about_name {
  font-size: clamp(20px,2.2vw,22px);
  margin-bottom: 6px;
  font-weight: 700;
}
#tmp_bl7 .container ul li .txt_box .about_detail {
  font-size: clamp(13px,1.4vw,14px);
  font-weight: 400;
}
#tmp_bl7 .container ul li {
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#tmp_bl7 .btn_box a {
  margin-top: 58px;
}
#tmp_bl7 a.blog_bnr {
	display: block;
	max-width: 1000px;
	margin: 0 auto;
}


@media only screen and (max-width: 640px) {
  #tmp_bl7::after {
    display: none;
	}
  #tmp_bl7 .container ul {
    grid-template-columns: 1fr;
  }
  #tmp_bl7 .btn_box a {
    margin-top: 30px;
    width: 100%;
    max-width: none;
  }
}

/*-----------------------------tmp_bl8------------------------------------*/
#tmp_bl8 {
  padding: 0 25px clamp(60px,10vw,100px);
}
#tmp_bl8 .cnt_box .container {
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
}
#tmp_bl8 .cnt_box .container a {
  display: block;
  width: 100%;
}
#tmp_bl8 .cnt_box .container ul {
  max-width: 920px;
}

#tmp_bl8 .cnt_box .container ul {
  max-width: 920px;
  padding: clamp(50px,6vw,60px) 0 0;
	margin: 0 auto;
}
#tmp_bl8 .cnt_box ul li {
  width: 33.33%;
  padding-bottom: 0;
}
#tmp_bl8 a .img_box img {
  transition: all 0.3s linear;
}
#tmp_bl8 a:hover .img_box img {
  opacity: 0.6;
  transition: all 0.3s linear;
}
@media only screen and (max-width: 1200px) {
  #tmp_bl8 .cnt_box .container a {
    padding: 10px;
  }
}
@media only screen and (max-width: 870px) {
  #tmp_bl8 .cnt_box .container a {
    padding: 0;
  }
  #tmp_bl8 .cnt_box ul li {
    width: 50%;
  }
}

/*-----------------------------tmp_bl9------------------------------------*/
#tmp_bl9 .container {
  width: 100% !important;
  max-width: none;
  margin: 0 auto;
}
#tmp_bl9 .container a.bnr_1column {
	display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
	height: clamp(82px,8.8vw,88px);
	padding: 0 25px;
  background: #23A4BF linear-gradient(to bottom right, transparent 49.8%, #4CB3C8 50%)no-repeat top right/clamp(82px,8.8vw,88px) clamp(82px,8.8vw,88px);
}
#tmp_bl9 .container a.bnr_1column span {
  color: #FFF;
  font-size: clamp(18px,2.2vw,22px);
  font-weight: 700;
  padding: 0 35px 0 0;
}
#tmp_bl9 .container ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
#tmp_bl9 .container ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	height: clamp(110px,11.5vw,115px);
	position: relative;
	pointer-events: none;
  transition: all 0.2s linear;
	padding: 1vw clamp(15px,2vw,20px);
}
#tmp_bl9 .container ul li:hover {
	opacity: 0.6;
}
#tmp_bl9 .container ul li:nth-child(1) {
  background: #40B4CB linear-gradient(to top left, transparent 49.8%, #23A4BD 50%)no-repeat top left/100%;
}
#tmp_bl9 .container ul li:nth-child(2) {
  background: #FFF996 linear-gradient(to top left, transparent 49.8%, #FFF002 50%)no-repeat top left/100%;
}
#tmp_bl9 .container ul li:nth-child(3) {
  background: #D88B5F linear-gradient(to top left, transparent 49.8%, #CB7645 50%)no-repeat top left/100%;
}
#tmp_bl9 .container ul li a {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
  pointer-events: auto;
}
#tmp_bl9 .container ul li .txt_box {
  text-align: left;
	color: #FFF;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: start;
  align-items: center;
}
#tmp_bl9 .container ul li:nth-child(2) .txt_box {
	color: #2A2C2C;
}
#tmp_bl9 .container ul li .txt_box h4.arrow {
  font-size: clamp(18px,2.2vw,22px);
  position: relative;
}
#tmp_bl9 .container ul li .txt_box h4.arrow::after {
  position: absolute;
  content: "";
  top: 55%;
  right: -30px;
  width: 22px;
  height: 22px;
  transform: translate(0, -50%);
	background: url(./images/arrow-forbo.png)no-repeat center/22px auto;
}
#tmp_bl9 .container ul li:nth-child(2) .txt_box h4.arrow::after {
  filter: brightness(0) saturate(100%) invert(13%) sepia(91%) saturate(0%) hue-rotate(300deg) brightness(96%) contrast(94%);
}
#tmp_bl9 .container ul li .txt_box p {
  font-size: clamp(11px,1.3vw,13px);
	font-weight: 500;
  padding: 5px 0 0 0;
}

@media only screen and (max-width: 870px) {
  #tmp_bl9 .container a.bnr_1column {
    justify-content: flex-start;
  }
  #tmp_bl9 .container ul {
    grid-template-columns: 1fr;
  }
  #tmp_bl9 .container ul li {
    width: auto;
  }
  #tmp_bl9 .container ul li .txt_box {
    width: 88vw;
  }
}

/*-----------------------------tmp_bl10------------------------------------*/
#tmp_bl10 {
  background: url("images/index_moviebg.png")no-repeat center/cover;
}
#tmp_bl10 h2 {
  font-size: 30px;
  color: #ffff00;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 45px;
  width: 260px;
  border-bottom: solid 3px;
  margin: 0 0 25px;
}
#tmp_bl10 .flex_box {
  max-width: 1000px;
  margin: 0 auto;
  justify-content: space-between;
  padding: 70px 0;
  align-items: center;
}
#tmp_bl10 .ttl_box {
  color: #fff;
  font-size: 16px;
  line-height: 2.5;
  width: calc(100% - 580px);
  padding: 0;
}
#tmp_bl10 .ttl_box p {
  line-height: 1.9;
}
#tmp_bl10 .cnt_box {
  width: 580px;
  border: 7px solid #fff;
  border-radius: 10px;
  height: 400px;
  margin: 0 auto;
}
#tmp_bl10 .cnt_box iframe {
  display: block;
  width: 100%;
  height: 100%;
}
#tmp_bl10 .btn_box a {
  margin: 30px 0;
}
@media only screen and (max-width: 870px) {
  #tmp_bl10 {
    background: url(./images/index_moviebg_sp.png)no-repeat center/cover;
  }
  #tmp_bl10 .ttl_box {
    width: 100%;
  }
  #tmp_bl10 .ttl_box p {
    font-size: 14px;
    line-height: 1.9;
  }
  #tmp_bl10 .btn_box a {
    max-width: none;
  }
  #tmp_bl10 .flex_box {
    max-width: none;
    padding: 55px 25px 50px;
    flex-direction: column-reverse;
    width: 100%;
  }
  #tmp_bl10 .cnt_box {
    width: 100%;
    margin: 0 0 20px;
  }
  #tmp_bl10 h2 {
    font-size: 25px;
    line-height: 47px;
    width: 220px;
  }
  #tmp_bl10 .cnt_box iframe {

    display: block;
    width: 100%;
    height: auto;
  }
}

/* -------------------------- main movie $ topics -------------------------- */
#main_visual {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: grid;
  justify-items: center;
}
#main_visual .index_movie {
  position: relative;
  width: 100%;
  height: 92vh;
	max-height: 60vw;
	overflow: hidden;
  z-index: 1;
}
a.lp_icon {
	position: fixed;
	content: "";
	top: clamp(120px, 16vw, 165px);
	right: clamp(10px, 2vw, 30px);
  z-index: 9;
  display: flex;
  align-items: center;
  column-gap: 5px;
}
a.lp_icon span {
	text-decoration: underline;
	color: #FFF;
	font-size: clamp(10px, 1.4vw, 14px);
	font-weight: 500;
}
a.lp_icon img {
	width: clamp(69px, 13.2vw, 132px);
	height: clamp(78px, 14.9vw, 149px);
}
.jump {
  -webkit-animation: jump 1.5s infinite;
  animation: jump 1.5s infinite;
}
@-webkit-keyframes jump {
  0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
  20%  { -webkit-transform: scale(0.9, 1.1) translate(0%, -30%); }
  30%  { -webkit-transform: scale(0.9, 1.1) translate(0%, -15%); }
  40%  { -webkit-transform: scale(1.2, 0.8) translate(0%, 15%); }
  60%  { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes jump {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  20%  { transform: scale(0.9, 1.1) translate(0%, -30%); }
  30%  { transform: scale(0.9, 1.1) translate(0%, -15%); }
  40%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  60%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
.jump_sp {
  -webkit-animation: jump_sp 1.5s infinite;
  animation: jump_sp 1.5s infinite;
}
@-webkit-keyframes jump_sp {
  0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
  20%  { -webkit-transform: scale(0.9, 1.05) translate(0%, -20%); }
  30%  { -webkit-transform: scale(0.9, 1.05) translate(0%, -10%); }
  40%  { -webkit-transform: scale(1.2, 0.8) translate(0%, 10%); }
  60%  { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes jump_sp {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  20%  { transform: scale(0.9, 1.05) translate(0%, -20%); }
  30%  { transform: scale(0.9, 1.05) translate(0%, -10%); }
  40%  { transform: scale(1.2, 0.8) translate(0%, 10%); }
  60%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
}


#main_visual .index_movie a.txt {
	position: absolute;
	content: "";
	height: 30px;
	padding: 6px 0;
	bottom: 6px;
	right: 20px;
  z-index: 3;
  display: flex;
  align-items: center;
  column-gap: 5px;
	margin: 0;
}
#main_visual .index_movie a.txt span {
	text-decoration: underline;
	color: #FFF;
	font-size: clamp(10px, 1.4vw, 14px);
	font-weight: 500;
}
#main_visual .index_movie a.txt img {
	width: 6px;
	height: 8px;
}
#main_visual .index_movie video {
  width: 100%;
  height: 100%;
	object-fit: cover;
	display: block;
}

#index_topics {
	width: 100%;
  max-width: 1170px;
	display: grid;
	justify-items: center;
  z-index: 4;
	padding: clamp(15px,5vw,50px) 25px clamp(36px,8vw,80px);
}
#index_topics .ttl {
  font-weight: 700;
  font-size: clamp(18px,2.5vw,25px);
  letter-spacing: 0.05em;
	line-height: 1;
	text-align: center;
	width: 100%;
  padding: 0 0 clamp(15px,3vw,32px);
  margin: 0 0 clamp(24px,3.7vw,37px);
	position: relative;
}
#index_topics .ttl::after {
  position: absolute;
  content: "";
  width: clamp(50px,8vw,80px);
  height: clamp(2px,0.3vw,3px);
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #23A4BE;
}
#index_topics ul.topics_list {
  width: 100%;
	border-radius: 10px;
  display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	grid-gap: 12px;
}
#index_topics ul.topics_list li {
	height: 100%;
  display: grid;
	align-items: center;
  background: #FFF;
  border-radius: 5px;
}
#index_topics ul.topics_list:has(>li:only-child) {
  grid-gap: 0;
}
#index_topics ul.topics_list li:only-child {
  max-width: 554px;
}
#index_topics ul.topics_list li a {
  transition: all 0.2s linear;
}
#index_topics ul.topics_list li a:hover {
  opacity: .6;
}
#index_topics ul.topics_list li img {
	border-radius: 5px;
}

@media only screen and (max-width: 1000px) {
  #index_topics ul.topics_list {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  }
}
@media only screen and (max-width: 870px) {
	#main_visual .index_movie {
		height: auto!important;
	}
  #index_topics ul.topics_list li img {
    border-radius: 5px;
    border: none;
  }
}
@media only screen and (max-width: 640px) {
  a.lp_icon {
    top: clamp(80px, 10vw, 100px);
  }
  #index_topics ul.topics_list {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}

/*-----------------------footer--------------------------*/
#tmp_footer {
  background-color: #404040;
}
.footer_bl1 {
  background: #555555;
  color: #fff;
}
.footer_bl1 .container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 34px 25px 30px;
	display: grid;
  grid-template-columns: 140px 1fr;
  gap: clamp(5px,1vw,10px) clamp(10px,1.5vw,15px);
}
.footer_bl1 .container h3 {
  font-size: clamp(14px,1.5vw,15px);
	font-weight: 700;
	padding: 0 0 3px;
}
.footer_bl1 ul {
	width: 100%;
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(clamp(150px,18vw,180px), 1fr));
  gap: clamp(5px,0.8vw,8px) clamp(10px,1.5vw,15px);
}
.footer_bl1 ul li a {
  color: #fff;
  background: url(images/arr_right_w.png)no-repeat bottom 2px right 0/clamp(6px,0.8vw,8px) auto;
  padding-right: clamp(15px,2vw,20px);
  font-size: clamp(12px,1.4vw,14px);
  font-weight: 400;
}
.footer_bl1 ul li p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.5px;
}
.footer_bl2 h2 {
  max-width: 415px;
  margin-bottom: 18px;
}
.footer_bl2 {
  color: #fff;
}
.sns_box ul li {
  height: 21px;
  padding: 0 5px;
  width: auto;
}
.sns_box ul li a img {
  display: block;
  width: auto;
  height: 100%;
}
.footer_bl2 .left_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  margin-bottom: 29px;
  padding-bottom: 30px;
  align-items: end;
}
.footer_bl2 .right_box {
  width: 100%;
}
.footer_bl2 .right_box .overlay_in2 a {
  color: #fff;
  transition: all 0.2s linear;
}
.footer_r_bl1 ul li a {
  color: #fff;
}
.footer_bl2 {
  color: #fff;
  padding: 73px 0 80px;
  max-width: 960px;
  margin: 0 auto;
}
.sns_box {
  width: 190px;
}
.footer_l_bl2 ul li p {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 2px;
}
.footer_l_bl2 ul li p:nth-child(1) {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}
.footer_bl2 .right_box .overlay_in2 {
  margin-top: 0;
}
.footer_bl2 .right_box .overlay_in2 .col1 li a {
  padding-left: 10px;
  position: relative;
}
.footer_bl2 .right_box .overlay_in2 .col1 li a::after {
  position: absolute;
  content: "";
  width: 4px;
  height: 1px;
  background: #fff;
  top: 10px;
  left: 0;
}
.footer_l_bl2 ul li {
  margin-bottom: 10px;
}
.footer_bl2 .right_box .overlay_in2 .col1 ul li p {
  font-size: 13px;
  font-weight: 500;
}
.footer_bl2 .right_box .overlay_in2 p.col_na {
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 8px;
  background: 0;
  padding-left: 0;
}
.footer_bl2 .right_box .overlay_in2 a {
  display: inline-block;
  font-size: 13px;
  font-weight: 200;
  line-height: 1.9;
}
.footer_bl2 .right_box .overlay_in2 ul.l_parent li {
  margin-bottom: 16px;
}
.footer_bl2 .right_box .overlay_in2 ul.l_child li {
  margin-bottom: 0;
}
.footer_bl3 small {
  font-size: 13px;
  font-weight: 400;
}
.footer_bl3 {
  text-align: center;
  padding: 10px 0;
}
a.google_m {
  color: #fff;
}
.footer_bl2 .flex_box_c {
  display: flex;
  flex-direction: column;
}
.footer_bl2 a {
  color: #fff;
}
.footer_bl2 .inquiry {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  margin: 0 0 30px;
  padding: 35px 0 30px;
}
.footer_bl2 .inquiry .entrance {
  width: 48%;
}
.footer_bl2 .inquiry .entrance p.ttl {
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 500;
  line-height: 50px;
  margin: 0;
  background: url(images/f_inq_arrow.png)no-repeat center left/17px auto;
  padding: 0 0 0 25px;
}
.footer_bl2 .inquiry .entrance p.sttl {
  font-size: clamp(13px, 1.6vw, 16px);
  font-weight: 400;
  line-height: 26px;
  margin: 0 0 5px;
}
.footer_bl2 .inquiry .entrance .tel_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 56px;
}
.footer_bl2 .inquiry .entrance a {
  display: block;
  color: #fff;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
}
.footer_bl2 .inquiry .entrance .tel_box a.tel {
  font-size: clamp(32px, 3.2vw, 40px);
  letter-spacing: 2px;
  background: url(images/f_icon-tel.png)no-repeat center left/43px auto;
  padding: 0 0 0 60px;
}
.footer_bl2 .inquiry .entrance a.mail {
  font-size: clamp(20px, 2.4vw, 24px);
  letter-spacing: 0.05em;
  background: url(images/f_icon-mail.png)no-repeat center left/24px auto;
  padding: 0 0 0 40px;
}
.footer_bl2 .txt {
  font-size: 13px;
  font-feature-settings: "palt";
  line-height: 1.4;
  margin-bottom: 0;
  padding: 0 0 0 20px;
}
.footer_bl2 .inquiry .kikakubu {
  width: 42%;
}
.footer_bl2 .inquiry .kikakubu p.ttl {
  font-size: clamp(16px, 2vw, 18px);
  font-weight: 500;
  line-height: 40px;
  margin: 0;
  background: url(images/f_inq_arrow.png)no-repeat top 18px left/17px auto;
  padding: 5px 0 0 25px;
}
.footer_bl2 .inquiry .kikakubu p.sttl {
  font-size: clamp(12px, 1.6vw, 14px);
  font-weight: 400;
  line-height: 26px;
  margin: 0 0 8px;
}
.footer_bl2 .inquiry .kikakubu p.k_inquiry {
  line-height: 1.4;
}
.footer_bl2 .inquiry .kikakubu p.k_inquiry span {
  font-size: 13px;
}
.footer_bl2 .inquiry .kikakubu p.k_inquiry span:not(:last-of-type) {
  padding: 0 1em 0 0;
}
.footer_bl2 .inquiry .kikakubu p.mail,
.footer_bl2 .inquiry .kikakubu p.mail a {
  font-size: clamp(16px, 1.8vw, 18px);
}
.footer_l_bl1 {
  max-width: 420px;
}
.footer_l_bl1 p {
  display: inline;
  margin: 0 10px 0 0;
  font-size: 15px;
  letter-spacing: 1px;
}
.footer_l_bl1 a.google_m {
  background: url(images/google_m.png)no-repeat left center/11px auto;
  padding-left: 18px;
  display: inline-block;
}
.footer_r_bl1 ul li {
  font-size: 16px;
  font-weight: 600;
}
.footer_r_bl1 ul {
  max-width: 392px;
}
.footer_r_bl2 ul {
  max-width: 557px;
}
.footer_r_bl2 ul li a {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}
.footer_r_bl1 {
  margin-top: 31px;
}
.footer_r_bl2 {
  margin-top: 48px;
}
/*=============================== tmp_menu_footer_list ===============================*/
#tmp_menuf_list .container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
#tmp_menuf_list .cnt_box {
  background: #fff;
}
#tmp_menuf_list .container h3 {
  font-size: 24px;
  font-weight: 500;
  padding: 0 0 20px;
}
#tmp_menuf_list h2 {
  font-size: 24px;
  text-align: left;
  font-weight: 500;
  display: block;
  margin: 0 auto 30px;
  width: 100%;
  font-family: 'Zen Maru Gothic', sans-serif;
}

#tmp_menuf_list {
  padding: 30px 0 20px;
}
#tmp_menuf_list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 clamp(15px,2.5vw,25px);
  margin: 0;
}
#tmp_menuf_list li {
  border-top: 1px solid #A5A4A4;
  border-bottom: 1px solid #A5A4A4;
  display: flex;
  text-indent: 0;
  margin: -1px 0 0;
}
#tmp_menuf_list li:last-of-type {
  border: none;
}
#tmp_menuf_list li a {
  position: relative;
  padding: clamp(14px,2.8vw,28px) 0 clamp(14px,2.8vw,28px) 25px;
	display: block;
}
#tmp_menuf_list li a::after {
  position: absolute;
  content: "";
  width: 19px;
  height: 19px;
  background: url(images/arr_right_y.png)no-repeat left center/19px auto;
  top: 50%;
  left: 0;
  opacity: 1;
  transform: translate(0, -50%);
  background-color: #FFF000;
  border-radius: 50%;
  transition: all 0.2s linear;
}
#tmp_menuf_list .flex_box .none {
  display: none;
}
.txt_12 {
  font-size: 12px !important;
}


.annualevent #tmp_menuf_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(33.3% - clamp(15px,2vw,20px)), 1fr)); 
  gap: 0 clamp(15px,2vw,20px);
  padding: 50px 25px clamp(50px,12vw,150px);
  background-color: #fff;
}
.annualevent #tmp_menuf_list .container h2 {
  font-size: clamp(18px,2.6vw,26px);
  font-weight: 700;
  display: block;
  margin: 0 auto clamp(30px,6vw,60px);
  width: 100%;
  text-align: center;
  letter-spacing: 3px;
  font-family: 'Noto Sans JP', sans-serif;
  position: relative;
}
.annualevent #tmp_menuf_list li:last-of-type {
  border-top: 1px solid #A5A4A4;
  border-bottom: 1px solid #A5A4A4;
}
.annualevent #tmp_menuf_list li a {
  width: 100%;
  font-size: clamp(13px,1.5vw,15px);
  font-weight: 500;
  display: grid;
  grid-template-columns: clamp(120px,13.7vw,137px) 1fr;
  gap: clamp(12px,1.6vw,16px) clamp(12px,1.6vw,16px);
  align-items: center;
  padding: clamp(10px,1.4vw,14px) 0;
}
.annualevent #tmp_menuf_list .right_box {
  position: relative;
  width: 100%;
  padding: 0 0 0 30px;
}
.annualevent #tmp_menuf_list li .right_box::after {
  position: absolute;
  content: "";
  width: 19px;
  height: 19px;
  background: url(images/arr_right_y.png)no-repeat left center/19px auto;
  top: 50%;
  left: 0;
  opacity: 1;
  transform: translate(0, -50%);
  background-color: #FFF000;
  border-radius: 50%;
  transition: all 0.2s linear;
}
.annualevent #tmp_menuf_list li a::after {
  content: none;
}
.annualevent #tmp_menuf_list .right_box p {
  font-size: clamp(13px,1.5vw,15px);
	letter-spacing: 0.02em;
}


@media only screen and (max-width: 870px) {
  #tmp_menuf_list {
    margin: 0 !important;
    padding: 35px 25px 0 !important;
  }
}
/*-------------------------- cta --------------------------*/
.cta_opencampus {
  max-width: 1000px;
  padding: 295px 0 57px 47px;
  margin: 100px auto;
  background: url(images/open_fampus_ctabnr01.png)no-repeat center/100% auto;
}
.cta_opencampus a {
  display: block;
  width: 360px;
  height: 50px;
  line-height: 43px;
  letter-spacing: 0.15em;
  color: #fff;
  text-align: left;
  background: url(images/arr_right_w.png)no-repeat right 18px center/8px auto;
  padding: 0 40px;
  border: 2px solid #fff;
  border-radius: 25px;
}
.for_application {
  max-width: 1000px;
  height: 280px;
  color: #FFF;
  padding: 46px 0 40px 76px;
  margin: 100px auto 60px;
  background: #CC7645 url(images/for_application.jpg)no-repeat right center/auto 100%;
  border-radius: 10px;
}
.for_application p {
  font-size: 17px;
}
.for_application p.ttl {
  font-size: 29px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #FFF;
  padding: 0 0 8px;
}
.for_application a {
  display: block;
  width: 320px;
  height: 60px;
  line-height: 54px;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  padding: 0 20px;
  border: 2px solid #fff;
  border-radius: 30px;
  margin: 18px 0 0;
}
.entrance_tel_box_g__wrapper {
	padding: 25px;
	background: #FFF;
}
.entrance_tel_box_g {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto !important;
  background: #F7F7F7;
  border-radius: 20px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.entrance_tel_box_g .cnt_box_a {
  padding: 60px 40px;
  text-align: center;
}
.entrance_tel_box_g .cnt_box_a p {
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  color: #23A4BD;
}
.entrance_tel_box_g .cnt_box_a p.ttl {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #FFF;
  display: block;
  background: #23A4BD;
  max-width: 360px;
  padding: 6px 0 9px;
  margin: 25px auto 5px;
  border-radius: 5px;
}
.entrance_tel_box_g .cnt_box_a a {
  font-family: 'Jost', sans-serif;
  font-size: 45px;
  font-weight: 600;
  letter-spacing: 0.1em;
  display: block;
  background: url(images/phone_ico2.png)no-repeat left calc(50% - 181px) bottom 50%/auto 29px;
  text-align: center;
  padding: 0 0 0 50px;
}
.entrance_tel_box_g .cnt_box_a span {
  font-size: 16px;
  display: block;
  text-align: center;
}
/*=================================== .subject ===================================*/
.subject_page {
  background: #ffffff;
}
#tmp_subject_list {
  padding-top: 175px;
  position: relative;
  z-index: 2;
}
.subject_page_p #tmp_subject_list {
  background: #F7F7F7;
}
#tmp_subject_list::after {
  position: absolute;
  content: "";
  /*background: url(images/grey_bg_skew.png)no-repeat left top/100% auto;*/
  z-index: -1;
  width: 100%;
  transform: translate(0, -50%);
  top: 50%;
  left: 0;
  height: 100%;
  mix-blend-mode: multiply;
}
.subject .container {
  max-width: 1050px;
  width: 100%;
  margin: 0 auto;
}
.subject .main_txt.top {
  background-color: #fff;
  margin: -223px 0 40px 0;
  color: #000;
  padding: 47px 59px 30px;
  border-radius: 5px;
  position: relative;
  max-width: 500px;
}
.subject .main_txt.top span {
  color: #2A2C2C;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.subject .main_txt.top p {
  font-size: 15px;
  line-height: 27.5px;
}
.subject_page_p .subject h2 {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(57deg, #B24407, #DFA354);
  height: 81px;
  width: 1000px;
  display: flex;
  align-items: center;
  padding-left: 25px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.subject_page_p .subject h2::after {
  position: absolute;
  content: "";
  width: 625px;
  height: 31px;
  background: url(images/arc-interior-lb.png)no-repeat top right 70px/547px auto;
  top: 0;
  right: 10px;
}
.page_content4.subject_page_p #tmp_page_bl0 .main_txt.top span {
  text-align: left;
  margin-top: 0;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  color: #23A4BD;
}
.subject_page_p .subject h2::before {
  position: absolute;
  content: "";
  width: 17px;
  height: 17px;
  background: url(images/arrow-for-white.png)no-repeat top right/100% auto;
  top: 50%;
  transform: translate(0, -50%);
  right: 21px;
}
.subject_page_p .subject #tmp_sub2 h2::after {
  background: url(images/it-ga-we-lb.png)no-repeat top right 70px/547px auto;
  width: 441px;
}
.subject_page_p .subject #tmp_sub3 h2::after {
  background: url(images/envi-bio-lb.png)no-repeat top right 70px/547px auto;
  width: 616px;
}
.subject_page_p .subject #tmp_sub2 h2 {
  background: linear-gradient(57deg, #0098A5, #81EFF8)
}
.subject_page_p .subject #tmp_sub3 h2 {
  background: linear-gradient(57deg, #397733, #81D079)
}
.page_content4.subject_page_p #tmp_page_bl0 .main_txt.top {
  text-align: left;
}
.subject .cnt_box {
  max-width: 1000px;
  margin: 0 auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.subject .cnt_box ul li {
  width: calc(50% - 15px);
  margin-bottom: 40px;
  overflow: hidden;
  border-radius: 10px;
}

.subject .grid_box {
  display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0 clamp(10px,1.3vw,13px);
  padding: 0 25px clamp(60px,106vw,100px);
}
.subject .grid_box li {
  border-radius: 10px;
  overflow: hidden;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
	position: relative;
}
.subject .grid_box li:hover {
  opacity: 0.6;
  transition: all 0.3s linear;
}
.subject .grid_box li a {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.subject .txt_box {
  padding: 10px clamp(10px,2vw,20px) clamp(20px,2.8vw,28px) clamp(20px,3vw,30px);
  position: relative;
  color: #fff;
	min-height: 166px;
}
.subject_page_p .subject .txt_box {
  padding: 5px clamp(20px,2.5vw,30px) clamp(20px,2.8vw,28px) clamp(20px,3vw,30px);
}
.subject .txt_box::after {
  position: absolute;
  content: "";
  width: clamp(20px,3vw,30px);
  height: clamp(20px,3vw,30px);
  bottom: clamp(20px,2.5vw,30px);
  right: clamp(20px,2.5vw,30px);
  background: url(images/arrow-forbo.png)no-repeat top right/100% auto;
}
.subject_page_p .subject .txt_box {
	margin: 0;
}
.subject_page_p .subject #tmp_sub1 .txt_box,
.subject #tmp_sub1 li {
  background: linear-gradient(325deg, #c13c00, #cf5f00);
}
.subject_page_p .subject #tmp_sub2 .txt_box,
.subject #tmp_sub2 li {
  background: linear-gradient(180deg, #81EFF8 -40%, #0098A5 50%);
}
.subject_page_p .subject #tmp_sub3 .txt_box,
.subject #tmp_sub3 li {
  background: linear-gradient(352deg, #397733, #81D079);
}


.subject_name {
  font-size: clamp(12px,2.4vw,24px);
  padding: 12px clamp(10px,2vw,20px) 12px 0;
  display: flex;
  align-items: center;
}
.subject_page_p .subject_name {
	width: 100%;
  font-size: clamp(16px,2vw,20px);
  padding: 12px 0;
  margin: 0 0 12px;
	border-bottom: solid 1px #fff;
	position: relative;
}
.subject_page_p .subject_name::after {
  position: absolute;
  content: "";
  width: clamp(20px,2.6vw,26px);
  height: clamp(20px,2.6vw,26px);
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  background: url(images/arrow-forbo.png) no-repeat top right / clamp(20px,2.6vw,26px) auto;
}
.subject_page_p .subject .txt_box::after {
  content: none;
}
.subject_voice {
  font-size: clamp(11px,1.4vw,14px);
  color: #fff;
	letter-spacing: 0.01em;
  padding: 0 clamp(60px,7vw,70px) 0 0;
}
.subject_page_p .subject_voice {
  padding: 0;
}
.subject .ttl_box {
  padding: 0 0 20px 0;
  margin-bottom: 52px;
}
.subject .ttl_box a {
  position: relative;
}
.subject_years {
  font-size: 15px;
  text-align: center;
  border-radius: 15px;
  margin-left: 18px;
}
.subject .subject_years {
  border: 1px solid #fff;
  padding: 0 15px;
}
.ring_btn {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 52px;
  right: 0;
  display: block;
  transition: all 0.4s cubic-bezier(.19, 1, .22, 1);
}
.subject span.sub {
  font-size: 18px;
  font-weight: 500;
  margin-left: 12px;
}



.subject #tmp_page_bl1 {
  text-align: center;
  padding: 0 0 100px !important;
  width: 100%;
}
.subject #tmp_page_bl1::after {
  display: none;
  visibility: visible;
}
.subject #tmp_page_bl1 span {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  display: block;
  margin-bottom: 20px;
}
.subject #tmp_page_bl1 p {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.subject svg {
  display: block;
  width: 24px;
}
.st0 {
  fill: #CC7645;
}
.st2 {
  fill: #51BEC8;
}
.st3 {
  fill: #6CBC64;
}
.subject a .img_box {
  overflow: hidden;
  background-color: #fff;
  max-height: 245px;
}
.subject a .img_box img {
  transform: scale(1);
  transition: all 0.3s linear;
}
.subject a:hover .img_box img {
  transform: scale(1.05);
  opacity: 0.8;
  transition: all 0.3s linear;
}
.subject a:hover .ring_btn {
  right: -10px;
  transition: all 0.4s cubic-bezier(.19, 1, .22, 1);
}

/*=================================== news-page ===================================*/
#tmp_news {
  padding: 170px 0 250px;
}
#tmp_news .ttl_box {
  margin-bottom: 85px;
  text-align: center;
}
#tmp_news .ttl_box h2 {
  text-align: center;
  font-weight: 700;
  font-size: 30px;
}
#tmp_news .container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
#tmp_news .cnt_box .news_category_list ul li {
  width: calc(16.67% - 5px);
  background: #E7E7E7;
  text-align: center;
}
#tmp_news .cnt_box .news_category_list ul li a {
  display: block;
  padding: 13px 0;
  text-align: center;
}
#tmp_news .cnt_box .news_category_list ul li a {
  font-size: 15px;
  color: #2A2C2C;
  font-weight: 400;
}
.news_category_list {
  margin-bottom: 60px;
}
#tmp_news .cnt_box .news ul li p:first-child {
  font-family: 'Jost', sans-serif;
  padding-right: 17px;
}
#tmp_news .cnt_box .news ul li p:nth-child(2) {
  width: 180px;
}
#tmp_news .cnt_box .news ul li .title_post {
  font-size: 16px;
}
.wrap_news.flex_box {
  justify-content: initial;
}
.date_time_post {
  font-size: 16px;
}
#tmp_single span.news_label, .news_label span {
  font-size: 13px;
  background: #FFF000;
  color: #000;
  padding: 2px 12px;
  font-weight: 400;
}
#tmp_news .news ul li {
  border-top: 1px solid #D5D5D5;
  cursor: pointer;
  padding: 21px 0;
}
#tmp_news .news ul li:last-child {
  border-bottom: 1px solid #D5D5D5;
}
.news_page .ttl_box span {
  font-size: 18px;
  color: #23A4BD;
}
/*====================== news-single ======================*/
#tmp_single {
  padding: 78px 0 70px;
}
#tmp_single .container {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.news #tmp_single h2 {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.2em;
  padding: 0 0 100px;
}
.news #tmp_single h2 span {
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #23A4BD;
  padding: 0 6px 0 0;
  display: block;
}

#tmp_single .ttl_box span {
  display: inline-block;
}
#tmp_single .date_time_post {
  padding-right: 16px;
  font-weight: 400;
  line-height: 24px;
}
#tmp_single .title_post {
  font-size: 20px;
  padding: 28px 0 26px;
}

.right {
  text-align: right;
}
.txt {
  margin-bottom: 30px;
}
.txt.right_space {
  padding-left: 65%;
}
.right_space2 {
  padding-left: 100px;
}
.txt.right_space2 {
  display: block;
}
#tmp_single .cnt_box {
  border-top: 1px solid #E7E7E7;
  padding-top: 25px;
}
.single_page .ttl_box {
  padding: 40px 50px 0 0;
}
#tmp_single .cnt_box p {
  line-height: 1.7;
  margin-bottom: 20px;
  font-weight: 400;
}
#tmp_single .btn_box a {
  max-width: 200px;
  height: 50px;
  margin: 99px auto 129px;
}
#tmp_single .btn_box a::after, #tmp_single .btn_box a::before {
  display: none;
  visibility: hidden;
}

.news #tmp_single .cnt_box ol li,
.school_blog #tmp_single .cnt_box ol li {
	list-style-position: outside!important;
}
.news #tmp_single .cnt_box ul li::marker,
.news #tmp_single .cnt_box ol li::marker,
.school_blog #tmp_single .cnt_box ul li::marker,
.school_blog #tmp_single .cnt_box ol li::marker {
  font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
}
.news #tmp_single .cnt_box ol,
.school_blog #tmp_single .cnt_box ol {
	padding: 1em 0 1em 1.5em;
}
.news #tmp_single .cnt_box ol li,
.school_blog #tmp_single .cnt_box ol li {
	list-style: decimal;
	padding: 0 0 10px 5px;
}
.news #tmp_single .cnt_box ul,
.school_blog #tmp_single .cnt_box ul {
	padding: 1em 0 1em 1.8em;
}
.news #tmp_single .cnt_box ul li,
.school_blog #tmp_single .cnt_box ul li {
	list-style: disc;
	padding: 0 0 10px;
}

/*====================== news-single pn_btn ======================*/
#tmp_single.pn_btn .prev_next {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  margin: clamp(50px,10vw,100px) auto 0;
}
#tmp_single.pn_btn .btn_box a {
  width: 210px;
  height: 46px;
  margin: 0;
  color: #2A2C2C;
  border-radius: 30px;
  transition: all 0.4s cubic-bezier(.19, 1, .22, 1);
  display: flex;
  text-align: center;
  justify-content: space-evenly;
  vertical-align: top;
  align-items: center;
  background: #FFF000;/*url(images/pn_btn_arrow_back.svg) no-repeat center right 20px/7px auto*/ 
  position: relative;
}
#tmp_single.pn_btn .prev_next div:first-child a, #tmp_single.pn_btn .prev_next div:nth-child(3) a {
  position: relative;
}
#tmp_single.pn_btn .prev_next div:first-child a {
  padding: 0 0 0 32px;
}
#tmp_single.pn_btn .prev_next div:nth-child(3) a {
  padding: 0 32px 0 0;
}
#tmp_single.pn_btn .prev_next div:first-child a::before, #tmp_single.pn_btn .prev_next div:nth-child(3) a::before {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  top: 0;
}
#tmp_single.pn_btn .prev_next div:first-child a::before, #tmp_single.pn_btn .prev_next div:nth-child(3) a::before {
  background: url(images/pn_btn_arrow_prev_next.svg) no-repeat center center/22px auto;
}
#tmp_single.pn_btn .prev_next div:first-child a::before {
  left: 0;
}
#tmp_single.pn_btn .prev_next div:nth-child(3) a::before {
  right: 0;
  transform: rotate(180deg);
}
#tmp_single.pn_btn .prev_next div:nth-child(3) a::before {
  right: 0;
  transform: rotate(180deg);
}
@media only screen and (max-width: 768px) {
  #tmp_single .cnt_box iframe {
    transform-origin: 0% -10%;
    transform: scale(80%);
    width: 126%;
    margin: 0 0 -85px;
  }
}
@media only screen and (max-width: 640px) {
  #tmp_single.pn_btn .prev_next {
    flex-wrap: wrap;
    order: 1;
    margin: clamp(50px,10vw,100px) auto clamp(10px,4vw,40px);
  }
  #tmp_single.pn_btn .prev_next div:first-child {
    order: 1;
  }
  #tmp_single.pn_btn .prev_next div:nth-child(3) {
    order: 2;
    width: 120px;
  }
  #tmp_single.pn_btn .prev_next div.btn_box {
		width: 100%;
    order: 3;
  }
  #tmp_single.pn_btn .prev_next div.btn_box a {
    margin: 25px auto;
  }
}
.subject_page_b {
  background-color: #fff;
}
.subject_page_b .main_txt.top {
  background: linear-gradient(-45deg, #e99f3f, #c54400);
  color: #fff;
}
.subject_page_b .main_txt.top span {
  color: #fff;
}
.subject_page_b .main_txt.top h2 {
  color: #fff !important;
}
.subject_page_b .subject .cnt_box {
  padding: 0;
}
.subject_page_b .subject .sub_inner .ttl_box {
  background: transparent !important;
  padding: 0;
  margin-bottom: 55px;
  border-bottom: none !important;
}
.subject_page_b .subject h2 {
  color: #CC7645 !important;
  font-size: 32px;
  padding: 5px 0 20px;
  letter-spacing: 0.15rem;
  line-height: 28px;
}
.subject_page_b .subject .ttl_box span {
  color: #2A2C2C !important;
  font-size: 38px;
  margin-top: -14px;
  font-weight: 700;
  letter-spacing: 0.4rem;
}
.subject_page_b .inner1 .left_box {
  width: 524px;
  margin: 0px 0 0 -50px;
}
.subject_page_b .inner1 .right_box {
  width: calc(100% - 525px);
  margin-top: 15px;
}
.subject_page_b .inner1 .right_box span.dep {
  font-size: 14px;
  text-align: center;
  line-height: 28px;
  background: #CC7645;
  color: #fff;
  display: block;
  width: fit-content;
  height: 30px;
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 0 20px;
}
.subject_page_b .inner1 .right_box p.ttl {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 30px;
  letter-spacing: 2px;
}
.subject_page_b .inner1 .right_box p.txt {
  font-size: 13px;
}
.subject_page_b .inner1 .right_box p.txt span {
  font-weight: 500;
  padding: 8px 0 0;
  display: inline-block;
}
.subject_page_b .flex_box.message p {
  font-size: 14px;
}
.subject_page_b .inner2 p {
  font-size: 16px;
  line-height: 30.5px;
}
.subject_page_b .inner2 p:nth-child(1) {
  color: #d16c35;
  font-size: 26px;
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.subject_page_b .subject .sub_inner .ttl_box h2, .subject_page_b .subject .sub_inner .ttl_box span {
  text-align: center;
}
.subject_page_b .inner1 {
  margin-bottom: 37px;
  position: relative;
}
.subject_page_b .sub_inner .cnt_box {
  padding: 45px 50px 50px 50px;
  background: #fff;
  border-radius: 20px;
}
.subject_page_b .inner2 {
  padding-left: 20px;
}
.nun {
  visibility: hidden;
}
.arc_btn {
  position: absolute;
  bottom: 50px;
  right: 0;
}
.arc_btn a {
  position: relative;
  display: block;
  width: 46px;
  height: 46px;
  background-color: #cc7545;
  border-radius: 50%;
}
.arc_btn a::after {
  position: absolute;
  content: "";
  width: 18px;
  height: 1px;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s linear;
  opacity: 0;
}
.arc_btn a::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 18px;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.2s linear;
}
.arc_btn.btn_ac a::after {
  opacity: 1;
  transition: all 0.2s linear;
}
.arc_btn.btn_ac a::before {
  transform: translate(-50%, -50%) rotate(0deg);
  transition: all 0.2s linear;
}
.subject_page_b .sub_inner .cnt_box:nth-child(2) {
  margin-bottom: 60px;
}
.subject_page_b .inner2 {
  display: none;
  visibility: hidden;
}
.subject_page_b .inner2.arc_ac {
  display: block;
  visibility: visible;
}
.subject_page_b .occupation {
  padding: 20px 35px;
  background: #F7F2EF;
  border-radius: 100px;
  margin: clamp(60px, 10vw, 100px) auto clamp(30px, 5vw, 50px);
	width: calc(100% - 50px);
}
.subject_page_b .occupation span {
  color: #cc7545;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  padding: 0 9px;
}
.subject_page_b .occupation span a {
  color: #cc7545;
  padding: 0;
}
.subject_page_b .occupation h3 {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  padding-right: 18px;
  letter-spacing: 2px;
}
.page_content2 #tmp_mainvisual img {
  width: 100%;
  height: auto;
}
.page_content2 .main_txt.top {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translate(-50%, 0);
  background: transparent;
  text-align: center;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
}
.page_content2 .main_txt.top h2 {
  color: #000000;
  text-align: center;
  font-weight: 700;
  font-size: clamp(23px,3.2vw,32px);
  line-height: 1.4;
  letter-spacing: clamp(0.08em,0.15em,0.15em);
	font-feature-settings: "palt";
}
.page_content4 .main_txt.top h2 {
  text-align: left;
}
.page_content2 .main_txt2.top h2 {
  color: #000000;
  font-size: 32px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}
.page_content3 .main_txt.top h2 {
  color: #fff;
}
.page_content2 .main_txt.top span {
  font-size: clamp(14px,1.8vw,18px);
  display: block;
  color: #23A4BD;
  font-family: 'Jost', sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.15em;
}
.page_content2 .main_txt2.top span {
  font-size: 15px;
  font-family: 'Jost', sans-serif;
  text-transform: uppercase;
  font-weight: 500;
}
.page_content3 .main_txt.top span {
  color: #ffffff;
}
#tmp_contents #tmp_page_bl0 {
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
  display: block !important;
}
.page_content4 #tmp_page_bl0 .main_txt.top {
  width: 500px;
  min-height: 140px;
  position: absolute;
  bottom: -90px;
  left: 0;
  transform: none;
  background: #ffffff;
  text-align: center;
  margin-bottom: 0;
  padding: 55px 55px;
  border-radius: 5px;
  z-index: 3
}
.page_content4 #tmp_page_bl0 .main_txt.top h1 {
  text-align: left;
  font-weight: 700;
  font-size: clamp(23px,3.2vw,32px);
  line-height: 1.4;
  letter-spacing: 0.08em;
	font-feature-settings: "palt";
}
.page_content4 #tmp_page_bl0 .main_txt.top p {
  color: #23A4BD;
}
.page_content4 #tmp_page_bl0 .main_txt.top span {
  text-align: left;
  margin-top: 0;
  font-size: clamp(14px,1.5vw,15px);
  font-weight: 500;
  letter-spacing: 0.1em;
}
.page_content4 #tmp_mainvisual {
  margin-bottom: 0;
}
.page_bl .ttl_box, .page_bl2 .ttl_box {
  padding: 0;
  margin-bottom: 50px;
  padding-bottom: 24px;
  border-bottom: 1px solid #A5A4A4
}
.page_bl .container, .page_bl2 .container {
  max-width: 1000px;
  width: 100%;
  margin: clamp(60px,12vw,120px) auto 0;
}

/*===============================house-expenses=========================================
====================================================================================*/
.house-expenses .main_txt.top h2, .house-expenses .main_txt.top span {
  color: #2A2C2C;
}
.house-expenses #tmp_page_bl1 ul {
  display: flex;
  justify-content: space-between;
  margin: 22px 0 0;
}
.house-expenses #tmp_page_bl1 ul li {
  width: calc(50% - 10px);
}
.house-expenses #tmp_page_bl1 .top_box {
  background-color: #f7f7f7;
  padding: 35px;
  border-radius: 10px;
  margin-bottom: 16px;
  height: 228px;
}
.house-expenses #tmp_page_bl1 .top_box .left_box {
  width: 77px;
}
.house-expenses #tmp_page_bl1 .top_box .left_box p {
  width: 70px;
  height: 70px;
  background-color: #fff100;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #2A2C2C;
}
.house-expenses #tmp_page_bl1 .top_box .right_box {
  width: calc(100% - 88px);
}
.house-expenses #tmp_page_bl1 .top_box .right_box p:nth-child(1) {
  font-size: 18px;
}
.house-expenses #tmp_page_bl1 .top_box .right_box p:nth-child(2) {
  font-size: 26px;
  color: #23A4BD;
  margin-top: -3px;
}
.house-expenses #tmp_mainvisual {
  height: 281px;
  overflow: hidden;
  margin-bottom: 0;
  position: relative;
}
.house-expenses .main_txt.top {
  position: absolute;
  bottom: 96px;
  left: 50%;
  transform: translate(-50%, 0);
  background: transparent;
  text-align: center;
  margin-bottom: 0;
  padding: 0;
}
.house-expenses .page_bl .ttl_box {
  margin-bottom: 25px;
  padding-bottom: 20px;
}
.house-expenses #tmp_page_bl1 {
  margin-bottom: 116px;
}
.house-expenses #tmp_page_bl1 .top_box .flex_box {
  margin-bottom: 18px;
}
.house-expenses #tmp_page_bl1 ul li span {
  font-size: 13px;
}
.house-expenses table {
  width: 100%;
  border-collapse: collapse;
}
.house-expenses table th {
  font-size: 13px;
  font-weight: 500;
}
.house-expenses table td {
  font-size: 11px;
  padding: 8.5px 0;
}
.house-expenses table th, .house-expenses table td {
  text-align: center;
}
.house-expenses #tmp_page_bl2 table tr:nth-child(1) th, .house-expenses #tmp_page_bl2 table tr:nth-child(2) th {
  background-color: #D4DEDC;
}
.house-expenses #tmp_page_bl2 table tr:nth-child(3) th, .house-expenses #tmp_page_bl2 table tr:nth-child(4) th, .house-expenses #tmp_page_bl2 table tr:nth-child(5) th, .house-expenses #tmp_page_bl2 table tr:nth-child(6) th, .house-expenses #tmp_page_bl2 table tr:nth-child(7) th, .house-expenses #tmp_page_bl2 table tr:nth-child(8) th {
  background-color: #d6eff2;
}
.house-expenses #tmp_page_bl2 table tr:nth-child(9) th, .house-expenses #tmp_page_bl2 table tr:nth-child(10) th, .house-expenses #tmp_page_bl2 table tr:nth-child(11) th, .house-expenses #tmp_page_bl2 table tr:nth-child(12) th, .house-expenses #tmp_page_bl2 table tr:nth-child(13) th, .house-expenses #tmp_page_bl2 table tr:nth-child(14) th {
  background-color: #ece2f0;
}
.house-expenses #tmp_page_bl2 table td span.jost {
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
}
.house-expenses #tmp_page_bl2 table th {
  padding: 8.2px 0;
}
.house-expenses #tmp_page_bl2 .cnt_box p {
  font-size: 13px;
  margin: 12px 0 28px;
}
.house-expenses .point p {
  margin: 0 0 5px !important;
  font-size: 15px !important;
  font-weight: 500;
}
.house-expenses .point li {
  font-size: 12px;
}
.house-expenses #tmp_page_bl2 {
  margin-bottom: 69px;
}
.house-expenses #tmp_page_bl3 ol {
  margin: 61px 0 0;
}
.house-expenses #tmp_page_bl3 ol li p:nth-child(1) {
  font-size: 20px;
  border-bottom: 1px solid #E7E7E7;
  font-weight: 500;
  padding-bottom: 17px;
  margin-bottom: 11px;
}
.house-expenses #tmp_page_bl3 ol li p:nth-child(2) {
  font-size: 15px;
}
.house-expenses ol li.count {
  margin-bottom: 57px;
}
.house-expenses .tel_box2 .flex_box .right_box p {
  margin-bottom: 0;
  font-size: 15px;
}
.house-expenses .tel_box2 .flex_box .right_box p:nth-child(1) {
  font-size: 20px;
  font-weight: 500;
}
.house-expenses .tel_box2 .flex_box .right_box p:nth-child(2) {
  border-bottom: 1px solid #A5A4A4;
  display: inline-block;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.house-expenses .tel_box2 .flex_box .right_box .call {
  width: auto;
  height: auto;
  display: inline-block;
  padding-left: 24px;
  background: url(images/phone_ico.png)no-repeat left 0 bottom 2px/auto 22px;
  font-size: 19px;
  font-weight: 700;
  margin: 4px 0 7px;
}
.house-expenses .tel_box2 .flex_box .right_box a {
  width: 280px;
  height: 53px;
  margin-top: 10px;
  background: url(images/link-icon.png)no-repeat bottom 19px right 61px/auto 11px #fff100;
}
.dor-expenses #tmp_page_bl2 table tr:not(:first-child) th, .dor-expenses #tmp_page_bl2 table tr:first-child th:first-child {
  background-color: #d2dedc;
}
.dor-expenses #tmp_page_bl3 table tr th {
  background-color: #d2dedc;
}
.dor-expenses #tmp_page_bl3 table tr td:first-child {
  background-color: #DEF1F5;
  border-left: none;
}
.dor-expenses #tmp_page_bl2 table tr:nth-child(2) th:last-child {
  border-right: none;
}
.dor-expenses #tmp_page_bl3 {
  margin-top: 113px;
}
.dor-expenses #tmp_page_bl4 .inner {
  margin-bottom: 36px;
}
.dor-expenses #tmp_page_bl4 .inner .ttl_box_a h3 {
  margin-bottom: 15px;
}
.dor-expenses #tmp_page_bl4 ul li {
  font-size: 13px;
}
.dor-expenses #tmp_page_bl4 ul {
  margin-top: 18px;
}
.dor-expenses #tmp_page_bl5 {
  margin-top: 118px;
}
.dor-expenses ol li.count {
  font-size: 20px;
  font-weight: 500;
}
.dor-expenses ol li.count span {
  background: #fff100;
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 15px;
  margin-left: 15px;
}
.dor-expenses ol li:nth-child(4).count span, .dor-expenses ol li:nth-child(2).count span {
  background-color: #E7E7E7;
}
.dor-expenses ol li:nth-child(5).count::after {
  color: #fff;
  background: url(images/stepw.png)no-repeat top 17px center/25px auto #ff664e;
}
.dor-expenses ol::before {
  height: calc(100% - 44px);
}
#tmp_page_bl6 .btn_box {
  width: 788px;
  margin: 43px auto 0;
}
#tmp_page_bl6 .btn_box a {
  width: 384px;
  margin: 0;
  max-width: none;
  height: 68px;
  border-radius: 50px;
}
.dor-expenses #tmp_page_bl6 p {
  text-align: center;
  font-size: 18px;
}
.dor-expenses #tmp_page_bl6 {
  margin-top: 72px;
}
.dor-expenses .tel_box2 .flex_box .right_box p:nth-child(2) {
  border-bottom: none;
  text-align: left;
  padding: 0;
  padding-left: 25px;
  margin: 0;
}
.dor-expenses .tel_box2 .flex_box .right_box p:nth-child(1) {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 14px;
}
.dor-expenses .tel_box2 .container {
  margin-top: 76px;
  padding: 21px 0;
  background-color: #eff4f3;
  border-radius: 5px;
}
.dor-expenses #tmp_page_bl6 .btn_box a {
  width: 384px;
  margin: 0;
  max-width: none;
  height: 68px;
  border-radius: 50px;
}
.dor-expenses #tmp_page_bl6 .btn_box a:nth-child(1) {
  background: url(images/link-icon.png)no-repeat center right 87px/auto 11px #fff100;
}
.dor-expenses #tmp_page_bl6 .btn_box a:nth-child(2) {
  background: url(images/link-icon.png)no-repeat center right 105px/auto 11px #fff100;
}
.dor-expenses #tmp_page_bl6 .btn_box a::before, .dor-expenses #tmp_page_bl6 .btn_box a::after {
  display: none;
  visibility: hidden;
}


/*==================================gallery=========================================
===================================================================================*/
.gallery {
  background: #F7F7F7;
  padding-bottom: 180px;
}
.gallery .ttl_box {
  padding: 119px 50px 68px;
}
.gallery #tmp_page_bl1 .container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.gallery #tmp_page_bl1 .ttl_box h2 {
  font-size: 38px;
  text-align: center;
  font-weight: 600;
}
.gallery #tmp_page_bl1 .ttl_box p {
  font-size: 20px;
  color: #CC7645;
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  text-align: center;
}
.gallery #tmp_page_bl1 ul li {
  width: calc(50% - 15px);
  margin-bottom: 80px;
}
.gallery #tmp_page_bl1 ul li img {
  border: solid 1px #A5A4A4;
}
.gallery #tmp_page_bl1 ul li.border-no img {
  border: none;
}
.gallery #tmp_page_bl1 .cnt_box_b {
  margin: 15px 0 0;
}
.gallery #tmp_page_bl1 .cnt_box_b p {
  font-size: 16px;
  padding: 0;
  font-weight: 600;
}
.gallery #tmp_page_bl1 .cnt_box_b p.txt {
  font-weight: 400;
  margin: 0;
  margin-top: 10px;
}
.gallery #tmp_page_bl1 .cnt_box_b .ttl_link {
  display: flex;
	justify-content: space-between;
}

.gallery #tmp_page_bl1 .cnt_box_c {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.gallery #tmp_page_bl1 .cnt_box_c .img_box {
  width: 132px;
}
.game-pro #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide {
  padding: 0 !important;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .left_box {
  width: 55%;
  border-radius: 0;
  overflow: hidden;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .right_box {
  width: 45%;
  padding: 0 40px;
  border-radius: 0;
}
.web-cre.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .right_box {
  padding: 0 37px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .cnt_box_c .na {
  font-size: 16px;
  font-weight: 500;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .cnt_box_b{
  display: grid;
  grid-template-columns: 1fr 128px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized li:not(:nth-child(4)) .cnt_box_b p.ttl,
.gallery #tmp_page_bl1 .cnt_box_b p.ttl {
  grid-column: 1 / 3;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .cnt_box_b p.ttl {
  font-size: clamp(15px,2vw,20px);
  font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 35px;
  color: #51BEC8;
  grid-column: 1;
}
.gallery #tmp_page_bl1 .cnt_box_b p.ttl {
  grid-column: 1;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .cnt_box_b a.link,
.gallery #tmp_page_bl1 .cnt_box_b a.link {
  font-size: 14px;
  font-weight: 500;
	text-decoration: underline;
  color: #51BEC8;
	height: 36px;
	line-height: 35px;
	padding: 0 18px 0 0;
	position: relative;
  grid-column: 2;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .cnt_box_b a.link::after,
.gallery #tmp_page_bl1 .cnt_box_b a.link::after {
	position: absolute;
	content: "";
  width: 13px;
  height: 13px;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: url(images/iot-ai_btn.png) no-repeat center right/ 100% auto;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .cnt_box_b p.txt {
  font-size: 14px;
  color: #2A2C2C;
  font-weight: 400;
  grid-column: 1 / 3;
}
.gallery #tmp_page_bl1 .cnt_box_b p.txt {
  grid-column: 1 / 3;
}

.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .cnt_box_c {
  display: flex;
  align-items: center;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .cnt_box_c .img_box {
  width: 132px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .cnt_box_c p.txt {
  width: calc(100% - 152px);
  margin-left: 20px;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 0;
}
.gallery #tmp_page_bl1 .cnt_box_c .img_box img {
  border: none;
}
.gallery #tmp_page_bl1 .cnt_box_c p.txt {
  width: calc(100% - 152px);
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  margin-left: 20px;
}
.gallery #tmp_page_bl1 .cnt_box_c p.txt span.font-w {
  font-weight: 500;
}
.gallery #tmp_page_bl1 .cnt_box_b span {
  line-height: 1.9;
  font-weight: 400;
  font-size: 14px;
}
.gallery .btn_box a {
  background: linear-gradient(90deg, #B54A0C, #FFC778);
  color: #fff;
  border-radius: 30px;
  max-width: 363px;
  height: 60px;
  font-size: 16px;
  margin: 0 auto;
}
.gallery .btn_box a::before {
  background: url("images/arrow-for-white.png")no-repeat center/100% auto;
  width: 20.5px;
  height: 26px;
}
.gallery .btn_box a::after {
  background: url("images/arrow-forw.png")no-repeat center/100% auto;
}
/*================================== curriculum =========================================
===================================================================================*/
/* --------------- curriculum arc --------------- */
.page_content2.curriculum_arc {
  position: relative;
}
.curriculum_arc #tmp_mainvisual {
  margin-bottom: 0;
  overflow: inherit;
  position: relative;
  max-height: 350px;
}
.curriculum_arc #tmp_mainvisual img {
  width: 100%;
  height: auto;
  max-height: 350px;
}
.curriculum_arc .main_txt.top {
  position: absolute;
  left: 0;
  bottom: -40px;
  transform: none;
  text-align: left;
  margin-bottom: 0;
  width: 500px;
  height: 130px;
  background: #FFF;
  padding: 45px 60px 0 60px;
  border-radius: 10px 10px 0 0;
  z-index: 1;
}
.curriculum_arc .main_txt.top h2 {
  color: #000000;
  font-size: 30px;
  text-align: left;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}
.curriculum_arc .btn_box a {
  background: transparent linear-gradient(287deg, #CA7730 0%, #B24407 100%) 0% 0% no-repeat;
  padding: 30px 0;
  margin: 85px auto 0;
  color: #fff;
  font-size: 16px;
  max-width: 361px;
  border-radius: 35px;
}
.curriculum_arc .btn_box a::after{
  background: url(images/arrow-forw.png)no-repeat center/100% auto;
}

.curriculum_arc .ttl_box h2 {
  font-size: 24px;
  text-align: center;
  color: #CC7645;
  font-weight: 600;
  margin-bottom: 23px;
}
.curriculum_arc #tmp_page_bl1 .ttl_box {
  padding: 0 0 67px;
  margin: 0;
}
.curriculum_arc #tmp_page_bl1 .ttl_box p {
  color: #000;
  font-size: 14px;
  text-align: center;
  line-height: 2;
}
.curriculum_arc #tmp_page_bl2 {
  background: #F7F7F7;
  padding: 66px 0 69px;
}
.curriculum_arc .page_bl2 .ttl_box_a {
  overflow: hidden;
  position: relative;
}
.curriculum_arc .page_bl2 .ttl_box_a::after {
  content: "";
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  top: 6px;
  left: 0;
}
.curriculum_arc .page_bl2 .ttl_box_a::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 2px;
  background-color: #CC7645;
  top: 18px;
  left: 0;
  transition: all 0.2s linear;
}
.curriculum_arc .page_bl2 .ttl_box_a.drop_ac span::after {
  opacity: 1;
  transition: all 0.2s linear;
}
.curriculum_arc .page_bl2 .ttl_box_a.drop_ac a span::before {
  transform: translate(-50%, -50%) rotate(0deg);
  transition: all 0.2s linear;
}
.curriculum_arc #tmp_page_bl2 .ttl_box_a h2 {
  font-size: 22px;
  margin-bottom: 24px;
  padding-left: 28px;
}
.curriculum_arc .page_bl .ttl_box_a {
  padding: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.curriculum_arc table {
  width: 100%;
  font-size: 13px;
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom: 0;
}
.curriculum_arc table th {
  border-right: 1px solid #A5A4A4;
  border-bottom: 1px solid #A5A4A4;
  background: #CC7645;
  color: #fff;
  padding: 15px 0;
}
.curriculum_arc table table td {
  border-left: 1px solid #A5A4A4;
  border-bottom: 1px solid #A5A4A4;
  text-align: center;
  padding: 8px 0;
  background: #fff;
}
.curriculum_arc table span {
  color: #CC7645;
  font-size: 13px;
}
.curriculum_arc #tmp_inner2 table th:first-child {
  width: 105px;
}
.curriculum_arc #tmp_inner2 table th:not(:first-child) {
  width: 175px;
}
.curriculum_arc table:first-child tr:nth-child(n+2) th:first-child, .curriculum_arc table:first-child tr td {
  background: #FFF;
  border-right: 1px solid #CC7645;
  border-bottom: 1px solid #CC7645;
}
.curriculum_arc table:first-child tr:nth-child(n+2) th:first-child, .curriculum_arc table tr td:first-child {
  border-left: none;
}
.curriculum_arc table tr:last-child th, .curriculum_arc table tr:last-child td, .curriculum_arc table:first-child tr:last-child th:first-child {
  border-bottom: none;
}
.curriculum_arc table:first-child tr td:last-child {
  border-right: none;
}
.curriculum_arc table:first-child tr td, .curriculum_arc table tr:nth-child(n+2) td {
  text-align: center;
}
.curriculum_arc table:nth-child(n+2) tr:nth-child(n+2) th:first-child {
  color: #2A2C2C;
  text-align: center;
}
.curriculum_arc table tr:nth-child(n+2) th:first-child {
  color: #CC7645;
  font-size: 13px;
  border-left: 0;
  padding: 15px;
  background: #F7F2EF;
  text-align: left;
  width: 200px;
}
.curriculum_arc table tr:nth-child(n+2) th:first-child span {
  font-size: 11px;
  color: #2A2C2C;
  text-align: left;
}
.curriculum_arc #tmp_inner2 table th {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  font-weight: 400;
}
.curriculum_arc #tmp_page_bl3 {
  padding: 80px 0 150px;
}
.curriculum_arc #tmp_page_bl3 .container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.curriculum_arc #tmp_page_bl3 .ttl_box_a h2 {
  font-size: 22px;
  margin-bottom: 48px;
  padding-left: 28px;
}
.curriculum_arc #tmp_inner3 p {
  font-size: 18px;
  font-weight: 600;
  color: #CC7645;
  padding-bottom: 10px;
}
.curriculum_arc #tmp_inner3 table {
  margin-bottom: 50px;
}
.curriculum_arc #tmp_inner4 li {
  margin-bottom: 15px;
}
.curriculum_arc #tmp_inner4 .left_box {
  width: 175px;
  background: #CC7645;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  padding: 10px 0;
  position: relative;
  font-size: 16px;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.curriculum_arc #tmp_inner4 .right_box {
  width: calc(100% - 175px);
  background: #F7F2EF;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  padding: 20px 30px;
  position: relative;
  font-size: 14px;
}
.curriculum_arc #tmp_inner5 .ttl_box_a h2 {
  font-size: 22px;
}
.curriculum_arc #tmp_inner5 .ttl_box_a {
  padding: 0 0 40px;
}
.curriculum_arc #tmp_page_bl4 .cnt_box {
  padding: 90px 0 0;
}
.curriculum_arc #tmp_inner5 .ttl_box_a span {
  font-size: 32px;
  font-family: 'Jost', sans-serif;
}
.curriculum_arc #tmp_inner5 ul li .flex_box {
  padding: 54px 60px 62px;
}
.curriculum_arc #tmp_inner5 ul li .left_box .flex_box {
  padding: 0;
}
.curriculum_arc #tmp_inner5 li .left_box p {
  width: calc(50% - 5px);
}
.curriculum_arc #tmp_inner5 li .left_box {
  width: 460px;
}
.curriculum_arc #tmp_inner5 li .right_box {
  width: calc(100% - 460px);
  padding-left: 50px;
}
.curriculum_arc #tmp_inner5 table {
  margin: 0;
  font-size: 12px;
}
.curriculum_arc #tmp_inner5 .txt_box {
  margin-top: 30px;
}
.curriculum_arc #tmp_inner5 li .left_box .txt_box p {
  width: 100%;
  line-height: 1.9;
  letter-spacing: 1.3px;
}
.curriculum_arc #tmp_inner5 table td {
  border-bottom: 1px solid #A5A4A4;
  border-right: 1px solid #A5A4A4;
  border-left: 0;
}
.curriculum_arc #tmp_inner5 table th {
  border-right: 1px solid #A5A4A4;
  border-bottom: 1px solid #A5A4A4;
  background: #E6AC89;
  color: #2A2C2C;
  padding: 15px 0;
  text-align: center;
  font-weight: 400;
}
.curriculum_arc #tmp_inner5 table td:last-child {
  text-align: left;
  padding: 12px 15px;
  border-right: none;
}
.curriculum_arc #tmp_page_bl4 {
  background: #F7F7F7;
  padding-bottom: 200px;
}
.curriculum_arc #tmp_page_bl4.page_bl2 .ttl_box_a a {
  position: absolute;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 98%;
  transform: translate(0, -50%);
}
.curriculum_arc #tmp_page_bl4 .ttl_box_b {
  background: #CC7645;
  color: #fff;
}
.curriculum_arc #tmp_page_bl4 .ttl_box_b {
  background: #CC7645;
  color: #fff;
  padding: 40px 25px;
}
.curriculum_arc #tmp_page_bl4 .ttl_box_b span {
  font-size: 18px;
}
.curriculum_arc #tmp_page_bl4 .ttl_box_b span:first-child {
  font-size: 41px;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  padding-right: 6px;
}
.curriculum_arc #tmp_page_bl4 .ttl_box_b span:last-child {
  padding-left: 55px;
  position: relative;
  letter-spacing: 3px;
}
.curriculum_arc #tmp_page_bl4 .ttl_box_b span:last-child::before {
  position: absolute;
  top: 4px;
  left: 25px;
  content: "";
  background: #fff;
  height: 18px;
  width: 1px;
}
.curriculum_arc #tmp_page_bl4 .ttl_box_b {
  background: #CC7645;
  color: #fff;
  padding: 12px 30px 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.curriculum_arc #tmp_page_bl4 li {
  background: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-bottom: 50px;
}
.curriculum_arc #tmp_page_bl4 li:last-child {
  margin-bottom: 0;
}
/*==================================curriculum=========================================
===================================================================================*/
.curriculum.page_content2 .main_txt.top span {
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
}
.curriculum.page_content2 .main_txt.top h2 {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.15em
}
.curriculum #tmp_page_bl1 .ttl_box p {
  color: #CC7645;
  font-size: 24px;
  text-align: center;
  letter-spacing: 2px;
}
.curriculum #tmp_page_bl1 {
  margin-bottom: 105px;
  z-index: 0;
  position: relative;
  background: #fff;
  padding: 130px 0 0;
}
.curriculum #tmp_page_bl1 .container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.curriculum #tmp_inner1 .left_box {
  width: 150px;
  height: 150px;
  background: #CC7645;
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.curriculum #tmp_inner1 .left_box p {
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-top: -18px;
}
.curriculum #tmp_inner1 .left_box span {
  font-size: 38px;
  display: block;
  margin-bottom: -12px;
}
.curriculum #tmp_page_bl1 .container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.curriculum #tmp_inner1 .left_box {
  width: 150px;
  background: #CC7645;
  border-radius: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.curriculum #tmp_inner1 .left_box p {
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-top: -18px;
}
.curriculum #tmp_inner1 .left_box span {
  font-size: 38px;
  display: block;
  margin-bottom: -12px;
}
.curriculum #tmp_inner1 li {
  margin-bottom: 20px;
}
.curriculum #tmp_inner1 .right_box {
  width: calc(100% - 150px);
  background: #F7F2EF;
  border-bottom-right-radius: 75px;
  border-top-right-radius: 75px;
  padding: 37px 38px 0;
  position: relative;
}
.curriculum #tmp_inner1 ul li:last-child .right_box {
  padding: 20px 38px 0;
}
.curriculum #tmp_inner1 .right_box p {
  font-size: 16px;
  letter-spacing: 2px;
}
.curriculum #tmp_inner1 .right_box::before {
  width: 95px;
  background: #F7F2EF;
  position: absolute;
  top: 0;
  left: -73px;
  content: "";
  height: 150px;
  z-index: -1;
}
.curriculum table td {
  padding: 12px 12px;
}
.curriculum #tmp_page_bl2 .ttl_box_a h2 {
  margin-bottom: 25px;
}
.curriculum #tmp_page_bl2 .ttl_box_a h2 {
  margin-bottom: 30px;
}
/* --------------- accordion --------------- */
.curriculum_arc .page_bl2 .ttl_box_a {
  overflow: hidden;
  position: relative;
}
.curriculum_arc .page_bl2 .ttl_box_a a {
  position: absolute;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  top: 9px;
  left: 0;
}
.curriculum_arc .page_bl2 .ttl_box_a a span::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 18px;
  background-color: #CC7645;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.2s linear;
}
.curriculum_arc .page_bl2 .ttl_box_a a span::after {
  position: relative;
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background-color: #CC7645;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.curriculum_arc .page_bl2 .ttl_box_a.drop_ac span::after {
  opacity: 1;
  transition: all 0.2s linear;
}
.curriculum_arc .page_bl2 .ttl_box_a.drop_ac a span::before {
  transform: translate(-50%, -50%) rotate(0deg);
  transition: all 0.2s linear;
}
/*==================================sup-association=========================================
===================================================================================*/
.sup-association .main_txt2.top {
  max-width: 1117px;
  margin: -168px auto 0;
  z-index: 2;
  position: relative;
}
.sup-association #tmp_mainvisual {
  z-index: 1;
}
.sup-association .main_txt2.top span {
  color: #23A4BD;
  text-transform: uppercase;
  display: block;
  letter-spacing: 0.8px;
  margin: 0;
}
.sup-association .main_txt2.top h2 {
  color: #000;
  letter-spacing: 6px;
}
.sup-association .main_txt2.top .wrap {
  max-width: 539px;
  padding: 50px 0 50px 60px;
  background-color: #fff;
  border-radius: 10px;
}
.sup-association #tmp_page_bl1 {
  padding: 189px 0 100px !important;
  background: linear-gradient(to top right, #EBEBEB 50%, #F7F7F7 50%);
  margin-top: -94px;
}
.sup-association #tmp_page_bl1 h2 {
  font-size: clamp(22px,3vw,30px);
  border-bottom: 4px solid #23A4BD;
  max-width: 827px;
  margin: 0 auto;
  font-weight: 700;
}
.sup-association #tmp_page_bl1 .ttl_box {
  border: none;
  margin-bottom: 26px;
}
.sup-association #tmp_page_bl1 .cnt_box p {
  text-align: center;
  font-size: 18px;
}
.sup-association #tmp_page_bl1 .cnt_box ul li {
  width: calc(33.33% - 19px);
}
.sup-association #tmp_page_bl1 .cnt_box ul {
  margin: 58px auto;
  max-width: 860px;
  justify-content: space-between;
}
.sup-association #tmp_page_bl1 .btn_box a {
  background: #23A4BD;
  color: #fff;
  max-width: 388px;
  height: 60px;
  border-radius: 30px;
}
.sup-association #tmp_page_bl1 .btn_box a::before {
  background: url(images/arrow-forw.png)no-repeat center/100%
}
.sup-association #tmp_page_bl1 .btn_box a::after {
  background: url(images/arrow-forw.png)no-repeat center/100%
}
.sup-association #tmp_page_bl2 {
  padding: 118px 0;
  position: relative;
}
.sup-association #tmp_page_bl2::after, .sup-association #tmp_page_bl2::before {
  position: absolute;
  content: "";
}
.sup-association #tmp_page_bl2::after {
  position: absolute;
  content: "";
  border-left: 300px solid transparent;
  border-right: 0 solid transparent;
  border-top: 215px solid #FFF000;
  top: 0;
  right: 0;
}
.sup-association #tmp_page_bl2::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1361px;
  background: url(images/triagle_gr.png)no-repeat center bottom/100% auto;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.sup-association #tmp_page_bl2 .container .ttl_box h2 {
  font-size: clamp(22px,3vw,30px);
  letter-spacing: 5px;
  font-weight: 700;
}
.sup-association #tmp_page_bl2 .container .ttl_box h2 .dateBox {
  font-size: clamp(15px,2vw,20px);
	font-weight: 400;
	padding: 0 0 0 10px;
	display: inline-block;
}
.sup-association #tmp_page_bl2 .ttl_box {
  margin-bottom: 44px;
}
.sup-association #tmp_page_bl2 .cnt_box ul li {
  width: 50%;
}
.sup-association #tmp_page_bl2 .cnt_box ul li p {
  font-size: 16px;
  font-weight: 400;
}
.sup-association #tmp_page_bl2 .cnt_box ul {
  justify-content: flex-start;
}
.sup-association #tmp_menuf_list h2 {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  position: relative;
  margin-bottom: 84px;
  width: 100%;
  border-bottom: none;
}
.sup-association #tmp_menuf_list h2::after {
  position: absolute;
  content: "";
  top: 55px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100px;
  height: 5px;
  background-color: #23A4BD;
}
/*==================================arc-director=========================================
===================================================================================*/
.arc-director #tmp_mainvisual {
  min-height: 510px;
  position: relative;
  z-index: 2;
  padding-bottom: 45px;
  background: transparent linear-gradient(287deg, #E0A656 0%, #B24407 100%) 0% 0% no-repeat;
}
.arc-director #tmp_mainvisual img {
  width: auto;
	max-width: 100%;
  height: calc(5vw + 120px);
}
.arc-director #tmp_mainvisual::after {
  position: absolute;
  content: "";
  border-radius: 0 0 7px 0;
  width: calc(100% - 87px);
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.arc-director #tmp_mainvisual .left_box, .arc-director #tmp_mainvisual .right_box {
  position: absolute;
}
.arc-director #tmp_mainvisual .left_box {
  top: 0;
  left: 0;
}
.arc-director #tmp_mainvisual .right_box {
  top: 0;
  right: 0;
  max-width: clamp(420px,48vw,850px);
}
.arc-director #tmp_mainvisual .right_box img {
  width: 100%;
  height: auto;
}
.arc-director .left_box {
  width: 40%;
}
.arc-director .right_box {
  width: 60%;
  border-radius: 0 0 0 7px;
  overflow: hidden;
}
.arc-director .main_txt.top {
  background-color: transparent;
  margin: 135px auto 0;
  max-width: 420px;
  padding: 0;
  min-width: 350px;
}
.arc-director .main_txt.top span {
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.arc-director .main_txt.top h2 {
  color: #ffffff;
  font-size: clamp(28px,3.4vw,34px);
  font-weight: 700;
  margin: 3px 0 34px;
  letter-spacing: 6px;
}
.arc-director .main_txt.top h2 span.att {
  color: #ffffff;
  font-size: clamp(11px,1.3vw,13px);
  font-weight: 500;
  padding: clamp(20px, 2.5vw, 20px) 0 7px;
  margin: 0 0 calc(20px - clamp(0px, 4.7vw, 47px));
  letter-spacing: 0.05em;
	display: block;
}
.arc-director .main_txt.top h2 span.att a.to_lp {
  color: #ffffff;
  font-size: clamp(13px,1.5vw,15px);
  font-weight: 400;
	text-decoration: underline;
  letter-spacing: 0.05em;
  padding: 0 clamp(19px, 2.2vw, 22px) 0 0;
  background: url(images/circle_arrow_ww.svg) no-repeat right 2px/clamp(16px, 1.8vw, 18px) auto;
}
.arc-director .main_txt.top h2 span {
  margin-right: 10px;
  font-size: 36px;
  display: inline-block;
}
.arc-director .main_txt.top p:nth-child(3) {
  color: #fff;
  border: 1px solid #fff;
  padding: 0;
  border-radius: 20px;
  text-align: center;
}
.arc-director .main_txt.top p:nth-child(3) span {
  display: inline-block;
  border-right: 1px solid;
  padding: 3px 0;
}
.arc-director .main_txt.top p:nth-child(3) span:last-child {
  border: none;
}
.arc-director .main_txt.top p:nth-child(3) span:nth-of-type(1) {
  width: 24%;
}
.arc-director .main_txt.top p:nth-child(3) span:nth-of-type(2) {
  width: 28%;
}
.arc-director .main_txt.top p:nth-child(3) span:nth-of-type(3) {
  width: 45%;
}
.arc-director .main_txt.top p:nth-child(4) {
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 3px;
  line-height: 1.9;
  margin-top: 17px;
}
.iot-ai .main_txt.top p:nth-child(3) span:nth-of-type(2), .data-science-ai .main_txt.top p:nth-child(3) span:nth-of-type(2) {
  width: 25%;
}

#tmp_contents.arc-director {
  overflow: visible;
}
.arc-director #tmp_arc_director .side_left {
  max-width: 285px;
  flex: 0 0 32%;
	z-index: 998;
	contain: paint;
}
.arc-director #tmp_arc_director .side_left .container {
  height: 100%;
}
.arc-director #tmp_arc_director .side_left .side_left_inner {
  width: clamp(200px, 22vw, 280px)!important;
  color: #fff;
  padding: 45px 1vw 40px clamp(30px,3.5vw,55px);
  border-radius: 0 10px 10px 0;
  top: 140px;
  left: 0;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  position: sticky!important;
}
.arc-director #tmp_arc_director .side_left.is-affixed .side_left_inner {
  transition: all 0.1s;
	transform: translate3d(0px, 0px, 0px)!important;
}
.arc-director #tmp_arc_director .side_left.is-affixed.reset .side_left_inner {
  opacity: 0 !important;
  transition: none !important;
}
.arc-director .side_left_inner {
  z-index: 999;
}

.arc-director .side_left ul li a.is-active {
  text-shadow: 0 0 6px #fff, 0 0 12px #fff;
}

.arc-director #tmp_arc_director .side_left_inner {
  background: transparent linear-gradient(302deg, #CD7D35 0%, #B24407 100%) 0% 0% no-repeat;
}
.arc-director #tmp_arc_director .side_left_inner h5 {
  padding: 0 0 12px;
  margin: 0 0 0 -15px;
  font-size: clamp(15px, 1.5vw, 18px);
  line-height: 1.4;
}
.arc-director #tmp_arc_director .side_left_inner h5 span {
  font-size: clamp(11px, 1.4vw, 14px);
  font-weight: 400;
}
.arc-director #tmp_arc_director .side_left_inner h5 .br1200 {
  display: none !important;
  visibility: hidden;
}
.arc-director #tmp_arc_director .side_left ul li {
  margin-bottom: 7px;
  position: relative;
}
.arc-director #tmp_arc_director ul.dot li {
  font-size: 14px;
  letter-spacing: 0.007em;
  margin-bottom: 7px;
  position: relative;
}
.arc-director #tmp_arc_director ul.dot li::after {
  position: absolute;
  content: "";
  top: 9px;
  left: -15px;
  width: 3px;
  height: 3px;
  border: 1px solid #fff;
  border-radius: 50%;
}
.arc-director #tmp_arc_director ul.dot li a {
  color: #fff;
}
.arc-director #tmp_arc_director {
  position: relative;
	flex-wrap: nowrap;
	padding: 35px 0 0;
}
.arc-director #tmp_arc_director .side_right {
  width: 100%;
	margin: 0 0 0 -360px;
	overflow: hidden;
}
.arc-director #tmp_arc_director .side_right .page_bl {
  position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 img.bl3_img {
  position: relative;
  z-index: 2;
}
.bg_txt_orange::after, .bg_txt_orange2::after, .bg_txt_gray::after {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0.5rem;
  white-space: pre;
}
.bg_txt_orange::after {
  color: #EFE5E0;
  mix-blend-mode: multiply;
}
.bg_txt_orange2::after {
  color: #CD8557;
}
.bg_txt_gray::after {
  color: #F7F7F7;
  mix-blend-mode: multiply;
}
.bg_txt_right::after {
  position: absolute;
  top: -46px;
  right: 0;
}
.bg_txt_left::after {
  position: absolute;
  top: -19px;
  left: 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl1.bg_txt_orange::after, .arc-director #tmp_arc_director .side_right #tmp_page_bl2.bg_txt_gray::after, .arc-director #tmp_arc_director .side_right #tmp_page_bl3.bg_txt_orange2::after {
  font-weight: 300;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl1.bg_txt_orange::after {
  font-size: 108px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl2.bg_txt_gray::after {
  font-size: 138px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3.bg_txt_orange2::after {
  font-size: 127px;
  top: calc((100vw / 5.357) - 11px);
  right: 0;
}
.arc-director #tmp_page_bl1::after {
  content: "ABOUT";
}
.arc-director #tmp_page_bl2::after {
  content: "ABOUT\A FIELD";
}
.arc-director #tmp_page_bl3::after {
  content: "FEATURES";
}
.arc-director #tmp_arc_director .side_right .page_bl .ttl_box {
  padding: 0;
  border-bottom: none;
  letter-spacing: 3px;
  max-width: 1000px;
  margin: 0 auto 45px;
}
.arc-director #tmp_arc_director .side_right .page_bl > .ttl_box {
	padding: 0;
  margin: 0 auto;
}
.arc-director #tmp_arc_director .side_right .page_bl .ttl_box p.ttl,
.arc-director #tmp_arc_director .side_right .page_bl .ttl_box p.ttl_w {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 3px;
  width: fit-content;
  position: relative;
  margin: 0 0 30px;
}
.arc-director #tmp_arc_director .side_right .page_bl .ttl_box p.ttl {
  color: #CC7645;
}
.arc-director #tmp_arc_director .side_right .page_bl .ttl_box p.ttl_w {
  color: #fff;
}
.arc-director #tmp_arc_director .side_right .page_bl .ttl_box p.ttl.jost {
  line-height: 1.8 !important;
}
.arc-director #tmp_arc_director .side_right .page_bl .ttl_box p.ttl::after, .arc-director #tmp_arc_director .side_right .page_bl .ttl_box p.ttl_w::after {
  position: absolute;
  content: "";
  width: calc(100% - 3px);
  height: 2px;
  top: 1.6em; /* jostとNotoに差が出る為topから */
  left: 0;
}
.arc-director #tmp_arc_director .side_right .page_bl .ttl_box p.ttl::after {
  background: #CC7645;
}
.arc-director #tmp_arc_director .side_right .page_bl .ttl_box p.ttl_w::after {
  background: #fff;
}
.arc-director #tmp_arc_director .side_right .page_bl .ttl_box p.sub {
  font-size: clamp(20px,3vw,29px);
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  line-height: 1.7em;
  letter-spacing: 0.1rem;
}
.arc-director #tmp_arc_director .side_right .page_bl .container {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}
.arc-director #tmp_arc_director .side_right .page_bl .container p {
  line-height: 1.8;
  font-size: 18px;
  letter-spacing: 0.05em;
}
.arc-director #tmp_arc_director .side_right .page_bl .container ul {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .container {
  margin: 0 auto;
	padding: clamp(40px,6vw,60px) 25px clamp(50px,10vw,100px)!important;
}
.data-science-ai #tmp_arc_director .side_right #tmp_page_bl14 .container,
.biotec #tmp_arc_director .side_right #tmp_page_bl16 .container {
	padding: clamp(40px,8vw,100px) 0 clamp(50px,10vw,100px)!important;
	overflow: hidden;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl16 .container {
	padding: clamp(40px,8vw,100px) 25px 0 0!important;
	overflow: hidden;
}
.biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl2 {
  background: transparent;
	padding: 0;
}
.biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl2::before {
  content: none;
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl16 {
	overflow: hidden;
	max-width: 1000px;
	margin: 0 auto clamp(30px,5vw,50px);
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box,
.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box,
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box,
.biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box {
  margin: 0 0 clamp(40px,7.5vw,75px);
	position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box *,
.web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box *,
.biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box * {
	position: relative;
  z-index: 1;
	padding: 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box::after,
.web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box::after,
.biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box::after {
	position: absolute;
  z-index: 0;
  font-family: 'Jost', sans-serif;
	font-weight: 500;
  font-size: 160px;
  color: #F7F2EF;
  top: -176px;
  left: 50%!important;
	right: auto!important;
  transform: translate(-50%, 0) !important;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box::after,
.web_pages.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box::after {
  color: #F0F4F3!important;
}
.bio_pages.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box::after,
.bio_pages.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box::after {
  color: #E7F4E6!important;
}
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box::after,
.web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box::after {
  content: "AWARDS"!important;
}
.biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box::after {
  content: "BLOG"!important;
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box h2,
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box p,
.web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box h2,
.web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box p,
.biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box p {
  text-align: center;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box p {
  text-transform: uppercase;
  font-weight: 500;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box p.jost {
  font-size: clamp(14px,2vw,20px)!important;
  color: #CC7645;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box p.jost,
.web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box p.jost {
  color: #51BEC8;
}
.bio_pages.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box p.jost,
.biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box p.jost {
  color: #6CBC64;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box h2,
.web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box h2 {
  font-size: clamp(25px,3.2vw,32px);
  font-weight: 700;
  position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box h2::after,
.web-cre #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box h2::after,
.biotec #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box h2::after {
  position: absolute;
  content: '';
  bottom: -26px;
  left: calc(50% - 35px);
  width: 70px;
  height: 4px;
  background: #CC7645;
  border-radius: 2px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box h2::after {
  background: #51BEC8;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box h2::after {
  background: #6CBC64;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box p.txt {
  font-size: 16px;
  font-weight: 500;
	padding: clamp(30px,5vw,50px) 0 0!important;
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl14 ul li p.gallery_na {
  font-size: 16px;
  font-weight: 500;
	color: #2A2C2C;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 ul li p:nth-child(3) {
  font-size: 14px;
}
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .slick-list {
  margin: 0 auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide {
  display: block;
  padding: 0 10px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .slick-prev,
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .slick-next {
  top: calc(50% - 15px);
  transform: translate(0, 0%);
}
.dep_btn .btn_box a,
.arc-director #tmp_arc_director .side_right #tmp_page_bl1 .btn_box a,
.architecture.arc-director #tmp_arc_director .side_right #tmp_page_bl4 .inner .btn_box a,
.arc-director #tmp_arc_director .side_right #tmp_page_bl7 .btn_box a,
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .btn_box a {
  background: transparent linear-gradient(287deg, #CA7730 0%, #B24407 100%) 0% 0% no-repeat;
  padding: 30px 0;
  color: #fff;
  font-size: 16px;
  max-width: 361px;
  border-radius: 35px;
}
.architecture.arc-director #tmp_arc_director .side_right #tmp_page_bl4 .inner .btn_box {
	margin: 0;
	padding: 0 0 50px;
}
.architecture.arc-director #tmp_arc_director .side_right #tmp_page_bl4 .inner .btn_box a {
	margin: 0 auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl1 .btn_box a::after,
.architecture.arc-director #tmp_arc_director .side_right #tmp_page_bl4 .inner .btn_box a::after,
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .btn_box a::after,
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .btn_box a::before {
  background: url("images/arrow-forw.png")no-repeat center/100% auto;
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .cnt_box ul {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  flex-wrap: nowrap;
  gap: 0 20px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .cnt_box ul .slick-slide img {
  max-height: 375px;
}
.biotec.arc-director #tmp_page_bl2::after {
	content: "";
}

@media screen and (min-width: 1200px) {
  .arc-director #tmp_arc_director .side_right #tmp_page_bl14 .container {
    width: 100% !important;
	}
  .arc-director #tmp_arc_director .side_right #tmp_page_bl14 .container .cnt_box,
  .arc-director #tmp_arc_director .side_right #tmp_page_bl14 .container .btn_box {
    max-width: 1000px !important;
	}
}
@media screen and (max-width: 1200px) {
  .arc-director #tmp_arc_director .side_right #tmp_page_bl14::after {
    left: 60%!important;
  }
}
@media screen and (max-width: 870px) {
  .web-cre #tmp_arc_director .side_right #tmp_page_bl16 .container,
  .data-science-ai #tmp_arc_director .side_right #tmp_page_bl14 .container,
  .biotec #tmp_arc_director .side_right #tmp_page_bl16 .container {
    padding: clamp(40px,8vw,100px) 25px clamp(50px,10vw,100px)!important;
    overflow: hidden;
  }
  .arc-director #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box::after,
	.web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box::after,
	.biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box::after {
    font-size: clamp(60px,10vw,100px);
    top: calc(0px - clamp(70px,12.6vw,120px));
  }
  .web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .cnt_box {
    padding: 20px 0 0;
  }
  .data-science-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl14 .slick-list {
    max-width: 100%;
  }
	
  .bio_pages.arc-director #tmp_arc_director .side_right #tmp_page_bl16 {
    background: #fff;
    padding: 0 25px clamp(50px,10vw,100px);
  }
  .bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .bnr {
    background: #6CBC64!important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 25px 35px !important;
	}
  .bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .bnr .img_box {
    margin: 0 -25px 25px!important;
  }
  .bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .check_label {
    font-size: 15px;
    padding: 0 7px;
  }
  .bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .txt {
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
    margin: 15px 0 25px;
  }
  .arc-director #tmp_arc_director .side_right #tmp_page_bl1 .btn_box a,
  .architecture.arc-director #tmp_arc_director .side_right #tmp_page_bl4 .inner .btn_box a,
  .arc-director #tmp_arc_director .side_right #tmp_page_bl7 .btn_box a,
  .arc-director #tmp_arc_director .side_right #tmp_page_bl14 .btn_box a {
    padding: 25px 0;
  }
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl1 .container ul {
  display: block;
  margin-top: 40px;
  max-width: 1000px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl1 .container ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  background: #F7F2EF;
  padding: 30px 40px;
  margin: 0 0 20px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl1 ul li {
  padding: 30px 40px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl1 .container .right_box {
  padding-left: 24px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl1 ul li h3 {
  width: fit-content;
  color: #CC7645;
  margin: 0;
  position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl1 ul li h3 span {
  font-family: jost;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl1 ul li h3::after {
  position: absolute;
  content: "";
  width: 17px;
  height: 19px;
  background: url(images/point_mark.png)no-repeat center/100% auto;
  top: -13px;
  right: -22px;
  opacity: 1;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl1 ul li p {
  width: calc(100% - 210px);
  letter-spacing: 1px;
  line-height: 1.8;
  font-size: 0.9375rem;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl1 .btn_box a {
  margin: 25px auto 60px 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl1 {
  padding: 0 25px clamp(30px,11vw,110px) 0;
  position: relative;
  max-width: 1000px;
  margin: 140px auto 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl2 {
  padding: clamp(60px,10vw,100px) 25px clamp(60px,10vw,100px) 0;
  overflow: hidden;
  background: #F7F7F7;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl2::before {
  position: absolute;
  content: '';
  top: calc(45% - 750px);
  left: 0;
  width: 100%;
  height: 90%;
  transform: skewX(247deg);
  background: #EFEFEF;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl2 .container .left_box {
  width: 54%;
  border-radius: 10px;
  overflow: hidden;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl2 .container .right_box {
  width: 46%;
  padding-left: 68px;
}
@media screen and (max-width: 870px) {
  .arc-director #tmp_arc_director .side_right #tmp_page_bl2 .flex_box {
    display: block;
  }
  .arc-director #tmp_arc_director .side_right #tmp_page_bl2 .container .left_box {
    width: 100%;
  }
  .arc-director #tmp_arc_director .side_right #tmp_page_bl2 .container .right_box {
    width: 100%;
    padding-left: 0;
  }
}
.arc-director #tmp_arc_director .side_right .page_bl .container {
  position: relative;
  z-index: 1;
}
.arc-director #tmp_arc_director .side_right .page_bl .container .left_box {
  width: 54%;
  border-radius: 10px;
  overflow: hidden;
}
.arc-director #tmp_arc_director .side_right .page_bl .container .right_box {
  width: 58%;
  padding-left: 68px;
}
.arc-director #tmp_arc_director .side_right .page_bl .container .inner .point {
  text-transform: uppercase;
  color: #fff;
  background: transparent linear-gradient(283deg, #D2893E 0%, #B24407 50%, #B24407 100%) 0% 0% no-repeat;
  border-radius: 20px;
  line-height: 40px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  width: fit-content;
  display: block;
  padding: 0px 58px;
  margin: 55px auto 20px;
  position: relative;
}
.arc-director #tmp_arc_director .inner .point::after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: calc(50% - 10px);
  border: 9px solid transparent;
  border-top: 10px solid #AE4D22;
}
.arc-director #tmp_arc_director .inner .point span {
  font-size: 26px;
  line-height: 1.5;
  margin-left: 7px;
}
.arc-director #tmp_arc_director .inner h3 {
  font-size: 22px;
  letter-spacing: 6px;
  color: #CC7645;
  margin-bottom: 4px;
}
.arc-director #tmp_arc_director .inner p {
  line-height: 2;
  font-size: 16px;
  letter-spacing: 2.3px;
}
.arc-director #tmp_arc_director .side_right .page_bl .container .list_wrap {
  background: #fff;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  margin-top: 38px;
}
.arc-director #tmp_arc_director .side_right .page_bl .container .list_wrap ul {
  display: block;
  margin-top: 0;
  padding: 28px 58px;
  border-radius: 0 0 5px 5px;
}
.arc-director #tmp_arc_director .side_right .page_bl .container .list_wrap ul li {
  width: 100%;
  letter-spacing: 3px;
}
.arc-director #tmp_arc_director .side_right .page_bl .container .list_wrap h4 {
  background: transparent linear-gradient(287deg, #E0A656 0%, #B24407 100%) 0% 0% no-repeat;
  color: #fff;
  text-align: center;
  padding: 17px 0;
  border-radius: 5px 5px 0 0;
  font-size: 16px;
  letter-spacing: 4px;
}
.arc-director #tmp_arc_director .side_right .page_bl .container .list_wrap ul li::after {
  top: 8px;
  left: -16px;
  width: 5px;
  height: 5px;
  border: 1px solid #CC7645;
}
.arc-director-main.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner2, .arc-director-main.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3, .arc-director-main.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner4 {
  max-width: 1000px;
  margin: 0;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner2 ul {
  margin-top: 40px;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner2 ul li {
  width: calc(50% - 12px);
  padding: 50px 40px 50px 142px;
  margin-bottom: 25px;
  border-radius: 10px;
  align-content: center;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner2 ul li:nth-child(1) {
  background: url(images/arc-dir-bl3-1.jpg)no-repeat left 11px center/118px auto #fff
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner2 ul li:nth-child(2) {
  background: url(images/arc-dir-bl3-2.jpg)no-repeat left 11px center/118px auto #fff
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner2 ul li:nth-child(3) {
  background: url(images/arc-dir-bl3-3.jpg)no-repeat left 11px center/118px auto #fff
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner2 ul li:nth-child(4) {
  background: url(images/arc-dir-bl3-4.jpg)no-repeat left 11px center/118px auto #fff
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner2 ul li h4 {
  font-size: 15px;
  letter-spacing: 2px;
  color: #CC7645;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner2 ul li p {
  font-size: 13px;
  margin-top: 5px;
  line-height: 1.8;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 {
  padding: 100px 0 0;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .flex_box {
  display: flex;
  justify-content: space-between;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .left_box {
  width: 44%;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .right_box {
  width: 56%;
  padding-left: 60px;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .right_box .point {
  margin: 10px auto 20px 0;
  line-height: 40px;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .right_box h3 {
  letter-spacing: 2px;
  margin: 0 0 20px 0;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .right_box p {
  line-height: 1.8;
  font-size: 16px;
  letter-spacing: 2px;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .merit {
  margin-top: 50px;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .merit .left_box {
  width: 253px;
  background: #F7F2EF;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #CC7645;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .merit .right_box {
  width: calc(100% - 290px);
  padding-left: 0;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .merit .right_box ul {
  padding: 20px 0 15px 30px;
  margin: 0;
  flex-wrap: wrap;
  list-style: none;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .merit .right_box ul li {
  font-size: 15px;
  position: relative;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .merit .right_box ul li::after {
  top: calc(50% - 2px);
  left: -20px;
  width: 5px;
  height: 5px;
  border: 1px solid #CC7645;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner4 {
  margin-top: 70px;
  padding: 50px 50px 50px 40px;
  border: 2px solid #ca7345;
  position: relative;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner4 .inner {
  padding: 0 0 0 170px;
  background: url(images/arc-dir-bl4.png)no-repeat left top/130px auto;
  margin: 0;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner4 .inner {
  font-size: 20px;
  letter-spacing: 2px;
  margin: 0;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner4 .inner h3 {
  letter-spacing: 2px;
  line-height: 1em;
  margin-bottom: 15px;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner4 p {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 2;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner4::after {
  position: absolute;
  content: "";
  width: 116px;
  height: 116px;
  top: -48px;
  right: -33px;
  background: url(images/arc-dir-bl4-2.png)no-repeat center/100% auto;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner4 .wrap_box::before, .arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner4 .wrap_box::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 10px;
  background: #f7f7f7;
  left: 0;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner4 .wrap_box::before {
  top: -50px;
  left: -50px;
  width: 10px;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner4 .wrap_box::after {
  bottom: -50px;
  left: 948px;
  width: 10px;
}
.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner4 .wrap_box {
  position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 {
  background: transparent linear-gradient(315deg, #E0A656 0%, #B24407 100%) 0% 0% no-repeat;
  padding: 10px 0 105px;
  z-index: 0;
  overflow: hidden;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3::before {
  position: absolute;
  content: "";
  width: 100%;
  padding: 0 0 110%;
  z-index: 1;
  top: calc(62% - 800px);
  left: 0;
  background: url(images/tmp_page_bl3_bg.svg)no-repeat left top/100% auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 * {
  z-index: 2;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .ttl_box {
  margin: 110px auto 35px auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .ttl_box p, .arc-director #tmp_arc_director .side_right #tmp_page_bl3 .ttl_box h2 {
  color: #fff;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .ttl_box h2 {
  font-size: 32px;
  letter-spacing: 7px;
  font-weight: 700;
  padding: 10px 0 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .ttl_box p {
  margin-bottom: 11px;
  font-size: 20px;
  letter-spacing: 3px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .ttl_box h2::after {
  display: none;
  visibility: hidden;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box {
  background-color: #fff;
  border-radius: 5px 0 0 5px;
  padding: 50px 0 70px 0;
  position: relative;
  background: #FFF linear-gradient(to bottom left, #F7F2EF 50%, #FFF 50%)no-repeat top right/135px 135px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  max-width: 1000px;
  margin: 0 auto 40px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box:nth-child(3)::after {
  left: -91px;
  right: auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .features {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 3px;
  font-family: 'Jost', sans-serif;
  color: #d16302;
  font-size: 25px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .features span {
  font-size: 42px;
  letter-spacing: 3px;
  margin-left: 5px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 p.txt {
  font-size: 20px;
  letter-spacing: 0.02em;
  margin-top: -11px;
  line-height: 29px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 p.ttl {
  font-size: clamp(15px,2vw,20px);
  font-weight: 500;
  line-height: clamp(30px,4vw,40px);
  background: #CC7645;
  color: #fff;
  letter-spacing: 0.03em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  padding: clamp(1.5px,0.3vw,3px) clamp(8px,1.2vw,15px) clamp(2.5px,0.5vw,5px);
}
.arc-director #tmp_arc_director .side_right .inner ul.lr_box {
  margin: 40px 0 0;
}
.arc-director #tmp_arc_director .side_right .inner ul.lr_box li {
  width: calc(50% - 20px);
}
.arc-director #tmp_arc_director .side_right .inner ul.lr_box li .label_na {
  color: #CC7645;
  font-size: 18px;
  font-weight: 700;
  padding: 0 0 7px;
}
.arc-director #tmp_arc_director .side_right .inner ul.lr_box li .img_box {
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}
.arc-director #tmp_arc_director .side_right .inner ul.lr_box li p {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.1rem;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6 ul {
  margin: 38px 0 0;
  flex-wrap: wrap;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6 ul li {
    width: calc(100% / 3 - 30px * 1 / 3);
  border-radius: 5px;
  overflow: hidden;
  padding: 22px 20px;
  margin-bottom: 20px;
  background: #F7F7F7;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6 ul li .label_na {
  padding: 0 0 6px;
  margin: 0 0 10px;
  border-bottom: 2px solid #CC7645;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6 ul li .label_na a {
  font-size: clamp(15px,1.8vw,18px);
  color: #CC7645;
	position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6 ul li .label_na a::after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  top: 50%;
  right: -20px;
	transform: translate(0, -50%);
  background: url(images/dep_linkmark01.svg)no-repeat left top/14px auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6 ul li .label_na a:hover {
  color: #666;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6 ul li .list_c {
  font-size: 15px;
  letter-spacing: 0;
  margin: 0 !important;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6 ul li .list_c li {
  line-height: 1.7;
  color: inherit;
  background: inherit;
  padding: 0 0 0 1.2em;
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6 ul li .list_c li::before {
  position: absolute;
  content: "●";
  top: -1px;
  left: 0;
  color: #CC7645;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6 ul li p span span {
  font-size: 13px;
  padding: 0;
  display: initial;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6 ul li p span span::before {
  content: "";
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner8 ul.lr_box li:nth-of-type(1) {
  width: calc(100% - 382px);
  padding-right: 60px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner8 ul.lr_box li:nth-of-type(2) {
  width: 382px;
}
.arc-director.arc-director-main #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner8 ul.lr_box li:nth-of-type(2) {
  width: 46%;
}
.arc-director.arc-director-main #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner8 ul.lr_box li:nth-of-type(1) {
  width: 54%;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner9 ul {
  display: grid!important;
  grid-template-columns: repeat(auto-fit, minmax(calc(33.3% - 9px), 1fr));
  gap: clamp(15px,2vw,20px) 9px;
  margin: 30px 0 10px;
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl4.bg_wrap1 {
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  padding: clamp(40px,12vw,120px) 25px clamp(50px,13vw,130px)!important;
	margin: 0!important;
}
.arc-director.dataprocessing #tmp_arc_director .side_right #tmp_page_bl4 {
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 0 clamp(30px,5vw,50px)!important;
	margin: 0!important;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl4 .page_bl .cnt_box ul {
	margin: 0 0 clamp(30px,5vw,50px);
}

.arc-director #tmp_arc_director .side_right .dep_btn .btn_box a {
	margin: 0 auto clamp(30px,5vw,50px);
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl4.bg_wrap1 .page_bl,
.dataprocessing #tmp_arc_director .side_right .bg_wrap1 > div,
.evitec #tmp_arc_director .side_right #envbio_topics .page_bl,
#tmp_arc_director .side_right #dep_sns .page_bl {
  width: 100% !important;
  max-width: 1000px !important;
  margin: 0 auto;
}

.arc-director #tmp_arc_director .bg_wrap1::after, .arc-director #tmp_arc_director .bg_wrap1::before {
  position: absolute;
  content: "";
  width: 100%;
  padding: 0 0 48.8%;
  z-index: -1;
}
.arc-director #tmp_arc_director .bg_wrap1::after {
  top: 0;
  left: 0;
  background: url("images/arc_dir_bg_wrap1.png")no-repeat left top/100% auto;
}
.arc-director #tmp_arc_director .bg_wrap1::before {
  bottom: -2px;
  left: 0;
  /* background: url("images/arc_dir_bg_wrap2.png")no-repeat left bottom/100% auto; */
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl4 {
  padding: 0;
  background: transparent;
  margin: 0 auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl4 p.eng_ttl {
  font-size: 20px;
  font-weight: 500;
  color: #CC7645;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl > .ttl_box h2 {
	color: #2A2C2C;
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  margin-top: 6px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl4 .ttl_box {
  margin-bottom: 34px;
}
.arc-director #tmp_arc_director .side_right .page_bl ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl4 ul li {
  width: calc(50% - 25px);
  border-top: 1px solid #CC7645;
  padding: 30px 0;
  margin: -1px 0 0;
  display: flex;
  justify-content: space-between;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl4 ul li:nth-last-child(-n+2) {
  border-bottom: 1px solid #CC7645;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl4 ul li:nth-last-child(-n+2) {
  border-bottom: 1px solid #51BEC8;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl4 ul li:nth-last-child(-n+2) {
  border-bottom: 1px solid #51BEC8;
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl4 ul li .img_box {
  width: clamp(150px,13vw,190px);
  height: auto;
  border-radius: 5px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl4  ul li .txt_box {
  width: calc(100% - clamp(170px,15vw,210px));
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl4 ul li .txt_box .label_na {
  font-size: 20px;
  font-weight: 700;
  color: #CC7645;
  line-height: 20px;
  padding: 0 0 12px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl4 ul li .txt_box p {
  font-size: 14px;
  letter-spacing: 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl4 h2::after {
  width: 185px;
  bottom: -7px
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl5, .arc-director #tmp_arc_director .side_right #tmp_page_bl6 {
  padding: 0 0 40px 0;
  max-width: 1000px;
  margin: 0 auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl5 .ttl_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl6 .ttl_box {
  padding: 0;
  margin-bottom: 15px;
  border-bottom: none;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl5 .left_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl6 .left_box {
  width: 424px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl5 .right_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl6 .right_box {
  width: calc(100% - 480px);
  margin-left: 52px;
	z-index: 1;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl5 .right_box .ttl_box p, .arc-director #tmp_arc_director .side_right #tmp_page_bl6 .right_box .ttl_box p {
  font-size: 18px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl5 .right_box .ttl_box h2, .arc-director #tmp_arc_director .side_right #tmp_page_bl6 .right_box .ttl_box h2 {
  font-size: 20px;
  letter-spacing: 2px;
  padding: 0 0 10px;
  border-bottom: 1px solid #fff;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl5 .flex_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl6 .flex_box {
  align-items: center;
  padding: 0 clamp(25px,3.5vw,50px) 0 0;
  color: #fff;
  background: transparent linear-gradient(309deg, #D0843B 0%, #B24407 36%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
	overflow: hidden;
  position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl5 .flex_box::before, .arc-director #tmp_arc_director .side_right #tmp_page_bl6 .flex_box::before {
  font-family: jost;
  font-style: italic;
  font-size: 36px;
  color: #CC7645;
  letter-spacing: 0.25rem;
  position: absolute;
  top: -16px;
  right: 30px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl5 .flex_box::before {
  content: "TEACHERS";
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl6 .flex_box::before {
  content: "STUDY ABROAD";
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl6 .right_box .btn_box {
  margin: 20px 0 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl6 .right_box .btn_box a {
  background-color: transparent;
  color: #fff;
  max-width: 150px;
  height: 25px;
  margin: 20px 0 0;
  font-size: 14px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl6 .right_box .btn_box a::after {
  background: #fff url("images/arrow-orange.png")no-repeat center/6px auto;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  left: 0px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl7 {
  padding: 20px 0 0 0;
  max-width: 1000px;
  margin: 0 auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl7 a {
  margin: 0;
}
.dep_btn .btn_box a::after,
.arc-director #tmp_arc_director .side_right #tmp_page_bl7 a::after,
.arc-director #tmp_arc_director .side_right #tmp_page_bl7 a::before {
  background: url(images/arrow-forw.png)no-repeat center/100% auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 {
  padding: 110px 25px 80px 0;
  background: transparent linear-gradient(287deg, #E0A656 0%, #B24407 100%) 0% 0% no-repeat;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner11 .right_box {
  width: 56%;
  padding-left: 65px;
  margin-top: 40px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner11 .left_box {
  width: 44%;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner11 .left_box .ttl_box h2 {
  font-size: clamp(15px,1.8vw,28px);
  color: #fff;
  line-height: clamp(28px,3.5vw,49px);
  letter-spacing: 2px;
  background-color: #2A2C2C;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  padding: 0px 2px 2px 5px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner11 .left_box .ttl_box {
  margin-bottom: 35px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner11 .left_box .cnt_box {
  color: #fff;
  font-size: 16px;
  line-height: 2;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner11 .right_box .img_box {
  margin-bottom: 30px;
  border-radius: 7px;
  overflow: hidden;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner11 .left_box .ttl_box p {
  color: #fff;
  font-size: 20px;
  margin-bottom: 10px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner11 .right_box .slick-arrow {
  width: 50px;
  height: 50px;
  top: calc(100% - 15px);
  right: 7px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner11 .right_box .slick-next {
  right: 7px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner11 .right_box .slick-prev {
  left: auto;
  right: 62px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner11 .right_box p {
  color: #fff;
  font-size: 16px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner12 {
  margin: 50px 0 30px;
  border-radius: 10px;
  background: #fff;
  width: 100%;
  padding: 50px 70px!important;
  position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner12 .ttl_box h2 {
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 2px;
  text-align: center;
  padding: 0 0 30px;
  position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner12 .ttl_box h2::after {
  position: absolute;
  content: '';
  bottom: 15px;
  left: calc(50% - 25px);
  width: 50px;
  height: 3px;
  background: transparent linear-gradient(272deg, #E0A656 0%, #B24407 100%) 0% 0% no-repeat padding-box;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner12 .ttl_box {
  margin: 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner12 .cnt_box ul {
  margin: 25px 0 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner12 .cnt_box ul li {
  width: calc(33.33% - 10px);
  position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner12 .cnt_box p {
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: 1.8px;
  text-align: center;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner12 .cnt_box ul li .label_na {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 42px;
  font-size: 15px;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 0 15px;
  font-weight: 500;
  background: rgba(0, 0, 0, 0.67) 0% 0% no-repeat padding-box;
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl9 .ttl_box span {
  display: inline;
  text-align: left;
  font-size: 35px;
  font-weight: 600;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 {
  padding: clamp(40px,10vw,100px) 0 clamp(50px,11vw,110px) 0;
  background: #f7f7f7 linear-gradient(to bottom right, #efefef 50%, #f7f7f7 50%)no-repeat top center/100% 480px;
  z-index: 0;
  position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box {
  width: calc(100% / 2 - 70px * 1 / 2);
  margin-bottom: 50px;
  background: #fff;
  flex-direction: column;
  position: relative;
  z-index: 0;
	border-radius: 10px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 45px;
  width: 227px;
  height: 69px;
  z-index: -1;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box:nth-child(1)::after {
  background: url(images/arc_1st_year.png)no-repeat center/100% auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box:nth-child(2)::after {
  background: url(images/arc_2st_year.png)no-repeat center/100% auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box:nth-child(3)::after {
  background: url(images/arc_3st_year.png)no-repeat center/100% auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box:nth-child(4)::after {
  background: url(images/arc_4st_year.png)no-repeat center/100% auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box:nth-child(even)::before {
  position: absolute;
  content: '';
  border-style: solid;
  border-width: 18px 0 18px 20px;
  border-color: transparent transparent transparent #CC7645;
  display: inline-block;
  width: 0;
  height: 0;
  left: -43px;
  top: calc(50% - 20px);
}
.interior.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box:last-child::before {
  content: none;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li .right_box {
  width: 100%;
  padding: 0;
  border-radius: 0 0 0 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li .right_box::before {
  position: absolute;
  content: '';
  width: 101px;
  height: 101px;
  left: -20px;
  top: -20px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box:nth-child(1) .right_box::before {
  background: url(images/arc_1st_grade.png)no-repeat center/100% auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box:nth-child(2) .right_box::before {
  background: url(images/arc_2st_grade.png)no-repeat center/100% auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box:nth-child(3) .right_box::before {
  background: url(images/arc_3st_grade.png)no-repeat center/100% auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box:nth-child(4) .right_box::before {
  background: url(images/arc_4st_grade.png)no-repeat center/100% auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li .right_box img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box {
  width: 100%;
  padding: 40px;
  margin: 0 0 auto;
  border-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 .ttl_box h2 {
	font-family: 'Jost', 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 4px;
  line-height: 1;
  margin-top: 20px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 .ttl_box {
	padding: 0;
  margin: 0 auto clamp(30px,5vw,50px);
  max-width: 1000px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box h3 {
  font-size: 20px;
  letter-spacing: 1px;
  padding: 0 0 20px;
  margin-bottom: 20px;
  position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box h3::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background: transparent linear-gradient(272deg, #E0A656 0%, #B24407 100%) 0% 0% no-repeat padding-box;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box p {
  font-size: 16px;
  text-indent: -30px;
  padding: 0 0 0 60px;
  letter-spacing: 1px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box p span:nth-of-type(1) {
  font-size: 16px;
  color: #CC7645;
  font-weight: 500;
  display: inline-block;
  position: relative;
  padding-right: 30px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box p span:nth-of-type(1)::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 10px;
  top: 12px;
  left: 8px;
  background: url(images/arr_right_or.png)no-repeat center/100% auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box p span:nth-of-type(2) {
  font-size: 14px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl10 {
  padding: 0 0 clamp(40px,9vw,90px) 0;
  background: #FFF linear-gradient(to top left, #F7F2EF 50%, #FFF 50%)no-repeat bottom center/100% 376px;
  position: relative;
}
.arc-director #tmp_page_bl10::after {
	position: absolute;
  content: "REAL JOB\A PROJECT";
  font-size: clamp(38px,7vw,90px);
  font-weight: 500;
	letter-spacing: 0.15em;
	line-height: 1em;
  color: #F7F2EF;
  top: -1px;
  left: -7px;
  z-index: 0;
	white-space: pre;
	mix-blend-mode: multiply;
}
.web_pages.arc-director #tmp_page_bl10::after {
  color: #F0F4F3;
}
.bio_pages.arc-director #tmp_page_bl10::after {
  color: #E7F4E6;
}
@media only screen and (max-width: 1600px) {
    .arc-director #tmp_arc_director .side_right #tmp_page_bl9 {
      padding: clamp(40px,10vw,100px) 25px clamp(50px,11vw,110px) 0;
  }
}
@media only screen and (max-width: 870px) {
  .arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner9 ul {
  grid-template-columns: repeat(1, 1fr);
  }
  .arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box:nth-child(even)::before {
    content: none;
  }
  .arc-director #tmp_page_bl10::after {
    top: 72vw;
    left: -3px;
  }
}


/* ----- RJP ----- */
#tmp_arc_director .side_right #tmp_page_bl10 > .ttl_box {
  background:linear-gradient(to right, #B24407 0%, #E0A656 100%)no-repeat top left/100% 10px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl10 > .ttl_box {
  background:linear-gradient(to right, #0098A5 0%, #81EFF8 100%)no-repeat top left/100% 10px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl10 > .ttl_box {
  background:linear-gradient(to right, #397733 0%, #81D079 100%)no-repeat top left/100% 10px;
}
#tmp_arc_director .side_right #tmp_page_bl10 .ttl_box h2#tmp_page_bl10_2 img {
  max-width: 1000px;
  display: block !important;
	margin: 0 auto;
}
#tmp_arc_director .side_right #tmp_page_bl10 .ttl_box h2#tmp_page_bl10_2 img.sp {
  max-width: 100%;
  display: none !important;
	padding: 0;
}
@media only screen and (max-width: 1600px) {
	#tmp_arc_director .side_right #tmp_page_bl10 .ttl_box h2#tmp_page_bl10_2 {
    margin-left: 24% !important;
    margin-right: auto !important;
	}
  #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box h2#tmp_page_bl10_2 img {
    margin: 0 0;
  }
}
@media only screen and (max-width: 1300px) {
	#tmp_arc_director .side_right #tmp_page_bl10 .ttl_box h2#tmp_page_bl10_2 {
		padding: 0 25px 0 0;
	}
}

@media only screen and (max-width: 870px) {
	#tmp_arc_director .side_right #tmp_page_bl10 .ttl_box h2#tmp_page_bl10_2 {
		padding: 0;
		margin: 0!important;
	}
  #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box h2#tmp_page_bl10_2 img {
    display: none !important;
  }
  #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box h2#tmp_page_bl10_2 img.sp {
    display: inline-block !important;
  }
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .cnt_box {
  padding: clamp(5px,6vw,60px) 25px 0 0;
  max-width: 1000px;
  margin: 0 auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .left_box {
  width: calc(100% - 459px);
  padding-right: 60px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .right_box {
  width: 459px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .left_box h3 {
  margin-bottom: 20px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .left_box h3 span {
  display: inline-block;
  border-bottom: 3px solid #CC7645;
  line-height: 1;
  font-size: 26px;
  padding: 0 0px 10px;
  margin-bottom: 10px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .left_box p {
  font-size: 16px;
  line-height: 2;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .slick-arrow {
  width: 50px;
  height: 50px;
  top: calc(100% + 60px);
  right: 7px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .slick-next {
  right: 7px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .slick-prev {
  left: auto;
  right: 62px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 {
  padding: 75px 25px 120px 0;
  background: linear-gradient(to top right, #C57041 50%, #CC7645 50%);
  position: relative;
  z-index: 2;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11::after {
  content: "STUDENTS VOICE";
  font-size: 75px;
  color: #F7F2EF;
  top: 140px;
  right: 0;
  z-index: -1;
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 .cnt_box .left_box {
  width: clamp(200px,36vw,42%);
  border-radius: 10px 0 0 10px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 .cnt_box .right_box {
  width: clamp(370px,64vw,58%);
	padding: 15px 25px;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .ttl_box p, .arc-director #tmp_arc_director .side_right #tmp_page_bl11 .ttl_box h2 {
  color: #fff;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .ttl_box p {
  font-size: 20px;
  letter-spacing: 2px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .ttl_box h2 {
  font-size: 32px;
  font-weight: 700;
  margin-top: -3px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .ttl_box h2::after {
  display: none;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .container {
  background: #fff;
  padding: 0 0 0 0;
  border-radius: 15px;
  position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .container .inner {
  background: #FFF linear-gradient(to top left, #F7F2EF 50%, #FFF 50%)no-repeat bottom right/135px 135px;
  border-radius: 10px;
  padding: 0;
  margin-bottom: 20px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 h3 {
  font-size: clamp(18px,2.1vw,22px);
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.02em;
  margin-bottom: 13px;
  background: none;
  padding: 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 p {
  font-size: clamp(13px,1.2vw,16px);
  padding: 0 0;
  line-height: 1.7;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 .ttl_box {
  padding: 0;
  margin-bottom: 40px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 .left_box p {
  font-size: 15px;
  line-height: 2;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 .student_info {
  margin-top: 23px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 .student_info p:nth-child(1) {
  font-weight: 500;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 .student_info p:nth-child(2) {
  font-size: clamp(18px,2.1vw,21px);
  font-weight: 700;
}
.bio_pages #tmp_arc_director .inner h3,
.bio_pages #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 .student_info p:nth-child(1) {
  color: #6CBC64;
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 .student_info p:nth-child(2) span {
  font-size: clamp(13px,1.5vw,15px);
  padding: 0 25px 0 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 .student_info p:nth-child(2) span.from {
  white-space: pre;
  padding: 0;
	font-weight: 400;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner14 {
  margin: 75px 0 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner14 .left_box {
  width: 275px;
  margin-right: 50px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner14 .right_box {
  width: calc(100% - 325px);
  padding: 0 40px 0 0;
}

@media only screen and (max-width: 870px) {
  .arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 .cnt_box .left_box,
  .arc-director #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 .cnt_box .right_box {
    width: 100%;
  }
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl12 {
  padding: clamp(60px,10vw,100px) 25px clamp(60px,10vw,100px) 0;
  background: #F7F2EF linear-gradient(to top right, #EFE5E0 50%, #F7F2EF 50%)no-repeat bottom center/100% 600px;
  position: relative;
  z-index: 1;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl12 {
  background: #eff4f3 linear-gradient(to top right, #e1e9e7 50%, #eff4f3 50%)no-repeat bottom center/100% 600px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl12 {
  background: #e4f5e5 linear-gradient(to top right, #cbeacd 50%, #e4f5e5 50%)no-repeat bottom center/100% 600px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12::after {
  content: "GRADUATES VOICE";
  font-size: 75px;
  color: #F7F2EF;
  top: 166px;
  right: 0;
  z-index: -1;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .ttl_box {
  padding: 0 0 clamp(0px, 3vw, 30px);
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .ttl_box p {
  font-size: 20px;
  letter-spacing: 2px;
  color: #CC7645;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .ttl_box h2 {
  font-size: clamp(26px,3vw,32px);
  font-weight: 700;
	line-height: 1.4;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .ttl_box {
  padding: 0 0 35px;
  margin: 0 auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 h2::after {
  display: none;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box {
  padding: 45px 0 50px 0!important;
  background: #fff;
  border-radius: 20px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice {
	background: transparent;
	margin: 50px auto 0;
	padding: 0!important;
}
.dataprocessing.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .right_box img,
.data-science-ai.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .right_box img {
  border-radius: 10px 0 0 10px;
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner1 {
  display: grid!important;
  grid-template-columns: clamp(307px,34vw,524px) 1fr;
  gap: 30px clamp(20px,5vw,50px);
	align-items: center;
  margin-bottom: 30px;
  position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .left_box,
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box {
  width: 100%;
	padding: 0!important;
	margin: 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box span.dep {
  font-size: 14px;
  text-align: center;
  line-height: 28px;
  background: #CC7645;
  color: #fff;
  display: block;
  width: fit-content;
  height: 30px;
  border-radius: 15px;
  margin-bottom: 20px;
  padding: 0 20px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box p.ttl {
  font-size: clamp(18px,2.2vw,22px);
  font-weight: 700;
  margin-bottom: clamp(13px,3vw,30px);
  line-height: 1.4;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box p.txt {
  font-size: 13px;
  font-weight: 400;
  margin: 0;
}
/*.web-cre span.deco, .interior span.deco, .arc-director-main span.deco, .bio_pages span.deco */
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box p.deco {
	font-size: clamp(14px,1.5vw,15px);
	color: #CC7645;
	font-weight: 500!important;
	padding: 0 0 10px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box p.deco {
	color: #51BEC8;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box p.deco {
	color: #6CBC64;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box p.deco > span {
	font-weight: 700!important;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box p.txt {
  padding: 0;
	margin: 0;
	display: inline;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box p.txt span {
  font-weight: 500;
  padding: 10px 0 7px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box p.txt span.name {
  font-size: 18px;
  font-weight: 700;
  padding: 10px 0 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box p.txt span.name span {
  font-size: clamp(13px,1.5vw,15px);
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .flex_box.message {
  padding: 20px clamp(25px, 6vw, 80px) 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .flex_box.message p {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 1.6em;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .flex_box.message p:last-child {
  margin: 0;
}

@media only screen and (max-width: 870px) {
  .arc-director #tmp_arc_director .side_right #tmp_page_bl12 {
    padding: 40px 0 30px 0;
    background: #F7F2EF linear-gradient(to top right, #EFE5E0 50%, #F7F2EF 50%)no-repeat bottom center/100% 220px;
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl12 {
    background: #eff4f3 linear-gradient(to top right, #e1e9e7 50%, #eff4f3 50%)no-repeat bottom center/100% 220px;
  }
  .bio_pages #tmp_arc_director .side_right #tmp_page_bl12 {
    background: #e4f5e5 linear-gradient(to top right, #cbeacd 50%, #e4f5e5 50%)no-repeat bottom center/100% 220px;
  }
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl13 {
  color: #FFF;
  padding: 100px 25px 120px 0;
  background: url("images/tmp_page_bl13_bg.jpg")no-repeat left top/cover;
  position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl13 .ttl_box {
  position: relative;
  max-width: 1000px;
  margin: 0 auto clamp(40px,6vw,60px);
  text-align: center;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl13 .ttl_box::after {
  position: absolute;
  content: '';
  top: clamp(75px,9vw,90px);
  left: calc(50% - 35px);
  width: 70px;
  height: 4px;
  background: #FFF;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl13 .ttl_box * {
  text-align: center;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl13 .ttl_box p {
  font-size: 20px;
  letter-spacing: 2px;
	display: inline-block;
	position: relative;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl13 .ttl_box p::before {
  position: absolute;
  content: '';
  top: 50%;
  right: calc(0px - clamp(100px, 13vw, 130px));
  width: clamp(90px, 11vw, 114px);
  height: clamp(90px, 11vw, 114px);
  transform: translate(0, -65%);
	background: url("images/qe_fukidashi.webp")no-repeat left top/cover;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl13 .ttl_box h2 {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 5px;
  margin-top: -3px;
}

.arc-director #tmp_arc_director .side_right #tmp_page_bl13 .cnt_box h3.fukidashi_ttl {
  position: relative;
  width: 180px;
  height: 36px;
  background: #FFF;
  padding: 10px;
  margin: 0 auto 30px;
  text-align: center;
  color: #CC7645;
  font-size: 18px;
  font-weight: 500;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl13 .cnt_box h3.fukidashi_ttl:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 10px;
  border-left-width: 6px;
  border-right-width: 6px;
  margin-left: -10px;
  border-top-color: #FFF;
  top: 100%;
  left: 50%;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl13 .cnt_box h4 {
  font-size: 18px;
  letter-spacing: 2px;
  margin: 0 0 10px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl13 .cnt_box p {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0;
  margin: 0 0 30px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl13 .cnt_box p span {
  font-size: 14px;
}
@media only screen and (max-width: 870px) {
  .arc-director #tmp_arc_director .side_right #tmp_page_bl13 {
    padding: 80px 25px 30px;
  }
	.arc-director #tmp_arc_director .side_right #tmp_page_bl13 .ttl_box p::before {
    content: '大手企業への就職実績アリ！';
    font-family: 'Noto Sans JP', sans-serif;
		font-size: 14px;
		font-weight: 500;
		color: #2A2C2C;
    top: -45px;
    right: 50%;
    transform: translate(50%, 0);
    background: #FFF000;
		width: 240px;
		height: 36px;
		line-height: 35px;
		border-radius: 18px;
    padding: 0 0 0 0.5em;
  }
}

.architecture_e #tmp_arc_director .side_right #tmp_page_bl16 {
  background: transparent;
	padding: clamp(50px,10vw,100px) 0 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl15 {
  background: url("images/art_dir_move_bg.jpg")no-repeat center top/cover;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl15 .container {
  max-width: 1000px;
  margin: 0 auto 0;
  padding: 54px 0;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl15 p {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin: 50px 0px 15px;
  padding: 0 12px;
  display: inline-block;
  border-radius: 5px;
  background: transparent linear-gradient(287deg, #E0A656 0%, #B24407 100%) 0% 0% no-repeat;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl15 h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 700;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl15 h2::after {
  display: none;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl15 .cnt_box {
  width: 100%;
	max-width: 480px;
  aspect-ratio: 16 / 9;
  border: 7px solid #fff;
  border-radius: 10px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl15 .cnt_box iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 870px) {
  .arc-director #tmp_arc_director .side_right #tmp_page_bl15 .cnt_box {
		max-width: 800px;
    margin: 0 auto;
  }
}


/*---------------DIPLOMA POLICY--------------*/
.diploma_policy {
  padding: 109px 0 150px;
}
.diploma_policy #tmp_page_bl1 .container {
  max-width: 750px;
  width: 100%;
  margin: 0 auto 80px;
}
.diploma_policy #tmp_page_bl1::after {
  display: none;
}
.diploma_policy #tmp_page_bl1 .ttl_box {
  margin: 200px 0 70px;
  max-width: 1000px;
  margin: 200px auto 70px;
}
.diploma_policy #tmp_page_bl1 .ttl_box p {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
}
.diploma_policy #tmp_page_bl1 .ttl_box p:first-child {
  color: #CC7645;
  font-size: 24px;
  text-align: center;
  margin-bottom: 22px;
  font-weight: 500;
}
.diploma_policy #tmp_inner1 .cnt_box_a {
  background: #F7F7F7;
  border-radius: 15px;
  padding: 40px 0 50px 0;
  position: relative;
}
.diploma_policy #tmp_inner1 .cnt_box_a::before {
  position: absolute;
  top: -23px;
  left: 50%;
  content: "";
  transform: translate(-50%, 0);
  background: url("images/diploma_policy_img01.png")no-repeat center/100% auto;
  height: 45px;
  width: 45px;
}
.diploma_policy #tmp_inner1 p {
  font-size: 18px;
  color: #CC7645;
  text-align: center;
  font-weight: 700;
  margin-bottom: 18px;
}
.diploma_policy #tmp_inner1 span {
  font-size: 16px;
  text-align: center;
  display: block;
}
.diploma_policy .cnt_box_a li .ttl_box {
  background: #CC7645;
  border-radius: 5px;
  padding: 20px 35px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
}
.diploma_policy .cnt_box_a li .ttl_box p {
  color: #fff;
  font-size: 15px;
}
.diploma_policy .cnt_box_a li .ttl_box span {
  font-size: 24px;
  display: inline-block;
  font-weight: 600;
}
.diploma_policy .cnt_box_a li .ttl_box span:first-child {
  font-size: 26px;
  font-family: 'Jost', sans-serif;
  padding-right: 15px;
}
.diploma_policy .cnt_box_a li .left_box {
  width: 500px;
}
.diploma_policy .cnt_box_a li .right_box {
  width: calc(100% - 505px);
  padding-left: 50px;
}
.diploma_policy .cnt_box_a li .right_box p {
  font-size: 15px;
  margin-bottom: 10px;
}
.diploma_policy .cnt_box_a li .notice {
  margin-top: 60px;
}
.diploma_policy .cnt_box_a li .notice p {
  font-size: 13px;
  padding-bottom: 5px;
}
.diploma_policy .cnt_box_a li .right_box .txt_box {
  background: #f7f7f7;
  border-radius: 10px;
  padding: 45px;
  line-height: 2;
}
.diploma_policy .cnt_box_a ol {
  padding: 0;
}
.diploma_policy .cnt_box_a li {
  margin-bottom: 60px;
}
.diploma_policy .cnt_box_a .left_box ol li {
  display: flex;
  margin-bottom: 20px;
}
.diploma_policy .cnt_box_a .left_box ol li span {
  position: relative;
  width: 36px;
  color: #fff;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.diploma_policy .cnt_box_a .left_box ol li p {
  width: calc(100% - 36px);
  padding-left: 20px;
  font-size: 14px;
}
.diploma_policy .cnt_box_a .left_box ol li span::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #CC7645;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  z-index: -1;
}
.diploma_policy .btn_box a {
  background: transparent linear-gradient(287deg, #CA7730 0%, #B24407 100%) 0% 0% no-repeat;
  padding: 30px 0;
  margin: 85px auto 0;
  color: #fff;
  font-size: 16px;
  max-width: 361px;
  border-radius: 35px;
}
.diploma_policy .btn_box a::after{
  background: url(images/arrow-forw.png)no-repeat center/100% auto;
}


/*-----------------------------equip-intro--------------------
-------------------------------------------------------------*/
.equip_intro #tmp_page_bl1 {
  background: #F7F7F7;
}
.equip_intro #tmp_page_bl1 .container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding-top: 160px;
}
.equip_intro #tmp_page_bl1 .ttl_box img {
  margin-bottom: 65px;
}
.equip_intro #tmp_page_bl1 .ttl_box p {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 15px;
}
.equip_intro #tmp_page_bl1 .ttl_box span {
  font-size: 18px;
  text-align: center;
}
.equip_intro #tmp_page_bl1 .cnt_box_a {
  padding: 50px 0 90px;
}
.equip_intro #tmp_page_bl1 .img_box {
  max-width: 660px;
  width: 100%;
  margin-left: auto;
  height: auto;
}
.equip_intro #tmp_page_bl2 {
  padding: 85px 0 95px;
}
.equip_intro #tmp_page_bl2 .container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.equip_intro #tmp_page_bl2 .ttl_box {
  margin-bottom: 80px;
}
.equip_intro #tmp_page_bl2 .ttl_box p {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.equip_intro #tmp_page_bl2 #tmp_inner2 span {
  font-size: 20px;
  font-weight: 600;
  color: #23A4BD;
}
.equip_intro #tmp_page_bl2 #tmp_inner2 .cnt_box_c span {
  color: #6CBC64;
}
.equip_intro #tmp_page_bl2 #tmp_inner2 .txt_box {
  margin: 20px 0 50px;
}
.equip_intro #tmp_page_bl2 .cnt_box_b ul li {
  width: calc(50% - 15px);
}
.equip_intro #tmp_page_bl3 {
  background: linear-gradient(0deg, #F7F7F7 calc(100% - 25px), transparent 10px);
  padding: 0 0 85px;
}
.equip_intro #tmp_page_bl3 .ttl_box p {
  font-size: 24px;
  font-weight: 600;
  width: 176px;
  background: #6CBC64;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  padding: 4px 0;
  position: relative;
}
.equip_intro #tmp_page_bl3 .ttl_box p::after {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 19px solid #6CBC64;
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translate(-50%, 0);
  content: "";
}
.equip_intro #tmp_page_bl3 ul {
  width: 40%;
  margin: 45px auto 0;
}
.equip_intro #tmp_page_bl3 ul .slick-list {
  overflow: visible;
}
.equip_intro #tmp_page_bl3 li {
  width: calc(33.333% - 22px);
}
.equip_intro .slick-initialized .slick-slide {
  display: block;
  padding: 0 40px;
}
.equip_intro #tmp_page_bl3 .img_box {
  margin-bottom: 15px;
}
.equip_intro #tmp_page_bl3 .txt_box p {
  font-size: 15px;
}
.equip_intro #tmp_page_bl3 .txt_box p.topic_na {
  font-size: 20px;
  color: #6CBC64;
  font-weight: 600;
  margin-bottom: 10px;
}
.equip_intro .slick-prev {
  left: -17px;
  background: url(images/prev_btn_gr.png)no-repeat center/100% auto;
}
.equip_intro .slick-next {
  right: -17px;
  background: url(images/next_btn_gr.png)no-repeat center/100% auto;
}
@media only screen and (max-width: 768px) {
  .equip_intro #tmp_page_bl3 ul {
    width: 100%;
  }
  .equip_intro #tmp_page_bl3 li {
    width: 100vw !important;
  }
  .equip_intro .slick-prev {
    top: 28vw;
    left: 18px;
  }
  .equip_intro .slick-next {
    top: 28vw;
    right: 18px;
  }
}

/*-------*/
.fotorama__nav--thumbs .fotorama__nav__frame {
  width: 140px !important;
  height: 92px !important;
  padding: 0 !important;
}
.fotorama__thumb img {
  width: 100% !important;
  height: 100% !important;
}
.fotorama__nav__shaft {
  width: 100%;
  margin-top: 10px;
}
.fotorama__nav--thumbs .fotorama__nav__frame:nth-child(2) {
  margin-right: 10px !important;
}
.fotorama__nav--thumbs .fotorama__nav__frame:nth-child(4) {
  margin-left: 10px !important;
}
.fotorama__stage {
  height: 272px !important;
}
/*---------------------------sitemap------------------------------------
-----------------------------------------------------------------*/
.sitemap.page_content2 #tmp_mainvisual {
  height: auto;
}
.sitemap .main_txt {
  text-align: center;
  padding-top: 100px;
}
.sitemap .main_txt h2 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
.sitemap .main_txt span {
  text-align: center;
  font-size: 18px;
  color: #23A4BD;
  font-weight: 500;
  padding-bottom: 5px;
  display: block;
}
.sitemap #tmp_page_bl1 .container {
  max-width: 100%;
  width: 1000px;
  margin: 0 auto;
}
.sitemap #tmp_page_bl1 .col {
  width: calc(33.333% - 35px);
  margin-bottom: 55px;
}
.sitemap #tmp_page_bl1 .col a, .sitemap #tmp_page_bl1 .col .txt_s {
  font-size: 15px;
  line-height: 2.2;
	letter-spacing: 0.02em;
  font-weight: 400;
  padding: 0 0 8px;
}
.sitemap #tmp_page_bl1 .col p:has(span) a {
  display: inline-block;
}
.sitemap p.col_na {
  font-size: 18px !important;
  font-weight: 700 !important;
	line-height: 2.2;
  background: none;
  padding-left: 0;
  border-bottom: 1px solid #707070;
  margin-bottom: 18px;
  padding-bottom: 12px;
  display: block;
}
.sitemap p.ttl {
  font-size: 15px !important;
  font-weight: 700;
}
.sitemap .l_child {
  padding-bottom: 80px;
}
.sitemap .l_child.space {
  padding-bottom: 35px;
}

/*==================================policy================================================
=================================================================================*/
.policy.page_content2 #tmp_mainvisual {
  height: 168px;
  overflow: hidden;
  margin-bottom: 77px;
  position: relative;
}
.policy.page_content2 .main_txt.top {
  bottom: 0;
}
.policy.page_content2 .main_txt.top span {
  color: #23A4BD;
  font-size: 18px;
  text-transform: uppercase;
}
.policy.page_content2 .main_txt.top h2 {
  color: #000;
  font-weight: 600;
}
.policy #tmp_page_bl1 .container {
  max-width: 1060px;
  width: 100%;
  margin: 0 auto 100px;
}
.policy #tmp_page_bl1 .ttl_box {
  padding-left: 60px;
  margin-bottom: 25px;
}
.policy #tmp_page_bl1 .ttl_box span {
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  display: block;
  margin-bottom: 40px;
}
.policy #tmp_page_bl1 .ttl_box p {
  font-size: 15px;
}
.policy #tmp_page_bl1 .ttl_box p.ttl {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.policy #tmp_page_bl1 li {
  list-style: number;
  margin-bottom: 15px;
}
.policy #tmp_page_bl1 li p {
  font-size: 15px;
  font-weight: 400;
}

/*=================================special_interview======================================
=======================================================================*/
.special_interview#tmp_contents {
  background: #F7F7F7;
  position: relative;
  z-index: 0;
}
.special_interview.page_content2 #tmp_mainvisual {
  height: 280px;
  margin-bottom: 0px;
}
.special_interview.page_content2 .main_txt.top span {
  color: #CC7645;
}
.special_interview #tmp_page_bl1 {
  padding-bottom: 160px;
}
.special_interview #tmp_page_bl2 .container, .special_interview #tmp_page_bl1 .container {
  max-width: 100%;
  width: 1000px;
  margin: 0 auto;
}
.special_interview #tmp_inner1 ul {
  margin-top: 60px;
	align-items: stretch;
}
.special_interview #tmp_inner1 ul li {
  width: calc(50% - 10px);
  margin-bottom: 20px;
  background: #fff;
}
.special_interview #tmp_inner1 ul li .flex_box {
  padding: clamp(20px,2.6vw,30px) clamp(20px,2.2vw,25px) clamp(20px,2.6vw,30px) clamp(20px,2.6vw,30px);
  border-radius: 10px;
}
.special_interview #tmp_inner1 ul li .flex_box .img_box {
  width: 36%;
}
.special_interview #tmp_inner1 ul li .flex_box .txt_box {
  width: 64%;
  padding-left: clamp(20px,2.4vw,25px);
}
.special_interview #tmp_inner1 ul li .flex_box .txt_box span {
  font-size: clamp(14px,1.7vw,18px);
  font-weight: 700;
  margin-bottom: 10px;
  color: #CC7645;
  display: block;
}
.special_interview #tmp_inner1 ul li .flex_box .txt_box p {
  font-size: clamp(12px,1.4vw,15px);
  font-weight: 400;
}
.special_interview #tmp_inner1 ul li .flex_box .txt_box p.name {
  font-size: clamp(14px,1.7vw,18px);
	font-weight: 500;
}
.special_interview #tmp_inner1 ul li:nth-child(2) .flex_box .txt_box span:first-child {
  color: #6CBC64;
}
.special_interview #tmp_inner1 ul li:nth-child(3) .flex_box .txt_box span:first-child {
  color: #51BEC8;
}
.special_interview #tmp_inner1 ul li:last-child .flex_box .txt_box span:first-child {
  color: #754294;
}
.special_interview #tmp_page_bl2 {
  padding-bottom: 100px;
}
.special_interview .inner2 {
  padding-bottom: 70px;
}
.special_interview #tmp_page_bl2 .ttl_box h2 {
  font-size: 30px;
  font-weight: 700;
  border-bottom: 1px solid #A5A4A4;
  padding-bottom: 25px;
  margin-bottom: 40px;
  font-family: 'Noto Sans JP', sans-serif;
}
.special_interview .inner2 .ttl_box_a p {
  margin-bottom: 40px;
}
.special_interview .inner2 .ttl_box_a p span {
  font-size: 20px;
  font-weight: 700;
  background: #FFF000;
}
.txt_violet {
  color: #754294;
}
.special_interview .inner2 .cnt_box_a p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
}
.special_interview .inner2 .cnt_box_a p span {
  font-weight: 500;
  padding-right: 5px;
}
.special_interview .inner2 .cnt_box_a .img_box {
  margin: 40px 0;
}
.special_interview .inner2 .cnt_box_a span.notice {
  font-size: 14px;
  font-weight: 700;
  padding-left: 0;
  padding-top: 10px;
  display: block;
}
.special_interview .inner3 p {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.special_interview .inner3 a {
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  text-align: center;
  display: block;
}
/*=================================special_interview2======================================
=======================================================================*/
.special_interview2#tmp_contents {
  padding-top: 210px;
}

/* ================================= departments ================================= */
.cta-oc-departments {
  width: 74%;
  max-width: 1000px;
  margin: 80px auto 100px;
}



/*----------------------------*/
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_a p.txt {
  margin-bottom: 35px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_a p.txt, .architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c p.txt {
  font-size: 16px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_a h3 {
  font-size: clamp(15px,1.8vw,18px);
	letter-spacing: 0.2em;
  color: #CC7645;
	line-height: 1em;
	border-bottom: 1px #CC7645 solid;
  padding: 0 0 10px;
  margin: 0 0 15px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_b p.txt {
  font-size: 15px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_a p.txt_or {
  margin-top: 34px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_a p.txt_or, .architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_b p.txt_or, .architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c p.txt_or {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 20px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_a img {
  padding: 0 16px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_b {
  padding: 45px 50px 10px;
  background: #F7F2EF;
  border-radius: 8px;
  margin: 70px 0;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c {
  background: #F7F2EF;
  padding: 45px 50px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c li {
  width: calc(50% - 20px);
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c li img {
  margin-bottom: 15px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_b .flex_box {
  align-items: center;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_b .left_box {
  width: 51.5%;
  padding-right: 30px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_b .right_box {
  width: 48.5%;
  padding-left: 0;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c ul {
  margin: 25px 40px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c ul.grid_box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(33.3% - clamp(15px,3vw,32px)), 1fr));
  gap: 22px clamp(15px,3vw,32px);
  margin: 25px clamp(0px,4vw,40px);
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c ul.grid_box li {
  width: 100%;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c ul.grid_box li p {
	padding: 0 0 5px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c ul.grid_box li p:nth-child(2) {
	font-weight: 600;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_b, .architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c {
  position: relative;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_b::after, .architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c::after {
  position: absolute;
  content: "";
  width: 76px;
  height: 76px;
  top: -22px;
  left: -22px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_b::after {
  background: url(images/arc_inner5b_a.png)no-repeat center/100% auto;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c::after {
  background: url(images/arc_inner5c_a.png)no-repeat center/100% auto;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c li p {
  font-size: 14px;
  line-height: 1.6;
  margin-top: 0;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6 p.txt {
  font-size: 16px;
  margin-bottom: 45px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6 .txt_or {
  font-size: 18px;
  font-weight: 500;
  margin: 20px 0;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 ul {
  margin-bottom: 0 !important;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 li {
  background: #F7F2EF;
  align-items: flex-start;
  margin-bottom: 25px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 li:last-child {
  margin-bottom: 0;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 li .img_box {
  width: clamp(250px,28vw,380px);
  padding: 0;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 li .txt_box {
  width: calc(100% - clamp(250px,28vw,380px));
  padding: 40px 50px 40px 45px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 li .txt_box .txt_or {
  font-size: 20px;
  font-weight: 500;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 li .txt_box .txt {
  font-size: 16px;
  margin: 0;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 li .txt_box span {
  font-size: 13px;
  margin-top: 10px;
  display: block;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 li .img_box2 {
  padding: 0 50px 44px 45px;
  width: 100%;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box {
  padding: 30px 28px;
  background: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box p {
  font-size: 15px;
  text-indent: 0;
  padding: 0;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box {
  background: none;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 ul li .right_box {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box:nth-child(2) .right_box::before {
  background: url(images/arc_1st_grade.png)no-repeat center/100% auto;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box:nth-child(3) .right_box::before {
  background: url(images/arc_1st_grade.png)no-repeat center/100% auto;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box:nth-child(4) .right_box::before {
  background: url(images/arc_2st_grade.png)no-repeat center/100% auto;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .flex_box {
  background-color: #CC7645;
  border-radius: 10px;
  padding: 40px 40px 50px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .txt_box {
  width: calc(100% - 379px);
  padding-right: 50px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .img_box {
  width: 379px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .txt_box p {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 1px;
  line-height: 1.8;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .txt_box p.ttl {
  font-size: 24px;
  font-weight: 500;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .txt_box p.ttl span {
  font-size: 15px;
  font-weight: 500;
  padding-left: 28px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .img_box img {
  margin-bottom: 22px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .img_box p {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 1px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .img_box span {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box_a {
  text-align: center;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl10 h3 {
  font-size: 26px;
  font-weight: 700;
  border-bottom: 3px solid #CC7645;
  margin-bottom: 30px;
  display: inline-block;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl10 li {
  width: calc(33.333% - 20px);
}
.architecture #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box {
  margin-bottom: 0;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl10 li img {
  margin-bottom: 12px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl10 li p {
  font-size: 14px;
  font-weight: 400;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl10 li p.ttl {
  font-size: 18px;
  font-weight: 500;
  color: #CC7645;
  margin-bottom: 12px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box {
  padding: 45px 45px 50px 0;
  max-width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  .architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c ul.grid_box {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .architecture #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .inner5_c ul.grid_box {
    grid-template-columns: 1fr;
    margin: 25px 0;
  }
}

/*====================================architecture-evening===============================
=================================================================================*/
.architecture_e .side_right #tmp_page_bl9 .ttl_box span {
  text-align: left;
  font-size: 35px;
  font-family: 'Jost', sans-serif;
  font-weight: 600;
  display: inline;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul.learning {
  width: 100%;
  display: grid!important;
  grid-template-columns: repeat(auto-fit, minmax(calc(50% - clamp(20px,3vw,30px)), 1fr));
  gap: clamp(15px,5vw,50px) clamp(20px,3vw,30px);
	padding: 0 0 clamp(30px,5vw,50px);
	margin: 0;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul.learning li.flex_box {
  width: 100%!important;
	margin: 0!important;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul.learning li.flex_box {
  position: static;
  background: transparent;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul.learning li.flex_box .left_box {
  background: #fff;
	margin: 0;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul.learning li.flex_box::after,
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul.learning li.flex_box::before {
  content: none;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul.learning li .right_box::before {
  content: none;
}
.architecture.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box p.ttl {
  letter-spacing: 1px;
}
.architecture.arc-director #tmp_arc_director .side_right .page_bl .container ul {
  margin-bottom: 70px;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box h3 {
  color: #CC7645;
  position: static;
  padding: 0 0 5px;
  margin-bottom: 0;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box h3::after {
  position: static;
  width: 0;
  height: 0;
  background: none;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box p {
  font-size: 14px;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
  text-indent: 0;
  padding: 0;
  font-weight: 400;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box span {
  color: #CC7645;
  border: 1px solid #CC7645;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 400;
  padding: 2px 10px;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .flex_box {
  padding: 45px 40px 35px;
  background-color: #CC7645;
  border-radius: 10px;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .txt_box {
  width: 100%;
  padding-right: 0;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box::after {
  position: static;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  z-index: 0;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .txt_box p.ttl {
  font-size: 25px;
  font-weight: 500;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #fff;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .txt_box p {
  letter-spacing: 0.9px;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .txt_box p.ttl span {
  font-size: 18px;
  font-weight: 500;
  padding-left: 18px;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl10 {
  padding: 30px 0 100px 0;
  background: #F7F2EF linear-gradient(to top left, #eee5e0 50%, #F7F2EF 50%)no-repeat bottom center/100% 945px;
  position: relative;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl10 > .ttl_box {
    background: none;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box {
  padding: 60px 70px 0 400px;
  margin-bottom: 0;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box h2 {
  max-width: 446px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .inner1 {
  margin-bottom: 45px;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .inner1 .ttl_box_a {
  text-align: left;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .inner1 h3 {
  font-size: 23px;
  font-weight: 500;
  border-bottom: 1px solid #A5A4A4;
  display: block;
  padding-bottom: 22px;
  margin-bottom: 25px;
  color: #2A2C2C;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10::after {
  display: none;
  visibility: hidden;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box {
  padding: 60px 0 0 0;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box h2 {
  max-width: 446px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .inner1 h3 span {
  font-size: 18px;
  font-weight: 500;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .inner1 .ttl_box_a {
  text-align: left;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .inner1 p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .inner1 p.notice {
  font-size: 14px;
  font-weight: 400;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .flex_box {
  background: #fff;
  border-radius: 10px;
  padding: 38px 42px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .left_box p.ttl {
  font-size: 24px;
  font-weight: 700;
  color: #CC7645;
  padding-top: 12px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .left_box p.ttl span {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .right_box {
  width: 311px;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .left_box {
  width: calc(100% - 311px);
  padding-right: 55px;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .btn_box a {
  background-color: transparent;
  border-radius: 30px;
  max-width: 244px;
  height: 50px;
	padding: 0 15px 0 0;
  margin: 22px 0 0 0;
  border: 1px solid #CC7645;
  font-size: 15px;
  font-weight: 500;
  color: #CC7645;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .btn_box a::after {
  position: absolute;
  content: "";
  width: 13px;
  height: 13px;
  background: url(images/architecture_e_btn.png)no-repeat center/100% auto;
  top: 50%;
  right: 35px;
  opacity: 1;
  transform: translate(0, -50%);
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .container {
  background: transparent;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .ttl_box p {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl11 .ttl_box h2 {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  margin-top: -5px;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl11 {
  padding: 75px 25px 120px 0;
  background: linear-gradient(to top right, #CC7645 50%, #C57041 50%);
  position: relative;
  z-index: 2;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .img_box {
  margin-bottom: 20px;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl11::after {
  content: "";
  font-size: 0;
  top: 140px;
  left: 73vw;
  z-index: -1;
  position: absolute;
  width: 321px;
  height: 75px;
  background: url("images/architecture_mayday.png")no-repeat center/100% auto;
  opacity: 0.3;
  mix-blend-mode: screen;
}
.architecture_e .main_txt.top h2 span.sub {
  font-size: 18px;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl3 .inner.flex_box, .interior #tmp_arc_director .side_right #tmp_page_bl3 .inner.flex_box, .iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .inner.flex_box, .game-pro #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 .inner.flex_box, .web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .inner.flex_box, .biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .inner.flex_box {
  display: grid!important;
  grid-template-columns: clamp(300px,40vw,500px) auto;
  gap: 0 clamp(30px,5vw,55px);
}
 .biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5.inner.flex_box {
  display: grid!important;
  grid-template-columns: 1fr;
  gap: clamp(30px,5vw,55px) 0;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl3 .img_box, .interior #tmp_arc_director .side_right #tmp_page_bl3 .img_box, .iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .img_box, .game-pro #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 .img_box, .web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .img_box, .biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .img_box {
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl3 .txt_box, .interior #tmp_arc_director .side_right #tmp_page_bl3 .txt_box, .iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .txt_box, .game-pro #tmp_arc_director .side_right #tmp_page_bl3 .txt_box, .web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .txt_box, .evitec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .txt_box, .biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .txt_box {
  padding: clamp(0px,3vw,50px) 0 0;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box, .interior #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box, .architecture_e #tmp_arc_director .side_right #tmp_page_bl3 .inner, .interior #tmp_arc_director .side_right #tmp_page_bl3 .inner, .iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .inner, .game-pro #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7, .web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .inner, .biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .inner {
}
@media only screen and (max-width: 870px) {
  .architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul.learning {
      grid-template-columns: repeat(1, 1fr);
    }
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl3 .txt_box p.txt, .interior #tmp_arc_director .side_right #tmp_page_bl3 .txt_box p.txt {
  font-size: 16px;
  font-weight: 400;
  margin-top: 11px;
  line-height: 1.8;
  margin-bottom: 0;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 {
  background: #f8f2ef;
  margin: 25px 0 0 0;
  padding: 25px 40px;
  border-radius: 5px;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 .txt_or {
  font-size: 18px;
  font-weight: 700;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 .txt {
  font-size: 15px;
  font-weight: 400;
  margin: 5px 0 0;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 .img_box, .architecture_e #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner8 .img_box {
  padding: 0;
}
.architecture_e .margin_set {
  padding-bottom: 45px !important;
}
.architecture_e #tmp_page_bl16 {
  background: #F7F2EF;
  padding: 75px 40px;
}
.architecture_e #tmp_page_bl16 .flex_box {
  align-items: flex-end;
}
.architecture_e #tmp_page_bl16 .ttl_box {
  padding: 0;
}
.architecture_e #tmp_page_bl16 .cnt_box {
  padding: 0;
}
.architecture_e #tmp_page_bl16 .ttl_box .txt_or {
  font-size: 20px;
  font-weight: 500;
  position: relative;
  margin-bottom: 20px;
	display: inline-block;
}
.architecture_e #tmp_page_bl16 .ttl_box .txt_or::after {
  position: absolute;
  content: "";
  width: calc(100% - 3px);
  height: 2px;
  background: #CC7645;
  bottom: -4px;
  left: 0;
}

.architecture_e #tmp_page_bl16 ul {
  margin: 0 !important;
}
.architecture_e #tmp_page_bl16 ul li {
  margin-bottom: 25px;
}
.architecture_e #tmp_page_bl16 ul li:last-child {
  margin-bottom: 0;
}
.architecture_e #tmp_page_bl16 ul li .txt_or {
  font-size: 17px !important;
  font-weight: 700 !important;
  margin-bottom: 10px;
}
.architecture_e #tmp_page_bl16 ul li p {
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
}
.architecture_e.arc-director #tmp_arc_director .side_right .page_bl#tmp_page_bl16 .container .right_box {
  width: 331px;
}
.architecture_e.arc-director #tmp_arc_director .side_right .page_bl#tmp_page_bl16 .container .left_box {
  width: calc(100% - 331px);
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl4 ul li {
  width: calc(33.33% - 20px);
  border-top: none!important;
  border-bottom: none!important;
  padding: 30px 0;
  margin: 0;
  display: block;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl4 ul li .txt_box {
  width: 100%;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl4 ul li .img_box {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl4 ul li .img_box::before {
  position: absolute;
  top: 50%;
  right: -24px;
  content: "";
  width: 19px;
  height: 6px;
  background: url(images/haf_ar.png)no-repeat center/100% auto;
  transform: translate(0, -50%);
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl4 ul li:last-child .img_box::before {
  display: none;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl4 ul li .img_box img {
  border-radius: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .img_box_wrap {
  border-radius: 10px;
  background: url(images/architecture_e_bl11_img1_bg.png)no-repeat 40px/164px auto;
  padding: 38px 50px 36px 238px;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .it2 .img_box_wrap {
  background: url(images/architecture_e_bl11_img2_bg.png)no-repeat 40px/164px auto;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .it3 .img_box_wrap {
  background: url(images/architecture_e_bl11_img3_bg.png)no-repeat 40px/164px auto;
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .day {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
}
.architecture_e.arc-director .img_box.scroll-x img {
  width: 1000px;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl4 ul li .img_box p.sub_ttl {
  font-size: 18px;
  font-weight: 500;
  background: #555555;
  color: #fff;
  padding: 10px 20px 10px 20px;
  line-height: 1.5;
}
.architecture_e #tmp_arc_director .side_right #tmp_page_bl4 ul li .img_box p.sub_ttl span {
  font-size: 14px;
  font-weight: 600;
}
/*==================================interior====================================
========================================================================*/
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box h3 {
  color: #CC7645;
  margin-bottom: 0;
  padding-bottom: 8px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box h3::after {
  display: none;
  visibility: inherit;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li .right_box::before {
  display: none;
  visibility: inherit;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box p {
  text-indent: 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 8px;
  letter-spacing: 2px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box span {
  font-weight: 400;
  font-size: 14px;
  color: #CC7645;
  border: 1px solid #CC7645;
  padding: 2px 10px;
  border-radius: 20px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li.flex_box::after {
  display: none;
  visibility: inherit;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box {
  padding: 30px 40px 30px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li .right_box {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li .left_box {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li.or_box {
  background: #CC7645;
  border-radius: 10px;
  padding: 65px 40px 60px;
  flex-direction: row;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li.or_box h3 {
  font-size: 26px;
  font-weight: 500;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
  margin-bottom: 15px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li.or_box h3 span {
  font-size: 19px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li.or_box p {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 1.2px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li.or_box {
  height: 420px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl10 {
  background: #FFF linear-gradient(to top left, #F7F2EF 50%, #FFF 50%)no-repeat bottom center/100% 587px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl10 .inner1 {
  margin-bottom: 30px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl10 .inner2 {
  margin: 0 28px 0 0;
}
.interior #tmp_arc_director .side_right #tmp_page_bl10 .cnt_box {
  padding: 24px 0 0 0;
}
.interior #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box {
  margin-bottom: 0;
}
.interior #tmp_arc_director .side_right #tmp_page_bl10 .inner1 .left_box {
  padding-top: 125px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .flex_box {
  padding: 40px 50px 30px 50px;
  background: #CC7645;
  border-radius: 10px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .img_box {
  width: 153px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .txt_box {
  width: calc(100% - 153px);
  padding: 15px 0 0 50px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .txt_box p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 10px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .txt_box span {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}
.interior #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner8 li {
  font-size: 15px;
  font-weight: 400;
  display: block;
  line-height: 2;
}
.interior #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner8 li.txt_or.jost {
  font-size: 18px;
  font-weight: 700;
}
.interior #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner8 ul {
  flex-direction: column;
  background: #F7F2EF;
  padding: 35px;
  border-radius: 5px;
  margin: 0;
}
.interior #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner8 .left_box, .interior #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner8 .right_box {
  width: calc(50% - 10px);
  padding-left: 0;
}
.interior #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner8 {
  display: block !important;
}
.interior #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner8 .flex_box {
  padding: 25px 0 0 0;
}
.kenchiku_2y {
  overflow: inherit !important;
}
.kenchiku_2y img {
  width: 1000px;
}

@media only screen and (max-width: 1200px) {
.interior #tmp_arc_director .side_right #tmp_page_bl10 .inner2 {
  margin: 0;
}
}
/*=================================web_sub_page======================================
=======================================================================*/
.web_sub_page .occupation {
	background: #F0F4F3;
}
.web_sub_page .main_txt.top {
  background: linear-gradient(-45deg, #81EFF8 -40%, #0098A5 50%);
  color: #fff;
}
.web_sub_page .occupation span {
  color: #51BEC8;
}
.web_sub_page .occupation span a {
  color: #51BEC8;
	padding: 0;
}
.web_sub_page #tmp_sub1 .txt_box {
  background: linear-gradient(180deg, #81EFF8 -40%, #0098A5 50%);
	min-height: 140px;
}
.web_sub_page #tmp_sub1 .subject_years {
  border: 1px solid #ffffff;
  padding: 0 15px;
}
/*=================================dataprocessing======================================
=======================================================================*/
.web_pages #tmp_mainvisual {
  background: transparent linear-gradient(287deg, #81EFF8 0%, #0098A5 100%) 0% 0% no-repeat;
}
.web_pages.arc-director #tmp_arc_director .side_left_inner {
  background: linear-gradient(-45deg, #81EFF8 -40%, #0098A5 50%);
}
.web_pages #tmp_arc_director .side_right .page_bl .ttl_box p.ttl {
  color: #51BEC8;
}
.web_pages #tmp_arc_director .side_right .page_bl .ttl_box p.ttl::after {
  background: #51BEC8;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl1 .btn_box a, .web_pages #tmp_arc_director .side_right #tmp_page_bl7 .btn_box a, .web_pages #tmp_arc_director .side_right #tmp_page_bl14 .btn_box a {
  background: linear-gradient(-90deg, #81EFF8 -40%, #0098A5 50%);
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl1 ul li h3 {
  color: #51BEC8;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl1 ul li h3::after {
  background: url(images/point_mark_b.png)no-repeat center/100%
}
.dataprocessing #tmp_arc_director .side_right .page_bl .container #tmp_inner2 {
  background: #fff;
  padding: 35px 30px;
  margin: 35px 0 0;
  border-radius: 10px;
}
.dataprocessing #tmp_arc_director .side_right .page_bl .container .ttl {
  font-size: 18px;
  font-weight: 700;
}
.dataprocessing #tmp_arc_director .side_right .page_bl .container .txt {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
}
.dataprocessing #tmp_arc_director .side_right .page_bl .container #tmp_inner3 {
  padding: 45px 0 45px;
}
.dataprocessing #tmp_arc_director .side_right .page_bl .container #tmp_inner4 {
  background: #51BEC8;
  padding: 30px;
  border: none;
  border-radius: 10px;
}
.dataprocessing #tmp_arc_director .side_right .page_bl .container #tmp_inner4 .left_box {
  width: 188px !important;
}
.dataprocessing #tmp_arc_director .side_right .page_bl .container #tmp_inner4 .right_box {
  width: calc(100% - 188px);
  padding-left: 75px;
}
.dataprocessing #tmp_arc_director .side_right .page_bl .container #tmp_inner4 .ttl {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 10px;
}
.dataprocessing #tmp_arc_director .side_right .page_bl .container #tmp_inner4 .txt {
  font-size: 16px;
  color: #fff
}
.dataprocessing #tmp_arc_director .side_right .page_bl .container #tmp_inner4 .flex_box {
  align-items: center;
}
.dataprocessing #tmp_arc_director .side_right .page_bl .container #tmp_inner4::after {
  width: 198px;
  height: 32px;
  top: 0;
  right: 27px;
  background: url(images/message_web.png)no-repeat center/100% auto;
  opacity: 0.9;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_page_bl3 {
  background: transparent linear-gradient(315deg, #81EFF8 0%, #0098A5 100%) 0% 0% no-repeat;
  padding: 10px 0 0;
}
.dataprocessing #tmp_arc_director .side_right #tmp_page_bl3.bg_txt_orange2::after {
  display: none;
  visibility: hidden;
}
.dataprocessing  #tmp_arc_director .side_right #tmp_page_bl4 {
	padding: 0 0 130px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl4 p.eng_ttl,
.web_pages #tmp_arc_director .side_right #tmp_page_bl4 .container ul li .txt_box .label_na {
  color: #51BEC8;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl4 .container ul li {
  border-top: 1px solid #51BEC8;
}
.dataprocessing #tmp_arc_director .side_right #tmp_page_bl4 .container ul li:last-child {
  border-bottom: 1px solid #51BEC8;
}
.iot-ai #tmp_arc_director .side_right #tmp_page_bl4 .container ul li:nth-last-child(-n+2) {
  border-bottom: 1px solid #51BEC8;
}
.dataprocessing #tmp_arc_director .side_right #tmp_page_bl4 .container ul li:last-child {
	width: 100%;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl5 .flex_box, .web_pages #tmp_arc_director .side_right #tmp_page_bl6 .flex_box {
  background: transparent linear-gradient(309deg, #81EFF8 0%, #0098A5 36%) 0% 0% no-repeat padding-box;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl6 .flex_box {
  flex-direction: row-reverse;
  padding: 0 0 0 50px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl6 .flex_box .right_box {
  margin: 0;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl5 .right_box .ttl_box h2, .web_pages #tmp_arc_director .side_right #tmp_page_bl6 .right_box .ttl_box h2 {
  font-size: 18px;
  letter-spacing: 0px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl5 .flex_box::before {
  position: absolute;
  content: "";
  top: 0;
  background: url(images/teacher_web.png)no-repeat center/100% auto;
  right: 30px;
  width: 198px;
  height: 30px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl6 .flex_box::before {
  display: none;
  visibility: hidden;
}
.dataprocessing #tmp_arc_director .side_right .bg_wrap1 {
  padding: clamp(40px,10vw,100px) 0 clamp(50px,10vw,100px) 0;
}
@media only screen and (max-width: 1600px) {
  .dataprocessing #tmp_arc_director .side_right .bg_wrap1{
    padding: clamp(40px,10vw,100px) 25px clamp(50px,10vw,100px);
  }
}

.web_pages #tmp_arc_director .side_right .bg_wrap1::after {
  background: url(images/arc_dir_bg_wrap_b.png)no-repeat left top/100% auto;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl4 .cnt_box:nth-child(3) ul {
  flex-direction: column;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl4 .cnt_box:nth-child(3) ul li {
  display: block;
  width: 100% !important;
  padding-top: 0;
  border: none;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl4 .cnt_box:nth-child(3) ul li p {
  font-size: 14px;
  font-weight: 500;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl4 .cnt_box:nth-child(3) ul li p.txt {
  font-weight: 400;
}

.arc-director #tmp_arc_director .side_right #sec_04 {
	padding: 0 0 clamp(50px,8vw,80px);
}
.game-pro #tmp_arc_director .side_right #sec_04 {
	padding: clamp(30px,5vw,50px) 0 clamp(50px,8vw,80px);
}
.arc-director #tmp_arc_director .side_right #sec_04 .grid_box {
  display: grid;
  grid-template-columns: 180px auto;
  grid-gap: 0 clamp(25px,4vw,40px);
  padding: clamp(25px,3.7vw,37px) clamp(30px,4.5vw,45px);
  background: #F7F2EE;
	border-radius: clamp(6px,1vw,10px);
}
.web_pages #tmp_arc_director .side_right #sec_04 .grid_box {
  background: #F0F4F3;
}
.bio_pages #tmp_arc_director .side_right #sec_04 .grid_box {
  background: #E7F4E6;
}
.arc-director #tmp_arc_director .side_right #sec_04 .grid_box .img_box p {
  text-align: center;
	padding: 20px 0 0;
}
.arc-director #tmp_arc_director .side_right #sec_04 .grid_box .txt_box h3 {
  font-size: clamp(18px,2vw,20px);
	font-weight: 500;
	color: #CC7645;
	letter-spacing: 0.02em;
	padding: 0 0 15px;
}
.web_pages #tmp_arc_director .side_right #sec_04 .grid_box .txt_box h3 {
	color: #51BEC8;
}
.bio_pages #tmp_arc_director .side_right #sec_04 .grid_box .txt_box h3 {
	color: #6CBC64;
}
.arc-director #tmp_arc_director .side_right #sec_04 .grid_box .txt_box p {
  font-size: clamp(13px,1.6vw,16px);
	letter-spacing: 0.02em;
}

#tmp_arc_director .side_right #tmp_page_bl4b {
  background: #fff linear-gradient(to bottom right, #F7F7F7 50%, #fff 50%)no-repeat top center/100% 480px;
  padding: clamp(40px,5vw,50px) 25px clamp(20px,7.5vw,75px);
  text-align: center;
}
#tmp_arc_director .side_right #tmp_page_bl4b p.eng_ttl {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  background-color: #51BEC8;
  padding: 2px 10px 0;
  display: inline-block;
}
#tmp_arc_director .side_right #tmp_page_bl4b .ttl_box h2 {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  margin: 10px 0 0;
}
#tmp_arc_director .side_right #tmp_page_bl4b .cnt_box {
	max-width: 1000px;
	margin: 0 auto clamp(30px,5vw,50px);
}

#tmp_arc_director .side_right #tmp_page_bl4b ul {
  margin: 0;
}
#tmp_arc_director .side_right #tmp_page_bl4b ul li {
  width: 100%;
	display: grid;
  grid-template-columns: 240px 1fr;
  gap: clamp(12px,1.6vw,16px) clamp(12px,1.6vw,16px);
}
#tmp_arc_director .side_right #tmp_page_bl4b ul li .img_box,
#tmp_arc_director .side_right #tmp_page_bl4b ul li .txt_box {
  width: 100%;
}
#tmp_arc_director .side_right #tmp_page_bl4b ul li .img_box {
  padding: 0 25px 0 0;
}
#tmp_arc_director .side_right #tmp_page_bl4b ul li .txt_box {
  padding: 0 25px 0 25px;
}
#tmp_arc_director .side_right #tmp_page_bl4b ul li .txt_box .label_na {
  font-size: clamp(15px,2vw,20px);
  font-weight: 500;
  line-height: 1.6;
	padding: 0 0 10px;
  margin: 10px 0;
	color: #2A2C2C;
  border-bottom: 1px solid #51BEC8;
}
#tmp_arc_director .side_right #tmp_page_bl4b ul li p.txt {
  font-size: 14px;
  line-height: 1.7;
  font-weight: 400;
}

.web_pages #tmp_arc_director .side_right #tmp_page_bl11 .container .inner {
  background: #FFF linear-gradient(to top left, #F0F4F3 50%, #FFF 50%)no-repeat bottom right/117px 117px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl11 {
  background: linear-gradient(to top right, #01b5bc 50%, #07bec7 50%);
}
.web_pages #tmp_arc_director .inner h3,
.web_pages #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 .student_info p:nth-child(1) {
  color: #51BEC8;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .ttl_box p {
  color: #51BEC8;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box span.dep {
  background: #51BEC8;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl12::after {
  color: #dfe9e74f;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl2 #tmp_inner2 p.txt_blue.ttl {
  position: relative;
  display: inline-block;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl2 #tmp_inner2 p.txt_blue.ttl::after {
  position: absolute;
  content: "";
  width: 17px;
  height: 19px;
  background: url(images/point_mark_blue.png)no-repeat center/100% auto;
  top: -13px;
  opacity: 1;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl13 .cnt_box h3.fukidashi_ttl {
  color: #51BEC8;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box h2::after {
  background: #51BEC8;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 {
	display: grid;
	grid-template-columns: 1fr 310px;
	justify-content: center;
	gap: 0 clamp(25px,3.5vw,35px);
  background: #51BEC8;
  border-radius: 10px;
  padding: clamp(25px,3vw,50px) clamp(25px,3vw,50px) 0 clamp(25px,3vw,50px);
}
.dataprocessing.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2,
.data-science-ai.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 {
  padding: clamp(25px,3vw,50px) 0 0 clamp(25px,3vw,50px);
}
.iot-ai.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 {
	grid-template-columns: 1fr 260px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 .right_box {
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 .left_box p.sttl {
  font-size: clamp(13px,1.4vw,14px);
  font-weight: 500;
  color: #fff;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 .left_box p.border {
	line-height: 29px;
	height: 30px;
	display: inline-block;
	padding: 0 20px;
	border: solid 1px #fff;
	border-radius: 15px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 .left_box p.ttl {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
	padding: 15px 0;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 .left_box p {
  font-size: clamp(13px,1.6vw,16px);
  font-weight: 400;
  color: #fff;
  padding: 0 0 20px;
  line-height: 1.8;
}
.dataprocessing  #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 .left_box img {
  max-width: clamp(263px,29vw,292px);
}
.data-science-ai #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 .left_box img {
  max-width: clamp(276px,60vw,609px);
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 img.after {
	width: auto;
  height: 43px;
  margin-left: auto;
	mix-blend-mode: multiply;
  grid-column: 1 / 3;
}
.dataprocessing #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 img.after,
.data-science-ai #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 img.after {
  padding-right: 28px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 img.after.max {
	max-width: 100%;
  height: auto;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl13 {
  background: url(images/tmp_page_bl13_bg2.jpg)no-repeat left top/cover;
}
.dataprocessing #tmp_arc_director .side_right #tmp_page_bl9 h3 {
  background: #707070;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  font-size: 20px;
  font-weight: 500;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-content: center;
}
.dataprocessing #tmp_arc_director .side_right #tmp_page_bl9 ul li {
  width: calc(50% - 15px);
  background: transparent;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.dataprocessing #tmp_arc_director .side_right #tmp_page_bl9 ul li .wrap {
  background: #fff;
  padding: 15px 35px;
  height: 420px;
}
.dataprocessing #tmp_arc_director .side_right #tmp_page_bl9 ul li .txt_box p {
  line-height: 2;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
}
.dataprocessing #tmp_arc_director .side_right #tmp_page_bl9 ul li:first-child .txt_box {
  margin-bottom: 50px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl10 {
  background: #FFF linear-gradient(to top left, #F0F4F3 50%, #FFF 50%)no-repeat bottom center/100% 476px;
  padding: 0 0 100px 0;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box {
  text-align: center;
	padding: 0;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box p.sttl {
  font-size: clamp(14px,1.6vw,16px);
  font-weight: 500;
	text-align: center;
  letter-spacing: 0.1em;
	display: block;
	width: fit-content;
  margin: 0 auto;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box h3 {
  border-bottom: 3px solid #33bbc6;
  margin: 0 auto clamp(23px,4vw,40px);
  padding-bottom: clamp(3px,0.5vw,5px);
  font-size: clamp(20px,2.6vw,26px);
  letter-spacing: 0.1em;
	display: inline;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box h3 span {
  font-size: 26px;
  font-weight: 700;
  border-bottom: 3px solid #51BEC8;
  display: inline-block;
  margin-bottom: 35px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl10 .cnt_box {
  padding: clamp(60px, 7vw, 70px) 25px 0 0;
  margin: 0 auto;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl10 .left_box,
.web_pages #tmp_arc_director .side_right #tmp_page_bl10 .right_box {
  width: calc(50% - 18px);
  padding-right: 0;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl10 .img_box {
  margin-bottom: 18px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl10 .info_box {
  display: grid;
  grid-template-columns: clamp(76px,12.4vw,124px) 1fr;
  gap: 0 clamp(16px,2.3vw,23px);
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl10 .info_box .txt_box p.ttl {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 4px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl10 .info_box p.name {
  margin: 0 0 12px;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl10 .info_box p {
  font-size: 14px;
  font-weight: 400;
	letter-spacing: 0;
	line-height: 1.6;
}
.dataprocessing .side_right #tmp_page_bl12 .cnt_box.margin-set {
  background: transparent !important;
  margin-top: 0;
  padding: 0 !important;
}
.dataprocessing #tmp_arc_director .side_right #tmp_page_bl3::before {
  display: none;
  visibility: hidden;
}
.dataprocessing #tmp_arc_director .side_right .page_bl .container #tmp_inner4 {
  padding: 40px 55px !important;
}

@media only screen and (max-width: 1000px) {
  .web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 {
    grid-template-columns: 1fr!important;
    padding: 25px 25px 50px!important;
		gap: clamp(25px,3.5vw,35px) 0; 
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 {
    padding: 0!important;
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .left_box {
    padding: 25px 25px 0!important;
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .right_box {
    padding: 0 25px!important;
  }
  .dataprocessing.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .left_box,
  .data-science-ai.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .left_box {
    padding: 25px 25px 0 25px!important;
  }
  .dataprocessing.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .right_box,
  .data-science-ai.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .right_box {
    padding: 0!important;
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 img.after {
    grid-column: 1;
  }
}
@media only screen and (max-width: 870px) {
	#tmp_arc_director .side_right #tmp_page_bl4b ul li {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: clamp(15px,3vw,30px) 0;
	}
  .arc-director #tmp_arc_director .side_right #sec_04 .grid_box {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: clamp(15px,3vw,30px) 0;
  }
  .arc-director #tmp_arc_director .side_right #sec_04 .grid_box .img_box {
    max-width: 153px;
		margin: 0 auto;
  }
  #tmp_arc_director .side_right #tmp_page_bl4b {
    background: #F0F4F3;
  }
  #tmp_arc_director .side_right #tmp_page_bl4b .container ul li {
    grid-template-columns: 1fr;
    width: 100%;
    margin-bottom: 20px;
  }
	#tmp_arc_director .side_right #tmp_page_bl4b .container ul li .img_box,
	#tmp_arc_director .side_right #tmp_page_bl4b .container ul li .txt_box {
  width: 100%;
	}
  #tmp_arc_director .side_right #tmp_page_bl4b .ttl_box {
    margin-bottom: 0;
  }
  #tmp_arc_director .side_right #tmp_page_bl4b .eng_ttl {
    font-size: 14px;
  }
  #tmp_arc_director .side_right #tmp_page_bl4b h2 {
    font-size: 18px;
  }
  #tmp_arc_director .side_right #tmp_page_bl4b .container ul li .txt_box .label_na {
    font-size: 15px;
		line-height: 1.6;
  }
  #tmp_arc_director .side_right #tmp_page_bl4b ul li p.txt {
    font-size: 13px;
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box p.sttl {
    padding: 0 0 8px;
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box h3 {
		line-height: 2;
	}
  .web_pages.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 {
    padding: 0 25px 50px!important;
		border-radius: 0;
  }
  .dataprocessing.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2,
  .data-science-ai.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 {
    padding: 0 0 50px 25px!important;
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .left_box {
    padding: 0!important;
  }
  .dataprocessing.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .left_box,
  .data-science-ai.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .left_box {
    padding: 0 25px 0 0!important;
  }
	.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 .left_box img.after {
    max-width: 300px;
    margin-left: auto;
    height: auto;
    display: block !important;
    padding: 0;
	}
}

/*=================================iot-ai======================================
=======================================================================*/
.web_pages.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner4 {
  margin-top: 0;
  padding: 0;
  border: 0;
  position: relative;
}
.arc-director.web_pages #tmp_arc_director .side_right .page_bl .container #tmp_inner4::after {
  display: none;
  visibility: hidden;
}
.iot-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner2 {
  margin: 50px 0;
}
.iot-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner2 ul li {
  padding: 30px;
  background: #fff !important;
  margin-bottom: 0;
  align-content: center;
  box-shadow: none;
}
.iot-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner2 ul li .ttl {
  font-size: 18px !important;
  font-weight: 500 !important;
}
.iot-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner2 ul li .ttl span {
  font-size: 30px;
}
.iot-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner2 ul li .txt {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 1px;
}
.iot-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner3 {
  padding: 0;
}
.iot-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .right_box {
  width: 54.5%;
}
.iot-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .left_box {
  width: 45.5%;
}
.iot-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .left_box .ttl {
  font-size: 20px;
  font-weight: 500;
}
.iot-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner3 .left_box .txt {
  font-size: 16px;
}
.iot-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner4 {
  padding: 50px 0 0;
}
.iot-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner4 p {
  font-size: 18px;
  font-weight: 500;
  color: #51BEC8;
  text-align: center;
  line-height: 1.6;
}
.iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl3 {
  background: transparent linear-gradient(315deg, #81EFF8 0%, #0098A5 100%) 0% 0% no-repeat;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_page_bl3::after {
  color: #1fc0c7;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .features {
  color: #51BEC8;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_page_bl3 p.ttl {
  background-color: #51BEC8;
}
.iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .txt_box .txt {
  font-size: 16px;
  font-weight: 400;
  margin-top: 11px;
  line-height: 1.8;
  margin-bottom: 0;
}
.iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .voice_box {
  background: #F0F4F3;
  margin: 40px 50px 0 0;
  padding: 30px;
  border-radius: 10px;
	grid-column: 1 / 3;
  grid-row: 2;
}
.iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .voice_box .txt_blue {
  font-size: 23px;
  font-weight: 600;
}
.iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .voice_box .txt {
  font-size: 14px;
  margin: 0;
  letter-spacing: 1px;
  line-height: 1.6;
}
.iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .inner .btn_box a {
  font-size: 16px;
  color: #fff;
  height: 60px;
  background-color: #51BEC8;
  margin: clamp(20px,3vw,30px) 0 0;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl3 .inner .btn_box a::after {
  background: url(images/arrow-forw.png) no-repeat center / 100% auto;
}
.iot-ai .page_bl13b .ttl {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}
.iot-ai #tmp_arc_director .side_right #tmp_page_bl2 {
  background: #eee linear-gradient(to top right, #cac9c91c 70%, #eeeeee 30%)no-repeat bottom left/100% 1190px;
}
.iot-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner4 {
  margin-top: 35px;
}
.iot-ai .page_bl13b .txt {
  font-size: 16px;
  margin: 0;
  text-align: left;
}
.iot-ai .page_bl13b {
  padding: 30px 35px 0;
  border-radius: 10px;
  border: 1px solid #fff;
  max-width: 1000px;
  margin: 0 auto 20px;
}
.web_pages .bg_txt_orange::after {
  color: #eff4f3;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie {
  padding: clamp(60px,10vw,100px) 25px clamp(60px,10vw,100px) 0;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie ul li {
  display: flex;
  margin-bottom: 50px;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie ul li:nth-child(2) {
  flex-direction: row-reverse;
  margin-bottom: 0;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie ul li .left_box {
  width: 51% !important;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie ul li .right_box {
  width: 49% !important;
  padding-left: clamp(25px,2.5vw,50px) !important;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie ul li:nth-child(2) .right_box {
  padding-left: 0 !important;
  padding-right: clamp(25px,2.5vw,50px) !important;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie ul li .left_box iframe {
  width: 100%;
  display: block;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie ul li .right_box .txt_blue {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie ul li .right_box .txt_blue span {
  font-size: 33px !important;
  padding-left: 10px;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie ul li .right_box .txt {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  letter-spacing: 1px;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie ul li .right_box .bg_blue {
  background-color: #51BEC8;
  color: #fff;
  font-size: clamp(15px,2vw,20px);
  font-weight: 500;
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;
  padding: 0 clamp(8px,1.2vw,15px);
  letter-spacing: 1px;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie .ttl_box p.eng_ttl {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie .ttl_box h2 {
  font-size: 32px;
  font-weight: 700;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie {
  position: relative;
}
.web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie::after {
  background: url(images/arc_dir_bg_wrap_b.png)no-repeat left top/100% auto;
  position: absolute;
  content: "";
  width: 100%;
  height: 1000px;
  z-index: -1;
}
/*=================================.iot-ai.arc-director======================================
=======================================================================*/
.iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl9 {
  background: #F0F4F3;
}
.iot-ai .side_right #tmp_page_bl9 .ttl_box p {
  font-size: 30px;
  font-weight: 500;
}
.iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul {
  margin-bottom: 12px;
}
.iot-ai .side_right #tmp_page_bl9 ul li:first-child {
  margin-bottom: 45px;
}
.iot-ai .side_right #tmp_page_bl9 ul li .flex_box {
  border-top: 1px solid #51BEC8;
  padding-top: 50px;
}
.iot-ai .side_right #tmp_page_bl9 ul li:last-child .flex_box {
  border-bottom: 1px solid #51BEC8;
  padding-bottom: 40px;
}
.iot-ai .side_right #tmp_page_bl9 ul li .flex_box .img_box {
  width: 453px;
}
.iot-ai .side_right #tmp_page_bl9 ul li .flex_box .txt_box {
  width: calc(100% - 453px);
  padding-right: 62px;
}
.iot-ai .side_right #tmp_page_bl9 ul li .flex_box .txt_box h3 {
  font-size: 24px;
  font-weight: 500;
  color: #51BEC8;
  margin-bottom: 8px;
}
.iot-ai .side_right #tmp_page_bl9 ul li .flex_box .txt_box p {
  letter-spacing: 1px;
}
.iot-ai .side_right #tmp_page_bl9 ul li .flex_box .txt_box p.txt {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 22px;
  line-height: 1.8;
}
.iot-ai .side_right #tmp_page_bl9 ul li .flex_box .txt_box p.company {
  font-size: 14px;
  font-weight: 400;
}
.iot-ai .side_right #tmp_page_bl9 ul li .flex_box .txt_box p.name {
  font-size: 18px;
  font-weight: 500;
  margin-top: 8px;
}
.iot-ai .side_right #tmp_page_bl9 ul li:last-child .flex_box .txt_box {
  width: calc(100% - 453px);
  padding-right: 0;
  padding-left: 60px;
}
.iot-ai .side_right #tmp_page_bl9 span.notice {
  font-size: 14px;
  font-weight: 400;
  padding-left: 0;
}
.iot-ai .side_right #tmp_page_bl10 .btn_box {
  text-align: left;
}
.iot-ai .side_right #tmp_page_bl10 .btn_box a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  color: #51BEC8;
  height: 36px;
  line-height: 35px;
  padding: 0 18px 0 0;
  background: transparent;
  max-width: inherit;
  display: inline;
  position: relative;
}
.iot-ai .side_right #tmp_page_bl10 .btn_box a::after {
  position: absolute;
  content: "";
  width: 13px;
  height: 13px;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: url(images/iot-ai_btn.png) no-repeat center right / 100% auto;
}
.iot-ai .side_right #tmp_page_bl10 .right_box p {
  line-height: 2;
}
.iot-ai .side_right #tmp_page_bl12 .cnt_box .flex_box.message p {
  line-height: 1.7;
}
.iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box {
}
.iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl12::after {
  content: "MESSAGE";
  font-size: 75px;
  color: #F0F4F3;
  top: 166px;
  right: 0;
  z-index: -1;
}
/*=================================data-science-ai======================================
=======================================================================*/
.data-science-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner1 {
  margin-bottom: 50px;
}
.data-science-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner1 .txt_blue {
  font-size: clamp(20px,3vw,30px);
  font-weight: 700;
  margin-bottom: 10px;
	color: #51BEC8;
}
.data-science-ai #tmp_arc_director .side_right .page_bl .container #tmp_inner1 .txt {
  font-size: clamp(13px,1.8vw,18px);
  line-height: 1.8;
  margin: 0;
}
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_movie ul li .right_box .txt {
  margin: 20px 0 10px 0;
}
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_movie ul li .right_box .txt:last-child {
  margin: 0;
}
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_movie ul li:nth-child(2) .right_box .txt {
  margin: 20px 0 0;
}
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_movie ul li .right_box .bg_blue {
  line-height: 40px;
  color: #fff;
  letter-spacing: 2px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  padding: 0 15px 3px;
}

.data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 {
}
.data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 p.ttl span:nth-child(1) {
  font-size: clamp(18px, 2.9vw, 29px);
  font-weight: 700;
  margin-bottom: 8px;
	padding: 0 10px 0 0;
}
.data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 p.ttl span:nth-child(2) {
  font-size: clamp(13px, 1.6vw, 16px);
  font-weight: 500;
  margin-bottom: 30px;
}

.data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px 11px;
  margin-bottom: 20px;
 }
.data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 ul li {
  width: 100%;
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: clamp(15px, 3vw, 30px) clamp(12px, 1.5vw, 15px);
	align-items: center;
	background: #fff;
}
.data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 ul li .img_box,
.data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 ul li .txt_box {
  width: 100%;
}
.data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 ul li .img_box {
}
.data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 ul li .txt_box {
  padding: 10px 25px 10px 0;
}
.data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 ul li .txt_box .label_na {
  font-size: clamp(14px,1.6vw,16px);
  font-weight: 700;
  line-height: 1.6;
	padding: 0 0 10px;
	color: #51BEC8;
}
.data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 ul li .txt_box p {
  font-size: clamp(13px,1.4vw,14px);
  line-height: 1.7;
  font-weight: 400;
	letter-spacing: 0.05em;
}


.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_topic,
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_type {
  padding: clamp(60px,10vw,100px) 25px!important;
}
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_topic h2 {
  font-size: 30px;
  position: relative;
}
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_topic h2::after {
  position: absolute;
  content: "";
  background: url(images/topics.png)no-repeat center/80px auto;
  top: -30px;
  left: 0;
  width: 80px;
  height: 33px;
}
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_topic p {
  font-size: 18px;
  margin-bottom: 50px;
}
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_topic ul {
  margin: 50px 0 0;
}
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_topic ul li {
  width: calc(50% - 15px);
  background: #eff4f3;
  padding: 30px 25px;
  border-radius: 10px;
}
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_topic ul li .txt_blue {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_topic ul li p {
  font-size: 14px;
  margin: 0;
}
.arc-director.data-science-ai #tmp_arc_director .side_right #tmp_page_bl3.bg_txt_orange2::after {
  display: none;
  visibility: hidden
}
.arc-director.data-science-ai .main_txt.top, .game-pro.arc-director .main_txt.top, .web-cre.arc-director .main_txt.top, .biotec.arc-director .main_txt.top, .evitec.arc-director .main_txt.top {
  background-color: transparent;
  margin: 135px auto 0;
  max-width: 510px;
  padding: 0;
  min-width: 350px;
}
.arc-director.data-science-ai .left_box, .game-pro.arc-director .left_box, .web-cre.arc-director .left_box, .biotec.arc-director .left_box, .evitec.arc-director .left_box {
  width: 48%;
}
.arc-director.data-science-ai .right_box, .arc-director.game-pro .right_box, .web-cre.arc-director .right_box, .biotec.arc-director .right_box, .evitec.arc-director .right_box {
  width: 57%;
}
.data-science-ai #tmp_arc_director .side_right #tmp_page_bl9 {
	background: #F0F4F3;
}
.data-science-ai .side_right #tmp_page_bl9 .ttl_box p {
  font-size: 30px;
  font-weight: 500;
}
.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl9 ul {
  margin-bottom: 12px;
}
.data-science-ai .side_right #tmp_page_bl9 ul li:first-child {
  margin-bottom: 45px;
}
.data-science-ai .side_right #tmp_page_bl9 ul li .flex_box {
  border-top: 1px solid #51BEC8;
  padding-top: 50px;
}
.data-science-ai .side_right #tmp_page_bl9 ul li:nth-child(2) .flex_box {
  padding-bottom: 40px;
}
.data-science-ai .side_right #tmp_page_bl9 ul li .flex_box .img_box {
  width: 453px;
}
.data-science-ai .side_right #tmp_page_bl9 ul li .flex_box .txt_box {
  width: calc(100% - 453px);
  padding-left: 62px;
}
.data-science-ai .side_right #tmp_page_bl9 ul li .flex_box .txt_box h3 {
  font-size: clamp(18px,2.4vw,24px);
  font-weight: 500;
	letter-spacing: clamp(0em,0em,0.02em);
  color: #51BEC8;
  margin-bottom: 8px;
}
.data-science-ai .side_right #tmp_page_bl9 ul li .flex_box .txt_box p {
  letter-spacing: 1px;
}
.data-science-ai .side_right #tmp_page_bl9 ul li .flex_box .txt_box p.txt {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 22px;
  line-height: 1.8;
}
.data-science-ai .side_right #tmp_page_bl9 ul li .flex_box .txt_box p.company {
  font-size: 14px;
  font-weight: 400;
}
.data-science-ai .side_right #tmp_page_bl9 ul li .flex_box .txt_box p.name {
  font-size: 18px;
  font-weight: 500;
  margin-top: 8px;
}
.data-science-ai .side_right #tmp_page_bl9 ul li:nth-last-child(2) .flex_box .txt_box {
  width: calc(100% - 453px);
  padding-right: 60px;
  padding-left: 0;
}
.data-science-ai .side_right #tmp_page_bl9 span.notice {
  font-size: 14px;
  font-weight: 400;
  padding: 10px 0 0;
	margin: clamp(25px,5vw,50px) 0 0;
	border-top: solid 1px #51BEC8;
	display: block;
}
.data-science-ai #tmp_arc_director .side_right #tmp_page_bl12::after {
  content: "MESSAGE";
}

@media only screen and (max-width: 870px) {
  .data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 p.ttl span:nth-child(2) {
		display: block;
  }
	.data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 11px;
  }
  .data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 ul li {
    grid-template-columns: 1fr;
		grid-template-rows: 28vw 1fr;
    gap: 0;
   	align-items: start;
}
  .data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 ul li .txt_box {
    padding: 13px clamp(10px,2vw,25px) 10px;
		display: grid;
		align-items: start;
  }
	.data-science-ai.arc-director #tmp_arc_director .side_right .page_bl .container #tmp_inner3 ul li .img_box {
    height: 28vw;
    overflow: hidden;
    padding: 0;
  }
}

/*==================================game-pro=====================================
=======================================================================*/
.web_pages.arc-director #tmp_arc_director .side_right #tmp_page_bl3::after {
  color: #1fc0c7;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl3::before {
  background: url(images/tmp_page_bl3_bg_b.png)no-repeat left top/100% auto;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .txt_b {
  font-size: 18px;
  font-weight: 500;
  margin: 20px 0 5px;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .txt {
  font-size: 16px;
  margin: 10px 0 35px;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 {
  padding-bottom: 30px;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6, .game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner8, .game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner9 {
  padding-bottom: 0;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6 img {
  max-width: 617px;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 .txt_blue {
  font-size: 18px;
  font-weight: 500;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box:last-child {
  margin-bottom: 0;
}
.web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl3 p.txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  margin: 10px 0 0;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl3,
.iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl3 {
  padding-bottom: 105px;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 {
  display: grid;
  grid-template-columns: auto clamp(300px, 30vw, 460px);
  grid-gap: 0 clamp(25px, 4vw, 40px);
  align-items: start;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner8 {
  background: url("images/game-pro_inner8.png")no-repeat left clamp(280px,32vw,320px) top clamp(25px,5vw,70px)/clamp(180px,23vw,230px) auto;
  padding: 0;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner9 {
  background: url("images/game-pro_inner9.png")no-repeat left clamp(280px,32vw,320px) top clamp(15px,2vw,44px)/clamp(70px,10vw,100px) auto;
  padding: 0;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl7 {
  padding: 0 0 clamp(50px,13vw,130px);
}
.game-pro .side_right .bg_wrap2 {
  position: relative;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl9 {
  background: #FFF linear-gradient(to bottom right, #F7F7F7 50%, #FFF 50%)no-repeat top center/100% 480px;
	padding: clamp(40px,10vw,100px) 0 0 0;
  z-index: 0;
  position: static;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl9 p.txt {
  font-size: 16px;
  font-weight: 400;
}
.game-pro.web_pages #tmp_arc_director .side_right #tmp_page_bl10 {
  background: transparent;
  padding: 0 0 50px;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .cnt_box {
  padding: 60px 0 0;
}
.game-pro #tmp_page_bl10::after {
  display: none;
  visibility: inherit;
}
.game-pro #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box {
  padding: 50px 0 35px;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box p.ttl {
  line-height: 1.5;
  margin-bottom: 30px;
}
.game-pro #tmp_arc_director .side_right #tmp_page_bl15 h2 {
  font-size: 29px;
  font-weight: 700;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .container {
  background: #F7F7F7;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .container {
  margin: 0 auto;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .slick-arrow {
  width: 30px;
  height: 30px;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .slick-prev {
  left: 0;
}
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl10 .slick-next {
  right: 0;
}
.game-pro.arc-director #tmp_arc_director .side_right .page_bl #tmp_page_bl14 .container ul {
  margin-bottom: 0;
}
.game-pro.arc-director #tmp_arc_director .side_right .page_bl #tmp_page_bl14 .btn_box a {
  margin-top: 30px auto 0;
}
/*================================web-cre=======================================
=======================================================================*/
.web_pages #tmp_arc_director .side_right #tmp_page_bl1 .container ul li {
  background: #eff4f3;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box {
  background: #fff;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 h3 {
  letter-spacing: 1px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2 {
  padding: 135px 100px 100px 400px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2 .ttl_box {
  text-align: center;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2 p.sub {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2 p.sub::after {
  position: absolute;
  content: "";
  background: url(images/topics.png)no-repeat center/80px auto;
  top: -40px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 80px;
  height: 33px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2 p.ttl {
  font-size: 30px;
  font-weight: 500;
  color: #000000;
  display: inline;
  width: 100%;
  padding: 5px 0;
  line-height: 1.6;
  background: linear-gradient(0deg, #00acb5 2px, transparent 0);
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2 p.ttl::after {
  display: none;
  visibility: hidden;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2 img {
  margin-top: 100px;
}
/*================================web-cre=======================================
=======================================================================*/
.web-cre.arc-director .main_txt.top {}
.web-cre.arc-director .main_txt.top h2 {
  margin: 3px -30px 34px 0;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl1 .container ul li {
  background: #eff4f3;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 h3 {
  letter-spacing: 1px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2 {
  padding: 135px 0 100px 0;
  background: #eff4f3 linear-gradient(to top right, #EFEFEF 50%, #eff4f3 50%)no-repeat bottom center/100% 700px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2::before {
  display: none;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2 .ttl_box {
  text-align: center;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2 p.sub {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2 p.sub::after {
  position: absolute;
  content: "";
  background: url(images/topics.png)no-repeat center/80px auto;
  top: -40px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 80px;
  height: 33px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2 p.ttl {
  font-size: 30px;
  font-weight: 500;
  color: #000000;
  display: inline;
  width: 100%;
  padding: 5px 0;
  line-height: 1.6;
  background: linear-gradient(0deg, #00acb5 2px, transparent 0);
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2 p.ttl::after {
  display: none;
  visibility: hidden;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl2 img {
  margin-top: 100px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl3 {
  padding-bottom: 105px !important;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl9 h3 {
  background: #51BEC8;
  border-radius: 5px;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  padding: 15px 30px;
  margin-bottom: 30px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl9 ul {
  margin-top: 0;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl9 li {
  width: calc(50% - 22px);
  margin-bottom: 30px;
  background: #fff;
  padding: 0 0 20px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl9 .txt_box {
  width: calc(100% - 190px);
  padding: 30px 17px 0 28px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl9 .txt_box p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.8px;
  line-height: 1.65;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl9 .txt_box p.ttl {
  font-size: 18px;
  font-weight: 500;
  color: #51BEC8;
  margin-bottom: 15px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl9 .img_box {
  width: 190px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl10 {
  background: #FFF linear-gradient(to top left, #F0F4F3 50%, #FFF 50%)no-repeat bottom center/100% 696px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl10 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
	gap: 30px 30px;
	margin: 0;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl10 li {
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl10 li.one_column {
  grid-column: 1 / 3;
  grid-row: 1;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl10 li.one_column .img_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 30px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl10 li p.ttl {
  font-size: clamp(15px,1.8vw,18px);
  font-weight: 500;
  color: #51BEC8;
  margin-bottom: 5px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl10 li p {
  font-size: clamp(13px,1.4vw,14px);
  font-weight: 400;
}


.web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl16 {
  background: #fff;
	padding: 0 0 clamp(50px,10vw,100px);
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl16 .cnt_box .ttl_box {
  margin-bottom: 65px;
  margin-top: -50px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box h3 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  position: relative;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box h3::after {
  position: absolute;
  content: "";
  bottom: -18px;
  left: 50%;
  transform: translate(-50%, 0);
  background: #51BEC8;
  height: 4px;
  width: 70px;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box span {
  color: #51BEC8;
  text-align: center;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl16 .cnt_box ul.grid_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 30px;
  margin: 0;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl16 .cnt_box ul.grid_box li {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl16 .cnt_box ul.grid_box li p.ttl {
  background: #707070;
  font-size: clamp(13px,1.5vw,16px);
  font-weight: 500;
  color: #fff;
  width: 100%;
  height: clamp(35px,4.4vw,44px);
  line-height: clamp(34px,4.3vw,43px);
	padding: 0 10px;
	text-align: center;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl16 .cnt_box ul.grid_box li p.txt {
  background: #51BEC8;
  font-size: clamp(13px,1.3vw,17px);
  font-weight: 500;
  line-height: 1.5;
	letter-spacing: 0.01em;
  color: #fff;
  width: 100%;
  padding: 16px 5px 16px clamp(60px,8vw,85px);
	margin: 0;
	display: flex;
	align-items: center;
	position: relative;
}
.web-cre #tmp_arc_director .side_right #tmp_page_bl16 .cnt_box ul.grid_box li p.txt::before {
  position: absolute;
	content: "";
  top: 50%;
  left: clamp(12px,2vw,20px);
  width: clamp(40px,5vw,52px);
  height: clamp(48px,6vw,60px);
  transform: translate(0, -50%);
  background: url(images/awards_medal01.webp)no-repeat top left/100% auto;
}

@media screen and (max-width : 870px) {
  .web-cre #tmp_arc_director .side_right #tmp_page_bl10 ul {
    grid-template-columns: 1fr;
  }
  .web-cre #tmp_arc_director .side_right #tmp_page_bl10 li.one_column {
    grid-column: 1;
  }
  .web-cre #tmp_arc_director .side_right #tmp_page_bl10 li.one_column .img_box {
    grid-template-columns: 1fr;
    gap: 15px;
  }
	
  .web-cre #tmp_arc_director .side_right #tmp_page_bl16 .cnt_box ul.grid_box {
    grid-template-columns: 1fr;
  }
}


.web-cre #tmp_arc_director .side_right #tmp_page_bl15 h2 {
  font-size: 34px;
  font-weight: 700;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl15 p {
  background: transparent linear-gradient(287deg, #81EFF8 0%, #0098A5 100%) 0% 0% no-repeat;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl15 {
  background: url(images/web_move_bg.jpg)no-repeat center top/100% auto;
  background-size: cover !important;
}
/*====================================bio_sub_page===================================
=======================================================================*/
.bio_sub_page .main_txt.top {
  background: linear-gradient(-45deg, #81D079, #397733);
  color: #fff;
}
.bio_sub_page .occupation span {
  color: #6CBC64;
}
.bio_sub_page .occupation span a {
  color: #6CBC64;
	padding: 0;
}
.bio_sub_page .occupation {
  padding: 20px 25px;
  background: #E7F4E6;
}
.bio_sub_page .occupation h3 {
  padding-right: 10px;
}
.bio_sub_page #tmp_sub1 li {
  background: linear-gradient(352deg, #397733, #81D079);
}
.bio_sub_page #tmp_sub1 .subject_years {
  border: 1px solid #ffffff;
  padding: 0 15px;
}
/*====================================bio_sub_page===================================
=======================================================================*/
.bio_pages #tmp_mainvisual {
  background: transparent linear-gradient(287deg, #81D079 0%, #397733 100%) 0% 0% no-repeat;
}
.bio_pages.arc-director #tmp_arc_director .side_left_inner {
  background: transparent linear-gradient(302deg, #81D079 0%, #397733 100%) 0% 0% no-repeat;
}
.bio_pages #tmp_arc_director .side_right .page_bl .ttl_box p.ttl, .bio_pages #tmp_arc_director .side_right #tmp_page_bl3 .features, .bio_pages #tmp_arc_director .inner h3, .bio_pages #tmp_arc_director .side_right #tmp_page_bl12 .ttl_box p, .bio_pages #tmp_arc_director .side_right #tmp_page_bl13 .cnt_box h3.fukidashi_ttl, .bio_pages #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box p {
  color: #6CBC64;
}
.bio_pages #tmp_arc_director .side_right .page_bl .ttl_box p.ttl::after, .bio_pages #tmp_arc_director .side_right #tmp_page_bl3 p.ttl, .bio_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box span.dep, .bio_pages #tmp_arc_director .side_right #tmp_page_bl14 .ttl_box h2::after {
  background-color: #6CBC64;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl1 .btn_box a,
.bio_pages #tmp_arc_director .side_right #tmp_page_bl14 .btn_box a,
.bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .btn_box a {
  background: transparent linear-gradient(287deg, #81D079 0%, #397733 100%) 0% 0% no-repeat;
}
.bio_pages #tmp_arc_director .side_right .page_bl .ttl_box p.sub {
  letter-spacing: 0.02rem;
}
.bio_pages #tmp_arc_director .side_right .page_bl .btn_box a::after {
  background: url(images/arrow-forw.png) no-repeat center / 100% auto;
}
.bio_pages #tmp_arc_director .side_right .page_bl .btn_box {
  letter-spacing: 0.02rem;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl1 .container ul li {
  background: #E7F4E6;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl1 ul li h3 {
  width: fit-content;
  color: #6CBC64;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl1 ul li h3::after {
  background: url(images/point_mark_g.png)no-repeat center/100% auto;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl3 {
  background: transparent linear-gradient(315deg, #81D079 0%, #397733 100%) 0% 0% no-repeat;
}
.bio_pages .bg_txt_orange2::after {
  color: #eff4f336;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl3::before {
  background: url(images/tmp_page_bl3_bg_g.png)no-repeat left top/100% auto;
}
.biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .img_box .img_box_wrap .box {
  width: calc(25% - 8px);
}
.biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .img_box .img_box_wrap .box p.ttl {
  font-size: 13px;
  background: #707070;
  color: #fff;
  display: block;
  letter-spacing: 0;
  text-align: center;
  padding-top: 12px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl11 {
  background: linear-gradient(to top right, #62B45A 50%, #6CBC64 50%);
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl11::after {
  color: #3cb84d38;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl12::after {
  color: #cbeacdad;
  position: absolute;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl13 {
  background: url(images/tmp_page_bl13_bg_g.jpg)no-repeat left top/cover;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl13 .cnt_box p.txt_center {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl14::after {
  content: "";
  background: url(images/blog.png)no-repeat center/100% auto;
  top: 0;
  left: calc(50% + 150px);
  transform: translate(-50%, 0);
  z-index: 0;
  width: 894px;
  height: 120px;
  right: auto;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl15 p {
  background: transparent linear-gradient(287deg, #81D079 0%, #397733 100%) 0% 0% no-repeat;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl15 h2 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl11 a {
  width: 553px;
  height: 60px;
  background: #E7F4E6;
  font-size: 16px;
  font-weight: 500;
  max-width: none;
  margin: 45px auto 0;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl11 .close_modal a {
  margin: 0;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl11 a::after {
  background: url(images/search_gr.png)no-repeat center/21px 21px;
  width: 21px;
  height: 21px;
  right: 80px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box {
  background: #fff;
  padding: 0 clamp(50px,10vw,100px)  clamp(25px,6vw,60px) clamp(30px,6vw,60px);
}
.biotec #tmp_arc_director .side_right #tmp_page_bl3 p.txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  margin: 10px 0 35px;
}
.biotec #tmp_arc_director .side_right .bg_wrap2 {
  padding: clamp(50px,10vw,100px) 25px;
  background: #f7f7f7 linear-gradient(to bottom right, #efefef 50%, #f7f7f7 50%)no-repeat top center/100% 480px;
  z-index: 0;
  position: relative;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9 {
  padding: 0;
  background: transparent;
  position: static;
  margin-bottom: 65px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl9 .ttl_box h2 {
  line-height: 1.6;
  font-size: 30px;
	text-align: left;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9 .inner1 {
  margin-bottom: 60px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9 .inner1 ul {
  margin-top: 0;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9 .img_box {
  width: clamp(325px,32vw,430px);
  margin-top: 55px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9 .txt_box {
  width: calc(100% - clamp(325px,32vw,430px));
  padding-right: clamp(30px,3vw,80px);
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9 .txt_box p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9 .ttl_box {
  margin-bottom: 40px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9b {
  max-width: 1000px;
  background: #6CBC64;
  border-radius: 10px;
  padding: 50px 50px 35px;
  margin: 0 auto 45px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9b li {
  width: calc(50% - 15px);
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9b ul {
  margin-top: 0;
  margin-bottom: 0 !important;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9b .ttl_box {
  margin-bottom: 30px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9b .ttl_box img {
  width: 33px;
  height: 34px;
  margin: 0 auto 5px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9b .ttl_box h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9b .txt_box {
  background: #707070;
  padding: 14px 20px;
  width: 100%;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl9b .txt_box p {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.005em;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl5 .flex_box {
  background: transparent linear-gradient(309deg, #81D079 0%, #397733 36%) 0% 0% no-repeat padding-box;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl7 .btn_box a {
  background: transparent linear-gradient(287deg, #81D079 0%, #397733 100%) 0% 0% no-repeat;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl5 .flex_box::before {
  color: #19772973;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl5, .biotec #tmp_arc_director .side_right #tmp_page_bl7 {
  padding: 0 0 40px 0;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl10 {
  background: #FFF linear-gradient(to top left, #F7F7F7 50%, #FFF 50%)no-repeat bottom center/100% 376px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl10 .txt_box h3 {
  font-size: 26px;
  font-weight: 700;
  border-bottom: 3px solid #6CBC64;
  text-align: center;
  display: inline-block;
  margin-bottom: 30px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl10 ul li {
  width: calc(33.333% - 15px);
}
.biotec #tmp_arc_director .side_right #tmp_page_bl10 ul li p.bg {
  background: #6CBC64;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 25px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl10 ul li p.ttl {
  color: #6CBC64;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 0 12px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl10 ul li p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl10 ul li p span {
  color: #6CBC64;
  padding-right: 5px;
}
.biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl16 {
  max-width: none;
}

.bio_pages #tmp_arc_director .side_right #tmp_page_bl17 {
  padding: 110px 0 80px 0;
  background: #E7F4E6;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl17 .cnt_box {
  padding-right: 0;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl17 .inner1 .img_box {
  width:  clamp(325px,35vw,490px);
}
.biotec #tmp_arc_director .side_right #tmp_page_bl17 .inner1 .ttl_box {
  width: calc(100% -  clamp(325px,35vw,490px));
  padding-right: clamp(30px,3vw,80px);
  margin-bottom: 0;
}


.biotec #tmp_arc_director .side_right #tmp_page_bl17 .inner1 .ttl_box h2 {
  letter-spacing: 1px;
  margin-bottom: 18px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl17 .inner1 .ttl_box p.txt {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 2px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl17 .inner2 ul {
  margin-bottom: 0;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl17 .inner2 li {
  padding: 50px;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 30px;
  width: 100%;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl17 .inner2 .flex_box .img_box {
  width: 346px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl17 .inner2 .flex_box .txt_box {
  width: calc(100% - 346px);
  padding-right: 40px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl17 .inner2 .txt_box h3 {
  font-size: 20px;
  font-weight: 500;
  color: #6CBC64;
  border-bottom: 1px solid #6CBC64;
  padding: 10px 0 8px 0;
  margin-bottom: 12px;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl17 .inner2 .txt_box h3 span {
  font-size: 16px;
  font-weight: 500;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl17 .inner2 .txt_box p {
  font-size: 16px;
  font-weight: 400;
}
.biotec #tmp_arc_director .side_right #tmp_page_bl17 .inner2 .txt_box p span {
  color: #6CBC64;
  padding-right: 5px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 {
  background: #F7F7F7;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 .ttl_box {
  max-width: 924px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 .cnt_box {
  padding: 0 0 100px 0;
  background: #F7F7F7;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 .cnt_box .ttl_box {
  text-align: center;
  margin-top: -40px;
  padding-bottom: 30px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 .cnt_box .ttl_box p.ttl.jost {
  text-align: center;
  display: inline;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 .cnt_box .ttl_box h2 {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 .cnt_box .ttl_box p.ttl::after {
  position: absolute;
  content: "";
  top: 100px;
  left: 50%;
  transform: translate(-50%, 0);
  background: #6CBC64;
  height: 4px;
  width: 70px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 ul {
  margin: 0 auto;
  width: 100%;
  flex-wrap: nowrap;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 ul .slick-list {
  margin: 0 auto;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 ul .slick-track {
  min-width: 660px;
  display: flex;
  justify-content: space-between;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 ul li {
  width: calc(100% / 2 - 60px * 1 / 2) !important;
}
/*.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 li {
    width: calc(33.333% - 25px);
}*/
.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 li .txt_box {
  padding: 15px 22px 25px;
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 170px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 li h3 {
  font-size: 18px;
  font-weight: 500;
  color: #6CBC64;
  margin-bottom: 8px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl18 li p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}
/*=================================evitec======================================
=======================================================================*/
.evitec .bg_txt_orange::after {
  color: #F0F4F3;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box {
  background: #fff;
  padding: 0 clamp(50px,10vw,100px) clamp(25px,6vw,60px) clamp(30px,6vw,60px);
}
.evitec #tmp_arc_director .side_right #tmp_page_bl3 p.txt {
  margin: 20px 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl3 p.txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  margin: 10px 0 35px;
}

/* ----- 学科の特色 ----- */

.evitec #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .cnt_01 {
  display: grid;
  grid-template-columns: auto 200px;
	grid-gap: 0 clamp(25px,4vw,40px);
  align-items: center;
	padding: 0 0 clamp(30px,6vw,60px);
}
.evitec #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 h3 {
  font-size: clamp(15px,2vw,20px);
  font-weight: 500;
  color: #6CBC64;
	letter-spacing: 0.2em;
	padding: 0 0 15px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 h3.small {
  font-size: clamp(13px,1.6vw,16px);
	padding: 0 0 5px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 p {
  font-size: clamp(13px,1.6vw,16px);
}
.evitec #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 p.big {
  font-size: clamp(15px,2vw,20px);
}
.evitec #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .cnt_02 .img_box {
	padding: 20px 0 0;
}

.evitec #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6,
.evitec #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 {
  display: grid;
  grid-template-columns: auto clamp(300px,30vw,460px);
	grid-gap: 0 clamp(25px,4vw,40px);
  align-items: start;
}

@media only screen and (max-width: 870px) {
	.architecture_e #tmp_arc_director .side_right #tmp_page_bl3 .inner.flex_box,
	.interior #tmp_arc_director .side_right #tmp_page_bl3 .inner.flex_box,
	.web_pages #tmp_arc_director .side_right #tmp_page_bl3 .inner.flex_box,
	.evitec #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5,
	.evitec #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .cnt_01,
	.evitec #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner6,
	.evitec #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner7 {
    grid-template-columns: repeat(1, 1fr)!important;
    grid-gap: 0;
  }
	.iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .voice_box {
    grid-column: 1;
    grid-row: 3;
  }
	.evitec #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .cnt_02 .img_box {
		width: 585px;
	}
}


/* ----- 授業紹介 ----- */
.evitec #tmp_arc_director .side_right #tmp_page_bl4 h3 {
  font-size: clamp(20px,2.5vw,25px);
  font-weight: 700;
	padding: 0 0 15px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 h3 span {
  font-size: clamp(16px,2vw,20px);
	margin: 0 0 0 -14px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 h3 span.green {
  color: #6CBC64;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 h3 span.blue {
  color: #3976B5;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 h4 {
  font-size: clamp(16px,1.8vw,18px);
  font-weight: 500;
	color: #FFF;
	line-height: 39px;
	height: 40px;
	padding: 0 15px;
	margin: 0 0 15px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 h4.ttl_bg_green {
	background: #6CBC64;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 h4.ttl_bg_blue {
	background: #3976B5;
}

.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_01 {
  padding: 0 0 clamp(25px,5vw,50px);
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_01 .grid_box {
  display: grid;
  grid-template-columns: clamp(350px,42vw,420px) auto;
	grid-gap: 0 clamp(25px,4vw,40px);
  align-items: end;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_01 .txt_box > p {
  font-size: clamp(13px,1.6vw,16px)!important;
	line-height: 1.8;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_01 .txt_box .list_box {
  padding: clamp(5px,1vw,10px) clamp(16px,2vw,20px) clamp(14px,1.8vw,18px);
	margin: clamp(8px,1.5vw,15px) 0 0;
  background: #E7F4E6;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_01 .txt_box .list_box > p {
  font-size: clamp(13px,1.4vw,14px)!important;
  padding: 0 0 5px;
}

.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_01 .txt_box .list_box ul {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 5px 0;
	padding: 0;
	margin: 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_01 .txt_box .list_box ul li {
  font-size: clamp(13px,1.4vw,14px)!important;
	padding: 0 0 0 1.2em;
	position: relative;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_01 .txt_box .list_box ul li::before {
	position: absolute;
	content: "●";
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #6CBC64;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 .img_box ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 10px;
	margin: 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 .img_box ul li {
	padding: 0;
}

.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_02 {
	padding: 0 0 30px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 .grid_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 clamp(30px,5.2vw,52px);
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_02 .grid_box {
	padding: clamp(10px,2.5vw,25px) 0 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 .grid_box .inner {
  padding: 0 0 clamp(25px,3vw,30px);
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 .grid_box .inner p.name {
  font-size: clamp(14px,1.6vw,16px)!important;
	font-weight: 500;
	color: #6CBC64;
	padding: 8px 0 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 .grid_box .inner p {
  font-size: clamp(13px,1.4vw,14px)!important;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 .grid_box .inner ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 14px;
	margin: 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 .grid_box .inner ul li {
	display: block;
	padding: 0;
}

.evitec #tmp_arc_director .side_right #tmp_page_bl4 .container ul li {
	width: 100%;
  border-top: none;
  border-bottom: none;
	display: block;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 .img_box ul li p,
.evitec #tmp_arc_director .side_right #tmp_page_bl4 .grid_box .inner ul li p {
  font-size: clamp(13px,1.4vw,14px)!important;
	line-height: clamp(35px,4.5vw,45px);
}

.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_03 .img_box {
	padding: 0 0 clamp(15px,3vw,30px);
}


.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_04 .grid_box {
  padding: clamp(25px,3.7vw,37px) clamp(30px,4.5vw,45px);
  background: #E7F4E6;
	border-radius: clamp(6px,1vw,10px);
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_04 .grid_box {
  display: grid;
  grid-template-columns: 180px auto;
  grid-gap: 0 clamp(25px,4vw,40px);
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_04 .grid_box .img_box p {
  text-align: center;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_04 .grid_box .txt_box h3 {
  font-size: clamp(18px,2vw,20px);
	font-weight: 500;
	color: #6CBC64;
	letter-spacing: 0.02em;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_04 .grid_box .txt_box p {
  font-size: clamp(13px,1.6vw,16px);
	letter-spacing: 0.02em;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 p.eng_ttl {
  color: #6CBC64;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl4 .txt_green {
  font-size: 20px;
  font-weight: 500;
}

@media only screen and (max-width: 870px) {
  .evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_01 .grid_box {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: clamp(25px,4vw,40px) 0;
  }
  .evitec #tmp_arc_director .side_right #tmp_page_bl4 .grid_box {
    grid-template-columns: repeat(1, 1fr);
  }
  .evitec #tmp_arc_director .side_right #tmp_page_bl4 h3 span {
    display: block;
    margin: 0 0 0 -10px;
  }
  .evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_04 .grid_box {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: clamp(15px,3vw,30px) 0;
  }
  .evitec #tmp_arc_director .side_right #tmp_page_bl4 #sec_04 .grid_box .img_box {
    max-width: 153px;
		margin: 0 auto;
  }
}



.evitec #tmp_arc_director .side_right #tmp_page_bl4 ul li .txt_box .label_na {
  color: #6CBC64;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl5 {
  margin-top: 75px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl5 .flex_box::before {
  content: "TEACHERS";
}
.evitec #tmp_arc_director .bg_wrap1::after {
  background: url(images/arc_dir_bg_wrap_gr.png)no-repeat left top/100% auto;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl2 {
  padding: 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl2::after, .evitec #tmp_arc_director .side_right #tmp_page_bl2::before {
  display: none;
  visibility: hidden;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl15 {
  background: url(images/bio_pages_move_bg.jpg)no-repeat center top/cover;
}

.evitec #tmp_arc_director .side_right #tmp_page_bl9 {
  padding: 110px 0 60px 0;
  background: #f7f7f7 linear-gradient(to bottom right, #efefef 50%, #f7f7f7 50%)no-repeat top center/100% 480px;
  z-index: 0;
  position: relative;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .ttl_box {
  margin-bottom: 20px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl9 .ttl_box h2 span {
  font-size: 30px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .ttl_box p.ttl {
  margin: 0 0 12px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .ttl_box p.ttl span {
  font-weight: 500;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .container {
  padding-right: 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .inner1 .flex_box {
  width: 100%;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .inner1 .img_box {
  width: clamp(378px, 31vw, 490px);
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .inner1 .txt_box {
  width: clamp(440px, 50vw, 510px);
  padding-right: clamp(50px, 5vw, 80px);
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .inner1 .txt_box p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.63;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .inner2 ul {
  margin-bottom: 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .inner2 li {
  width: calc(50% - 20px);
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  justify-content: inherit;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .inner2 li .txt_box {
  margin-bottom: 15px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .txt_box h3 {
  font-size: 20px;
  font-weight: 500;
  color: #3A76B5;
  border-bottom: 1px solid #3A76B5;
  padding-bottom: 6px;
  margin-bottom: 5px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .txt_box p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .img_box .flex_box .box_img {
  width: calc(50% - 12px);
  position: relative;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .img_box .flex_box .box_img p {
  font-size: 14px;
  font-weight: 400;
  background: #707070;
  color: #fff;
  padding: 5px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .cnt_box {
  padding: clamp(25px,3vw,30px) 25px 0 0;
}

.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner1 {
  margin-bottom: 35px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner1 .img_box {
  width: 555px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner1 .txt_box {
  width: calc(100% - 555px);
  padding-right: 75px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .txt_box p.ttl {
  font-size: 22px;
  font-weight: 700;
  color: #6CBC64;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .txt_box p {
  font-size: 16px;
  font-weight: 400;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .wrap {
  border-radius: 0;
  padding: 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .flex_box {
  background: transparent;
  border-radius: 0;
  padding: 0;
  display: grid!important;
  grid-template-columns: auto clamp(250px,41vw,412px);
  gap: 0 clamp(25px,5vw,50px);
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box h3,
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner2 h3,
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner4 h3 {
  font-size: clamp(20px,2.4vw,24px);
  font-weight: 700;
  border-bottom: 3px solid #6CBC64;
  text-align: center;
  display: inline;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .txt_box p {
  line-height: 1.8;
	letter-spacing: 0.055em;
	padding: clamp(20px,3vw,30px) 0 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .btn_box {
	padding: 15px 0 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .btn_box a {
  background-color: transparent;
  height: auto;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
	color: #6CBC64;
  padding: 0 0 0 30px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .btn_box a::after {
  position: absolute;
  content: "";
  background: url(images/arrow-evitec.webp)no-repeat center/100% auto;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 0;
  opacity: 1;
  transform: translate(0, -50%);
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner3 {
  padding: 30px 0 0 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner3 .flex_box {
  display: grid!important;
  grid-template-columns: auto clamp(250px,40vw,402px);
  gap: 0 21px;
	align-items: center;
  background: #E7F4E6;
  padding: 30px 25px;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner3 .txt_box p {
  font-size: clamp(13px,1.4vw,14px);
  font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7;
}

.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner4 {
  padding: clamp(50px,7vw,70px) 0 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner4 p {
  line-height: 1.8;
	letter-spacing: 0.055em;
	padding: clamp(20px,3vw,30px) 0 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner4 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 clamp(15px,3vw,30px);
	padding: clamp(15px, 3vw, 30px) 0;
	margin: 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner4 ul li {
  padding: 0 0 clamp(15px,3vw,30px);
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner4 ul li p.ttl {
  font-size: clamp(14px, 1.6vw, 16px);
  font-weight: 500;
  color: #6CBC64;
  padding: 8px 0 0;
}
.evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner4 ul li p {
  font-size: clamp(13px, 1.4vw, 14px);
  padding: 8px 0 0;
}

@media only screen and (max-width: 870px) {
  .evitec #tmp_arc_director .side_right #tmp_page_bl10 #sec_01 .grid_box {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: clamp(25px,4vw,40px) 0;
  }
  .evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner2 .flex_box {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: clamp(25px,4vw,40px) 0;
  }
  .evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner3 .flex_box {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: clamp(18px,3vw,30px) 0;
    background: #E7F4E6;
    padding: 30px 25px;
  }
	
  .evitec #tmp_arc_director .side_right #tmp_page_bl10 .inner4 ul {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(13px,3vw,30px);
  }
}

.evitec.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .container .inner {
  background: #FFF linear-gradient(to top left, #F0F4F3 50%, #FFF 50%)no-repeat bottom right/135px 135px !important;
}
.evitec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .img_box .img_box_wrap .box {
  width: calc(33.333% - 10px);
}
.evitec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .img_box .img_box_wrap .box .txt_row {
  padding: 18px 15px;
  background: #707070;
  height: 133px;
}
.evitec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .img_box .img_box_wrap .box p.ttl {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1;
  background: transparent;
  margin-bottom: 15px;
  text-align: left;
  padding: 0;
}
.evitec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 #tmp_inner5 .img_box .img_box_wrap .box p {
  font-size: 14px;
  color: #fff;
  display: block;
  letter-spacing: 0;
  font-weight: 400;
  text-align: left;
}

#tmp_arc_director .side_right .dep_ctabnr {
  max-width: 800px;
	padding: clamp(5px,2vw,20px) 0 0;
	margin: 0 auto;
}

.evitec #tmp_arc_director .side_right #envbio_topics {
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  padding: clamp(40px, 12vw, 120px) 25px clamp(50px, 12vw, 120px) !important;
  margin: 0 !important;
}
.evitec #tmp_arc_director .side_right #envbio_topics p.eng_ttl {
  font-size: 20px;
  font-weight: 500;
  color: #6CBC64;
}
.evitec #tmp_arc_director .side_right #envbio_topics h3.ttl {
  font-size: clamp(17px, 2.4vw, 24px) !important;
	font-feature-settings: 'palt';
	letter-spacing: 0.02em;
  padding: 0 0 0 1.2em;
  margin: 0 0 14px;
  position: relative;
}
.evitec #tmp_arc_director .side_right #envbio_topics h3.ttl::before {
  position: absolute;
  content: "■";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #6CBC64;
}
.evitec #tmp_arc_director .side_right #envbio_topics p {
  font-size: clamp(13px, 1.6vw, 16px) !important;
	line-height: 1.8;
}
.evitec #tmp_arc_director .side_right #envbio_topics .secton {
  padding: 0 0 clamp(40px,5vw,50px) !important;
}
.evitec #tmp_arc_director .side_right #envbio_topics #sec_01 .grid_box {
  display: grid;
  grid-template-columns: auto clamp(250px,30vw,428px);
  grid-gap: 0 clamp(20px,3.6vw,36px);
  align-items: start;
}
.evitec #tmp_arc_director .side_right #envbio_topics #sec_03 .grid_box ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0 10px;
  align-items: center;
	padding: clamp(10px, 2vw, 20px) 0 0;
	margin: 0;
}
.evitec #tmp_arc_director .side_right #envbio_topics #sec_03 .grid_box ul li:nth-child(1) img {
  max-width: 196px;
}
@media only screen and (max-width: 870px) {
  .evitec #tmp_arc_director .side_right #envbio_topics #sec_01 .grid_box {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: clamp(20px,3.6vw,36px) 0;
  }
}
@media only screen and (max-width: 480px) {
  .evitec #tmp_arc_director .side_right #envbio_topics #sec_03 .grid_box ul {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 9px;
		justify-items: center;
  }
  .evitec #tmp_arc_director .side_right #envbio_topics #sec_03 .grid_box ul li:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1;
		padding: 10px 0;
  }
  .evitec #tmp_arc_director .side_right #envbio_topics #sec_03 .grid_box ul li:nth-child(2) {
    grid-column: 1 / 3;
    grid-row: 2;
  }
  .evitec #tmp_arc_director .side_right #envbio_topics #sec_03 .grid_box ul li:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
  }
  .evitec #tmp_arc_director .side_right #envbio_topics #sec_03 .grid_box ul li:nth-child(4) {
    grid-column: 2;
    grid-row: 3;
  }
}

#tmp_arc_director .side_right #dep_sns .page_bl {
  display: grid;
  grid-gap: 20px;
  justify-items: center;
	padding: clamp(40px, 6vw, 60px) 25px;
}
#tmp_arc_director .side_right #dep_sns .page_bl .ttl_box {
  display: grid;
  justify-items: center;
}
#tmp_arc_director .side_right #dep_sns .page_bl .ttl_box p.eng_ttl {
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 500;
  text-transform: uppercase;
  color: #51BEC8;
  line-height: 1.2;
  letter-spacing: 3px;
  width: fit-content;
  position: relative;
}
.web_pages #tmp_arc_director .side_right #dep_sns .page_bl .ttl_box p.eng_ttl {
  color: #51BEC8;
}
.bio_pages #tmp_arc_director .side_right #dep_sns .page_bl .ttl_box p.eng_ttl {
  color: #6CBC64;
}
#tmp_arc_director .side_right #dep_sns .page_bl .ttl_box p.eng_ttl::after {
  position: absolute;
  content: "";
  top: clamp(70px, 9.6vw, 96px);
  left: 50%;
  transform: translate(-50%, 0);
	border-radius: 2px;
  background: #51BEC8;
  height: 4px;
  width: 70px;
}
.web_pages #tmp_arc_director .side_right #dep_sns .page_bl .ttl_box p.eng_ttl::after {
  background: #51BEC8;
}
.bio_pages #tmp_arc_director .side_right #dep_sns .page_bl .ttl_box p.eng_ttl::after {
  background: #6CBC64;
}
#tmp_arc_director .side_right #dep_sns .page_bl .ttl_box h2 {
  font-size: clamp(25px, 3.2vw, 32px);
  font-weight: 700;
}
#tmp_arc_director .side_right #dep_sns .page_bl p.msg {
  font-size: clamp(16px, 1.8vw, 18px);
  font-weight: 500;
	text-align: center;
  padding: 30px 10px;
}
#tmp_arc_director .side_right #dep_sns ul.grid_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
	justify-content: center;
	justify-items: center;
	width: 72%;
}
#tmp_arc_director .side_right #dep_sns ul.grid_box:has(>li:only-child) {
  grid-template-columns: 1fr;
}
#tmp_arc_director .side_right #dep_sns ul.grid_box li {
	width: 100%;
	min-width: 280px;
	max-width: 322px;
}
#tmp_arc_director .side_right #dep_sns ul.grid_box li a {
  display: grid;
  grid-template-columns: 55px auto;
  grid-gap: 20px;
	background: #F7F7F7;
  padding: 25px;
	border-radius: 10px;
}
#tmp_arc_director .side_right #dep_sns ul.grid_box li a p.depname {
  font-size: 15px;
}
#tmp_arc_director .side_right #dep_sns ul.grid_box li a p.sns {
  font-size: 20px;
	font-weight: 700;
}

@media only screen and (max-width: 870px) {
	#tmp_arc_director .side_right #dep_sns .page_bl {
		width: 100%!important;
		margin: 0!important;
	}
  #tmp_arc_director .side_right #dep_sns ul.grid_box {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
		justify-items: center;
  }
  #tmp_arc_director .side_right #dep_sns ul.grid_box li {
    min-width: 325px;
  }
}

/*==============================お知らせ・検索フォーム=======================================
=======================================================================*/
#tmp_news .cnt_box .news_category_list ul li {
  width: calc(14.2% - 5px);
  background: #e7e7e7;
  text-align: center;
  font-size: 12px;
  color: #000 !important;
  font-weight: 400;
  padding: 13px 0;
  height: auto;
  margin: 0 1px;
  border: none;
}
.news_page .category_tab_box {
  width: 100%;
  max-width: none;
  background: none;
  padding: 0;
  height: auto;
}
#tmp_news .cnt_box .news_category_list ul {
  justify-content: space-between;
  padding: 0;
  margin: 0 -1px;
  border-top: none;
  width: 100%;
}
#tmp_news .news_page .category_tab_box {
  width: 100%;
  max-width: none;
  background: none;
  height: auto;
  padding: 0;
  margin-bottom: 57px;
}
#tmp_news .cnt_box ul li .date_time_post {
  font-size: 16px;
  font-family: "barlow", sans-serif;
  padding-right: 17px;
  width: 100px;
}
#tmp_bl1 ul.news_list li .name_post, #tmp_news .cnt_box ul li .name_post {
  background: #FFF000;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  border-radius: 20px;
  height: 30px;
  line-height: 30px;
  letter-spacing: 0;
  margin: 0 15px 0 10px;
  width: 180px;
  min-width: 180px;
  text-align: center;
}
#tmp_bl1 .cnt_box ul.news_list li * {
  padding: 0 10px;
}
#tmp_bl1 ul.news_list li .name_post a, #tmp_news .cnt_box ul li .name_post a {
  color: #000;
  cursor: default;
  pointer-events: none;
}
#tmp_bl1 ul li .name_post a, #tmp_news .cnt_box ul li .name_post a {
  cursor: default;
  pointer-events: none;
}
#tmp_news .panel.is-show li {
  border-top: 1px solid #d5d5d5;
  padding: 21px 0;
}
#tmp_news .tab.is-active {
  border: none !important;
}
#tmp_news .panel.is-show li:last-child {
  border-bottom: 1px solid #d5d5d5;
}
#tmp_news .panel.is-show li span a {
  color: #000;
  padding-left: 0;
  cursor: default;
  pointer-events: none;
}
#tmp_news .tab-group::before {
  display: none;
}
#tmp_news .panel.is-show li a {
  padding-left: 10px;
  max-width: calc(100% - 320px);
  font-size: 15px;
}
#tmp_news .panel-group {
  width: 100%;
  max-width: none !important;
}
#tmp_news .tab.is-active {
  background: #FFF000 !important;
}
#tmp_single .ttl_box .flex_box {
  align-content: center;
  justify-content: flex-start;
}
#tmp_single .ttl_box span.name_post {
  display: block;
  background: #FFF000;
  font-size: 13px;
  line-height: 24px;
  color: #000;
  margin: 0 5px 0 0;
  padding: 0 10px;
  height: 23px;
}
.content_search_container {
  max-width: 1000px;
  margin: 0 auto 100px;
  padding-top: 200px;
}
.content_search_container h2 {
  font-size: 18px;
}
.content_search_container .card__excerpt {
  font-size: 14px;
}
.content_search_container .card {
  margin-top: 50px;
}
.content_search_container .card a {
  margin-bottom: 20px;
  display: block;
}
.content_search_container .main--category h1 {
  font-size: 25px;
}
.wrap_news .wrap_box {
  display: flex;
  max-width: 320px;
	align-items: center;
}
#tmp_news .cnt_box ul li .name_post a {
  font-size: 12px;
}
.max_w_1000 {
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl11 .container .inner {
  background: #FFF linear-gradient(to top left, #E7F4E6 50%, #FFF 50%)no-repeat bottom right/135px 135px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .bnr {
  padding: 40px 50px;
  background: url(images/biocafe.jpg)no-repeat center right /100% auto;
  height: 360px;
  margin: 0 auto clamp(50px,12vw,120px);
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .bnr h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 41px;
  font-weight: 500;
  line-height: 1;
  margin: 12px 0 2px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .check_label {
  font-size: 20px;
  font-weight: 500;
  color: #6CBC64;
  background: #fff;
  padding: 0 10px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .ttl_sub {
  font-weight: 500;
  color: #fff;
  font-size: 16px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .txt {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 10px;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .btn_box a {
  margin: 0 auto;
  max-width: 325px;
  height: 50px;
  color: #fff;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .bnr .btn_box a {
  margin: 0;
  background: transparent;
  border: 1px solid #fff;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .btn_box a::after {
  background: url(images/arrow-forw.png) no-repeat center / 100% auto;
}
/*-----*/
.data-science-ai #tmp_special_type {
  background-color: #51BEC8;
  padding: 80px 0;
}
#tmp_contents.game-pro #tmp_page_bl10 {
  background: url("images/game-history_bg.png")no-repeat center/cover !important;
}
#tmp_contents.game-pro #tmp_page_bl10 .btn_box a {
  background: linear-gradient(-90deg, #81EFF8 -40%, #0098A5 50%);
  color: #fff;
}
#tmp_contents.game-pro #tmp_page_bl10 .btn_box a::after {
  background: url(images/arrow-forw.png)no-repeat center/100% auto;
  width: 6.5px;
  height: 13px;
}
#tmp_contents.game-pro #tmp_page_bl10 .cnt_box {
  padding: 100px 0 50px;
  max-width: 1000px;
  margin: 0 auto;
}
.game-pro #tmp_arc_director .side_right #tmp_page_bl16 {
  padding: 0 0 clamp(50px,10vw,100px);
}
.modal-cnt {
  display: none;
  width: 100%;
  height: 100%;
  background: #000000bf;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)!important;
  transition: opacity 0.3s ease, transform 0.3s ease;
	opacity: 0;
	animation: 0.3s fadeIn;
}
.modal-is-open.modal-cnt {
	opacity: 1;
	transform: translate(-50%, -50%);
  z-index: 99;
}
.modal-is-open.modal-cnt .container {
  display: flex;
  max-width: 1000px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  text-align: center;
  color: #000;
  align-items: center;
  max-height: 320px;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 50px;
  border-radius: 10px;
}
.modal-is-open.modal-cnt p {
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.modal-is-open.modal-cnt h3 {
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  display: inline-block;
  padding: 0 10px;
  border-radius: 5px;
  margin-bottom: 30px;
}
.modal-is-open.modal-cnt a {
  background: url(images/modal_btn.png)no-repeat center/100% auto !important;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.arc-director #tmp_arc_director .side_right .page_bl .bio_modal .container {
  max-width: 860px;
  margin: auto;
  padding: 30px 50px 50px !important;
  position: inherit !important;
}
.arc-director #tmp_arc_director .side_right .page_bl .bio_modal .container .wrap {
  height: 50vh;
  overflow: auto;
  overflow-x: hidden;
}
.arc-director #tmp_arc_director .side_right .page_bl .bio_modal .container .img_box {
  width: 300px;
}
.arc-director #tmp_arc_director .side_right .page_bl .bio_modal .container .txt_box {
  width: calc(100% - 300px);
  padding: 20px 30px;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl11 .container p.txt_2 {
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  margin: 30px 0 40px;
}
.arc-director #tmp_arc_director .side_right .page_bl .bio_modal.modal-is-open {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #000000bf;
  position: fixed;
  top: calc(50% + 65px);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.arc-director #tmp_arc_director .side_right .page_bl .bio_modal .container ul {
  margin: 0;
}
.arc-director #tmp_arc_director .side_right .page_bl .bio_modal .container li {
  background: #F7F7F7;
  margin-bottom: 20px;
  width: 100%;
}
.arc-director #tmp_arc_director .side_right .page_bl .bio_modal .container .txt_box span {
  display: block;
}
.arc-director #tmp_arc_director .side_right .page_bl .bio_modal .container .txt_box .txt {
  font-size: 16px;
  line-height: 1.6
}
.arc-director #tmp_arc_director .side_right .page_bl .bio_modal .container .txt_box .time {
  font-size: 24px;
  font-weight: 600;
  font-family: 'Jost', sans-serif;
  background: url(images/clock_ico.png)no-repeat left top 15px/22px auto;
  padding-left: 35px;
}
.arc-director #tmp_arc_director .side_right .page_bl .bio_modal .container .txt_box .txt_green {
  font-size: 18px;
  font-weight: 500;
}
.arc-director #tmp_arc_director .side_right .page_bl .bio_modal .container h3 {
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  background: url(images/clock_ico.png)no-repeat center top/30px auto;
  padding-top: 35px;
}
.arc-director #tmp_arc_director .side_right .page_bl .close_modal {
  top: 10px;
  right: 10px;
  position: absolute;
}
.arc-director #tmp_arc_director .side_right .page_bl .bio_modal a {
  display: block;
  width: 42px !important;
  height: 42px !important;
  margin: 0;
}
.arc-director #tmp_arc_director .side_right .page_bl .bio_modal a::before, .arc-director #tmp_arc_director .side_right .page_bl .bio_modal a::after {
  display: none;
}
.bio_modal {
  display: none;
}
.modal-is-open {
  display: flex;
}
.bread_clumb {
  max-width: 1000px;
  margin: 30px auto;
  font-size: 12px;
  color: #2A2C2C;
  font-weight: 400;
  position: relative;
  z-index: 1;
}
.bread_clumb a {
  color: #555555;
  display: inline !important;
}
.bread_clumb span {
  display: inline !important;
}
.arc-director-main.arc-director #tmp_arc_director #tmp_inner4 {
  margin: 50px 0 0 !important;
}
.shyusoku #tmp_page_bl5 .cnt_box img {
  padding: 20px 100px;
}
.inter-students #tmp_page_bl3 .btn_box {
  text-align: center;
  margin-top: 40px;
}
#tmp_page_bl4 {
  padding: 0 0 30px;
}
.architecture #tmp_arc_director .side_right #tmp_page_bl9 .inner2 .img_box p {
  line-height: 1;
}
.biotec .bg_txt_orange::after {
  color: #E7F4E6 !important;
}
.arc-director.architecture_e #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box {
  max-width: 1000px;
  margin: 0 auto;
}
.evitec.arc-director #tmp_page_bl2 #tmp_inner1 p {
  font-size: 16px;
  color: #3A76B5;
  margin: 30px auto 150px;
}
.evitec.arc-director #tmp_arc_director #tmp_page_bl2 {
  background: linear-gradient(180deg, #FDFECE calc(100% - 900px), #fff 0);
  padding-bottom: 150px;
}
.evitec.arc-director #tmp_arc_director #tmp_page_bl2 #tmp_inner2 .img_box {
  width: 341px;
}
.evitec.arc-director #tmp_arc_director #tmp_page_bl2 #tmp_inner2 .flex_box {
  margin-top: 50px;
}
.evitec.arc-director #tmp_arc_director #tmp_page_bl2 #tmp_inner2 .txt_box {
  width: calc(100% - 341px);
  background: #F0F4F3;
  padding: 25px;
  height: 226px;
}
.evitec.arc-director #tmp_arc_director #tmp_page_bl2 #tmp_inner2 .txt_box h3 {
  color: #3A76B5;
  font-size: 20px;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.evitec.arc-director #tmp_arc_director #tmp_page_bl2 #tmp_inner2 .txt_box a {
  font-size: 18px;
  display: block;
  font-weight: 400;
  margin-bottom: 5px;
  letter-spacing: 0;
}
.evitec.arc-director #tmp_arc_director #tmp_page_bl2 #tmp_inner2 .txt_box a span {
  color: #3A76B5 !important;
  font-size: 15px;
}
.evitec.arc-director #tmp_arc_director #tmp_page_bl2::after {
  display: block !important;
  visibility: visible !important;
  color: #FDFECE;
}
.evitec.arc-director #tmp_arc_director #tmp_page_bl2 #tmp_inner2 {
  position: relative;
}
.evitec.arc-director #tmp_arc_director #tmp_page_bl2 #tmp_inner2::before {
  content: "";
  top: -83px;
  display: block !important;
  visibility: visible !important;
  background: url(images/evitec_bl2_after.jpg)repeat-x center/900px auto;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 100%;
  height: 33px;
  z-index: 3;
}
.arc-director #tmp_arc_director #tmp_page_bl10 .ttl_box {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: none !important;
	text-align: center;
	position: relative;
	z-index: 2;
}
.bio_pages #tmp_arc_director .side_right #tmp_page_bl14::after {
  content: "" !important;
  top: 0px !important;
}
.expenses ul li {
  font-weight: 400 !important;
}
#tmp_k .curriculum.curriculum_web #tmp_page_bl1 .ttl_box p:last-child {
  text-align: left;
}
.br-pc {
  display: block;
}
.br-sp {
  display: none;
}
#tmp_single .container a {
  font-weight: 700;
  position: relative;
  display: inline-block;
  transition: .3s;
  color: #337ab7;
}
#tmp_single .container a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 2px; /*下線の太さ*/
  background-color: #f89174; /*下線の色*/
  transition: .3s;
}
#tmp_single .container a:hover::after {
  width: 100%;
}
#tmp_single .container a:hover {
  color: #f89174; /*ホバー時の文字色*/
}
.access #tmp_inner2 .img_box {
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.access #tmp_inner2 .img_box iframe {
  width: 100%;
  height: 860px;
  margin-top: -170px;
}
/*==================================ao_entry===================================
=======================================================================*/
#tmp_contents.ao_entry {
  max-width: 1000px;
  overflow: hidden;
  padding-top: 350px;
  margin: 0 auto;
}
#tmp_contents.ao_entry li {}
.public_infor.ao_entry .inner1 li span {
  display: inline-flex;
}
.ao_entry #tmp_page_bl2 {
  margin-bottom: 80px;
}
.ao_entry h2 {
  font-size: 22px !important;
  font-weight: 500;
}
#tmp_contents.ao_entry .main_txt.top h2 {
  font-size: 30px !important;
}
#tmp_contents.ao_entry .main_txt.top {
  width: 100%;
}
.ao_entry #tmp_page_bl1 .container a {
  color: #38acc3;
}
.ao_entry #tmp_page_bl1 .container a:hover {
  color: #23c5e5;
}
.ao_entry ul.list_child {
  padding: 10px 0 30px 0;
}
.ao_entry ul.list_child li {
  padding: 0 0 5px 1.2em !important;
  text-indent: -1.2em;
}
.ao_entry #tmp_page_bl2 p {
  font-size: 15px;
  font-weight: 400;
}
.ao_entry #tmp_page_bl2 ul {
  margin-top: 30px;
}
.ao_entry #tmp_page_bl2 ul li p {
  font-size: 18px;
  font-weight: 500;
}
.ao_entry #tmp_page_bl2 .flex_box {
  display: flex;
  justify-content: space-between;
}
.ao_entry #tmp_page_bl2 ul li {
  max-width: 530px;
  margin-bottom: 35px;
  font-weight: 500;
}
.ao_entry #tmp_page_bl2 ul li:last-child {
  margin-bottom: 0;
}
.ao_entry #tmp_page_bl2 ul li a {
  font-size: 14px;
  width: 170px;
  height: 40px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  background: url("images/ao_entry_btn.png")no-repeat center/100% auto;
}
.ao_entry #tmp_page_bl2 ul li:nth-child(2) p {
  margin-bottom: 35px;
}
.ao_entry #tmp_page_bl2 ul.list_child li p {
  font-weight: 400;
  margin-bottom: 0;
}
.ao_entry #tmp_page_bl2 ul.list_child {
  margin-bottom: 0;
}
.ao_entry #tmp_page_bl2 ul.list_child li {
  padding-left: 20px;
  margin-bottom: 10px;
}
.ao_entry #tmp_page_bl3 ul li p {
  font-size: 15px;
  margin-bottom: 5px;
}
.ao_entry #tmp_page_bl3 ul li h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.public_infor.ao_entry .inner1 {
  margin-bottom: 45px;
}
.public_infor.ao_entry .inner2 ul li {
  background: transparent !important;
  border-radius: 0;
  font-size: 15px;
  width: 100%;
  padding: 0;
  margin-bottom: 40px;
}
.ao_entry #tmp_page_bl3 .inner2 ul.list_child li {
  margin-bottom: 0;
}
.public_infor.ao_entry .inner2 ul li:nth-child(3) ul.list_child ul {
  padding-left: 20px;
}
.public_infor.ao_entry #tmp_page_bl3 {
  padding: 0;
  position: relative;
  z-index: 2;
  background-color: #fff;
}
.public_infor.ao_entry #tmp_page_bl3 {
  padding: 0;
  position: relative;
  z-index: 2;
  background-color: #fff;
}
.public_infor.ao_entry #tmp_page_bl3::after {
  display: none;
}
.public_infor.ao_entry #tmp_page_bl4 {
  background: #fff;
  padding: 0;
}
.public_infor.ao_entry #tmp_page_bl4 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 130px;
}
.public_infor.ao_entry #tmp_page_bl4 h2 {
  font-size: 22px;
  border-bottom: 2px solid #A5A4A4;
  padding-bottom: 15px;
  margin-bottom: 35px;
  font-weight: 600;
}
.public_infor.ao_entry #tmp_page_bl4 p {
  font-size: 18px;
  margin-bottom: 10px;
}
.public_infor.ao_entry #tmp_page_bl4 a.tel_box {
  font-size: 38px;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  background: url(images/phone_ico2.png)no-repeat left bottom 50%/auto 29px;
  text-align: left;
  padding: 0 0 0 50px;
}
.public_infor.ao_entry #tmp_page_bl4 p.time {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
}
.public_infor.ao_entry #tmp_page_bl4 p.school_na {
  font-weight: 500;
}
.public_infor.ao_entry #tmp_page_bl4 p.tel_ifo {
  font-size: 15px;
}


.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li.or_box a {
  color: #fff;
  display: flex;
  text-align: center;
  border-radius: 35px;
  border: 1px solid #fff;
  height: 70px;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0;
  font-size: 16px;
  background: url(images/link-icon-w.png)no-repeat center right 22px/15px auto;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li.or_box a span {
  font-size: 14px;
}
.interior #tmp_arc_director .side_right #tmp_page_bl9 ul li.or_box .btn_box3 {
  display: block;
  width: 100%;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .img_cap {
  font-size: 13px !important;
  font-weight: 400 !important;
  margin-top: 5px !important;
}
.game-pro #tmp_arc_director .side_right #tmp_page_bl14 .slick-list,
.web-cre #tmp_arc_director .side_right #tmp_page_bl14 .slick-list {
  margin: 0 5px;
}
.game-pro #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide,
.web-cre #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide {
  display: flex;
  background-color: #fff;
  align-items: center;
  border-radius: 0 10px 10px 0;
  padding: 0;
}
.game-pro #tmp_arc_director .side_right #tmp_page_bl14 .slick-prev,
.web-cre #tmp_arc_director .side_right #tmp_page_bl14 .slick-prev {
  left: -10px;
}
.game-pro #tmp_arc_director .side_right #tmp_page_bl14 .slick-next,
.web-cre #tmp_arc_director .side_right #tmp_page_bl14 .slick-next {
  right: -10px;
}
#tmp_k .int-msg .msg-box .flag-wrapper img {
  width: 61px;
  height: auto;
}
.net_entry_box {
  margin-top: 30px;
}
.net_entry_box h4 {
  font-size: 18px;
  font-weight: 700;
  color: #23A4BD;
  margin-bottom: 6px;
}
.shiteisuishen #tmp_page_bl1 .cnt_box.flex_box .right_box .net_entry_box p {
  font-size: 16px;
  margin-bottom: 8px;
}
.shiteisuishen #tmp_page_bl1 .cnt_box.flex_box .right_box .net_entry_box p.sub_ttl {
  font-size: 16px;
  font-weight: 700;
}
.shiteisuishen #tmp_page_bl1 .cnt_box.flex_box .right_box .net_entry_box .btn_box_y {
  width: 430px;
  max-width: 430px;
  background-color: #FFF000;
  color: #000000;
  border-radius: 36px;
  position: relative;
  transition: all 0.4s cubic-bezier(.19, 1, .22, 1);
  height: 60px;
  display: flex;
  text-align: center;
  margin: 30px auto 0;
  justify-content: space-evenly;
  vertical-align: top;
  align-items: center;
  font-size: 14px;
}
.shiteisuishen #tmp_page_bl1 .cnt_box.flex_box .right_box .net_entry_box .btn_box_y a {
  display: block;
  padding: 30px;
  text-decoration: none;
  color: #000;
  font-size: 16px;
}
/*=====================================================================
=======================================================================*/
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl4, .arc-director #tmp_arc_director .side_right #tmp_page_bl14 .container, .evitec #tmp_arc_director .side_right #tmp_page_bl9 .inner1, #tmp_arc_director .side_right #tmp_page_bl4b .ttl_box {
  width: 76% !important;
  max-width: 100% !important;
  margin-left: 24% !important;
  margin-right: 0 !important;
	padding: 0 clamp(25px, 5vw, 70px) clamp(25px, 5vw, 50px) clamp(25px, 5vw, 70px);
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner11, .arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner12 {
  width: 76% !important;
  max-width: 1000px !important;
  margin-left: 24% !important;
  margin-right: 0 !important;
}
.arc.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .wrap .cnt_box {
  width: 76% !important;
  max-width: 100% !important;
  margin-left: 24% !important;
  margin-right: 0 !important;
	padding: clamp(0px,3vw,50px) clamp(25px, 5vw, 70px) clamp(25px, 5vw, 50px) clamp(25px, 5vw, 70px);
}
.architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box,
.interior.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box,
.iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box,
.game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box,
.evitec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box,
.biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box {
  width: 76% !important;
  max-width: 100% !important;
  margin-left: 24% !important;
  margin-right: 0 !important;
	padding: 0 0 clamp(25px, 5vw, 50px) clamp(25px, 5vw, 70px)!important;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box.padding-reset {
	padding: 0 clamp(25px, 5vw, 70px) clamp(25px, 5vw, 50px) clamp(25px, 5vw, 70px)!important;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box .container {
  margin: 0 auto 0 0;
}

@media screen and (max-width : 1600px) {
  .sp_900 {
    display: inline-block !important;
    visibility: visible;
  }
  .pc_900 {
    display: none !important;
    visibility: hidden;
  }
/* ================================= departments ================================= */
  .cta-oc-departments {
    margin: 80px auto 100px 24%;
  }

	.arc-director.data-science-ai .main_txt.top, .game-pro.arc-director .main_txt.top, .web-cre.arc-director .main_txt.top, .biotec.arc-director .main_txt.top, .evitec.arc-director .main_txt.top {
    max-width: 500px;
    margin: 135px auto 0 40px;
  }
  .arc-director #tmp_arc_director ul.dot li {
    font-size: clamp(12px, 1.2vw, 14px);
  }
  .arc-director #tmp_arc_director .side_right #tmp_page_bl1 .container {
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
  }
	.arc-director #tmp_arc_director .side_right #tmp_page_bl4.bg_wrap1 .page_bl,
  .dataprocessing #tmp_arc_director .side_right .bg_wrap1 > div,
  .evitec #tmp_arc_director .side_right #envbio_topics .page_bl,
  #tmp_arc_director .side_right #dep_sns .page_bl {
    width: 76% !important;
    max-width: 1000px !important;
    margin-left: 24% !important;
    margin-right: auto !important;
  }
  .arc-director #tmp_arc_director .side_right #tmp_page_bl7, .arc-director #tmp_arc_director .side_right #tmp_page_bl4, .arc-director #tmp_arc_director .side_right #tmp_page_bl5, .arc-director #tmp_arc_director .side_right #tmp_page_bl6, .arc-director #tmp_arc_director .side_right #tmp_page_bl7, .arc-director #tmp_arc_director .side_right #tmp_page_bl2 .container, .arc-director #tmp_arc_director .side_right #tmp_page_bl1, .arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner11, .arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner12, .arc-director #tmp_arc_director .side_right #tmp_page_bl9 .ttl_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl9 .cnt_box .container, .arc-director #tmp_arc_director .side_right #tmp_page_bl12 .ttl_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box, .architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl10 .cnt_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl11 .ttl_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl11 .container, .arc-director #tmp_arc_director .side_right #tmp_page_bl13 .ttl_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl13 .cnt_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl14 .container, .data-science-ai #tmp_special_type .max_w_1000, .data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_topic .ttl_box, .data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_topic .max_w_1000, .web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie .ttl_box, .web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie .cnt_box, .bio_pages #tmp_arc_director .side_right #tmp_page_bl18 .cnt_box .ttl_box, .bio_pages #tmp_arc_director .side_right #tmp_page_bl18 .cnt_box .container, .evitec #tmp_arc_director .side_right #tmp_page_bl9 .inner1, .biotec #tmp_arc_director .side_right #tmp_page_bl9b .ttl_box, .biotec #tmp_arc_director .side_right #tmp_page_bl9b .cnt_box, .bio_pages #tmp_arc_director .side_right #tmp_page_bl17 .inner1, .bio_pages #tmp_arc_director .side_right #tmp_page_bl17 .cnt_box, .bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .container, .bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .bnr, #tmp_arc_director .side_right #tmp_page_bl4b .ttl_box, #tmp_arc_director .side_right #tmp_page_bl4b .cnt_box, .arc-director.architecture_e #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box, .arc-director.architecture_e #tmp_arc_director .side_right #tmp_page_bl16 .cnt_box .container, .web-cre #tmp_arc_director .side_right #tmp_page_bl16 .cnt_box .ttl_box, .web-cre #tmp_arc_director .side_right #tmp_page_bl16, .game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .container, .bio_pages #tmp_arc_director .side_right #tmp_page_bl11 .btn_box {
    width: 76% !important;
    max-width: 1000px !important;
    margin-left: 24% !important;
    margin-right: auto !important;
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box,
  .evitec #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box,
  .biotec #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box {
    max-width: 100% !important;
    padding: 0 0 clamp(25px, 4vw, 50px) clamp(25px, 5vw, 70px);
  }
	.arc-director #tmp_arc_director .side_right #tmp_page_bl15 {
    padding: 0 3% 0 23.7%;
  }
  #tmp_contents #tmp_arc_director .side_right #tmp_page_bl13 .cnt_box.max_w_1000 {
    max-width: 1000px;
    margin: 0 auto 0 24%;
  }
  .biotec #tmp_arc_director .side_right #tmp_page_bl9 .cnt_box .ttl_box, .biotec #tmp_arc_director .side_right #tmp_page_bl9b, .evitec #tmp_arc_director .side_right #tmp_page_bl9 .cnt_box .ttl_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl13 .cnt_box .cnt_box {
    margin: 0 !important;
    width: 100% !important;
  }
  .biotec #tmp_arc_director .side_right #tmp_page_bl9b {
    width: 76% !important;
    max-width: 1000px !important;
    margin-left: 24% !important;
    margin-right: auto !important;
    margin-bottom: 50px !important;
  }
  .biotec #tmp_arc_director .side_right #tmp_page_bl9b .ttl_box, .biotec #tmp_arc_director .side_right #tmp_page_bl9b .cnt_box {
    width: 100% !important;
    max-width: 1000px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 32px;
  }
  .data-science-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box {
    padding-left: 8px;
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl4b, .biotec #tmp_arc_director .side_right #tmp_page_bl9b, .architecture_e #tmp_page_bl16 {
    padding-left: 0;
    padding-right: 0;
  }
  .web-cre.web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .right_box {
    padding: 0 37px;
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .right_box {
    padding: 0 40px;
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .cnt_box_b p.txt {
    margin-bottom: 18px;
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .cnt_box_c .img_box {
    width: 110px;
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl14 .slick-initialized .slick-slide .cnt_box_c p.txt {
    width: calc(100% - 110px);
    margin-left: 10px;
  }
  .arc-director #tmp_arc_director .side_right #tmp_page_bl3 .ttl_box {
    margin: 110px auto 35px 24%;
  }
  .arc-director #tmp_arc_director .side_right #tmp_page_bl5 .left_box {
    overflow: hidden;
    padding: 15px 0;
  }
  .arc-director #tmp_arc_director .side_right #tmp_page_bl5 .left_box img {
    transform: scale(1.2);
    transform-origin: center right;
  }
}
@media screen and (max-width : 870px) {
	.arc.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .wrap .cnt_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl7, .arc-director #tmp_arc_director .side_right #tmp_page_bl4, .arc-director #tmp_arc_director .side_right #tmp_page_bl5, .arc-director #tmp_arc_director .side_right #tmp_page_bl6, .arc-director #tmp_arc_director .side_right #tmp_page_bl7, .arc-director #tmp_arc_director .side_right #tmp_page_bl2 .container, .arc-director #tmp_arc_director .side_right #tmp_page_bl1, .arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner11, .arc-director #tmp_arc_director .side_right #tmp_page_bl8 #tmp_inner12, .arc-director #tmp_arc_director .side_right #tmp_page_bl9 .ttl_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl9 .cnt_box .container, .arc-director #tmp_arc_director .side_right #tmp_page_bl12 .ttl_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box, .architecture_e #tmp_arc_director .side_right #tmp_page_bl10 .ttl_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl10 .cnt_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl11 .ttl_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl11 .container, .arc-director #tmp_arc_director .side_right #tmp_page_bl13 .ttl_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl13 .cnt_box, .arc-director #tmp_arc_director .side_right #tmp_page_bl14 .container, .data-science-ai #tmp_special_type .max_w_1000, .data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_topic .ttl_box, .data-science-ai.arc-director #tmp_arc_director .side_right #tmp_special_topic .max_w_1000, .web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie .ttl_box, .web_pages.arc-director #tmp_arc_director .side_right #tmp_special_movie .cnt_box, .bio_pages #tmp_arc_director .side_right #tmp_page_bl18 .cnt_box .ttl_box, .bio_pages #tmp_arc_director .side_right #tmp_page_bl18 .cnt_box .container, .evitec #tmp_arc_director .side_right #tmp_page_bl9 .inner1, .biotec #tmp_arc_director .side_right #tmp_page_bl9b .ttl_box, .biotec #tmp_arc_director .side_right #tmp_page_bl9b .cnt_box, .bio_pages #tmp_arc_director .side_right #tmp_page_bl17 .inner1, .bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .container, .bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .bnr, .web_pages #tmp_arc_director .side_right #tmp_page_bl4b .ttl_box, .web_pages #tmp_arc_director .side_right #tmp_page_bl4b .cnt_box .container, .arc-director.architecture_e #tmp_arc_director .side_right #tmp_page_bl16 .ttl_box, .arc-director.architecture_e #tmp_arc_director .side_right #tmp_page_bl16 .cnt_box .container, .web-cre #tmp_arc_director .side_right #tmp_page_bl16 .cnt_box .ttl_box, .web-cre #tmp_arc_director .side_right #tmp_page_bl16 , .game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl16 .container, .bio_pages #tmp_arc_director .side_right #tmp_page_bl11 .btn_box {
    width: 100%!important;
		max-width: none !important;
    margin-left: 0 !important;
  }
  .architecture_e.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box,
  .interior.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box,
  .iot-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box,
  .game-pro.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box,
  .web-cre.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box,
  .evitec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box,
  .biotec.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .cnt_box {
    width: 100%!important;
    max-width: none !important;
    margin-left: 0 !important;
    padding: 25px 25px!important;
  }
	.arc-director #tmp_arc_director .side_right #tmp_page_bl4.bg_wrap1 .page_bl,
  .dataprocessing #tmp_arc_director .side_right .bg_wrap1 > div,
  .evitec #tmp_arc_director .side_right #envbio_topics .page_bl,
  #tmp_arc_director .side_right #dep_sns .page_bl {
    width: 100%!important;
		max-width: none !important;
    margin-left: 0 !important;
  }
  .arc.arc-director #tmp_arc_director .side_right #tmp_page_bl3 .wrap .cnt_box {
    padding: 25px 25px;
  }
	#tmp_arc_director .side_right #tmp_page_bl4b .cnt_box {
		width: 100%!important;
    padding: 0 10px;
		margin: 0!important;
  }
  .biotec #tmp_arc_director .side_right #tmp_page_bl9b {
    margin: 0 auto 35px !important;
    width: calc(100% - 50px) !important;
	}
  .biotec #tmp_arc_director .side_right #tmp_page_bl5,
	.biotec #tmp_arc_director .side_right #tmp_page_bl7 {
		padding: 0 25px!important;
	}
	.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box {
    width: calc(100% - 30px)!important;
		padding: 0 0 25px!important;
    margin: 60px 0 30px 30px !important;
    border-radius: 10px 0 0 10px;
  }
  .arc-director #tmp_arc_director .side_right #tmp_page_bl12 .ttl_box h2 {
    text-align: center;
  }
  .arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box:nth-child(n+3) {
    margin: 90px 0 30px 30px !important;
  }
  .arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice {
		width: 100%!important;
    margin: 60px 0 0 0 !important;
  }
	.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .left_box {
    margin: 0 0 0 0 !important;
  }
	.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .right_box {
    padding: 0 !important;
  }
	.web_pages.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .right_box {
		border-radius: 0;
  }
	.dataprocessing.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .right_box img,
	.data-science-ai.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box.voice .inner2 .right_box img {
    border-radius: 10px 0 0 10px;
  }
	.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .left_box {
    margin: -60px 0 0 -30px !important;
  }
	.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner1 {
    grid-template-columns: 1fr;
    gap: 30px 0;
		margin: 0;
  }
	.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 .left_box {
		margin: 0!important;
	}
	.dataprocessing.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 .left_box {
		padding: 0 25px 0 0!important;
	}
	.iot-ai #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner2 .left_box img.after {
		margin-bottom: -50px;
	}
  .arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box {
		padding: 0 clamp(25px, 6vw, 80px) 0!important;
  }
}
@media only screen and (max-width: 640px) {
	.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .inner1 {
    grid-template-columns: 1fr;
    gap: 30px 0;
  }
}

.entrance_main .bgw_message {
	background: #FFF;
	padding: clamp(90px,10vw,100px) 25px clamp(55px,10vw,100px);
}
.entrance_main .bgw_message .txt {
	max-width: 1000px;
	font-size: clamp(13px,1.8vw,18px);
	margin: 0 auto;
}


/* cta_inquiry */
#cta_inquiry {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
	padding: 0 25px clamp(40px,8vw,80px);
}
#cta_inquiry .container {
  background: #fff;
  border-radius: 20px;
  padding: 60px 25px 55px;
  box-shadow: 0 3px 3px 0 rgb(0 0 0 / 16%);
}
#cta_inquiry .container .cnt_box_a {
  text-align: center;
}
#cta_inquiry .container .cnt_box_a p:first-child {
  font-size: 17px;
  font-weight: 600;
  color: #23A4BD;
  text-align: center;
  display: block;
  margin-bottom: 23px;
}
#cta_inquiry .container .cnt_box_a p:nth-child(2) {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  background: #23A4BD;
  width: 125px;
  border-radius: 5px;
  margin: 0 auto 5px;
  padding: 5px 10px;
  text-align: center;
}
#cta_inquiry .container .cnt_box_a a {
  font-size: 45px;
  font-family: 'Jost', sans-serif;
  display: inline-block;
  text-align: center;
  font-weight: 600;
}
#cta_inquiry .container .cnt_box_a a.call {
  padding-left: 40px;
  background: url(./images/phone_ico.png)no-repeat left 0 bottom 20px/auto 36px;
}
#cta_inquiry .container .cnt_box_a span {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  display: block;
}
#cta_inquiry .container .cnt_box_a .txt_box {
  font-size: 15px;
  font-weight: 500;
  background: #FFF000;
  border-radius: 10px;
  padding: 20px 0;
}
#cta_inquiry .container .cnt_box_a .txt_box p {
  font-size: 15px;
  text-align: center;
  color: #000;
  font-weight: 500;
  display: block;
  background: transparent;
  padding: 0;
  width: 100%;
  margin-bottom: 0;
}

@media screen and (max-width : 870px) {
  #cta_inquiry {
    width: 100%;
    padding: 0 25px clamp(40px,8vw,80px);
    margin: 0 auto;
  }
  #cta_inquiry .container {
    background: #fff;
    border-radius: 10px;
    padding: 30px 25px;
  }
  #cta_inquiry .container .cnt_box_a a.call {
    padding-left: 30px;
    background: url(./images/phone_ico.png)no-repeat left 0 bottom 9px/auto 33px;
    margin-bottom: 10px;
    margin-top: 5px;
  }
  #cta_inquiry .container .cnt_box_a a {
    font-size: 32px;
    font-family: 'Jost', sans-serif;
    display: inline-block;
    text-align: center;
    font-weight: 600;
  }
  #cta_inquiry .container .cnt_box_a p:nth-child(2) {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #23A4BD;
    width: 146px;
    border-radius: 5px;
    margin: 0 auto 10px;
    padding: 6px;
    text-align: center;
  }
}

.c_list_btn {
  display: grid;
  grid-template-columns: repeat(auto-fit, clamp(32%,30vw,325px));
  gap: 12px;
  margin: clamp(20px,3vw,30px) 0 clamp(60px,6vw,60px);
}
.int_stud .c_list_btn {
  display: grid;
  grid-template-columns: repeat(auto-fit, clamp(48%,48vw,484px));
  gap: clamp(25px,4vw,44px) clamp(20px,3vw,32px);
  margin: clamp(20px,3vw,30px) 0 0;
}
.c_list_btn .btn_rect_gray {
  display: flex;
	flex-direction: column;
  align-items: baseline;
  justify-content: flex-start;
  color: #000;
  background: url(./images/icon_arrow.png)no-repeat center right 20px/clamp(20px,2.4vw,24px) auto #fff;
  box-shadow: 0 3px 3px 0 rgb(0 0 0 / 16%);
  transition: opacity 0.5s ease;
  position: relative;
  border-radius: 5px;
	overflow: hidden;
}
.c_list_btn .btn_rect_gray.onimg {
  grid-row: 1 / 3;
}
.c_list_btn .btn_rect_gray p {
  padding: 18px 55px 18px 20px;
	width: 100%;
}
.int_stud .c_list_btn .btn_rect_gray p {
  padding: clamp(20px,3vw,32px) 50px clamp(20px,3vw,32px) clamp(27px,4vw,40px);
}
.c_list_btn .btn_rect_gray.onimg p {
  background: url(./images/icon_arrow.png)no-repeat center right 20px/clamp(20px,2.4vw,24px) auto #fff;
}
.c_list_btn .btn_rect_gray p.pr48 {
  padding: 18px 48px 18px 20px;
}
.c_list_btn .btn_rect_gray2 .img_box {
  margin-bottom: 15px;
}
.c_list_btn .btn_rect_txt > * {
  display: block;
  letter-spacing: 0.1em;
}
.c_list_btn .btn_rect_txt .txt_ttl {
  font-size: 15px;
  font-weight: 700;
}
.int_stud .c_list_btn .btn_rect_txt .txt_ttl {
  font-size: clamp(16px,1.8vw,18px);
}
.c_list_btn .btn_rect_txt .txt_desc {
  font-size: 12px;
	letter-spacing: 0.02em;
  margin-top: 4px;
}
.int_stud .c_list_btn .btn_rect_txt .txt_desc {
  font-size: clamp(13px,1.5vw,15px);
}
.c_list_btn .btn_rect_txt > * {
  display: block;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 1100px){
  .c_list_btn,
  .int_stud .c_list_btn {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width : 640px) {
  .c_list_btn,
  .int_stud .c_list_btn {
    grid-template-columns: 1fr;
  }
	.c_list_btn .btn_rect_txt .txt_ttl .sp {
	display: none!important;
	}
  .c_list_btn .btn_rect_gray.onimg {
    grid-row: auto;
  }	
}

#index_oc #tmp_page_bl3 {
	width: 100%;
	padding: clamp(30px,5vw,50px) 25px clamp(30px,6vw,60px);
	margin: 0 auto;
	background: linear-gradient(to top right, transparent 49.8%, #F7F7F7 50%)no-repeat top center/100% 500px;
	/* background: url(./images/open-campus/oc_list_bg01.png)no-repeat top left/100% auto #FFF; */
}
#index_oc #tmp_page_bl3 .cnt_box {
	max-width: 1140px;
}
#index_oc #tmp_page_bl3 .cnt_box .i_oc_btn {
	width: calc(100% + 20px);
	padding: 16px 0 0;
	margin: 0 -12px 0 -6px;
}
#index_oc #tmp_page_bl3 .cnt_box .i_oc_btn .inner {
	width: 100%;
	max-width: 1140px;
	min-height: clamp(70px,10vw,110px);
  background: url(./images/i_oc_btn_bg.webp)no-repeat top right/100% auto;
	padding: 0;
	margin: 0 -14px 0 0;
	display: flex;
	align-items: center;
  justify-content: center;
  position: relative;
}
#index_oc #tmp_page_bl3 .cnt_box .i_oc_btn .inner:hover {
	opacity: 0.6;
}
#index_oc #tmp_page_bl3 .cnt_box .i_oc_btn .inner p.fukidashi {
  position: absolute;
  content: "";
  top: calc(0px - clamp(16px,2vw,20px));
  left: 50%;
  translate: -50% 0;
}
#index_oc #tmp_page_bl3 .cnt_box .i_oc_btn .inner p.fukidashi span {
  position: relative;
  display: inline-block;
  border-radius: 9999px;
  background-color: #2a2c2c;
  font-size: clamp(14px,1.6vw,16px);
  line-height: 1.5;
  color: #ffffff;
  padding: 5px 18px 6px;
  margin: -20px 0 20px;
	white-space: nowrap;
}
#index_oc #tmp_page_bl3 .cnt_box .i_oc_btn .inner p.fukidashi span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 12px 8px 0 8px;
  border-color: #2a2c2c transparent transparent;
  translate: -50% 100%;
}
#index_oc #tmp_page_bl3 .cnt_box .i_oc_btn .inner p {
  font-size: clamp(16px,1.8vw,22px);
  font-weight: 700;
  text-align: center;
}


#index_oc .page_bl3 ul.half_day {
	max-width: 740px;
  padding: 0 0 clamp(20px,3vw,30px);
	margin: 0 auto;
}
#index_oc .page_bl3 ul.half_day li.a_i::after {
  background: url(./images/open-campus/halfday_li_bg_a_i.jpg) no-repeat 61% 32%/146% auto;
}
#index_oc .page_bl3 ul.half_day li.g_d_w::after {
  background: url(./images/open-campus/halfday_li_bg_g_d_w.jpg) no-repeat 63% bottom/166% auto;
}
#index_oc .page_bl3 ul.half_day li.e_b::after {
  background: url(./images/open-campus/halfday_li_bg_e_b.jpg) no-repeat 58% 50%/160% auto;
}
#index_oc .page_bl3 ul.color_list li .txt_box p.ttl {
  font-size: clamp(14px, 1.7vw, 22px);
  font-feature-settings: normal;
}
#index_oc .page_bl3 ul.color_list li.g_d_w .txt_box p.ttl {
  font-size: clamp(12px,1.3vw,18px);
}

@media only screen and (max-width : 870px) {
	#index_oc .page_bl3 ul.color_list li .txt_box {
    grid-template-columns: 150px 1fr 110px;
  }
	#index_oc .page_bl3 ul.color_list li .txt_box p.ttl {
    font-size: clamp(16px,2vw,24px);
    font-feature-settings: normal;
		padding: 0;
  }
  #index_oc .page_bl3 ul.color_list li.g_d_w .txt_box p.ttl {
    font-size: clamp(14px,2vw,24px);
  }
}
@media only screen and (max-width : 640px) {
  #index_oc .i_oc_btn .inner {
    background: url(./images/i_oc_btn_bg_sp.webp)no-repeat center right/100% auto #fff;
  }
	
  #index_oc .page_bl3 ul.half_day li::after {
    right: 6%;
  }
  #index_oc .page_bl3 ul.color_list li .txt_box {
    grid-template-columns: 1fr;
    align-items: baseline;
  }
	#index_oc .page_bl3 ul.color_list li .txt_box p.ttl {
    font-size: clamp(20px,2vw,24px);
    font-feature-settings: normal;
		padding: 5px 0 0;
  }
  #index_oc .page_bl3 ul.color_list li.g_d_w .txt_box p.ttl {
    font-size: clamp(16px, 1.8vw, 22px);
  }
  #index_oc #tmp_page_bl3 .cnt_box .i_oc_btn .inner {
    width: 100%;
    min-height: clamp(100px,32vw,320px);
    background: url(./images/i_oc_btn_bg_sp.webp)no-repeat top right/100% auto;
    margin: 0 -14px 0 0;
  }
  #index_oc #tmp_page_bl3 .cnt_box .i_oc_btn .inner p.fukidashi {
    top: calc(clamp(7px,1.7vw,17px) - 17px);
  }
  #index_oc #tmp_page_bl3 .cnt_box .i_oc_btn .inner p {
    font-size: clamp(18px,2.2vw,22px);
  }
}
@media only screen and (max-width : 480px) {
  #index_oc .page_bl3 ul.half_day li::after {
    right: 10%;
  }
}

/* 学生作品---------------------------------------------------------------*/
@media screen and (max-width : 870px) {
  .gallery #tmp_page_bl1 {
    padding: 0 25px;
  }
  .gallery #tmp_page_bl1 ul li {
    width: 100%;
  }
}
/* タブ---------------------------------------------------------------*/
.tab-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  position: relative;
}
.tab-group::before {
  position: absolute;
  content: "学科を選ぶ";
  font-size: 20px;
  font-weight: 500;
  top: calc(50% - 20px);
  left: 60px;
}
.tab-group {
  margin: 0 0 0 auto;
  padding: 47px 57px 47px 240px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.tab {
  flex-grow: 1;
  padding: 5px;
  list-style: none;
  border: solid 1px #CCC;
  text-align: center;
  cursor: pointer;
  width: auto;
  align-items: center;
  margin: 0 auto;
}
.panel-group {
  padding: 80px 0 0;
  border-top: none;
}
.panel {
  display: none;
}
.school_blog ul.tab-group li.all {
  background: #FFF;
  color: #555555;
}
.tab.is-active {
  background: #555 !important;
  color: #FFF !important;
  transition: all 0.2s ease-out;
  border: 1px solid #fff !important;
}
.panel.is-show {
  display: block;
}
.box-sh {
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}

/* おすすめオーキャン */
.index_page #index_oc_recommend {
	width: 100%;
	display: grid;
	justify-items: center;
  z-index: 4;
	padding: clamp(15px,5vw,50px) 25px clamp(50px,10vw,100px);
	background: #F7F7F7;
}
#index_oc_recommend .ttl_box {
  background: url(images/index_oc_recommend_icon.svg) no-repeat top center / 33px auto;
}
#index_oc_recommend .ttl_box h3.ttl {
  font-size: clamp(22px, 2.6vw, 26px);
  letter-spacing: clamp(0.05em, 0.15em, 0.15em);
  font-weight: 600;
  line-height: 1em;
  padding: 56px 0 40px;
  margin: 0;
}
#index_oc_recommend ul.oc_recommend_list {
  width: 100%;
  max-width: 1000px;
	border-radius: 10px;
  display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
#index_oc_recommend ul.oc_recommend_list li{
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  background: #FFF;
  max-height: 140px;
  border-radius: 10px;
	overflow: hidden;
}
#index_oc_recommend ul.oc_recommend_list li a {
  display: grid;
	grid-template-columns: 44.5% 55.5%;
	align-items: center;
}
#index_oc_recommend ul.oc_recommend_list li a {
  transition: all 0.2s linear;
}
#index_oc_recommend ul.oc_recommend_list li a:hover {
  opacity: .6;
}
#index_oc_recommend ul.oc_recommend_list li .img_box {
  width: 100%;
	height: 100%;
  max-height: 140px;
  min-height: 114px;
	padding: 64.21% 0 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
#index_oc_recommend ul.oc_recommend_list li .txt_box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
	flex-direction: column;
	padding: 5% 5% 10px 8%;
}
#index_oc_recommend ul.oc_recommend_list li .txt_box p.schedule {
  font-family: 'Jost', sans-serif;
  font-size: clamp(17px, 2.2vw, 22px);
  font-weight: 600;
	color: #23A4BE;
  background: url(images/icon_calendar.svg) no-repeat left 34% / clamp(13px, 1.6vw, 16px) auto;
	padding: 1px 5% clamp(0px, 0.5vw, 5px) 22px;
	line-height: 1;
  margin: clamp(0px, 0.5vw, 5px);
}
#index_oc_recommend ul.oc_recommend_list li .txt_box span {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: clamp(12px, 1.4vw, 14px);
  font-weight: 500;
	vertical-align: clamp(0px, 0.2vw, 2px);
}
#index_oc_recommend ul.oc_recommend_list li .txt_box h4 {
  font-size: clamp(12px, 1.5vw, 15px);
  font-weight: 700;
  line-height: 1.4;
  font-feature-settings: 'palt';
}

@media only screen and (max-width: 1000px) {
  #index_oc_recommend ul.oc_recommend_list {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  }
}
@media only screen and (max-width: 640px) {
  #index_oc_recommend ul.oc_recommend_list {
    grid-template-columns: 1fr;
  }
}

/* -------------------------- index sns (SPのみ) -------------------------- */
  #index_sns {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #E6E6E6;
    display: grid!important;
    align-items: center;
    justify-items: center;
    padding: clamp(30px,4.5vw,45px) 25px clamp(40px,6vw,60px);
  }
  #index_sns .sns_ttl {
    color: #2A2C2C;
		max-width: 1000px;
		margin: 0 auto;
  }
  #index_sns .sns_ttl h3 {
    font-weight: 700;
    font-size: clamp(23px,2.6vw,26px);
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: center;
    width: 100%;
    padding: 0 0 clamp(12px,1.5vw,15px);
    position: relative;
  }
  #index_sns .sns_ttl p {
    font-weight: 500;
    font-size: clamp(13px,1.8vw,18px);
    letter-spacing: 0.05em;
    line-height: clamp(1.6em, 1.8em, 1.8em);
    text-align: center;
    width: 100%;
    padding: 0 0 clamp(22px,4.5vw,45px);
    position: relative;
  }
  #index_sns .sns_ttl .ul_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(25px,4vw,40px);
    align-items: stretch;
  }
  #index_sns .sns_ttl .ul_box .inner {
		padding: 20px 0 30px;
		border-top: solid 1px #262626;
		border-bottom: solid 1px #262626;
		margin: 0 0 clamp(20px,4.5vw,45px);
  }
  #index_sns h4.embed {
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0.1em;
		padding: 0 0 clamp(10px,1.5vw,15px) 40px;
  }
  #index_sns h4.embed.instagram {
    background: url(images/insta_icon.webp)no-repeat bottom clamp(15px,2vw,20px) left/30px auto;
  }
  #index_sns h4.embed.tiktok {
    background: url(images/tiktok_icon.webp)no-repeat bottom clamp(15px,2vw,20px) left/30px auto;
  }
  #index_sns ul.embed {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(9px,3vw,30px);
  }
  #index_sns ul.embed.instagram li {
		padding: 0 0 clamp(20px,3.5vw,35px) 0;
    background: url(images/insta_btm_bg.webp)no-repeat bottom center/100% auto;
  }
  #index_sns ul.embed li img {
		border: solid 1px #262626;
  }

  #index_sns ul.sns_link {
    width: 162px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 clamp(12px,1.6vw,16px);
  }
  #index_sns ul.sns_link li {
    display: inline-block;
    width: auto;
    height: 30px;
    padding: 0 5px;
  }
  #index_sns ul.sns_link li a {
		padding: 0 0 35px 0;
  }
  #index_sns ul.sns_link li img {
    width: auto;
    height: 100%;
    /* filter: brightness(0) saturate(100%) invert(99%) sepia(13%) saturate(240%) hue-rotate(258deg) brightness(118%) contrast(100%); */
  }

@media only screen and (min-width: 871px) {
  #index_sns ul.embed {
    align-items: center;
  }
}
@media only screen and (max-width: 870px) {
  #index_sns .sns_ttl > .ul_box {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
  #index_sns .sns_ttl .ul_box .inner:nth-child(1) {
		border-bottom: none;
		padding: 20px 0 25px;
		margin: 0;
  }
  #index_sns ul.embed.instagram li {
		padding: 0 0 clamp(20px,5.5vw,55px) 0;
  }
}



/* index用 お仕事図鑑 */
#index_jobcatalog {
	width: 100%;
	display: grid;
	justify-items: center;
  z-index: 4;
	padding: clamp(15px,5vw,50px) 0 clamp(36px,8vw,80px);
	background: #FFF000;
}
#index_jobcatalog .ttl {
	width: 100%;
	max-width: clamp(300px,47vw,470px);
}
#index_jobcatalog p.sub_txt {
  font-size: clamp(14px,1.5vw,15px);
  font-weight: 500;
  letter-spacing: 0.05em;
	line-height: 1;
  padding: 20px 0 30px;
  margin: 0 auto;
	position: relative;
}
#index_jobcatalog ul.topics_list {
  width: 100%;
	border-radius: 10px;
	padding: 0 0 clamp(25px,3vw,30px);
  display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	grid-gap: 12px;
}
#index_jobcatalog ul.topics_list li a {
	height: 100%;
  display: grid;
  grid-template-rows: auto 60px;
	align-items: center;
  background: #FFF;
  border-radius: 10px;
  transition: all 0.2s linear;
	overflow: hidden;
}
#index_jobcatalog ul.topics_list li.job_architecture-interior a {
  background: #CC7645;
}
#index_jobcatalog ul.topics_list li.job_it-game-web a {
  background: #51BEC8;
}
#index_jobcatalog ul.topics_list li.job_environment-bio a {
  background: #6CBC64;
}
#index_jobcatalog ul.topics_list:has(>li:only-child) {
  grid-gap: 0;
}
#index_jobcatalog ul.topics_list li:only-child {
  max-width: 554px;
}
#index_jobcatalog ul.topics_list li a:hover {
  opacity: .6;
}
#index_jobcatalog ul.topics_list li .img_box {
  width: 100%;
  padding: 61% 0 0;
  background-position-x: center;
  background-position-y: top;
  background-size: cover;
  background-repeat: no-repeat;
	align-self: start;
}
#index_jobcatalog ul.topics_list li .txt_box {
  width: 100%;
	height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
	position: relative;
}
#index_jobcatalog ul.topics_list li .txt_box p.dep_name {
	position: absolute;
	content: "";
	left: 10px;
	bottom: 47px;
	height: 23px;
	padding: 0 10px;
	background: #FFF;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 500;
	line-height: 22px;
	background: #FFF;
}
#index_jobcatalog ul.topics_list li.job_architecture-interior .txt_box p.dep_name {
  color: #CC7645;
}
#index_jobcatalog ul.topics_list li.job_it-game-web .txt_box p.dep_name {
  color: #51BEC8;
}
#index_jobcatalog ul.topics_list li.job_environment-bio .txt_box p.dep_name {
  color: #6CBC64;
}
#index_jobcatalog ul.topics_list li .txt_box p.job_name {
	font-size: 15px;
	font-weight: 500;
	color: #FFF;
}
#index_jobcatalog .btn_box {
  width: 100%;
}
#index_jobcatalog .btn_box a {
  background: #FFF;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  max-width: clamp(285px, 34vw, 360px);
  padding: 0 15px 0 0;
}

#index_jobcatalog ul.topics_list .slick-arrow {
  width: 30px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  height: 30px;
  border-radius: 50%;
}
#index_jobcatalog ul.topics_list .slick-prev,
#index_jobcatalog ul.topics_list .slick-next {
	width: clamp(38px,4vw,40px);
	height: clamp(38px,4vw,40px);
	top: auto;
	left: auto;
  z-index: 1;
}
@media only screen and (min-width: 641px) {
  #index_jobcatalog ul.topics_list .slick-next {
    top: auto;
    right: 50%;
    left: 50%;
    bottom: -60px;
    transform: translate(clamp(248px,40vw,460px), -50%);
  }
  #index_jobcatalog ul.topics_list .slick-prev {
    top: auto;
    right: 50%;
    left: 50%;
    bottom: -60px;
    transform: translate(clamp(200px,34vw,412px), -50%);
  }
}
@media only screen and (max-width: 640px) {
  #index_jobcatalog ul.topics_list li img {
    border-radius: 5px;
    border: none;
  }
  #index_jobcatalog ul.topics_list .slick-prev,
  #index_jobcatalog ul.topics_list .slick-next {
    top: auto;
    bottom: 50%;
    transform: translate(0, 20%);
  }
  #index_jobcatalog ul.topics_list .slick-prev {
    left: clamp(5px,3.5vw,25px);
  }
  #index_jobcatalog ul.topics_list .slick-next {
    right: clamp(6px,3.6vw,26px);
  }
  #index_jobcatalog .slick-initialized .slick-slide {
      padding: 0 7px;
  }
}

/* ========== KOYO追加分（20250430） ========== */
/* ----- 建築科（夜間 建築士専科） ----- */
.arc-director .main_txt.top.ac_ev h2 {
  margin-bottom: 20px;
}
.arc-director .main_txt.top.ac_ev h2 span.ev {
  font-size: 50%;
  margin-right: 0;
}
/*.arc-director .main_txt.top.ac_ev p.ev_list {
  margin-bottom: 30px;
}
.arc-director .main_txt.top.ac_ev .ev_banner {
  margin-bottom: 20px;
}
.arc-director .main_txt.top.ac_ev .ev_banner img {
  height: auto!important;
}
.arc-director .main_txt.top.ac_ev p {
  color: #ffffff;
}
@media screen and (min-width : 870px) {
  .arc-director .main_txt.top.ac_ev {
    margin: 75px auto 0;
  }
}*/

.arc-director .left_box .btn_tsushin {
  margin-bottom: 30px;
  margin-left: 34px;
  width: calc(100% - 68px);
}
.arc-director .left_box .btn_tsushin img {
  height: auto!important;
}
.arc-director .main_txt.top.ac_ev {
  margin-top: 0px;
}

@media screen and (min-width : 870px) {
  .arc-director .left_box .btn_tsushin {
    margin-top: 90px;
    margin-bottom: 30px;
    margin-left: calc((100% - 420px) / 2);
    width: 100%;
}
@media screen and (min-width : 1200px) {
  .arc-director .left_box .btn_tsushin {
    position: absolute;
    margin-top: 90px;
    margin-bottom: 30px;
    margin-left: calc((100% - 420px) / 2);
    width: 800px;
    z-index: 10;
  }
  .arc-director .main_txt.top.ac_ev {
    margin-top: 235px;
  }
}

/* ----- インテリア科 ----- */
.arc-director #tmp_page_bl9 .blk_grade {
  background: #ffffff;
  padding: 20px clamp(1.25rem, 0.949rem + 1.48vw, 1.875rem);
  border-radius: 10px;
}
.arc-director #tmp_page_bl9 .arrow {
  text-align: center;
  margin: clamp(0.625rem, 0.324rem + 1.48vw, 1.25rem) 0;
}
.arc-director #tmp_page_bl9 .arrow img {
  width: clamp(1.25rem, 0.799rem + 2.22vw, 2.188rem);
  margin: 0 auto;
}
.arc-director #tmp_page_bl9 .blk_grade .hd_grade {
  color: #CC7645;
  font-size: clamp(0.875rem, 0.755rem + 0.59vw, 1.125rem);
}
.arc-director #tmp_page_bl9 .blk_grade .hd_grade span {
  font-family: 'Jost', sans-serif;
  font-size: clamp(1.875rem, 1.574rem + 1.48vw, 2.5rem);
  font-weight: 500;
}
.arc-director #tmp_page_bl9 .blk_grade img {
  margin-bottom: 10px;
}
.arc-director #tmp_page_bl9 .blk_grade h3 {
  color: #CC7645;
  font-size: clamp(0.875rem, 0.694rem + 0.89vw, 1.25rem);
  margin-bottom: 10px;
}
.arc-director #tmp_page_bl9 .blk_grade h3 span {
  font-size: clamp(0.813rem, 0.782rem + 0.15vw, 0.875rem);
  font-weight: normal;
  padding: 5px 15px;
  margin-right: 15px;
  border: 1px solid #CC7645;
  border-radius: 9999px;
}
.arc-director #tmp_page_bl9 .blk_grade p {
  font-size: clamp(0.813rem, 0.782rem + 0.15vw, 0.875rem)!important;
}

@media screen and (min-width : 850px) {
  .arc-director #tmp_page_bl9 .blk_grade .items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .arc-director #tmp_page_bl9 .blk_grade .items .item {
    width: calc((100%/2) - 10px);
  }
}

/* ----- ゲームプログラミング科 ----- */
.web_pages #tmp_arc_director .side_right #tmp_page_bl11 #tmp_inner13 .student_info .sub_change {
  font-size: 80%;
}
.arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box span.dep.sub {
  margin-bottom: 0;
}
.web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box span.sub_change {
  font-size: 80%;
  display: block;
  margin-bottom: 20px;
}

.web_pages #tmp_arc_director .side_right #tmp_page_bl14 {
	background: #F7F7F7;
}

@media screen and (min-width : 850px) {
  .arc-director #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box span.dep.sub {
    display: inline-block;
    margin-bottom: 20px;
  }
  .web_pages #tmp_arc_director .side_right #tmp_page_bl12 .cnt_box .right_box span.sub_change {
    display: inline-block;
    margin-left: 1em;
  }
}

/* ----- 私たちが目指す教育 ----- */
.principal_message p {
  margin-bottom: 1.5em;
}
.principal_name {
  padding-left: 0.5em!important;
}

/* ----- ECO CAFEが崩れる件 ----- */
@media screen and (min-width : 1601px) {
  .bio_pages #tmp_arc_director .side_right #tmp_page_bl16 .bnr {
    max-width: 1000px !important;
    margin-right: auto !important;
  }
}

/* ----- 通信課程建築科 ----- */
.subject_name.noflex {
	display: block;
}