@charset "UTF-8";
/* CSS Document */
/*------------------------------------------------------------------------ */
/* --- resetter section --------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, th, td, form, fieldset, legend {
  margin: 0;
  padding: 0; }

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

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

/* *
 * _1. html body anchor
 * ------------------------------------------------------------------------------------------------------------------------------
 */
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 62.5%; }

body {
  color: #444;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  /* text-shadow: 0 0 1px rgba(255,255,255,.01); */
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6; }

/* *
 * _2. heading, paragraph
 * ------------------------------------------------------------------------------------------------------------------------------
 */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  line-height: 1.54; }

/* *
 * _3. table, th, td, caption
 * ------------------------------------------------------------------------------------------------------------------------------
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font-family: inherit; }

caption, th, td {
  text-align: left;
  vertical-align: top;
  font-weight: normal; }

/* *
 * _4. list
 * ------------------------------------------------------------------------------------------------------------------------------
 */
li {
  list-style: none; }

/* *
 * _5. img , object
 * ------------------------------------------------------------------------------------------------------------------------------
 */
img {
  margin: 0;
  padding: 0;
  border: 0 none;
  -ms-interpolation-mode: bicubic;
  line-height: 1.0;
  vertical-align: bottom;
  /* height: auto; */ }

a img {
  line-height: 1.0;
  vertical-align: bottom; }

object {
  vertical-align: middle;
  outline: none; }

/* *
 * _6. text level
 * ------------------------------------------------------------------------------------------------------------------------------
 */
b, em, strong {
  font-weight: bold;
  font-style: normal; }

abbr, acronym {
  border: 0px none;
  font-variant: normal; }

small {
  font-size: 11px;
  font-size: 1.1rem; }

sub, sup {
  position: relative;
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

blockquote {
  margin: 1em 40px; }

q {
  quotes: none; }

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

address, caption, cite, code, dfn, var {
  font-weight: normal;
  font-style: normal; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

code, pre, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

hr {
  display: none; }

/* *
 * _7. form
 * ------------------------------------------------------------------------------------------------------------------------------
 */
form {
  margin: 0;
  padding: 0; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0 none; }

legend {
  *margin-left: -7px;
  padding: 0;
  border: 0 none; }

label {
  cursor: pointer; }

input, textarea, select, label {
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  *vertical-align: middle; }

textarea {
  overflow: auto; }

a {
  text-decoration: underline; }

a:link {
  color: #61B2A3; }

a:active {
  color: #61B2A3; }

a:visited {
  color: #61B2A3; }

a:hover {
  color: #96c3e2;
  text-decoration: none; }

/*-- リンクの点線を消去 --*/
body div a:active, body div a:focus {
  outline: none; }

/*
 * float_clear
 */
.clear {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
  line-height: 0;
  font-size: 0; }

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

.clearfix {
  *zoom: 1; }

.clr:after {
  clear: both;
  display: block;
  content: " ";
  height: 0px;
  visibility: hidden; }

.clr {
  display: inline-block; }

/* Hide these rules from IE-mac \*/
* html .clr {
  height: 1%; }

.clr {
  display: block; }

/*------------------------------------------------------------------------ */
/* --- structure section -------------------------------------------------- */
body {
  background: url(../common_img/bg_body.jpg) repeat-y center top; }

#main {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  background: url(../common_img/bg_main.gif) repeat-y; }

#wrapper {
  position: relative;
  margin: 0 auto; }

#header {
  /*full width*/ }

#snav {
  /* right or left nav space*/
  float: left;
  width: 240px;
  background: #FFF; }

#content_wrap {
  /* as main content */
  float: right;
  width: 940px;
  padding-top: 90px; }

#footer {
  /* full width*/ }

#footer a {
  color: #fff; }

#footer ul li {
  font-size: 13px;
  font-weight: bold; }

#footer .f_sitemap .color_box {
  padding: 23px 20px; }

#footer .f_sitemap p {
  color: #fff;
  font-size: 11px; }

#footer .f_sitemap ul {
  margin-bottom: 25px; }

#footer .f_sitemap .mb_clear {
  margin-bottom: 0; }

#footer .f_sitemap li {
  margin-bottom: 3px; }

