@charset "UTF-8";

/* -----------------------------------------
   color-green #019B9C
----------------------------------------- */

/* -----------------------------------------
   全てのページの header/footer/aside
----------------------------------------- */

/* header */
.header{ width: 100%; background-color: #2a2a2a;}

/* main */
.main{ width: 90%; max-width: 1400px; margin: 40px auto;}
@media screen and (max-width: 900px) {
  .main{ margin: 40px auto;}
}

/* aside */
.bnr1{ max-width: 1200px; width: 84%; margin: 0 auto 80px auto;}
.bnr1 li{ position: relative; margin: 1%; width: 18%; padding: 1px; overflow: hidden; list-style: none; background-color: #fff;}
.bnr1 li a{ display: block; line-height: 0; vertical-align: bottom; background-color: #fff;}
.bnr1 li.bnrtext{ position: relative; padding-left: 20px; text-align: center; background-color: rgba(0,90,140,1.0); color: #fff;}
.bnr1 li.bnrtext::before{ position: absolute; content: "\f35d"; font-family: 'Font Awesome 5 Free'; font-weight: 700; left: 5px; top: 50%; transform: translateY(-50%); color: rgba(255,255,255,0.70); }
.bnr1 li.bnrtext a div{ display: block; position: absolute; top: 50%; right: 0; width: calc(100% - 20px); transform: translateY(-50%); color: #fff; font-size: 1.6rem; line-height: 1.4;}
.bnr1 li.bnrtext:hover{ background-color: rgba(0,90,140,0.85);}
@media screen and (max-width: 1600px) {.bnr1 li.bnrtext a{font-size: 1.5rem;}}
@media screen and (max-width: 1200px) {.bnr1 li.bnrtext a{font-size: 1.4rem;}}
@media screen and (max-width: 1000px) {
  .bnr1 li{ margin: 1%; width: 31.3%; }
  .bnr1 li.bnrtext a{font-size: 1.6rem;}
}
@media screen and (max-width: 640px) {
  .bnr1{ margin: 0 auto 40px auto;}
  .bnr1 li{ margin: 1%; width: 48%; }
  .bnr1 li.bnrtext a{font-size: 1.4rem;}
}


/* footer */
.footerwrap{ width: 100%; background-color: #2a2a2a; padding: 50px 5%;}
.footer{ margin: 0 auto;}
.footer-l{ width: 250px; margin: 2%; }
.footer-l span{ display: block; width: 160px; margin: 0 auto 10px auto;}
.footer-r{ margin: 2%; color: #fff;}
.footer-r a{ color: #109AFF;}
.footertitle{ font-size: 1.8rem; margin-bottom: 5px;}
@media screen and (max-width: 620px) {
  .footerwrap{ width: 100%; background-color: #2a2a2a; padding: 30px 5%;}
  .footer-l{ max-width: 250px; width: 96%;  margin: 3% 2%; }
  .footer-r{ margin: 3% 2%;}
}
.copyright{ display: block; margin-top: 30px; text-align: center; color: #fff; }

/* --------------------------------------------------------------------------
   topimage
-------------------------------------------------------------------------- */

/* home */
.topimage-home{ max-width: 1920px; width: 100%; margin: 0 auto;}
/*.topimage-home-l{ width: 37.5%; position: relative;}
.topimage-home-r{ width: 62.5%; position: relative;}*/
.topimage-home-l{ width: 50%; position: relative;}
.topimage-home-r{ width: 50%; position: relative;}
.topimage-home-r::after{ position: absolute; content: ""; top: 0; left: 0; width: 1px; height: 100%; background-color: #FFF; z-index: 1000;}
/*.topimage-home-l h1{ width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}*/
.toplogowrap{ width: 80%; max-width: 600px; background-color: #fff; padding: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.toplogoseiriken{ width: 60%; margin: 0 auto 5% auto;}
@media screen and (max-width: 900px) {
  .topimage-home{ border-top: 50px solid #333;}
  .topimage-home-l{ width: 100%;}
  .topimage-home-r{ width: 100%;}
  .toplogowrap{ width: 100%; max-width: 900px; background-color: #fff; padding: 10px; position: relative; top: auto; left: auto; transform: none;}
  .topimage-home-l h1{ width: 90%; max-width: 500px; position: relative; top: auto; left: auto; text-align: center; transform: none; margin: 30px auto 30px auto;}
  .toplogoseiriken{ position: absolute; top: -50px; right: auto; left: 0; max-width: 165px; background-color: transparent; padding: 5px;}
}


/* conts */
.contsimage{ max-width: 1920px; width: 100%; height: 300px; margin: 0 auto;}
.contsimage-l{ width: 50%; position: relative;}
.contsimage-r{ width: 50%; position: relative;}
.contslogo1{ max-width: 320px; width: 80%; background-color: #fff; padding: 20px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.contslogo2{ max-width: 220px; width: 60%; background-color: #fff; padding: 5px; position: absolute; top: 10px; right: 10px;}
.contslogo2sp{ display: none;}
.contsimage-r h1{ width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 3.6rem; line-height: 1.1; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold;}
@media screen and (max-width: 900px) {
  .contsimage{ border-top: 50px solid #333;}
  .contslogo1{ width: 80%; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 280px; padding: 10px 20px; background-color: rgba(255,255,255,0.80);}
  .contslogo2{ top: -50px; right: auto; left: 0; max-width: 165px; background-color: transparent;}
  .contslogo2pc{ display: none;}
  .contslogo2sp{ display: inline;}
}
@media screen and (max-width: 900px) {
  .contsimage{ height: auto;}
  .contsimage-l{ width: 100%; height: 200px;}
  .contsimage-r{ width: 100%; padding: 30px 20px; }
  .contsimage-r h1{ width: 100%; position: relative; top: auto; left: auto; transform: none; font-size: 2.4rem; text-align: center;}
  .contslogo1{ }
  .contslogo2{ }
}
  


/* --------------------------------------------------------------------------
   wrap
-------------------------------------------------------------------------- */

.wrapWT{ background-color: #FFFFFF;}
.wrapLB{ background-color: rgba(235,240,243,1.00);}

.wrapstd{ padding: 130px 0; max-width: 1200px; width: 80%; margin-left: auto; margin-right: auto;}
@media screen and (max-width: 800px) {
  .wrapstd{ padding: 70px 0;}
}



/* --------------------------------------------------------------------------
   title
-------------------------------------------------------------------------- */

.title1{ font-size: 2.8rem; line-height: 1.2; font-weight: 700; border-left: 3px solid #333; padding: 30px 0 30px 30px;}
@media screen and (max-width: 700px) {
  .title1{ font-size: 2.0rem; padding: 20px 0 20px 20px;}
}


/* --------------------------------------------------------------------------
   button
-------------------------------------------------------------------------- */

.btn1{ display: inline-block; position: relative; padding: 0px 0px 0px 20px; overflow: hidden;}
.btn1::before{ position: absolute; left: 0; top: 0; content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 700;}
.btn1::after{ position: absolute; left: 0; bottom: 0; content: ""; height: 1px; width: 100%; background-color: #0099FF; transform: translateX(-101%); transition: 0.5s;}
.btn1:hover::after{ transform: translateX(0);}

.btnani1{ display: inline-block; position: relative; overflow: hidden;}
.btnani1::after{ position: absolute; left: 0; bottom: 0; content: ""; height: 1px; width: 100%; background-color: #0099FF; transform: translateX(-101%); transition: 0.5s;}
.btnani1:hover::after{ transform: translateX(0);}


/* --------------------------------------------------------------------------
   effect
-------------------------------------------------------------------------- */

.effecttext1{ padding: 40px 50px; position: relative; margin: 0 auto; font-size: 2.0rem; line-height: 2.2;}
.effecttext1::before{ position: absolute; content: ""; top: 0; left: 0; width: 50%; height: 50%; border-top: 3px solid #1d7391; border-left: 3px solid #1d7391;}
.effecttext1::after{ position: absolute; content: ""; bottom: 0; right: 0; width: 50%; height: 50%; border-bottom: 3px solid #1d7391; border-right: 3px solid #1d7391;}
@media screen and (max-width: 1100px) {
  .effecttext1{ padding: 30px 25px; font-size: 1.6rem; line-height: 2.0;}
}

.square{ display: block; position: relative; width: 100%; padding-top: 100%;}
.square .boxcenter{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; }
@media screen and (max-width: 640px) {
  .square .boxcenter{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80%; text-align: center;  background-color: rgba(0,0,0,0.30);}
}


/* --------------------------------------------------------------------------
   cat tag
-------------------------------------------------------------------------- */

.cat-m{ margin-bottom: 30px;}
.cat-s span{ display: inline-block; color: #fff; font-size: 1.2rem; line-height: 1.1; padding: 5px 8px 4px 8px; border-radius: 3px; margin: 2px; transition: 0.5s; opacity: 0.8;}
.cat-m span{ display: inline-block; color: #fff; font-size: 1.6rem; line-height: 1.1; padding: 8px 10px 8px 10px; border-radius: 3px; margin: 5px; transition: 0.5s; opacity: 0.8; background-color: #05a083;}
.cat-s span:hover{ opacity: 1.0;}
.cat-m span:hover{ opacity: 1.0;}

@media screen and (max-width: 700px) {
  .cat-s span{ font-size: 1.1rem; padding: 3px; border-radius: 3px; margin: 2px;}
  .cat-m span{ font-size: 1.4rem; padding: 5px; border-radius: 5px; margin: 3px;}
}

.cat-m span.All,.cat-s span.All{ background-color: #ed1c24;}
.cat-m span.MRI,.cat-s span.MRI{ background-color: #0071bc;}
.cat-m span.Psychology,.cat-s span.Psychology{ background-color: #ff931e;}
.cat-m span.Female,.cat-s span.Female{ background-color: #3fa9f5;}
.cat-m span.Male,.cat-s span.Male{ background-color: #8abf3d;}
.cat-m span.Male_and_female_pairs,.cat-s span.Male_and_female_pairs{ background-color: #2e3192;}
.cat-m span.Same_sex_pairs,.cat-s span.Same_sex_pairs{ background-color: #8164dd;}
.cat-m span.cat7,.cat-s span.cat7{ background-color: #05a083;}

.cat-m span.News,.cat-s span.News{ background-color: #0071bc;}
.cat-m span.Press_Release,.cat-s span.Press_Release{ background-color: #ff931e;}
.cat-m span.Publications,.cat-s span.Publications{ background-color: #8164dd;}
.cat-m span.Seminar,.cat-s span.Seminar{ background-color: #05a083;}


.select-on{ display: inline-block; color: #fff; background-color: #05a083; font-weight: 700;}
.select-off{ display: inline-block; color: #fff; background-color: #CCC; font-weight: 700;}
.select-add{ display: inline-block; color: #fff; background-color: #05a083; font-weight: 700;}
.select-s{ font-size: 1.3rem; line-height: 1.0; padding: 5px 12px; border-radius: 5px;}
.select-m{ font-size: 1.6rem; line-height: 1.0; padding: 8px 15px; border-radius: 5px;}
@media screen and (max-width: 700px) {
  .select-s{ font-size: 1.1rem; padding: 5px 5px; border-radius: 5px;}
  .select-m{ font-size: 1.4rem; padding: 5px 10px; border-radius: 5px;}
}

/* --------------------------------------------------------------------------
   toppage
-------------------------------------------------------------------------- */

.box-top1{ width: 58%;}
.box-top2{ width: 38%;}
@media screen and (max-width: 900px) {
  .box-top1{ width: 100%; margin-top: 0px; margin-bottom: 40px;}
  .box-top2{ width: 100%; margin-top: 0px; margin-bottom: 0px;}
}



/* === NEWS === */
.newslist{ margin-top: 30px; margin-bottom: 20px;}
.newslist li{ border-bottom: 1px solid #ddd; list-style: none;}
.newslist li:first-child{ border-top: 1px solid #ddd;}
.newslist li a{ padding: 20px 2px 20px 10px; transition: 1s; }
.newslist li a:hover{ background-color: #F2FEFF; }
.newslist-l{ width: 125px; }
.newslist-r{ width: calc(100% - 130px);}
.newslist li .date{ font-size: 1.4rem; letter-spacing: 0;}
@media screen and (max-width: 700px) {
  .newslist{ margin-top: 20px; margin-bottom: 10px;}
  .newslist li a{ padding: 12px 2px 12px 2px;}
  .newslist-l{ width: 110px; }
  .newslist-r{ width: calc(100% - 110px);}
  .newslist li .date{ font-size: 1.2rem;}
}

/* === RECRUIT SEMINAR === */

.recruitlist{ margin-top: 30px; margin-bottom: 20px;}
.recruitlist li{ border-bottom: 1px solid #ddd; list-style: none;}
.recruitlist li:first-child{ border-top: 1px solid #ddd;}
.recruitlist li a{ padding: 20px 2px 20px 10px; transition: 1s;}
.recruitlist li a:hover{ background-color: #F2FEFF; }
.recruitlist-l{ width: 150px; }
.recruitlist-r{ width: calc(100% - 160px);}
.recruitlist li .date{ font-size: 1.4rem; letter-spacing: 0;}
@media screen and (max-width: 700px) {
  .recruitlist{ margin-top: 20px; margin-bottom: 10px;}
  .recruitlist li a{ padding: 12px 2px 12px 2px;}
  .recruitlist-l{ width: 90px; }
  .recruitlist-r{ width: calc(100% - 100px);}
  .recruitlist li .date{ font-size: 1.2rem;}
}
h3.recruitlist-h3{ font-size: 1.8rem; font-weight: 700;}




/* --------------------------------------------------------------------------
   CONTSpage
-------------------------------------------------------------------------- */

.contsbox-nav{ width: 220px;}
.contsbox-r{ width: calc(100% - 250px); background-color: #fff; padding: 24px 48px;}
.contsbox-nav ul li{ background-color: #fff; margin-bottom: 1px; width: 100%;}
.contsbox-nav ul li a{ display: block; position: relative; padding: 15px 5px 15px 27px; overflow: hidden; z-index: 2;}
.contsbox-nav ul li a::after{ position: absolute; left: 7px; top: 15px; content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 700;}
.contsbox-nav ul li a:hover{ background-color: #005a8c; color: #fff;}
@media screen and (max-width: 900px) {
  .contsbox-nav{ width: 100%; margin-bottom: 30px;}
  .contsbox-r{ width: 100%; background-color: #fff; padding: 24px;}
  .contsbox-nav ul li{ background-color: #fff; margin-bottom: 1px; width: 50%;}
  .contsbox-nav ul li:nth-child(2n-1){ background-color: #fff; margin-bottom: 1px; margin-right: 1px; width: calc(50% - 1px);}
  .contsbox-nav ul li a{ display: block; position: relative; padding: 15px 5px 15px 27px; overflow: hidden; z-index: 2;}
  .contsbox-nav ul li a::after{ position: absolute; left: 7px; top: 15px; content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 700;}
  .contsbox-nav ul li a:hover{ background-color: #005a8c; color: #fff;}
}
@media screen and (max-width: 480px) {
  .contsbox-nav ul li{ background-color: #fff; margin-bottom: 1px; width: 100%;}
  .contsbox-nav ul li:nth-child(2n-1){ margin-right: 0px; width: 100%;}
}

.bread{ width: 100%; background-color: #fff; font-size: 1.4rem; line-height: 1.2; padding: 15px 20px; border-radius: 40px; margin-bottom: 40px;}
.bread li{ display: inline-block; position: relative; padding: 0 10px 0 20px; overflow: hidden;}
.bread li::before{ position: absolute; left: 0; top: 0; content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 700;}
.bread li:first-child{ padding-left: 0px;}
.bread li:first-child::before{ content: "";}
.bread li a{ display: block; position: relative; overflow: hidden;}
.bread li a::after{ position: absolute; content: ""; bottom: 0px; left: 0px; width: 0; height: 1px; background-color: #005a8c; transition: 0.5s; }
.bread li a:hover::after{ position: absolute; content: ""; bottom: 0px; left: 0px; width: 100%; height: 1px; background-color: #005a8c; }
@media screen and (max-width: 480px) {
  .bread{ font-size: 1.3rem; padding: 10px 10px; border-radius: 40px; margin-bottom: 30px;}
  .bread li{ padding: 0 5px 0 12px;}
}

/* ----------------------------------------------------------------------------------
   CONTS EntryStyle
---------------------------------------------------------------------------------- */

/* No Class Style */
.entrystyle1 h2{ font-size: 3.0rem; line-height: 1.4; font-weight: 700; text-align: center; padding-bottom: 15px; border-bottom: 3px solid #005a8c; margin: 0 0 25px 0;}
.entrystyle1 h3{ font-size: 2.0rem; line-height: 1.4; font-weight: 700; color: #fff; border-left: 8px solid #208aaf; background-color: #005a8c; padding: 8px 8px 8px 15px; margin: 10px 0;}
.entrystyle1 h4{ font-size: 1.8rem; line-height: 1.6; font-weight: 700; border-left: 5px solid #005a8c; padding: 8px 8px 8px 15px; margin: 10px 15px;}
.entrystyle1 h5{ font-size: 1.8rem; line-height: 1.6; font-weight: 700; background-color: #E4E4E4; padding: 10px; margin: 10px 15px;}
.entrystyle1 h6{ font-size: 1.8rem; line-height: 1.6; font-weight: 700; margin: 10px 15px;}
.entrystyle1 p{ padding: 0 15px; margin: 8px 0; min-height: 2.88rem;}
.entrystyle1 li p,.entrystyle1 th p,.entrystyle1 td p{ padding: 0 0; margin: 0 0; min-height: auto;}
.entrystyle1 img{ width: 640px; max-width: calc(100% - 4px); height: auto; margin: 2px;}
.entrystyle1 blockquote{ background-color: #ECECEC; border-radius: 3px; padding: 10px; font-size: 1.4rem; margin: 10px 15px 10px 15px; }
.entrystyle1 ul{ margin: 8px 15px 8px 45px; list-style: disc;}
.entrystyle1 ol{ margin: 8px 15px 8px 45px; list-style: decimal;}
.entrystyle1 li{ margin: 2px 0;}
.entrystyle1 hr{ margin: 20px 0; border-top: 1px solid #888;}
.entrystyle1 table{ border: 0; border-collapse: collapse; margin: 10px 15px 10px 15px;}
.entrystyle1 table th{ border: 1px solid #888; background-color: rgba(232,232,232,1.00); font-weight: normal; padding: 3px 10px;}
.entrystyle1 table td{ border: 1px solid #888; padding: 3px 10px;}
@media screen and (max-width: 520px) {
  .entrystyle1 h2{ font-size: 2.4rem; padding-bottom: 15px; margin: 0 0 20px 0;}
  .entrystyle1 h3{ font-size: 1.8rem; padding: 8px 8px 8px 15px; margin: 10px 0;}
  .entrystyle1 h4{ font-size: 1.6rem; padding: 5px 8px 5px 15px; margin: 10px 0;}
  .entrystyle1 h5{ font-size: 1.6rem; padding: 8px; margin: 8px 0;}
  .entrystyle1 h6{ font-size: 1.6rem; margin: 8px 0;}
  .entrystyle1 p{ padding: 0 0; margin: 5px 0; min-height: 2.24rem;}
  .entrystyle1 blockquot{ margin: 10px 0px 10px 0px; }
  .entrystyle1 ul{ margin: 8px 0px 8px 18px;}
  .entrystyle1 ol{ margin: 8px 0px 8px 26px;}
  .entrystyle1 hr{ margin: 20px 0; border-top: 1px solid #888;}
  .entrystyle1 table{ border: 0; border-collapse: collapse; margin: 10px 0px 10px 0px;}
  .entrystyle1 table th{ border: 1px solid #888; background-color: rgba(232,232,232,1.00); font-weight: normal; padding: 3px 5px; text-align: left;}
  .entrystyle1 table td{ border: 1px solid #888; padding: 3px 5px;}
}


/* LIST original style */

ul.entrylist0{ margin: 8px 15px 8px 15px; list-style: none;}
ul.entrylist0 li p{ padding: 0 0; margin: 0 0; min-height: 0;}
@media screen and (max-width: 520px) { ul.entrylist0{ margin: 8px 0px 8px 0px;} }
ul.entrylist1 li{ position: relative; padding-left: 1.6em;}
ul.entrylist1 li::before{ position: absolute; left: 0px; top:50%; transform: translateY(-50%); font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 700;}
ul.entrylist2 li{ position: relative; padding-left: 1.6em;}
ul.entrylist2 li::before{ position: absolute; left: 0px; top:50%; transform: translateY(-50%); font-family: "Font Awesome 5 Free"; content: "\f00c"; font-weight: 700;}
ul.entrylist3 li{ position: relative; padding: 0.3em 1em; margin: 5px 0;}
ul.entrylist4 li{ position: relative; padding: 0.3em 1em 0.3em 2.2em; margin: 5px 0; border-radius: 30px;}
ul.entrylist4 li::before{ position: absolute; left: 0.7em; top:50%; transform: translateY(-50%); font-family: "Font Awesome 5 Free"; content: "\f111"; font-weight: 700; color: #fff;}
ul.entrylist5 li{ position: relative; padding: 0.5em 1em 0.5em 1.5em; border-bottom: 1px dashed #AAA;}
ul.entrylist5 li::before{ position: absolute; top: 50%; transform: translateY(-50%); left: 0.5em; font-family: "Font Awesome 5 Free"; content: "\f111"; font-weight: 700; font-size: 50%; color: #888;}
ul.entrylist5 li:first-child{ border-top: 1px dashed #888;}
ul.entrylist6 li{ position: relative; padding: 0.5em 1em 0.5em 1.5em; border-bottom: 1px dashed #AAA;}
ul.entrylist6 li::before{ position: absolute; top: 50%; transform: translateY(-50%); left: 0.5em; font-family: "Font Awesome 5 Free"; content: "\f111"; font-weight: 700; font-size: 50%; color: #888;}
ol.entrylist0{ margin: 8px 15px 8px 15px; list-style: none;}
ol.entrylist0 li p{ padding: 0 0; margin: 0 0; min-height: 0;}
@media screen and (max-width: 520px) { ol.entrylist0{ margin: 8px 0px 8px 0px;} }
ol.entrylist5{ counter-reset:number; }
ol.entrylist5 li{ position: relative; padding: 0.5em 1em 0.5em 2.5em; border-bottom: 1px dashed #AAA; list-style: none;}
ol.entrylist5 li::before{ position: absolute; top: 0.5em; left: 0.5em; counter-increment: number;
  content: counter(number)'.';}
ol.entrylist5 li:first-child{ border-top: 1px dashed #888;}
ol.entrylist6{ counter-reset:number; }
ol.entrylist6 li{ position: relative; padding: 0.5em 1em 0.5em 2.5em; border-bottom: 1px dashed #AAA; list-style: none;}
ol.entrylist6 li::before{ position: absolute; top: 0.5em; left: 0.5em; counter-increment: number;
  content: counter(number)'.';}
ol.entrylist7{ counter-reset:number;}
ol.entrylist7 li{ position: relative; padding: 1em 1em 1em 3.5em; border-bottom: 1px dashed #AAA; list-style: none;}
ol.entrylist7 li::before{ position: absolute; top: 0.5em; left: 0; width: 2em; height: 2em; text-align: center; font-size: 120%; line-height: 2em; font-weight: 700; border-radius: 50%; counter-increment: number; content: counter(number);}
ol.entrylist8{ counter-reset:number; }
ol.entrylist8 li{ position: relative; padding: 1em 1em 1em 4em; list-style: none; background-color: #EBEBEB;border-radius: 1em; margin: 0 0 20px 10px;}
ol.entrylist8 li::before{ position: absolute; top: -10px; left: -10px; width: 2em; height: 2em; text-align: center; font-size: 140%; line-height: 2em; font-weight: 700; border-radius: 1em; counter-increment: number; content: counter(number);}
.entrylistcolorBL li::before{ color: #00A3FF;}
.entrylistcolorYE li::before{ color: #FFD600;}
.entrylistcolorRD li::before{ color: #FF0000;}
.entrylistcolorGR li::before{ color: #29FF00;}
.entrylistcolorGY li::before{ color: #878787;}
.entrylistcolorWBL li::before{ color: #FFF; background-color: #005a8c;}
.entrylistcolorWYE li::before{ color: #FFF; background-color: #705E00;}
.entrylistcolorWRD li::before{ color: #FFF; background-color: #7B0606;}
.entrylistcolorWGR li::before{ color: #FFF; background-color: #0E5600;}
.entrylistcolorWGY li::before{ color: #FFF; background-color: #2E2E2E;}
.entrylistlineBL li{ background-color: rgba(178,231,251,0.50); color: #005a8c; border-left: 5px solid #005a8c;}
.entrylistlineYE li{ background-color: rgba(255,237,198,0.5); color: #705E00; border-left: 5px solid #705E00;}
.entrylistlineRD li{ background-color: rgba(255,202,202,0.5); color: #7B0606; border-left: 5px solid #7B0606;}
.entrylistlineGR li{ background-color: rgba(210,255,198,0.5); color: #0E5600; border-left: 5px solid #0E5600;}
.entrylistlineGY li{ background-color: rgba(217,217,217,0.50); color: #2E2E2E; border-left: 5px solid #2E2E2E;}
.entrylistcircleBL li{ background-color: rgba(178,231,251,0.50); color: #005a8c;}
.entrylistcircleYE li{ background-color: rgba(255,237,198,0.5); color: #705E00;}
.entrylistcircleRD li{ background-color: rgba(255,202,202,0.5); color: #7B0606;}
.entrylistcircleGR li{ background-color: rgba(210,255,198,0.5); color: #0E5600;}
.entrylistcircleGY li{ background-color: rgba(217,217,217,0.50); color: #2E2E2E;}




/* BOX original style */

.box1{ display: block; margin: 20px 15px; padding: 15px; border-radius: 5px;}
@media screen and (max-width: 520px) {
  .box1{ margin: 10px 0px;}
}
.box1colorLB{ background-color: rgba(178,231,251,0.50); color: #005a8c;}
.box1colorLY{ background-color: rgba(255,237,198,0.5); color: #705E00;}
.box1colorLR{ background-color: rgba(255,202,202,0.5); color: #7B0606;}
.box1colorLG{ background-color: rgba(210,255,198,0.5); color: #0E5600;}
.box1colorGY{ background-color: rgba(217,217,217,0.50); color: #2E2E2E;}

.box1dash{ display: block; margin: 30px 21px; padding: 11px; border-radius: 4px;}
@media screen and (max-width: 520px) {
  .box1dash{ margin: 10px 6px;}
}
.box1colorLBdash{ background-color: rgba(178,231,251,0.50); color: #005a8c; box-shadow: 0px 0px 0px 6px rgba(178,231,251,0.50); border: dashed 1px #005a8c;}
.box1colorLYdash{ background-color: rgba(255,237,198,0.5); color: #705E00; box-shadow: 0px 0px 0px 6px rgba(255,237,198,0.5); border: dashed 1px #705E00;}
.box1colorLRdash{ background-color: rgba(255,202,202,0.5); color: #7B0606; box-shadow: 0px 0px 0px 6px rgba(255,202,202,0.5); border: dashed 1px #7B0606;}
.box1colorLGdash{ background-color: rgba(210,255,198,0.5); color: #0E5600; box-shadow: 0px 0px 0px 6px rgba(210,255,198,0.5); border: dashed 1px #0E5600;}
.box1colorGYdash{ background-color: rgba(217,217,217,0.50); color: #2E2E2E; box-shadow: 0px 0px 0px 6px rgba(217,217,217,0.50); border: dashed 1px #2E2E2E;}

.box1line{ display: block; margin: 20px 15px; padding: 10px;}
@media screen and (max-width: 520px) {
  .box1line{ margin: 10px 0px;}
}
.box1lineLB{ background-color: rgba(178,231,251,0.50); color: #005a8c; border-left: 8px solid #005a8c;}
.box1lineLY{ background-color: rgba(255,237,198,0.5); color: #705E00; border-left: 8px solid #705E00;}
.box1lineLR{ background-color: rgba(255,202,202,0.5); color: #7B0606; border-left: 8px solid #7B0606;}
.box1lineLG{ background-color: rgba(210,255,198,0.5); color: #0E5600; border-left: 8px solid #0E5600;}
.box1lineGY{ background-color: rgba(217,217,217,0.50); color: #2E2E2E; border-left: 8px solid #2E2E2E;}


.seminarinfowrap{ border-radius: 3px; overflow: hidden; margin: 20px 0;}
.seminarinfo-title{ text-align: center; font-weight: 700; padding: 5px;}
.seminarinfo{ padding: 10px;}
.seminarinfo-colorBL{ border: 1px solid rgba(0,90,140,1.0); }
.seminarinfo-colorBL .seminarinfo-title{ background-color: rgba(0,90,140,1.0); color: #fff;}
.seminarinfo-colorRD{ border: 1px solid rgba(187,0,0,1.00); }
.seminarinfo-colorRD .seminarinfo-title{ background-color: rgba(187,0,0,1.00); color: #fff;}
.seminarinfo-colorGR{ border: 1px solid rgba(12,116,0,1.00); }
.seminarinfo-colorGR .seminarinfo-title{ background-color: rgba(12,116,0,1.00); color: #fff;}
.seminarinfo-colorYE{ border: 1px solid rgba(156,151,0,1.00); }
.seminarinfo-colorYE .seminarinfo-title{ background-color: rgba(156,151,0,1.00); color: #fff;}
.seminarinfo-colorGY{ border: 1px solid #2E2E2E; }
.seminarinfo-colorGY .seminarinfo-title{ background-color: #2E2E2E; color: #fff;}



/* BUTTON original style */

.btn2{ display: inline-block; padding: 3px 10px; margin: 2px 5px; border-radius: 3px; opacity: 0.8; transition: 0.5;}
.btn2:hover{ opacity: 1.0;}
.btn2colorRD{ background-color: rgba(179,0,2,1.0); color: #fff;}
.btn2colorBL{ background-color: rgba(0,90,140,1.0); color: #fff;}
.btn2colorLB{ background-color: rgba(0,163,204,1.00); color: #fff;}
.btn2colorBG{ background-color: rgba(0,158,160,1.0); color: #fff;}
.btn2colorGR{ background-color: rgba(1,147,0,1.00); color: #fff;}
.btn2colorGD{ background-color: rgba(135,126,0,1.00); color: #fff;}
.btn2colorOR{ background-color: rgba(237,162,0,1.00); color: #fff;}
.btn2colorBK{ background-color: #3E3E3E; color: #fff;}
.btn2line1{ background-color: rgba(255,255,255,1.00); border: 1px solid #888;}
.btn2line1:hover{ background-color: rgba(232,232,232,1.00);}

.btn-small{ font-size: 81.25%;}
.mark-pdf,.mark-pubmed,.mark-link,.mark-datacode
{ display: inline-block; position: relative; line-height: 1.1; padding: 5px 10px; border-radius: 3px; color: #fff; margin: 2px; transition: 0.4s; opacity: 0.8; font-size: 81.25%; }
.mark-pdf{ background-color: rgba(179,0,2,1.0);}
.mark-pubmed{ background-color: rgba(0,90,140,1.0);}
.mark-link{ background-color: rgba(0,158,160,1.0);}
.mark-datacode{ background-color: rgba(1,147,0,1.00);}
.mark-pdf:hover,.mark-pubmed:hover,.mark-link:hover,.mark-datacode:hover
{ opacity: 1.0;}


/* TABLE original style */

table.table1{ border-top: 3px solid rgba(0,90,140,1.0); width: calc(100% - 30px);}
table.table1 th{ background-color: transparent; border: none; border-bottom: 1px solid #AAA; padding: 10px 10px 10px 5px; white-space: nowrap; text-align: left; font-weight: 700;}
table.table1 td{ border: none; border-bottom: 1px solid #AAA; padding: 10px 5px;}
@media screen and (max-width: 520px) {
  table.table1{ width: 100%;}
  table.table1 th{ padding: 10px 5px 10px 0px; white-space: normal;}
  table.table1 td{ padding: 10px 0px;}
}
table.table11{ width: calc(100% - 30px);}
table.table11 th{ background-color: transparent; border: none; border-bottom: 1px solid #AAA; padding: 10px 10px 10px 10px; white-space: nowrap; text-align: left; font-weight: 700; border-bottom: 3px solid rgba(0,90,140,1.0); }
table.table11 td{ border: none; border-bottom: 1px solid #AAA; padding: 10px 10px;}
@media screen and (max-width: 520px) {
  table.table11{ width: 100%;}
  table.table11 th{ padding: 10px 5px 10px 0px; white-space: normal;}
  table.table11 td{ padding: 10px 0px;}
}
table.table12{ width: calc(100% - 30px);}
table.table12 th{ background-color: transparent; border: 1px solid #AAA; padding: 10px 10px 10px 10px; white-space: nowrap; text-align: left; font-weight: 700; border-bottom: 3px solid rgba(0,90,140,1.0); }
table.table12 td{ border: 1px solid #AAA; padding: 10px 10px;}
@media screen and (max-width: 520px) {
  table.table12{ width: 100%;}
  table.table12 th{ padding: 10px 5px 10px 0px; white-space: normal;}
  table.table12 td{ padding: 10px 0px;}
}
table.table2{ border-top: 1px solid #005a8c; width: calc(100% - 30px);}
table.table2 th{ background-color: #208aaf; color: #fff; border: none; border-bottom: 1px solid #005a8c; white-space: nowrap; padding: 10px; text-align: left;}
table.table2 td{ border: none; border-bottom: 1px solid #005a8c; padding: 10px;}
@media screen and (max-width: 520px) {
  table.table2{ width: 100%;}
  table.table2 th{ padding: 10px 5px 10px 5px; white-space: normal;}
  table.table2 td{ padding: 10px 5px;}
}
table.table21{ border-top: 1px solid #005a8c; width: calc(100% - 30px);}
table.table21 th{ background-color: #208aaf; color: #fff; border: none; border: 1px solid #fff; white-space: nowrap; padding: 10px; text-align: left;}
table.table21 td{ border: 1px solid #005a8c; padding: 10px; text-align: left;}
table.table21 tr:first-child th:first-child{ background-color: transparent;}
@media screen and (max-width: 520px) {
  table.table21{ width: 100%;}
  table.table21 th{ padding: 10px 5px 10px 5px; white-space: normal;}
  table.table21 td{ padding: 10px 5px;}
}
table.table3{ border-top: 1px solid #005a8c; margin-left: 15px; margin-right: 15px; width: auto; display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch;}
table.table3 tbody{ width: 100%; display:table;}
table.table3 th{ padding: 10px; text-align: left;}
table.table3 td{ padding: 10px; text-align: left;}
@media screen and (max-width: 520px) {
  table.table3{ margin-left: 0; margin-right: 0;}
  table.table3 th{ padding: 10px 5px 10px 5px;}
  table.table3 td{ padding: 10px 5px;}
}




.map{ border: 1px solid #AAA; padding: 1px; margin: 15px 15px;}
.map iframe{ max-width: 100%; width: 100%!important; height: 500px; vertical-align: bottom;}
@media screen and (max-width: 520px) {
  .map{ margin: 5px 0px;}
  .map iframe{ height: 400px;}
}

.qanda1{ margin: 30px 15px 30px 15px;}
.qanda1 dt{ position: relative; padding: 15px 15px 15px 50px; margin-bottom: 10px; background-color: rgba(255,102,0,0.05); color: rgba(158,29,0,1.00); font-weight: 700;}
.qanda1 dt::before{ position: absolute; top: 0; left: 0; content: "Q"; color: #FFF; background-color: rgba(173,58,32,1.00); width: 32px; height: 100%; font-weight: 700; font-size: 24px; font-family: Arial, Helvetica, "sans-serif"; line-height: 24px; padding: 3px 2px 2px 2px; text-align: center; box-sizing: border-box;}
.qanda1 dd{ position: relative; padding: 15px 15px 15px 50px; margin-bottom: 10px; margin-left: 32px; background-color: rgba(0,149,221,0.05); color: #0078B3;}
.qanda1 dd::before{ position: absolute; top: 0; left: 0; content: "A"; color: #FFF; background-color: #228aaf; width: 32px; height: 100%; font-weight: 700; font-size: 24px; font-family: Arial, Helvetica, "sans-serif"; line-height: 24px; padding: 3px 2px 2px 2px; text-align: center; box-sizing: border-box;}
@media screen and (max-width: 520px) {
  .qanda1{ margin: 20px 0 20px 0px;}
  .qanda1 dd{ margin-left: 0px;}
}

.qanda2{ margin: 30px 15px 30px 15px;}
.qanda2 dt{ position: relative; padding: 15px 15px 15px 60px; margin-bottom: 10px; background-color: rgba(255,102,0,0.05); color: rgba(158,29,0,1.00); font-weight: 700; border-radius: 5px;}
.qanda2 dt::before{ position: absolute; top: 11px; left: 10px; content: "Q"; color: #FFF; background-color: rgba(173,58,32,1.00); width: 32px; height: 32px; font-weight: 700; font-size: 24px; font-family: Arial, Helvetica, "sans-serif"; line-height: 32px; padding: 0px /*2px 0px 2px*/; text-align: center; border-radius: 50%;}
.qanda2 dd{ position: relative; padding: 15px 15px 15px 28px; margin-bottom: 10px; margin-left: 32px; background-color: rgba(0,149,221,0.05); color: #0078B3; border-radius: 5px;}
@media screen and (max-width: 520px) {
  .qanda2{ margin: 20px 0 20px 0px;}
  .qanda2 dd{ margin-left: 0px;}
}

.qanda3{ margin: 30px 15px 30px 15px;}
.qanda3 dt{ position: relative; padding: 15px 0px 15px 50px; font-weight: 700;}
.qanda3 dt::before{ position: absolute; top: 11px; left: 0px; content: "Q"; color: #FFF; background-color: rgba(181,33,0,1.00); width: 32px; height: 32px; font-weight: 700; font-size: 24px; font-family: Arial, Helvetica, "sans-serif"; line-height: 30px; padding: 0px /*2px 0px 2px*/; text-align: center; border-radius: 50%; letter-spacing: 0;}
.qanda3 dd{ position: relative; padding: 15px 15px 15px 50px; margin-bottom: 10px; margin-left: 22px;}
.qanda3 dd::before{ position: absolute; top: 11px; left: 0px; content: "A"; color: #FFF; background-color: rgba(0,149,221,1.00); width: 32px; height: 32px; font-weight: 700; font-size: 24px; font-family: Arial, Helvetica, "sans-serif"; line-height: 30px; text-align: center; border-radius: 50%; letter-spacing: 0;}
@media screen and (max-width: 520px) {
  .qanda3{ margin: 20px 0 20px 0px;}
  .qanda3 dd{ margin-left: 0px;}
}

.qanda4{ margin: 25px 15px 25px 15px; border: 2px solid #D8D8D8; border-radius: 5px;}
.qanda4 dt{ position: relative; padding: 15px 15px 15px 60px; background-color: #D8D8D8; /*color: rgba(158,29,0,1.00);*/ font-weight: 700;}
.qanda4 dt::before{ position: absolute; top: 11px; left: 10px; content: "Q"; color: #FFF; background-color: rgba(123,123,123,1.00); width: 32px; height: 32px; font-weight: 700; font-size: 24px; font-family: Arial, Helvetica, "sans-serif"; line-height: 32px; padding: 0px ; text-align: center; border-radius: 50%;}
.qanda4 dd{ position: relative; padding: 15px 15px 15px 15px; margin-bottom: 5px; border-radius: 5px;}
@media screen and (max-width: 520px) {
  .qanda4{ margin: 20px 0 20px 0px;}
  .qanda4 dd{ margin-left: 0px;}
}


/* ----------------------------------------------------------------------------------
   CONTS EntryStyle FixedStyle
---------------------------------------------------------------------------------- */

.entrycat{ margin-bottom: 30px;}
.entrycat a{ display: inline-block; padding: 2px 8px; border: 1px solid #005a8c; margin: 3px;}
.entrycat a:hover{ background-color: #005a8c; color: #fff;}


.memberslidebox{ width: 80%; max-width: 800px; margin: 30px auto 50px auto;}

.entrymember1 h2,.entrysubject1 h2
{ font-size: 3.0rem; line-height: 1.4; font-weight: 700; text-align: center; padding-bottom: 15px; border-bottom: 3px solid #005a8c; margin-bottom: 30px;}
.entrymember1 h3,.entrysubject1 h3
{ font-size: 2.0rem; line-height: 1.4; font-weight: 700; color: #fff; border-left: 8px solid #208aaf; background-color: #005a8c; padding: 8px 8px 8px 15px; margin-bottom: 20px;}
.entrymember1 h4,.entrysubject1 h4
{ font-size: 1.8rem; line-height: 1.6; font-weight: 700; border-left: 5px solid #005a8c; padding: 8px 8px 8px 15px; margin-bottom: 20px;}
.entrymember1 h5,.entrysubject1 h5
{ font-size: 1.8rem; line-height: 1.6; font-weight: 700; padding: 0 8px 0 15px; margin-bottom: 10px;}
.entrymember1 p,.entrysubject1 p
{ font-size: 1.6rem; line-height: 1.8; padding: 0 15px; margin-bottom: 12px; min-height: 2.8rem;}
@media screen and (max-width: 520px) {
  .entrymember1 h2,.entrysubject1 h2{ font-size: 2.4rem; padding-bottom: 15px; margin-bottom: 30px;}
  .entrymember1 h3,.entrysubject1 h3{ font-size: 1.8rem; padding: 8px 8px 8px 15px; margin-bottom: 20px;}
  .entrymember1 h4,.entrysubject1 h4{ font-size: 1.6rem; padding: 5px 8px 5px 15px; margin-bottom: 10px;}
  .entrymember1 h5,.entrysubject1 h5{ font-size: 1.6rem; padding: 0px 8px 0px 0px; margin-bottom: 10px;}
  .entrymember1 p,.entrysubject1 p{ font-size: 1.4rem; padding: 0 0; margin-bottom: 8px; min-height: 2.4rem;}
}
.entrymember1 ul{ border-top: 1px solid #efefef; margin-bottom: 40px;}
.entrymember1 ul li{ display: -webkit-box; display: -ms-flexbox; display: flex;	-ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #efefef;}
.entrymember1 ul li .memphoto{ width: 120px; }
.entrymember1 ul li .memphoto div{ width: 100%; padding-top: 100%; background-position: center center; }
.entrymember1 ul li .mem-r{ width: calc(100% - 150px); display: -webkit-box; display: -ms-flexbox; display: flex;	-ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.entrymember1 ul li .memname{ width: 40%; font-size: 2.0rem;}
.entrymember1 ul li .memterm{ width: 55%;}
.entrymember1 ul li .memnote{ width: 100%;}
.memphoto2{ width: 120px; }
.memphoto2 div{ width: 100%; padding-top: 100%; background-position: center center; }
.mem-r2{ width: calc(100% - 150px);}
@media screen and (max-width: 700px) {
  .entrymember1 ul li .memphoto{ width: 80px; }
  .entrymember1 ul li .mem-r{ width: calc(100% - 100px);}
  .entrymember1 ul li .memname{ width: 50%; font-size: 1.6rem;}
  .entrymember1 ul li .memterm{ width: 45%;}
}

.pub-list li{ margin-bottom: 40px;}
.pub-list p{ margin-bottom: 0;}


h2.same-entrystyle1{ font-size: 3.0rem; line-height: 1.4; font-weight: 700; text-align: center; padding-bottom: 15px; border-bottom: 3px solid #005a8c; margin-bottom: 30px;}
.same-entrystyle-h2{ font-size: 3.0rem; line-height: 1.4; font-weight: 700; padding-bottom: 15px; border-bottom: 3px solid #005a8c; margin: 5px 0 10px 0;}
h3.same-entrystyle1{ font-size: 2.0rem; line-height: 1.4; font-weight: 700; color: #fff; border-left: 8px solid #208aaf; background-color: #005a8c; padding: 8px 8px 8px 15px; margin-bottom: 20px;}
h4.same-entrystyle1{ font-size: 1.8rem; line-height: 1.6; font-weight: 700; border-left: 5px solid #005a8c; padding: 8px 8px 8px 15px; margin-bottom: 20px;}
h5.same-entrystyle1{ font-size: 1.8rem; line-height: 1.6; font-weight: 700; padding: 0 8px 0 15px; margin-bottom: 10px;}
@media screen and (max-width: 520px) {
  h2.same-entrystyle1{ font-size: 2.4rem; padding-bottom: 15px; margin-bottom: 30px;}
  .same-entrystyle-h2{ font-size: 2.4rem;}
  h3.same-entrystyle1{ font-size: 1.8rem; padding: 8px 8px 8px 15px; margin-bottom: 20px;}
  h4.same-entrystyle1{ font-size: 1.6rem; padding: 5px 8px 5px 15px; margin-bottom: 20px;}
  h5.same-entrystyle1{ font-size: 1.6rem; padding: 0px 8px 0px 0px; margin-bottom: 10px;}
}

.recruit-h2{ text-align: left!important; line-height: 1.6!important;}
.recruit-h2 span{ font-size: 76%; vertical-align: top;}




.boxsitemap section{ margin-bottom: 30px;}
.boxsitemap section ul{ margin-left: 50px;}
@media screen and (max-width: 520px) {
  .boxsitemap section ul{ margin-left: 30px;}
}
  
  
  
  

/* ----------------------------------------------------------------------------------
   MT Pagebute pagelist
---------------------------------------------------------------------------------- */

.pagenate{ position:relative; overflow:hidden; margin-top: 60px;}
.pagenate ul{ position:relative; display: -ms-flexbox; display: flex;	-ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center;}
.pagenate li{ list-style:none; width: 32px; height: 32px; font-size: 13px; line-height: 14px; text-align: center; margin: 3px; }
.pagenate li a{ display:block; width: 32px; height: 32px; padding: 9px 0; text-decoration:none; color: #1d7391;}
.pagenate li a:hover{	background-color: #1FADDD; border: 1px solid #1FADDD; }
.pagenate li span{ display:block; padding:8px 0; color: #1d7391; border: 1px solid #1d7391;}
@media screen and (max-width: 640px) {
  .pagenate{ margin-top: 30px; }
}

.pagenextwrap{ display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: nowrap; flex-wrap: nowrap; 
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  margin: 50px 0;
}
.pagenextwrap li a{ display: block; background-color: #aaa; color: #fff; 
  padding: 10px 20px; border-radius: 5px; }
.pagenextwrap li{ margin: 10px;}




/* ----------------------------------------------------------------------------------
   CONTACT-form
---------------------------------------------------------------------------------- */
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button;
  border: none; border-radius: 0;ox-sizing: border-box; cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration { display: none; }
input[type="submit"]::focus,
input[type="button"]::focus { outline-offset: -2px; }


table.formTable{
  width:100%; margin: 0 auto; border-collapse:collapse; border-bottom: 3px solid rgba(29,115,145,0.10);
}
table.formTable th,table.formTable td{ position: relative; font-size: 1.8rem; padding: 20px; vertical-align: top;}
table.formTable th{ width: 24%;	font-weight: 700; text-align: left; white-space: nowrap;}
table.formTable th::after{ position: absolute; content: ""; right: 0; top: 0; width: 3px; height: calc(100% - 20px); background-color: rgba(243,246,248,1.00)}
table.formTable tr:nth-child(2n-1){ background-color: rgba(29,115,145,0.10);}
table.formTable tr:nth-child(2n) th::after{ background-color: rgba(29,115,145,0.10);}
table.formTable td.tablespace{ border: none; line-height: 1.6;}
table.formTable td input{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
table.formTable td input[type="text"], table.formTable td input[type="email"]{ width:100%; max-width: 600px; display:block;	padding: 10px; border:1px solid #fff;}
table.formTable td input[type="radio"]{ margin: 15px 0; line-height: 1.6;}
table.formTable td textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; display:block; padding: 10px; border:1px solid #fff;}
input.formTablesubmit[type="submit"]{
  display:block; box-sizing: border-box; font-size: 2.0rem; color: #fff; background-color: #1d7391;
  text-align: center; line-height: 1.2; border: none;
  padding: 23px 10px; max-width: 380px; width: 80%;	margin: 50px auto 0 auto; }
@media screen and (max-width:767px) {
	table.formTable th { width:100%; display:block; padding: 10px 10px 10px 10px;}
  table.formTable td { display:block; padding: 10px 10px 20px 10px;}
  table.formTable th::after{ position: absolute; content: ""; left: 0; right: auto; top: auto; bottom: 0; width: 80%; height: 3px;}
	table.formTable td input[type="text"], table.formTable td input[type="email"], textarea { width:100%; display:block;}
	input.formTablesubmit[type="submit"]{ font-size: 1.6rem; width:100%; max-width: 620px; padding: 15px 10px; margin: 20px auto 0 auto; }
}
.contacttel1{ max-width: 640px; width: 80%; margin: 100px auto 60px auto; }
.contacttel1 a img{ width: 100%; height: auto; }
@media screen and (max-width:767px) {
  .contacttel1{ margin: 40px auto 20px auto; }
}

.dllistbox1 dt{
  display: block;
  font-size: 22px;
  margin: 40px 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px dashed rgba(57,80,98,1.00);
}
.dllistbox1 dd p{
  margin-bottom: 0.8em;
}

.mb2em{ margin-bottom: 1.5em;}


/* ----------------------------------------------------------------------------------
   Google Serchbox
---------------------------------------------------------------------------------- */

#cse-search-box{ position:relative; width: 140px; margin-top: 11px;}
#cse-search-box input[type="text"]{
  width: 120px;
  height:30px;
  padding:0 5px 0 15px; 
  position:absolute; 
  left:0;
  top:0; 
  border-radius:15px;
  background:#eee;
  outline:0;
  border: none;
  font-size: 16px;
}
#cse-search-box input[type="text"]::placeholder{ font-size: 10px; color: #CCC; font-family: Arial, Helvetica, "sans-serif"; letter-spacing: 0px;}
#cse-search-box button{
  height:30px;
  width: 20px;
  position:absolute; 
  right:5px;
  top:0;
  background:none;
  color:#666;
  border:none;
  font-size:16px;
}
@media screen and (max-width: 900px) {
  #cse-search-box{ position:relative; width: 200px; margin: 20px auto 0 auto; padding: 20px 0;}
  #cse-search-box input[type="text"]{
    width: 180px;
    height:40px;
    padding:0 5px 0 15px; 
    position:absolute; 
    left:0;
    top:0; 
    border-radius:20px;
    background:#eee;
    outline:0;
    border: none;
    font-size: 16px;
  }
  #cse-search-box button{
    height:30px;
    width: 20px;
    position:absolute; 
    right:5px;
    top:5px;
    background:none;
    color:#666;
    border:none;
    font-size:16px;
  }
}



/* ----------------------------------------------------------------------------------
   TOC 目次プログラム
---------------------------------------------------------------------------------- */


#toc {
  display: block;
  margin: 20px 0 20px 0;
  padding: 10px 20px;
  width: auto;
  background-color: rgba(0,90,140,0.1);
}
#toc ul{ margin: 0px 0px 0px 0px; list-style: none;}
#toc ul li {
  display: inline-block;
  margin: 5px 5px;
}
#toc a{ position: relative; display: block; background-color: rgba(0,90,140,0.8); color: #fff; border-radius: 4px; overflow: hidden; padding: 10px 10px 10px 2em;}
#toc a::after{ position: absolute; top: 50%; transform: translateY(-50%); left: 0.5em; font-family: "Font Awesome 5 Free"; content: "\f0ab"; font-weight: 700; color: #fff;}
#toc li a:hover{ background-color: rgba(0,90,140,1.0); }