/* CSS Document */



/* --------------------------------------------------------------------------------------------------
heading
------------------------------------------------------------------------------------------------- */

/* h1
------------------------------------------------------------------------------------------------- */
.m_maintitle{
  background-color: #939393;
  box-shadow:rgba(172, 172, 157, 0.75) 1px 1px 1px 0px;
  color:#FFF;
  font-size: 2.4rem;
  margin:0 0 1rem;
  padding: 0.7rem;
  text-indent: 1.5rem;
}

.is_maintitle-about { background-color: #4e96df; }
.is_maintitle-news { background-color: #887359; }
.is_maintitle-program { background-color: #2B7891; }
.is_maintitle-spring { background-color: #418000; }
.is_maintitle-monodukuri { background-color: #976963; }
.is_maintitle-contest { background-color: #f26500; }


/* h1
------------------------------------------------------------------------------------------------- */
.m_title {
  border-radius: 0.5%/8%;
  background-color: #DFDFCF;
  font-weight: normal;
  height: 6.8rem;
  padding: 1rem;
  position: relative;
  text-indent: 1.5rem;
  display:block;
}

.m_title span {
  border-top: 1px solid #999;
  display: block;
  font-size : 1.4rem;
  font-weight: normal;
  margin: 0.5rem 0px 0px 1.4rem;
  padding-top: 0.5rem;
  text-indent: 0;
}

.m_title:before {
  background: #9B9B8C;
  content: "";
  height: 4.8rem;
  left: 1rem;
  margin: 0 auto 0px;
  position: absolute;
  width: 5px;
}

.m_title_l2 {
  border-radius: 0.5%/8%;
  background-color: #DFDFCF;
  font-weight: normal;
  height:10rem;
  padding: 1rem;
  position: relative;
  text-indent: 1.5rem;
  display:block;
}

.m_title_l2 span {
  border-top: 1px solid #999;
  display: block;
  font-size : 1.4rem;
  font-weight: normal;
  margin: 0.5rem 0px 0px 1.4rem;
  padding-top: 0.5rem;
  text-indent: 0;
}

.m_title_l2:before {
  background: #9B9B8C;
  content: "";
  height: 10rem;
  left: 1rem;
  margin: 0 auto 0px;
  position: absolute;
  width: 5px;
}


/* 財団について */
.is_title-about { background-color: #C6E3FE; }

.is_title-about:before {
  background: #5CADFF;
  content: "";
  height: 4.8rem;
  left: 1rem;
  margin: 0 auto 0px;
  position: absolute;
  width: 5px;
}

/* ニュース */
.is_title-news { background-color: #E8E4E2; }

.is_title-news:before {
  background: #887359;
  content: "";
  height: 4.8rem;
  left: 1rem;
  margin: 0 auto 0px;
  position: absolute;
  width: 5px;
}

/* 教育助成 */
.is_title-program{ background-color: #D4EBF2; }

.is_title-program:before {
  background: #2B7891;
  content: "";
  height: 4.8rem;
  left: 1rem;
  margin: 0 auto 0px;
  position: absolute;
  width: 5px;
}
.is_l2:before {
  height: 8rem;
}

/* 科学の泉 */
.is_title-spring{ background-color: #D2E8DC; }

.is_title-spring:before {
  background: #59B200;
  content: "";
  height: 4.8rem;
  left: 1rem;
  margin: 0 auto 0px;
  position: absolute;
  width: 5px;
}

/* ものづくり */
.is_title-monodukuri{ background-color: #F0DEDA; }

.is_title-monodukuri:before {
  background: #976963;
  content: "";
  height: 4.8rem;
  left: 1rem;
  margin: 0 auto 0px;
  position: absolute;
  width: 5px;
}

/* フォトコン */
.is_title-contest{ background-color: #FEE4B5; }

.is_title-contest:before {
  background: #FF7F00;
  content: "";
  height: 4.8rem;
  left: 1rem;
  margin: 0 auto 0px;
  position: absolute;
  width: 5px;
}


/* h2
------------------------------------------------------------------------------------------------- */
.m_title_head_ {
  border-top: 3px solid #B9AE92;
  border-bottom: 1px dashed #AD936B;
  padding-top: 1.5rem;
  padding-bottom: 0.7rem;
  position: relative;
  text-indent: 0.7rem;
}

.m_title_head {
  background-color: #FDE6AC;
  box-shadow: 0 0 0 2px #D7C492 inset ;
  margin-top:3rem;
  padding: 1rem;
  position: relative ;
  z-index: 100 ;
  overflow: hidden ;
  text-indent: 0.7rem;
}

.m_title_head::before {
  border-radius: 50% ;
  display: block ;
  position: absolute ;
  top: -1rem ;
  left: -1rem ;
  width: 2.4rem ;
  height: 2.4rem ;
  content: "" ;
  background-color: #D7C492;
  box-shadow: 0 0 0 3px #fff, 0 0 0 3px #D7C492 ;
}


/* h3
------------------------------------------------------------------------------------------------- */
.m_title_subhead {
  border-bottom: 3px double #AD936B;
  margin-top:1rem;
  padding: 0.6rem;
  position: relative;
  text-indent: -0.6rem;
  padding-left: 2.6rem;
}

.m_title_subhead:before {
  background: #D3C8C3;
  border-radius: 50%;
  content: "";
  height: 1.6rem;
  left: 0;
  margin: -10px auto 0px;
  position: absolute;
  top: 55%;
  width: 1.6rem;
}


/* h4
------------------------------------------------------------------------------------------------- */
.m_title_chapter {
  border-bottom: 2px solid #BBB;
  margin-top:1.5rem;
  padding: 0 0rem 0.4rem;
  position: relative;
}

.m_title_chapternb {
  margin-top:1.5rem;
  padding: 0 0rem 0.4rem;
  position: relative;
}


/* h5
------------------------------------------------------------------------------------------------- */
.m_title_entry {
  border-bottom: 1px dashed #AD936B;
  border-top: 1px dashed #AD936B;
  padding: 0.4rem;
}

/* h5　font-size:1.4rem　※おもに「教育助成 入選発表」にて使用中
------------------------------------------------------------------------------------------------- */
.m_title_grid {
  border-bottom: 1px dashed #AD936B;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.5;
  margin: 5px 0 10px;
  padding: 0;
}


/* h6
------------------------------------------------------------------------------------------------- */
.m_title_small{
  border-bottom: 1px dashed #AD936B;
  padding:0.6rem 0.6rem 0.6rem 0;
}

/* 見出し　プレーン
------------------------------------------------------------------------------------------------- */
.m_title_plain{
  border-bottom: none;
  font-weight: normal;
  font-size:1.5rem;
  margin-bottom:0;}




/* list_defult同
------------------------------------------------------------------------------------------------- */
.is_title_list_default{   padding-left:1.3rem;}

.is_title_list_default:before {
  background: #D3C8C3;
  content: "";
  height: 0.6rem;
  left: 0.3rem;
  margin: -10px auto;
  position: absolute;
  top: 1.5rem;
  width: 0.4rem;
}

.is_title_list_default:after {
  background: #D3C8C3;
  content: "";
  height: 0.6rem;
  left: 0.3rem;
  margin: -10px auto;
  position: absolute;
  top: 2.4rem;
  width: 0.4rem;
}


/* border
------------------------------------------------------------------------------------------------- */
.m_title_bleft{
  border-bottom: 1px dashed #AD936B;
  border-top: 1px dashed #AD936B;
  border-left: 5px solid #AD936B;
  padding: 0.4rem;
}


/* contents_top h1
------------------------------------------------------------------------------------------------- */
.m_title_top{
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: 0.8rem;
  padding-bottom: 0.3rem;
  position: relative;
  text-indent: 2rem;  }


/* contents_top h2
------------------------------------------------------------------------------------------------- */
.m_title_top{
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: 0;
  padding:0.1rem;
  position: relative;
  text-indent: 2.2rem;  }

/* h2_教育助成 */
.is_title_top-program{
  border-bottom: 2px solid #2B7891;
  position:relative;
  background-color:#E9F5FC
}

.is_title_top-program:before{
  background: #2B7891;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  font-size: 1.5rem;
  height: 2rem;
  left: 1rem;
  position: absolute;
  width: 0.75rem;
}

.is_title_top-program:after{
  border: solid 0.45rem #2B7891;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: solid 0.45rem #2B7891;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  height: 0;
  left: -0.1rem;
  position: absolute;
  top: 1.75rem;
  width: 0;
}

/* h2_科学の泉 */
.is_title_top-spring{
  background-color:#E9F8EA;
  border-bottom: 2px solid #59B200;
  position:relative;
}

.is_title_top-spring:before{
  background: #E9F8EA;
  border-radius: 50%;
  content: "";
  height: 1.2rem;
  left: 0.5rem;
  position: absolute;
  top: 22%;
  width: 1.2rem;
  box-shadow:0px 0px 0px 4px #59B200;
}

.is_title_top-spring:after {
  background:#59B200;
  content: "";
  height: 0.8rem;
  left: 1.8rem;
  margin-top:1.0rem;
  position: absolute;
  top: 32%;
  width: 0.4rem;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

/* h2_ものづくり */
.is_title_top-monodukuri{
  background-color:#F5E9E7;
  border-bottom: 2px solid #976963;
  position: relative;
}

.is_title_top-monodukuri::before {
  background: -webkit-linear-gradient(0deg,transparent 39%,#B27C74 39%,#B27C74 61%, transparent 61%),-webkit-linear-gradient(60deg,transparent 42%,#B27C74 42%,#B27C74 58%, transparent 58%),-webkit-linear-gradient(120deg,transparent 42%,#B27C74 42%,#B27C74 58%, transparent 58%);
  background: -moz-linear-gradient(0deg,transparent 39%,#B27C74 39%,#B27C74 61%, transparent 61%),-moz-linear-gradient(60deg,transparent 42%,#B27C74 42%,#B27C74 58%, transparent 58%),-moz-linear-gradient(120deg,transparent 42%,#B27C74 42%,#B27C74 58%, transparent 58%);
  background: -o-linear-gradient(0deg,transparent 39%,#B27C74 39%,#B27C74 61%, transparent 61%),-o-linear-gradient(60deg,transparent 42%,#B27C74 42%,#B27C74 58%, transparent 58%),-o-linear-gradient(120deg,transparent 42%,#B27C74 42%,#B27C74 58%, transparent 58%);
  background: -ms-linear-gradient(0deg,transparent 39%,#B27C74 39%,#B27C74 61%, transparent 61%),-ms-linear-gradient(60deg,transparent 42%,#B27C74 42%,#B27C74 58%, transparent 58%),-ms-linear-gradient(120deg,transparent 42%,#B27C74 42%,#B27C74 58%, transparent 58%);
  background: linear-gradient(0deg,transparent 39%,#B27C74 39%,#B27C74 61%, transparent 61%),linear-gradient(60deg,transparent 42%,#B27C74 42%,#B27C74 58%, transparent 58%),linear-gradient(120deg,transparent 42%,#B27C74 42%,#B27C74 58%, transparent 58%);
  content:"";
  left: 0.3rem;
  border-radius:40%;
  height: 1.9rem;
  position: absolute;
  top:12%;
  width: 1.9rem;
}

.is_title_top-monodukuri::after {
  background: #F5E9E7;
  border-radius: 50%;
  box-shadow:0px 0px 0px 3px #976963;
  content: "";
  height: 0.8rem;
  left: 0.9rem;
  position: absolute;
  top:33%;
  width: 0.8rem;
}

/* h2_フォトコン */
.is_title_top-contest{
  background-color:#FFF1D7;
  border-bottom: 2px solid #FF7F00;
  position:relative;
}

.is_title_top-contest:before{
  background: #FF7F00;
  border-radius: 50%;
  content: "";
  height: 1.9rem;
  left: 0.3rem;
  position: absolute;
  top: 10%;
  width: 1.9rem;
}

.is_title_top-contest:after {
  background:#FFF1D7;
  border-radius: 50%;
  content: "";
  height: 1.5rem;
  left: 0rem;
  margin-top:-1.0rem;
  position: absolute;
  top: 43%;
  width: 1.5rem;
}

/* --------------------------------------------------------------------------------------------------
label
------------------------------------------------------------------------------------------------- */
.m_label-section {
  position: absolute;
  top: 0px;
  right: 15px;
}

.m_label-section:after {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  border-top:1.6rem solid #6ec5d5;
}

.m_label {
  position: relative;
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #6ec5d5;
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 12px 8px 6px;
  border-top-right-radius: 0.8rem;
  width: 120px;
  text-transform: uppercase;
}

.m_label:before,
.m_label:after {
  position: absolute;
  content: '';
  display: block;
}

.m_label:before {
  background: #6ec5d5;
  height: 0.7rem;
  width:0.6rem;
  left: -0.6rem;
  top: 0;
}

.m_label:after {
  background: #A6A7A8;
  height: 7px;
  width: 8px;
  border-radius: 8px 8px 0 0;
  left: -8px;
  top: 0;
}

/* label-sky */
.is_sky {
  background: #1e79c8;
  border-top-right-radius: 0.8rem;
}

.is_sky:after {
  border-top-color:#1e79c8;
}

.is_sky:before {
  background: #1e79c8;
}


/* label-blue */
.is_paleblue {
  background: #557791;
  border-top-right-radius: 0.8rem;
}

.is_paleblue:after {
  border-top-color:#557791;
}

.is_paleblue:before {
  background: #557791;
}


/* ylwgrn */
.is_ylwgrn {
  background: #9EBF26;
  border-top-right-radius: 0.8rem;
}

.is_ylwgrn:after {
  border-top-color:#9EBF26;
}

.is_ylwgrn:before {
  background: #9EBF26;
}

/* green */
.is_grn {
  background: #4A9B4D;
  border-top-right-radius: 0.8rem;
}

.is_grn:after {
  border-top-color:#4A9B4D;
}

.is_grn:before {
  background: #4A9B4D;
}

/* turquoise */
.is_turquoise {
  background: #6BB2B2;
  border-top-right-radius: 0.8rem;
}

.is_turquoise:after {
  border-top-color:#6BB2B2;
}

.is_turquoise:before {
  background: #6BB2B2;
}


/* --------------------------------------------------------------------------------------------------
list
------------------------------------------------------------------------------------------------- */

.m_list{
  margin-left:0;
  padding-left:0;}

.m_list0{
  margin:0;
  padding:0;}


/* list_grid */
.m_list_grid {
  font-size: 0;
  margin-bottom: 3rem;
  padding: 0;
  width: 100%;
}

.m_list_grid > li {
  background-color: #ECECEC;
  border-radius: 5px;
  border-top: 10px solid #D7C492;
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.5rem;
  vertical-align: top;
  width: 32%;
  padding:0 0.5rem;
  margin: 0.8rem 0.8rem 0.8rem 0;
}

.m_list_grid > li a {
  text-decoration: none;
}

.m_list_grid > li:hover {
  background-color: #FDE6AC;
  color: #fff;
  display: inline-block;
  transition: background-color 0.3s ease 0s;
}

.m_list_grid > li:nth-child(n+3) { margin-left: 0;}

.m_list_grid dt,dd{
  margin: 0.4rem;
  line-height: 1;
}

.m_list_grid h2{
  margin-top: 0.4rem;
  font-size: 1.6rem;
}

.uldisk{  list-style:disc; margin-left:1.6rem; padding-left:1.6rem;}

/* list_none */
.m_list_none {
  list-style:none;
  margin-bottom: 1rem;
  margin-left:-3.6rem;
}


/* list_default */
.m_list_default {
  margin-bottom: 1rem;
  margin-left:-3.6rem;
}

.m_list_default > li {
  border-bottom: 0.1rem dashed #ACAC9D;
  display:block;
  margin-top: 0.7rem;
  padding-bottom: 0.6rem;
  position:relative;
  text-indent: 0rem;
  margin-left: -0.2rem;
  padding-left: 1.2rem;
}

.m_list_default > li:last-child {
  border-bottom: none;
}

.m_list_default > li:before {
  background: #D3C8C3;
  content: "";
  height: 0.6rem;
  left: 0.3rem;
  margin: -10px auto;
  position: absolute;
  top: 1.5rem;
  width: 0.4rem;
}

.m_list_default >li:after {
  background: #D3C8C3;
  content: "";
  height: 0.6rem;
  left: 0.3rem;
  margin: -10px auto;
  position: absolute;
  top: 2.4rem;
  width: 0.4rem;
}

/* list_link */
.m_list_link {
  list-style:none;
  margin-bottom: 1rem;
  margin-left:-3.6rem;
}

.m_list_link > li {
  border-bottom: 0.1rem dashed #ACAC9D;
  display: block;
  margin-left: -0.2rem;
  margin-top: 0.7rem;
  padding-bottom: 0.6rem;
  padding-left: 1.2rem;
  position:relative;
  text-indent: 0rem;
}

.m_list_link > li:before {
  border: 0.5rem solid transparent;
  border-left-color: #8C8C8C;
  content: "";
  height: 0;
  left: 0;
  margin: -1rem auto 0;
  position: absolute;
  top: 1.6rem;
  width: 0;
}

.m_list_link > li:hover:before{
  border: 0.5rem solid transparent;
  border-left-color: #09c;
}


.is_li_sml{
  font-size:1.4rem;
}

.m_list_link > li.is_nobd, .m_list_default > li.is_nobd{
  border-bottom: none;
}


/* list_link */
.m_list_linkb {
  list-style:none;
  margin-bottom: 1rem;
  margin-left:-3.6rem;
}

.m_list_linkb > li {
  display: block;
  margin-left: -0.2rem;
  margin-top: 0.7rem;
  padding-bottom: 0.6rem;
  padding-left: 1.2rem;
  position:relative;
  text-indent: 0rem;
}

.m_list_linkb > li:before {
  border: 0.5rem solid transparent;
  border-left-color: #8C8C8C;
  content: "";
  height: 0;
  left: 0;
  margin: -1rem auto 0;
  position: absolute;
  top: 1.6rem;
  width: 0;
}

.m_list_linkb > li:hover:before{
  border: 0.5rem solid transparent;
  border-left-color: #09c;
}




/* list_2段組み */
.is_2clm > li {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  width:48%;
}

.is_2clm > li.is_2clm_bd {
  border-bottom: 0.1rem dashed #ACAC9D;
}

.is_2clm > li.is_2clm_nbd {
  border-bottom: none;
}

.is_2clm > li:nth-child(odd){  margin-right:3rem;}




/* list_note */
.m_list_note > li {
  margin-left:-3.6rem;
  list-style-type: none;
  text-indent: -1.5rem;
  padding-left:1.5rem;
}

.m_list_note >li:before {
  content: "※ ";
  color:#B5495B;
}


/* list_parentheses */
.m_list_parenthese {
  padding:0 ;
}

.m_list_parenthese > li {
  list-style:none;
  counter-increment: cnt;
}
.m_list_parenthese > li:before {
  content: "（" counter(cnt)"）";
}

.is_p {
  position:relative;
  margin-top:-2.4rem;
  margin-left:3.2rem;
  padding:0 1.6rem 0;
}

.m_list_parenthese_llatin > li {
  list-style:none;
  padding-left: 3em;
  counter-increment: cnt;
  text-indent:-4em;
}
.m_list_parenthese_lirohaK > li:before {
  content: "（" counter(cnt,lower-latin)"）";
}

.m_list_parenthese_lirohaK > li {
  list-style:none;
  counter-increment: cnt;
}
.m_list_parenthese_lirohaK > li:before {
  content: counter(cnt,katakana-iroha)"）";
}


.m_list_uroman > li {
  list-style-type:upper-roman;
}
.is_uroman > li{ margin-left:1rem; margin-top:1.6rem;
}
.is_uroman h3{
  border-bottom: 2px solid #BBB;
  padding: 0 0rem 0.1rem;
  margin-bottom:0;
  font-size:1.6rem;
  font-weight:normal;
  display:inline;
  margin-left:-2rem;
}
.is_uroman p{ margin-top: 1rem;}
.is_uroman > li:before {
  content: "\002160 - ";
  position:relative;
  left:-4.5rem;
}
.is_uroman > li > p{ margin-left:0.5rem;}

.is_ii > li:before {
  content: "\002161 - ";
  position:relative;
  left:-4.5rem;
}
.is_iii > li:before {
  content: "\002162 - ";
  position:relative;
  left:-4.5rem;
}
.is_iiii > li:before {
  content: "\002163 -";
  position:relative;
  left:-4.5rem;
}
/* ol 丸数字 */
.is_olcircle {
  counter-reset: olcircle;
  list-style: none;
  padding: 0;
}

.is_olcircle > li {
  margin-bottom: 3.2rem;
  padding-left: 30px;
  position: relative;
}
.is_olcircle > li:before {
  content: counter(olcircle);
  counter-increment: olcircle;
  background-color: #B2BAB6;
  color: #fff;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}


/* list_menu */
.m_list_menu {
  background-color:#DEDFE0;
  display: table;
  line-height: 2.1;
  font-size: 1.5rem;
  padding-left: 0;
  table-layout: fixed;
  width: 100%;
  margin-top:1.5rem;
}

.m_list_menu li {
  border-right: 1px solid #C0C0C0;
  display: table-cell;
  text-align: center;
}

.m_list_menu li:last-child {
  border-right: none;
}

.m_list_menu li a {
  color: #414848;
  display: block;
  padding-top: 0rem;
  text-decoration: none;
}

.m_list_menu li a:hover {
  background-color: #FDE6AC;
  color: #444;
  transition: background-color 0.3s ease 0s;
}


/* list_page */
.m_list_page{
  background-color:#ddd;
  border-radius: 5px;
  color: #444;
  height: 3rem;
  text-align: center;
  display:inline-block;
  padding:0 1.5rem 0 1.5rem;
  position:relative;
  left:35%;
}

.m_list_page a {
  background-color:#CCC;
  border-right: 1px solid #EDEDED;
  text-decoration: none;
  margin: 0;
  display:inline-block;
  padding:0.3rem 1.5rem 0.3rem 1.5rem;}

.m_list_page > a:hover {
  background-color: #FDE6AC;
  transition: background-color 0.3s ease 0s;
}

/* テキストバナー */
.m_list_bn-txt {
  font-size: 1.4rem;
  margin: 1.4rem 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
.m_list_bn-txt > li {
  background-color: #FFF;
  list-style: none;
  margin: 1px 1px 2px 1px;
  text-align: center;
}

.m_list_bn-txt >li a {
  display:block;
  color: #414848;
  outline:solid 1px #BBB;
  padding: 0.7rem 0;
  text-decoration: none;
}
.m_list_bn-txt > li a:hover { outline:solid 1px #0099CC; color: #0079D6; }

/* フレキシブルボックス その２*/

.m_list_flex {
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  padding: 0;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-wrap: wrap;
  -webkit-justify-content:flex-start;
  justify-content:flex-start;
}


.is_flex2 > li {
  width: 49%;
  border-radius: 5px;
  list-style: none;
  padding: 0.7rem;
  margin-right: 0.7rem;   margin-bottom: 1rem;}

.is_flex3 > li {
  width: 32.5%;
  border-radius: 5px;
  list-style: none;
  padding: 0.7rem;
  margin-right: 0.7rem;   margin-bottom: 1rem;
}


.m_list_flex > li:last-child { margin-right: 0;  }
.m_list_flex .is_flex3 > li:nth-child(3n) {margin-right: 0; }


.flex-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.flex-item:nth-child(1) {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 32.5%;
  flex: 0 1 32.5%;
  -ms-flex: 0 1 30%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin-right:1.5rem;
}

.flex-item:nth-child(2) {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 31.8%;
  flex: 0 1 31.8%;
  -ms-flex: 0 1 30%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin-right:1.5rem;    }

.flex-item:nth-child(3) {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 32%;
  flex: 0 1 32%;
  -ms-flex: 0 1 30%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.flex-item:nth-child(4) {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 49%;
  flex: 0 1 49%;
  -ms-flex: 0 1 47%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin-right:1.5rem;    }

.flex-item:nth-child(5) {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 49%;
  flex: 0 1 49%;
  -ms-flex: 0 1 47%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.flex-item:nth-child(6) {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 99.5%;
  flex: 0 1 99.5%;
  -ms-flex: 0 1 99%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.flxbox{
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  list-style: none;
}

.flxbox-cell {
  margin:7px;
  padding: 7px;
  border-radius: 5px;
  line-height: 1;
  flex: 1;
}

.cell-2 {
  flex: 2;
}

.cell-3 {
  flex: 3;
}

/* フレキシブルボックス */

.m_list_flx {
  padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}


.m_list_flx > li {
	-webkit-flex: initial;
	flex: initial;
  border-radius: 5px;
  list-style: none;
  padding: 0.7rem;
  margin-right: 1rem;   margin-bottom: 1rem;
width:32.4%;

}

.m_list_flx > li:last-child { margin-right: 0;  }
.m_list_flx > li:nth-child(3n) {margin-right: 0; }

li.m_list_flx_2 {
	-webkit-flex: initial;
	flex: initial;
  border-radius: 5px;
  list-style: none;
  padding: 0.7rem;
  margin-right: 1rem;   margin-bottom: 1rem;
width:49%;
}

.m_list_flx_4 {
  padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;}

.m_list_flx_4 > li {
	-webkit-flex: initial;
	flex: initial;
  border-radius: 5px;
  list-style: none;
  padding: 0.7rem;
  margin-right: 1rem;   margin-bottom: 1rem;
width:24%;
}

.m_list_flx_4 > li:last-child {margin-right: 0; }
.m_list_flx_4 > li:nth-child(4n) {margin-right: 0; }
.m_list_flx.m_list_flx_4 > li:nth-child(3n) {margin-right:10px }


.m_list_flx_home {
  width: 100%;
  width: 500px\9;
  display: flex;
  display:-ms-flexbox;display:-webkit-flex;
  padding: 0 1rem;
}

.m_list_flx_home > li {
  flex-grow: 1;
  flex-basis:30%;
  width:200px\9;
  border-radius: 5px;
  list-style: none;
  padding: 0.7rem;
  margin-right: 1rem;   margin-bottom: 1rem;
}

.is_bgc_beige > li { background-color:#F1ECE3;}
.is_bgc_lbeige > li { background-color:#F7F2E8;}
.is_bgc_gray > li { background-color:#EEE;}

.is_flex_wrap{ flex-wrap: wrap; -ms-flex-wrap:wrap;}
.is_flex_nowrap{ flex-wrap: nowrap;}


/* dl_default */
.m_dl_default > dt {
  border-bottom: 0.1rem dashed #ACAC9D;
  display: block;
  padding-bottom: 0.6rem;
  position:relative;
  margin: 0.7rem auto 0.6rem 0.7rem;
  padding-left: 0;
}
.m_dl_default > dd {
  line-height:1.6;
  text-indent: 0;
  margin: 0.7rem auto 2rem 0.7rem;
}

.is_faq dt{
  margin-left: 0;
  padding-left:2.3rem ;
  text-indent: 0;
  display: block;
}
.is_faq > dt:before{
  background: #FF7F00;
  border-radius: 15%;
  content: "";
  height: 1.8rem;
  left: 0;
  margin: 0.2rem auto 0;
  position:absolute;
  width: 1.6rem;
}
.is_faq > dt:before{
  content: "Q";
  color:#FFF;
  font-weight: bold;
  left: 0.2rem;
  margin: 0.2rem auto 0;
  position: absolute;
  padding-left: 0.2rem;
  padding-bottom: 0.1rem;
}


.is_faq dd{
  margin-left: 4.5rem;
  padding-left:0 ;
  text-indent: 0;
  display: block;
}
.is_faq > dd:before{
  background: #999;
  border-radius: 15%;
  content: "";
  height: 1.8rem;
  left: 3rem;
  margin: 0.3rem auto 0;
  position:absolute;
  width: 1.6rem;
}
.is_faq > dd:before{
  content: "A";
  color:#FFF;
  font-weight: bold;
  left: 3.2rem;
  margin: 0.2rem auto 0;
  position: absolute;
}

/* dl */
.m_dl dt {
  position:relative;
  line-height: 1.6;
  width: 6.5em;
  padding-left: 0;}

.m_dl dd {
  line-height: 1.6;
  margin: -2.4rem 0 4px 0;
  padding: 0 0 4px 6.5em;
  vertical-align:top;
}

/* dl　横並び */
.m_dllist dl {
  margin-top: 1.6rem;
  line-height: 1.6rem;
}

.m_dllist dt {
  width: 8em;
  padding-left: 0;}

.m_dllist dd {
  margin: -1.6rem 0 4px 0;
  padding: 0 0 4px 8em;
  vertical-align:top;
}

.m_dllist dd ul{
  margin-top:-2.4rem;
}

.m_dllist dd ul li {
  margin-top:0; padding-top:0;
  list-style:none;}



/* dl */
.m_dl > dt {
  border-bottom: 0.1rem dashed #ACAC9D;
  display: block;
  padding-bottom: 0.6rem;
  position:relative;
  margin: 0.7rem auto 0.6rem 0.7rem;
  padding-left: 0;
  width: 8em;
}
.m_dl > dd {
  line-height:1.6;
  text-indent: 0;
  margin: -1.6rem 0 4px 0;
  padding: 0 0 4px 8em;
  vertical-align:top;
}


/* --------------------------------------------------------------------------------------------------
table
------------------------------------------------------------------------------------------------- */

/* table_default */
.m_table_default {
  border-collapse: collapse;
  color:#333333;
  list-style: none;
  margin: 1rem 0;
  width: 100%;
}

.m_table_default tr > th {
  border: #89916B 1px solid;
  background-color:#DCE4CE;
  color:#366;
  padding: 0.5rem;
  text-align: left;
  vertical-align:text-top;
}

.m_table_default tr > td {
  border: #89916B 1px solid;
  background-color: #fff;
  padding: 0.5rem;
  text-align: left;
  vertical-align: top;
  vertical-align:text-top;
}

/* table_noframe */
.m_table_noframe {
  border-collapse: collapse;
  color:#333333;
  margin: 1rem 0;
  width: 100%;
}

.m_table_noframe tr > th {
  background-color:#eae8e1;
  border-bottom: #89916B 1px solid;
  border-right: #89916B 1px solid;
  border-top: none;
  border-left: none;
  color:#333;
  padding: 0.5rem;
  text-align: left;
  vertical-align:text-top;
}

.m_table_noframe tr > td {
  border-bottom: #89916B 1px solid;
  border-right: #89916B 1px solid;
  border-top: none;
  border-left: none;
  background-color: #fff;
  padding: 0.5rem;
  text-align: left;
  vertical-align: top;
}


/* table_gray */
.m_table_gray {
  border: #A8A29F 1px solid;
  border-collapse: collapse;
  color:#333333;
  margin: 1rem 0;
  width: 100%;
}

.m_table_gray tr > th {
  background-color:#eae8e1;
  color:#474544;
  padding: 0.5rem;
  text-align: left;
  vertical-align:text-top;
}

.m_table_gray tr > td {
  background-color: #fff;
  padding: 0.5rem;
  text-align: left;
  vertical-align: top;
  vertical-align:text-top;
}

.m_table_gray tr > td.is_bgc_tdbl{ background-color:#D9E3F3;}
.m_table_gray tr > td.is_bgc_tdylw{ background-color:#FFEBD6;}

td.is_nowrap { white-space: nowrap; }
.is_th25 th{ width: 25%;}
.is_th15 th{ width: 15%;}
.is_th12 th{ width: 12%;}
.is_th10 th{ width: 10%;}
td.is_td35 { width: 35%;}
td.is_td30 { width: 30%;}
td.is_td26 { width: 26%;}
td.is_td25 { width: 25%;}
td.is_td20 { width: 20%;}
td.is_td15 { width: 15%;}
td.is_td10 { width: 10%;}
td.is_td8 { width: 8%;}

td.is_nob{ border-bottom:none !important;}
td.is_nor{ border-right: none !important;}
td.is_nol{ border-left: none !important;}
th.is_nob{ border-bottom:none !important;}
th.is_nor{ border-right:none !important;}


/* --------------------------------------------------------------------------------------------------
box
------------------------------------------------------------------------------------------------- */

.m_box{
  padding: 0.5rem;
  margin:  0.5rem;
  border-radius: 5px;
  overflow:hidden;
}


.m_box_gray{
  background-color: #EEE;
  padding: 0.5rem 1rem 1rem;
  margin: 1.5rem 0 1.5rem;
  border-radius: 5px;
  overflow:hidden;
}

.m_box_gray_b{
  background-color: #EEE;
  padding: 0.5rem 1rem 1rem;
  margin: 1.5rem 0 1.5rem;
  border-radius: 5px;
  overflow:hidden;
}

.m_box_grayH {
  background-color: #ECECEC;
  border-radius: 5px;
  border-top: 10px solid #FDE6AC;
  padding: 0.5rem 1rem 1rem;
  margin: 1.5rem 0 0;
  min-height:360px;
}

.m_box_grayH a {
  text-decoration: none;
}

.m_box_grayH:hover {
  background-color: #FDE6AC;
  color: #fff;
  transition: background-color 0.3s ease 0s;
}

.m_box_grayH_b {
  background-color: #ECECEC;
  border-radius: 5px;
  border-top: 10px solid #FDE6AC;
  padding: 0.5rem 1rem 1rem;
  margin: 1.5rem 0 0;
}

.m_box_grayH_c a {
  text-decoration: none;
}

.m_box_grayH_c:hover {
  background-color: #FDE6AC;
  color: #fff;
  transition: background-color 0.3s ease 0s;
}

.m_box_grayH_c {
  background-color: #ECECEC;
  border-radius: 5px;
  border-top: 10px solid #FDE6AC;
  padding: 0.5rem 1rem 1rem;
  margin: 1.5rem 0 0;
}

.m_box_grayH_c a {
  text-decoration: none;
}

.m_box_grayH_b:hover {
  background-color: #FDE6AC;
  color: #fff;
  transition: background-color 0.3s ease 0s;
}


.m_box_wumeg{
  background-color: #F2E8E9;
  margin: 1.5rem 0 1.5rem;
  border-radius: 5px;
  overflow:hidden;
  padding: 0.5rem 1rem 1rem;
}

.m_box_wumeg p{ padding: 0.5rem 1rem 1rem; }
.m_box_wumeg img{
  border-radius: 5px;
  margin-right: 1.5rem;
}

.is_box_beige{ background-color:#F1ECE3;}

.m_box_wt{
  background-color: #FFF;
  padding: 0.7rem;
  margin: 0 0 1.5rem;
  border-radius: 5px;
  box-shadow:rgba(172, 172, 157, 0.75) 1px 1px 1px 0px;
  overflow:hidden;
  position:relative;
  min-height: 100%;
}

.m_box_wt_b{
  background-color: #FFF;
  padding: 0.7rem;
  margin: 0 0 1.5rem;
  border-radius: 5px;
  box-shadow:rgba(172, 172, 157, 0.75) 1px 1px 1px 0px;
  overflow:hidden;
  position:relative;
}

.m_box_grid{
  box-sizing: border-box;
  display: inline-block;
  line-height: 1.6;
  width: 48%;
  padding: 0 5px;
  margin: 5px 5px;
  vertical-align: top;
}

.m_box_grid:nth-child(n+2) { padding-right: 0;}

.m_box_bd{
  border: 1px dashed #AD936B;
  margin: 1.5rem 0 1.5rem;
  border-radius: 5px;
  overflow:hidden;
  padding: 0.5rem 1rem 1rem;
}

.m_box_bd_l{
  border: 1px dashed #BFACAC;
  margin: 1.5rem 0 1.5rem;
  border-radius: 5px;
  overflow:hidden;
  padding: 0.5rem 1rem 1rem;
}

.m_box_wt_bd{
  background-color: #FFF;
  border: 5px solid #999;
  padding: 0.7rem;
  margin: 0 0 1.5rem;
  border-radius: 5px;
  box-shadow:rgba(172, 172, 157, 0.75) 1px 1px 1px 0px;
  overflow:hidden;
  position:relative;
  min-height: 100%;
}


/* -----------------------------------------------------------------
フレキシブルボックス
------------------------------------------------------------------ */
.m_flex{
  display: flex;
  margin: 0;
  padding: 0;
  align-content: space-between;
  flex-wrap: wrap;
}

.is_flex_item{
  flex: 1 1 calc(33.3% - 30px);
  margin-right: 10px;
}

.is_flex_item:nth-child(odd){
  margin-left: 0;
}

.is_flex_item:last-child{
  flex: 0 1 calc(33.3% - 10px);
}

.is_flex_item2{
  flex: 1 1 calc(50% - 20px);
  margin-right: 10px;
}

.is_flex_item2:nth-child(odd){
  margin-left: 0;
}

.is_flex_item2:last-child{
  flex: 0 1 calc(50% - 20px);
}

.is_flex_item8{
  flex: 1 1 calc(12.5% - 20px);
  margin-right: 5px;
}

.m_flex > li { list-style: none; }
_:-ms-lang(x), .is_flex_item { flex: 1 1 29%; }
_:-ms-lang(x), .is_flex_item:last-child{ flex: 0 1 29%; }
_:-ms-lang(x), .is_flex_item2 { flex: 1 1 47%; }
_:-ms-lang(x), .is_flex_item2:last-child { flex: 0 1 47%; }
_:-ms-lang(x), .is_flex_item8 { flex: 1 1 12%; }
_:-ms-lang(x), .is_flex_item8:last-child { flex: 0 1 12%; }


/* --------------------------------------------------------------------------------------------------
home
------------------------------------------------------------------------------------------------- */
/* title_home
------------------------------------------------------------------------------------------------- */
.m_title_home{
  border-bottom: 1px solid #FFF;
  font-size : 1.9rem;
  font-weight: normal;
  margin-bottom:0;
  padding-bottom: 0.3rem;
}
.m_title_home span {
  font-size : 1.6rem;
  font-weight: normal;
  margin-left: 1.4rem;
}
.m_title_home span.news{
  float:right;
  font-size:1.2rem;
  margin-left: -0.2rem;
  margin-top: 1rem;
  padding-bottom: 0;
  padding-left: 1.2rem;
  position:relative;
  text-indent: 0rem;
}
.m_title_home span.news a{
  color:#FFF;
}
.m_title_home span.news a:hover{
  color: #0079D6;
}
.m_title_home span.news:before {
  border: 0.5rem solid transparent;
  border-left-color: #FFF;
  content: "";
  height: 0;
  left: 0;
  margin: -1rem auto 0;
  position: absolute;
  top: 1.4rem;
  width: 0;
}

.m_title_home span.news:hover:before{
  border: 0.5rem solid transparent;
  border-left-color: #0079D6;
}

/* メインメニュー
------------------------------------------------------------------------------------------------- */
.m_homemenu > ul{
  margin: 0;
}

.m_homemenu > ul > li > a {
  display:block;
  overflow:hidden;
}

.m_homemenu > ul > li{
  border-radius: 5px;
  box-shadow:rgba(172, 172, 157, 0.75) 1px 1px 1px 0px;
  display:block;
  margin: 0 0 1.5rem;
  overflow:hidden;
  padding: 0 0.7rem 0.7rem;
}
.m_homemenu >ul > li:nth-child(1n){
  float:left;
  width: 100%;
  margin-right: 0;
}
.m_homemenu >ul > li:nth-child(even) {
  float:left;
  width: 49%;
  margin-right: 2%;
}
.m_homemenu >ul > li:nth-child(3) {
  float:left;
  width:49%;
  margin-right:0;
}
.m_homemenu >ul > li:nth-child(5) {
  float:left;
  width: 49%;
  margin-right:0;
}
.m_homemenu >ul > li:nth-child(6) {
  float:left;
  width: 70%;
  margin-right:0;
}
.m_homemenu a{
  color: #FFF;
  margin:0 auto;
  display:block;
}
.m_homemenu a:hover{
  text-decoration: none;
  color: #FFF;
}
.m_homemenu a img{
  float:right;
  margin: 0;
  outline:none;}
.m_homemenu a:hover img{
  outline:none;
}
/* ニュース・Facebook
------------------------------------------------------------------------------------------------- */
.m_news {
  background-color: #FFF;
  border-radius: 0 0 5px 5px;
  color:#666;
  margin: 0;
  padding:0.3rem 0 0.3rem;
  height:auto;
}
.m_news a { color: #183CB2 ; text-decoration: none; }
.m_news a:hover { color: #0079D6; text-decoration: underline; }



/* バナー
------------------------------------------------------------------------------------------------- */
.m_bn {
  margin-top: 0;
  padding-left:0.1rem;
}

.m_bn ul{
  display: table;
  list-style: none;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  text-align: center;
}
.m_bn ul li {
  display: table-cell;
  padding: 1rem 0.7rem 1rem 0;
  margin-left:0;
  vertical-align: middle;
}

.m_bn ul li:last-child {margin-right: 0; padding-left:1rem; padding-right:0;}
.m_bn ul li:last-child.ai {margin-right: 0; padding-left:0; padding-right:0;}

/*.m_bn_gp {
margin: 1rem 0;
padding:0 0 0.7rem 0.1rem;
border-top: 1px dashed #CEBF92;
border-bottom: 1px dashed #CEBF92;
}*/

.m_bn_gp > ul {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-wrap: wrap;
  list-style: none;
  margin:0 0 0.7rem;
  padding:0;
}

.m_bn_gp li {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis:45%;
  -ms-flex-basis:45%;
  flex-basis:45%;
  width:47%\9;
  border-radius: 5px;
  padding: 0.7rem 0 0.7rem 0;
}
.m_bn_gp li:nth-child(2n) {margin-right: 0; margin-left: 1.5rem;}

#is_gnav_home h2{
  font-size: 2.4rem;
  margin-top:0.7rem;
}



/* --------------------------------------------------------------------------------------------------
photo+caption
------------------------------------------------------------------------------------------------- */
.m_ph_caption > dl {
  float: right;
}

.m_ph_caption > dt {
  padding: 1.3rem 0 0 0.5rem;
}

.m_ph_caption > dd {
  text-align: right;
  font-size: 1.2rem;
  color: #665722;
}

/* --------------------------------------------------------------------------------------------------
accordion
------------------------------------------------------------------------------------------------- */
.m_accrd{
  margin-left:0;
  padding-left:0;
  width:100%;
}

.m_accrd h6 {
  display: block;
  font-size: 1.4rem;
  margin-left: -0.2rem;
  margin-top: 0.7rem;
  padding-bottom: 0.6rem;
  padding-left: 1.6rem;
  position:relative;
  text-indent: 0rem;
}

.m_accrd h6:before {
  border: 0.5rem solid transparent;
  border-left-color: #666;
  content: "";
  height: 0;
  left: 0.4rem;
  margin: -1px auto 0;
  position: absolute;
  top: 6px;
  width: 0;
}

.m_accrd h6:hover:before{
  border: 0.5rem solid transparent;
  border-left-color: #09c;
}

.m_accrd p{
  background-color: #f5f5f5;
  border-radius: 3px;
  font-size: 1.4rem;
  margin:5px;
  overflow:hidden;
  padding:2px;
}

/* --------------------------------------------------------------------------------------------------
教育助成
------------------------------------------------------------------------------------------------- */
/* 教育助成を受けるには
------------------------------------------------------------------------------------------------- */
.m_program_about { text-align: center;}
.m_program_about p{ margin: 0.7rem; }
.m_program_about a:hover { text-decoration: none;}
.m_program_about a p, .m_program_about p:hover { color: #414848; }

.m_program_about h3{ font-size: 2rem; color:#5280A6; margin-top: 1.5rem; }
.m_program_about dl { color: #FFF;  line-height: 1.6;}
.m_program_about dt{
  float:left;
  clear:left;
  background-color: #669ECC;
  border-radius: 22px 22px;
  width: 7rem;
}
.m_program_about dd{
  background-color: #76B3E1;
  border-radius: 22px 22px;
  text-indent: -3rem;
  line-height: 1.6;
}
.is_pre h3{ color:#3B89A5;}
.is_pre dt{ background-color:#4CAED3;}
.is_pre dd{ background-color:#58C3EC;}

/* 助成の流れ
------------------------------------------------------------------------------------------------- */
.m_dlsche { position: relative;}
.m_dlsche > ul > li {
  margin-bottom:3rem;
  list-style: none;
}
.m_dlsche > ul > li:before{
  content:"";
  background-color:rgba(218,218,218,0.55);
  border-radius: 50%;
  position: absolute;
  width: 5rem;
  height: 5rem;
}

.m_dlsche dl dt {
  border-bottom: 1px dashed #ACAC9C;
  float:left;
  clear:both;
  padding-left: 1.5rem;
  padding-top: 1rem;
  width: 90%;
  position:absolute;
}
.m_dlsche dl dt span {
  font-size: 2.2rem; }
.m_dlsche dl dt:after{
  content:"……";
}

.m_dlsche dl dt sup { left:-1rem; top:-1.8rem; margin-right: -1rem;}

.m_dlsche dl dd {
  margin-left: 18%;
  padding-top: 2.2rem;
  position:relative;
}
.m_dlsche dl dd ul {  padding-left:1.5rem; padding-top: 0.7rem;}
.m_dlsche dl dd ul li { color: #79666F; font-size: 1.3rem;}


/* 大会発表会研究会
------------------------------------------------------------------------------------------------- */
.m_program_workshop > ul { padding-left:0;}

.m_program_workshop > ul > li{
  list-style: none;
  display:block;
  margin-bottom: 2rem;
  padding: 0;
  overflow:hidden;
  position: relative;
}
.m_program_workshop a img, .m_program_workshop a img:hover{
  margin-left: 0;
  margin-right:1.5rem;
  outline:none;
  min-height: 230px;
  min-width: 224px;
  float:left; clear:both;
}
.m_program_workshop a dl, .m_program_workshop a p, .m_program_workshop p:hover, .m_program_workshop ul li, .m_program_workshop ul li:hover  {
  color: #414848;
}
.m_program_workshop a:hover {
  text-decoration: none;
}
.m_program_workshop h3 {
  font-size: 1.8rem;
  color:#FFF;
  margin-top:0.7rem;
  background-color: #2B7891;
  padding: 0.7rem;
}

.m_program_workshop ul.is_workshop_menu {
  list-style: none;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.m_program_workshop ul .is_workshop_menu li{
  text-align:center;
  margin-right: 0.5rem;
  border: 1px dashed #A19D98;
  -webkit-flex-basis:24%;
  -ms-flex-basis:20%;
  flex-basis:24%;
  flex-grow:0;
  -webkit-flex-grow:0;
  -ms-flex-grow:0;
  width:18%\9;
  float:left\9;
  margin-bottom: 1rem;
  padding: 0.5rem 0;
}

.m_program_workshop ul .is_workshop_menu li span{
  white-space:nowrap;}


/* --------------------------------------------------------------------------------------------------
top
------------------------------------------------------------------------------------------------- */
.m_mainimage{
  background:url(../spring/p_main_spring.jpg) 0 0 no-repeat;
  padding-bottom: calc(100%*450/1024);/* calc(100*ImageHeight/ImageWidth)% */
  background-size: contain;
  position:relative;
}
.m_mainimage_h{
  display:table;
  width:100%;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top:30%;
}
.m_mainimage h2{  font-size:3rem;}
.m_mainimage h3{  font-size:2.4rem;}
.m_maintxt{
  display:table;
  width:100%;
  vertical-align: middle;
  text-align: center;
  background-color: #FFF;
  padding: 3rem;
  border-radius: 5px;
  box-shadow:rgba(172, 172, 157, 0.75) 1px 1px 1px 0px;
}
.m_maintxt p { width: 60rem;}

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

------------------------------------------------------------------ */
@media only screen
  and (min-device-width:320px)
  and (max-device-width:667px) {
    .m_title_home{ font-size : 2.5rem;}
    .m_maintitle{ font-size: 3rem; padding-top:2rem; padding-bottom:2rem;}
    .m_title { height: 8rem;}
    .m_title span { font-size : 1.8rem;}
    .m_title:before {height: 6rem;}

    .flex-item:nth-child(1) {
      -webkit-flex: 0 1 32%;
      flex: 0 1 32%;
      -ms-flex: 0 1 31%;
    }
    .flex-item:nth-child(2) {
      -webkit-flex: 0 1 31%;
      flex: 0 1 31%;
      -ms-flex: 0 1 30%;
    }
    .flex-item:nth-child(4) {
      -webkit-flex: 0 1 31%;
      flex: 0 1 31%;
      -ms-flex: 0 1 30%;
    }
    .flex-item:nth-child(4) {
      -webkit-flex: 0 1 49%;
      flex: 0 1 49%;
      -ms-flex: 0 1 47%;
    }
    .flex-item:nth-child(5) {
      -webkit-flex: 0 1 48%;
      flex: 0 1 48%;
      -ms-flex: 0 1 47%;
    }
    h1.is_title-program { font-size:2.2rem}
}


/* -----------------------------------------------------------------
googlemap
------------------------------------------------------------------ */
iframe.googlemap{
  border: 0;
  margin-top: 10px;
  height:300px;
  width: 100%;
}
iframe.fborder0{  border: 0;}