#footer .f_sitemap li li {
  margin-bottom: 0px; }

#footer .clear_p {
  float: left;
  width: 580px; }

#footer .clear_p .color_box {
  width: 580px;
  background: url(../common_img/clear_p.png) repeat left top;
  min-height: 320px; }

#footer .clear_p p {
  width: 630px;
  position: relative; }

#footer .clear_p .space_l {
  margin-left: 22px; }

#footer .clear_p li span,
#footer .clear_p a {
  padding-left: 16px;
  color: #FFF;
  background: url(../common_img/arrow01.png) no-repeat 4px center; }

#footer .clear_p ul ul {
  margin-left: 16px; }

#footer .clear_p ul ul a {
  background-image: url(../common_img/arrow02.png); }

#footer .clear_p a.f_home {
  padding-left: 18px;
  display: inline-block;
  margin-bottom: 25px;
  background: url(../common_img/home.png) no-repeat left center;
  font-size: 13px; }

#footer .clear_p .fl_sitemap {
  float: left; }

#footer .clear_p .fr_sitemap {
  float: right; }

#footer .clear_g {
  float: right; }

#footer .clear_g p {
  font-size: 10px;
  text-align: right; }

#footer .clear_g .color_box {
  width: 271px;
  padding-left: 9px;
  background: url(../common_img/clear_g.png) repeat left top;
  min-height: 320px; }

#footer .clear_g ul {
  margin-left: 11px; }

#footer .clear_g ul li {
  padding-left: 12px;
  background: url(../common_img/line01.gif) no-repeat left center; }

#footer .clear_g a {
  padding-right: 16px;
  background: url(../common_img/box.png) no-repeat right center; }

#footer .f_address {
  clear: both;
  padding: 15px 0; }

#footer .f_address p {
  color: #fff;
  font-size: 78%; }

#footer .f_address .float_l {
  margin-right: 10px; }

#gnav .sns_list {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 15px;
}
/*------------------------------------------------------------------------ */
/* --- common design section ------------------------------------------ */
/*------main_visual_box------*/
#main_visual {
  margin-bottom: 20px;
  position: relative; }

/*------topicPath------*/
#topicPath {
  width: 940px;
  clear: both;
  display: block;
  margin-bottom: 20px; }

#topicPath li {
  color: #fff;
  font-size: 12px;
  list-style-type: none;
  display: inline;
  padding-top: 3px; }

#topicPath li a {
  color: #fff;
  font-size: 12px;
  padding-right: 10px;
  background: url(../common_img/topicpath_arrow.png) no-repeat right center; }

ul#topicPath li a:hover {
  /* arrange me */ }

/* ------ main ------- */
/* ------snav left (or right) tool box----- */
#snav .s_menu {
  width: 220px;
  padding-left: 20px; }

#snav .s_menu li {
  float: left;
  margin: 0 20px 20px 0; }

/* logo and h1 */
#logo {
  position: relative;
  padding: 10px; }

#logo h1 {
  position: absolute;
  top: 0;
  left: 240px;
  width: 940px;
  text-align: right; }

#logo h1 a {
  display: block;
  padding: 5px 0;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none; }

#logo a {
  display: block; }

/* ------gloabal nav------ */
#gnav {
  padding: 0 20px 20px; }

#gnav .topmenu {
  margin-bottom: 20px;
  border-top: #f1f7f7 solid 2px;
  position: relative; }

#gnav .topmenu li {
  border-bottom: #f1f7f7 solid 2px; }

#gnav .topmenu ul {
  display: none; }

#gnav .topmenu li.opened {
  display: block; }

#gnav .topmenu ul li {
  border: none;
  padding-left: 15px;
  border-top: #f1f7f7 solid 1px; }

#gnav .topmenu ul li a {
  color: #61B2A3;
  text-decoration: none;
  display: block;
  padding: 5px 0 5px 12px;
  background: url(../common_img/arrow03.gif) no-repeat left center; }

#gnav .topmenu ul li a:hover {
  color: #434343; }

#gnav .dropdown-container {
  display: none; }

/*------ #content_wrap ------*/
#content {
  padding: 40px 20px;
  margin-bottom: 20px;
  background: #fff;
  min-height: 270px; }

/*------ #content1_wrap ------*/
#content1 {
  padding: 50px 20px;
  margin-bottom: 20px;
  background: #550017;
  min-height: 270px; }

/* ------head menu------ */
#h_menu {
  position: relative; }

#h_menu ul {
  position: absolute;
  top: -70px;
  width: 960px; }

#h_menu li {
  float: left;
  margin-right: 20px;
  padding: 10px 0; }

#h_menu li:first-child {
  margin-right: 15px; }

.fixed#h_menu ul {
  position: fixed;
  top: 0;
  z-index: 200000;
  background: url(../common_img/bg_444.png) repeat; }

/* ------footer------- */
#page-up {
  display: none;
  position: fixed;
  bottom: 48px;
  right: 0;
  width: 90px;
  height: 90px;
  z-index: 51;
  text-align: right; }

#page-up a {
  display: inline-block; }

#footer h3 {
  margin-bottom: 25px; }

#footer_box {
  /* center container */ }

.footer_link {
  float: left;
  width: 200px;
  height: 80px;
  padding-left: 15px;
  margin-right: 20px; }

.bnr_footer{
  display: flex;
  justify-content: center;
  gap: 0 10px;
  margin: 15px 3% 0;
}
.bnr_footer a{
  width: 50%;
}

/* ▼▼▼▼ position ▼▼▼▼ */
.prtv {
  position: relative; }

.pfxd {
  position: fixed;
  top: 0;
  z-index: 50; }

/* ▲▲▲▲ position ▲▲▲▲ */
/* ▼▼▼▼ display ▼▼▼▼ */
.disp_b {
  display: block        !important; }

.disp_i {
  display: inline       !important; }

.disp_n {
  display: none         !important; }

.disp_ib {
  display: inline-block !important; }

/* ▲▲▲▲ display ▲▲▲▲ */
/* ▼▼▼▼ background ▼▼▼▼ */
.bg_n {
  background: none !important; }

/* ▲▲▲▲ background ▲▲▲▲ */
/* ▼▼▼▼ width ▼▼▼▼ */
.w10p {
  width: 10%; }

.w15p {
  width: 15%; }

.w20p {
  width: 20%; }

.w25p {
  width: 25%; }

.w30p {
  width: 30%; }

.w45p {
  width: 45%; }

.w100p {
  width: 100%; }

.w250 {
  width: 250px; }

.w290 {
  width: 290px; }

.w300 {
  width: 300px; }

.w310 {
  width: 310px; }

.w345 {
  width: 345px; }

.w350 {
  width: 350px; }

.w360 {
  width: 360px; }

.w370 {
  width: 370px; }

.w440 {
  width: 440px; }

.w450 {
  width: 450px; }

.w485 {
  width: 485px; }

.w495 {
  width: 495px; }

.w525 {
  width: 525px; }

.w575 {
  width: 575px; }

.w700 {
  width: 700px; }

/* ▲▲▲▲ width ▲▲▲▲ */
/* --- font ----------------------------------------------------------------------------- */
.bold {
  font-weight: bold; }

.fs10 {
  font-size: 10px !important; }

.fs11 {
  font-size: 11px !important; }

.fs12 {
  font-size: 12px !important; }

.fs13 {
  font-size: 13px !important; }

.fs14 {
  font-size: 14px !important; }

.fs16 {
  font-size: 16px !important; }

.fs18 {
  font-size: 18px !important; }

.fs20 {
  font-size: 20px !important; }

.fs21 {
  font-size: 21px !important; }

.fs22 {
  font-size: 22px !important; }

.fs24 {
  font-size: 24px !important; }

.fs26 {
  font-size: 26px !important; }

.fs28 {
  font-size: 28px !important; }

.fs30 {
  font-size: 30px !important; }

.fs32 {
  font-size: 32px !important; }

.fs36 {
  font-size: 36px !important; }

.fs40 {
  font-size: 40px !important; }

/* --- utility section ----------------------------------------------------------------------------- */
/* text align */
.txt_c {
  text-align: center !important; }

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

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

.txt_m {
  vertical-align: middle !important; }

/* if needs instant arrange */
.sec_p p {
  margin-bottom: 15px; }

.space_l {
  margin-left: 15px; }

.space_r {
  margin-right: 15px; }

.space_b {
  display: block;
  margin-bottom: 15px; }

#wrapper .mt05 {
  margin-top: 5px; }

#wrapper .mt10 {
  margin-top: 10px; }

#wrapper .mt15 {
  margin-top: 15px; }

#wrapper .mt20 {
  margin-top: 20px; }

#wrapper .mt25 {
  margin-top: 25px; }

#wrapper .mr10 {
  margin-right: 10px; }

#wrapper .mr20 {
  margin-right: 20px; }

#wrapper .mr50 {
  margin-right: 50px; }

#wrapper .ml05 {
  margin-left: 5px; }

#wrapper .ml20 {
  margin-left: 20px; }

#wrapper .ml25 {
  margin-left: 25px; }

#wrapper .mb_clear {
  margin-bottom: 0px; }

#wrapper .mb-10 {
  margin-bottom: -10px; }

#wrapper .mb05 {
  margin-bottom: 5px; }

#wrapper .mb10 {
  margin-bottom: 10px; }

#wrapper .mb15 {
  margin-bottom: 15px; }

#wrapper .mb20 {
  margin-bottom: 20px; }

#wrapper .mb30 {
  margin-bottom: 30px; }

#wrapper .mb40 {
  margin-bottom: 40px; }

#wrapper .mb50 {
  margin-bottom: 50px; }

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ padding ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.p00 {
  padding: 0px        !important; }

.p05 {
  padding: 5px        !important; }

.p10 {
  padding: 10px        !important; }

.p15 {
  padding: 15px        !important; }

.p20 {
  padding: 20px        !important; }

.p25 {
  padding: 25px        !important; }

.p30 {
  padding: 30px        !important; }

.p35 {
  padding: 35px        !important; }

.p40 {
  padding: 40px        !important; }

.p45 {
  padding: 45px        !important; }

.p50 {
  padding: 50px        !important; }

.p55 {
  padding: 55px        !important; }

.p60 {
  padding: 60px        !important; }

.p65 {
  padding: 65px        !important; }

.p70 {
  padding: 70px        !important; }

.p75 {
  padding: 75px        !important; }

.p80 {
  padding: 80px        !important; }

.p85 {
  padding: 85px        !important; }

.p90 {
  padding: 90px        !important; }

.pt00 {
  padding-top: 0px    !important; }

.pt05 {
  padding-top: 5px    !important; }

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

.pt15 {
  padding-top: 15px    !important; }

.pt20 {
  padding-top: 20px    !important; }

.pt25 {
  padding-top: 25px    !important; }

.pt30 {
  padding-top: 30px    !important; }

.pt35 {
  padding-top: 35px    !important; }

.pt40 {
  padding-top: 40px    !important; }

.pt45 {
  padding-top: 45px    !important; }

.pt50 {
  padding-top: 50px    !important; }

.pt55 {
  padding-top: 55px    !important; }

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

.pt65 {
  padding-top: 65px    !important; }

.pt70 {
  padding-top: 70px    !important; }

.pt75 {
  padding-top: 75px    !important; }

.pt80 {
  padding-top: 80px    !important; }

.pt85 {
  padding-top: 85px    !important; }

.pt90 {
  padding-top: 90px    !important; }

.pr00 {
  padding-right: 0px  !important; }

.pr05 {
  padding-right: 5px  !important; }

.pr10 {
  padding-right: 10px  !important; }

.pr15 {
  padding-right: 15px  !important; }

.pr20 {
  padding-right: 20px  !important; }

.pr25 {
  padding-right: 25px  !important; }

.pr30 {
  padding-right: 30px  !important; }

.pr35 {
  padding-right: 35px  !important; }

.pr40 {
  padding-right: 40px  !important; }

.pr45 {
  padding-right: 45px  !important; }

.pr50 {
  padding-right: 50px  !important; }

.pr55 {
  padding-right: 55px  !important; }

.pr60 {
  padding-right: 60px  !important; }

.pr65 {
  padding-right: 65px  !important; }

.pr70 {
  padding-right: 70px  !important; }

.pr75 {
  padding-right: 75px  !important; }

.pr80 {
  padding-right: 80px  !important; }

.pr85 {
  padding-right: 85px  !important; }

.pr90 {
  padding-right: 90px  !important; }

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

.pb05 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

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

.pb25 {
  padding-bottom: 25px !important; }

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

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb45 {
  padding-bottom: 45px !important; }

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

.pb55 {
  padding-bottom: 55px !important; }

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

.pb65 {
  padding-bottom: 65px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pb75 {
  padding-bottom: 75px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.pb85 {
  padding-bottom: 85px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pl00 {
  padding-left: 0px   !important; }

.pl05 {
  padding-left: 5px   !important; }

.pl10 {
  padding-left: 10px   !important; }

.pl15 {
  padding-left: 15px   !important; }

.pl20 {
  padding-left: 20px   !important; }

.pl25 {
  padding-left: 25px   !important; }

.pl30 {
  padding-left: 30px   !important; }

.pl35 {
  padding-left: 35px   !important; }

.pl40 {
  padding-left: 40px   !important; }

.pl45 {
  padding-left: 45px   !important; }

.pl50 {
  padding-left: 50px   !important; }

.pl55 {
  padding-left: 55px   !important; }

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

.pl65 {
  padding-left: 65px   !important; }

.pl70 {
  padding-left: 70px   !important; }

.pl75 {
  padding-left: 75px   !important; }

.pl80 {
  padding-left: 80px   !important; }

.pl85 {
  padding-left: 85px   !important; }

.pl90 {
  padding-left: 90px   !important; }

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ padding ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
.float_l {
  float: left; }

.float_r {
  float: right; }

/*-------container------- */
.container .title_con {
  margin: 27px 0 31px; }

.container {
  margin-bottom: 60px;
  border-top: #c9bf40 solid 5px; }

.container.cl_bor {
  border-top: none !important; }

.container .msg {
  width: 530px;
  /*	word-break: break-all;*/ }

#longterm .container .msg {
  width: 880px;
  /*	word-break: break-all;*/ }

.container .img {
  width: 350px; }

.container .msg_hl {
  background: #f1eecc; }

/*-----------------------*/
.container2 .title_con {
  margin: 27px 0 31px; }

.container2 {
  margin-bottom: 60px;
  border-top: #9c5dae solid 5px; }

.container2.cl_bor {
  border-top: none !important; }

.container2 .msg {
  width: 600px;
  /*	word-break: break-all;*/ }

.container2 .img {
  width: 280px; }

.container2 .msg_hl {
  background: #ede1f1; }

.pic_l .msg_hl,
.pic_l .msg_hl2 {
  padding: 10px 20px 20px 20px;
  margin-left: -20px; }

#longterm .pic_l .msg_hl2 {
  padding: 20px 20px 20px 20px;
  margin-left: -20px; }

.pic_r .msg_hl,
.pic_r .msg_hl2 {
  padding: 10px 20px 20px 20px;
  margin-right: -20px; }

.container .msg_hl p,
.container .msg_hl2 p {
  line-height: 23px; }

.pic_l .img, .pic_r .msg {
  float: left; }

.pic_l .msg, .pic_r .img {
  float: right; }

.full_con .pic_l .img {
  margin-right: 15px;
  margin-bottom: 5px; }

.full_con .pic_r .img {
  margin-left: 15px;
  margin-bottom: 5px; }

/* more botton right */
.more {
  margin-top: 10px;
  text-align: right; }

/* highlight & line_box box */
.highlight {
  padding: 15px;
  margin-bottom: 30px;
  border: 1px solid #e3dd9e;
  background-color: #f1eecc; }

.line_box {
  padding: 15px;
  border: 1px dotted #e5e5e5; }

/* table style */
.tb_style {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse; }

.tb_style th,
.tb_style td {
  text-align: left;
  padding: 5px 10px;
  border: #e3dd9e solid 1px; }

.tb_style th {
  color: #b1a722;
  background: #f1eecc; }

.container .msg_hl .tb_style th {
  background: #fffde6; }

/*link icon*/
.link {
  background: url(../common_img/ic_link.png) no-repeat left 7px;
  padding-left: 20px; }

.link_r {
  background: url(../common_img/ic_link.png) no-repeat right 7px;
  padding-right: 20px; }

/*------ list_dot ------*/
.list_dot {
  list-style: disc;
  margin: 0 0 15px 17px; }

/* control_area */
.control_area a {
  color: #FFF;
  display: block;
  padding: 5px 25px;
  background: #61B2A3;
  font-weight: bold;
  margin-bottom: 15px;
  text-decoration: none; }

.style_purple .control_area a {
  background: #9C5DAE; }

.control_area a:hover {
  background: #666; }

.control_area .btn_control_left {
  float: left; }

.control_area .btn_control_right {
  float: right; }

/* ------ colum style ------- */
.col2_box, .col3_box, .col4_box {
  margin-bottom: 30px;
  position: relative; }

.col2_box .col2, .col3_box .col3, .col4_box .col4 {
  float: left; }

/* ------2colum------- */
/* ------3colum------- */
.col3_box {
  width: 915px; }

.col3_box .col3 {
  width: 290px;
  margin-right: 15px; }

/* ------4colum------- */
/* title_sub */
.title_sub,
.title_color {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: #c9bf40 solid 5px; }

#longterm .title_sub,
#longterm .title_color {
  /*	padding-bottom:10px;*/
  margin-bottom: 20px;
  /*	border-bottom:#c9bf40 solid 5px;*/ }

.title_sub {
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 0px; }

/* title_section */
.title_section {
  font-size: 20px;
  font-weight: bold;
  background: #c9bf40;
  padding: 5px 10px;
  color: #FFF; }

/* title_page */
.title_page {
  color: #b1a722;
  font-size: 17px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px; }

.title_page span {
  font-size: 12px;
  font-weight: normal; }

/*---------- style_green -------------*/
/* container */
.style_green .container {
  border-color: #61b2a3; }

.style_green .container .msg_hl {
  background: #e4f4f1; }

/* title */
.style_green .title_sub,
.style_green .title_color {
  border-color: #61b2a3; }

.style_green .title_section {
  background: #61b2a3; }

.style_green .title_page {
  color: #61b2a3; }

/*---------- End style_green -------------*/
/*---------- style_purple -------------*/
/* container */
.style_purple .container {
  border-color: #9c5dae; }

.style_purple .container .msg_hl {
  background: #ede1f1; }

/* title */
.style_purple .title_sub,
.style_purple .title_color {
  border-color: #9c5dae; }

#longterm .style_purple .title_sub,
#longterm .style_purple .title_color {
  border-color: #9c5dae; }

.style_purple .title_section {
  background: #9c5dae; }

.style_purple .title_page {
  color: #9c5dae; }

/* highlight */
.style_purple .highlight {
  border-color: #dfc5e7;
  background-color: #EDE1F1; }

/* tb_style */
.style_purple .tb_style th,
.style_purple .tb_style td {
  border-color: #dfc5e7; }

.style_purple .tb_style th {
  color: #9C5DAE;
  background: #EDE1F1; }

.style_purple .tb_style td {
  background: #FFF; }

.style_purple .tb_style td span.mailcheck {
  font-size: 11px; }

.style_purple .container .msg_hl .tb_style th {
  background: #f7eff9; }

.style_purple .list_dot li {
  float: left;
  width: 280px; }

/* linkbtn */
.style_purple .linkbtn a {
  display: inline-block;
  background: #9c5dae;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 40px; }

.style_purple .linkbtn.related_links a {
  background: url(../common_img/bg_blank_wh.gif) no-repeat right 45% #9c5dae;
  padding-right: 50px; }

.style_purple .linkbtn.related_links a:hover {
  background: url(../common_img/bg_blank_wh.gif) no-repeat right 45% #ba8dc6; }

/*---------- End style_purple -------------*/
/*---------- style_yellow -------------*/
/* container */
.style_yellow .container {
  border: none !important; }

/* title */
.style_yellow .title_sub,
.style_yellow .title_color {
  border-color: #e3a732; }

#longterm .style_yellow .title_sub,
#longterm .style_yellow .title_color {
  border-color: #e3a732; }

.style_yellow .title_section {
  background: #e3a732; }

.style_yellow .title_page {
  color: #e3a732; }

/* highlight */
.style_yellow .highlight {
  border-color: #dfc5e7;
  background-color: #EDE1F1; }

/* tb_style */
.style_yellow .tb_style th,
.style_yellow .tb_style td {
  border-color: #dfc5e7; }

.style_yellow .tb_style th {
  color: #e3a732;
  background: #EDE1F1; }

.style_yellow .tb_style td {
  background: #FFF; }

.style_yellow .tb_style td span.mailcheck {
  font-size: 11px; }

.style_yellow .container .msg_hl .tb_style th {
  background: #f7eff9; }

.style_yellow .list_dot li {
  float: left;
  width: 280px; }

/* linkbtn */
.style_yellow .linkbtn a {
  display: inline-block;
  background: #e3a732;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 40px; }

.style_yellow .linkbtn.related_links a {
  background: url(../common_img/bg_blank_wh.gif) no-repeat right 45% #e3a732;
  padding-right: 50px; }

.style_yellow .linkbtn.related_links a:hover {
  background: url(../common_img/bg_blank_wh.gif) no-repeat right 45% #ba8dc6; }

/*---------- End style_yellow -------------*/
/*---------- style_brown -------------*/
/* container */
.style_brown .title_color {
  border-bottom: 5px solid #9d6248; }

/*---------- End style_green -------------*/
.section {
  margin-bottom: 60px; }

.section2 {
  margin-bottom: 40px; }

.btn_box {
  padding-right: 25px;
  background: url(../common_img/bg_blank.png) no-repeat right center; }

/*---------- faculty_menu -------------*/
#faculty_menu {
  border: 4px double #dfc5e7;
  padding: 20px;
  padding-left: 0px;
  background: #f7eff9; }

#faculty_menu strong {
  font-size: 20px;
  display: block;
  font-weight: bold;
  color: #9C5DAE;
  margin-left: 20px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #9C5DAE; }

  #faculty_menu strong.c-red {
    color: #db0000;
  }
  #faculty_menu strong.c-purple {
    color: #71407f;
  }

#faculty_menu ul,
.facility_menu-btm ul {
  margin-top: 20px; }

#faculty_menu li,
.facility_menu-btm li {
  float: left;
  margin-left: 20px; }

#faculty_menu ul ul {
  margin: 0; }

#faculty_menu ul ul li {
  float: none;
  margin: 0;
  margin-top: 1px; }

#faculty_menu ul ul li a {
  display: block;
  padding: 10px 10px 10px 30px;
  background: #9C5DAE url(../common_img/arrow01.png) no-repeat 15px center;
  color: #fff;
  text-decoration: none; }

#faculty_menu ul.large {
  display: flex;
  justify-content: center;
  gap: 15px 16px;
  flex-wrap: wrap;
  margin: 20px auto 0;
  width: 832px;
}
#faculty_menu ul.large li{
  float: none;
  margin: 0;
  width: 400px;
}
@media (max-width: 768px){
  #faculty_menu ul.large {
    flex-direction: column;
    width: 100%;
  }
  #faculty_menu ul.large li{
    width: 100%;
  }
  #faculty_menu ul.large li.disp_pc{
    display: none;
  }
  #faculty_menu ul.large li img{
    max-width: 100%;
    max-height: 100%;
    height: auto;
  }
}
/*---------- End faculty_menu -------------*/
.related_links .title_page {
  border-bottom: 1px dashed #9c5dae;
  padding-bottom: 5px; }

.related_links li {
  margin: 3px 0; }

.related_links a {
  display: inline-block;
  background: url(../common_img/bg_blank.png) no-repeat right center;
  padding-right: 15px;
  margin-right: 3px;
  text-decoration: none; }

.h_bnr {
  margin: 0 20px 40px;
}

.hist_menu {
  margin: 0 20px 40px 20px;
  border: 1px solid #593829;
  color: #fff; }

.hist_menu a {
  color: #fff;
  font-weight: bold;
  text-decoration: none; }

.hist_menu dt {
  padding: 10px;
  background: #593829; }

.hist_menu dt:hover {
  opacity: 0.8; }

.hist_menu dd {
  padding: 7px;
  border-bottom: 1px solid #593829; }

.hist_menu dd:last-child {
  border-bottom: none; }

.hist_menu dd a {
  font-weight: normal;
  color: #593829;
  text-decoration: none; }

.hist_menu dd:hover {
  background: #dec3b7; }