/*---all---*/
@charset "UTF-8";

/* 基準値を10px */
body { font-size:14px; }

/* 
	JavaScriptが使えない環境、px指定すると可変しない為、相対的な単位を指定する
#header { font-size:100%; }
#main { font-size:140%; }
#sub { font-size:120%x; }
*/

/* フォントサイズ切り替えボタンのスタイル。自由にカスタマイズしてください。 */
#font-size div.small,
#font-size div.medium,
#font-size div.large { font-size:14px; display:inline-block; /display:inline; /zoom:1; padding:1px 16px; border:2px solid #2dadac; cursor:pointer; margin: 0 0 3px 5px;border-radius: 5px; }
#j-font-size-medium span {padding: 1px 6px;}
#font-size div.active { color:#fff; background-color:#2dadac; }
#font-size div.small span,
#font-size div.medium span,
#font-size div.large span { /* display:none; テキストを削除して画像ボタン化することも可能　*/ }
#font-size>span {font-size: 14px;margin: 4px 0 0 48px;float: left;text-align: right;}

/*Editor style*/
.text_indent_1em {
    margin-left: 1em;
    text-indent: -1em;
    display: inline-block;
}
.text_indent_2em {
    margin-left: 2em;
    text-indent: -2em;
    display: inline-block;
}
.text_indent_3em {
    margin-left: 3em;
    text-indent: -3em;
    display: inline-block;
}

/*bag*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: inherit;
    font-size: 102%;
    font-family:'Meiryo','CI','Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN','Osaka',sans-serif;
    vertical-align: baseline;
}
a {
/*    color: #1B9476;*/
}
a:hover, a:focus {text-decoration: none;
  opacity:0.8;
/*  filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";*/
}
ul {list-style: none;}
ol {margin-left: 1.5em;}
strong {font-weight: bold;}
.container,footer {
    margin: auto;
}
.cleth {
    clear: both;
    height: 0;
}
.clearfix {
    clear: both;
}
.position-6 .moduletable,
.position-7 .moduletable,
.sitewide {
    width: 1200px;
    margin: auto;
}
/*
.position-5 .moduletable {
    width: 1005px;
    margin: auto;
}
*/
.web_sp {
    display: none;
}
.position-2 {position: relative;padding-bottom: 10px;margin-top: 3px;}
.web_nav,.position-6 {background-color: #e7f1e0;}
.web_nav {
    background-image: url(../images/bg_nav_bg.png);
    background-repeat: repeat-x;
}
#wrapper .web_nav {
    background-image: none;
}
.position-7,#eria_fin .custom {text-align: center;}


body,#wrapper {overflow-x: hidden;}

/*---header---*/
body {
    border-top: 5px solid #2dadac;
}
header {
    height: 100px;
    position: relative;
}
header * {
    vertical-align: top;
}
.header_logo {
    position: absolute;
    bottom: 17px;
    left: 0;
}
.header_link {
    float: right;
    margin-top: -1px;
}
.header_link ul,.header_link li {
    float: right;
}
.header_link p {
    margin: 0 0 0 5px;
    padding: 7px 32px;
    line-height: 1.1em;
    font-size: 110%;
    color: #fff;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #2dadac;
}
.header_link a {text-decoration: none;}
.header-search {position: absolute;bottom: 6px;right: 0;text-align: right;}
#font-size {text-align: right;}
/*---Gnav---*/
nav {
    height: 50px;
}
nav li {
    background-image: url(../images/bg_navlist_r1.png),url(../images/bg_navlist.png);
    background-position: top right,top left;
    background-repeat: no-repeat;
    float: left;
    font-weight: bold;
    width: 14.28%;
    height: 40px;
    padding: 10px 0 0;
    text-align: center;
}
nav li.item-602 {
    background-image: url(../images/bg_navlist_rc.png),url(../images/bg_navlist.png);
    width: 14.2%;
}
nav li a,
.menu li a,
.navbox a{
    color: #40423A;
    text-decoration: none;
}
nav.navigation .menu li a{
    font-size: 16px;
}

.menu li a:hover,
.navbox a:hover{
    text-decoration:underline;
}
  label {
    display: none;
}

ul.breadcrumb {
    padding: 10px 0 10px;
}
/*---Top contents---*/
.position-2,.position-5,.position-6,.position-7, #eria_fin .custom,.bottom_banner,.itemid-101 #sidebar,
.itemid-101.single.catid-68 .position-2,
.itemid-101.single.catid-68 .position-6,
.itemid-101.single.catid-68 .position-7,
.itemid-101.single.catid-68 #eria_fin .custom,
.itemid-101.single.catid-68 .bottom_banner {
    display: none;
}
.itemid-1336 .position-2,


.itemid-101 .position-2,
.itemid-101 .position-5,
.itemid-101 .position-6,
.itemid-101 .position-7,
.itemid-101  #eria_fin .custom,
.itemid-101 .bottom_banner,
.itemid-101.single.catid-68 #sidebar {
    display: block;
}

.itemid-101 .item-page,
.itemid-1336 .item-page {
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
}
.itemid-1336 h3,

.itemid-101 h3 {
    background: none;
    height: auto;
    margin: 0 0 1em 0;
    padding: 0;
    border-bottom: 1px solid #5A5A5A;
}
.slider_left {
    position: absolute;
    left: -710px;
    top: 0;
    opacity: 0.3;
    height: 370px;
    left: -885px;
    width: 885px;
}
.slider_right {
    position: absolute;
    right: -710px;
    top: 0;
    opacity: 0.3;
    height: 370px;
    right: -885px;
    width: 885px;
}
.swiper-outline {
    padding: 10px 50px 3px;
    background: #eee;
    box-shadow: 1px 1px 6px #aaa inset;
    position: relative;
}
/*
.swiper-outline img {
    max-width: 100%;
}
*/
.w50 {
    width: 48.9%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.w50 img {
    width: 100%;
}
.w50 h3 img {
    width: auto;
}
.w25 {
    width: 24.7%;
    display: inline-block;
    text-align: center;
}
.w25 img {
    width:100%;
}
picture img {
    max-width: 100%;
}
.top01_banner,.top02_banner {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.topix_box_l,.topix_box_r,
.box_l,.box_r {
    float: left;
    margin-bottom: 15px;
}
.topix_box_r,.box_r {
    float: right;
}

.topix_lg,
.topix_lb{
    background: #FFF;
    padding: 40px 15px;
    text-align: left;
}
/*
.topix_lg li,
.topix_lb li {
    display: flex;
}
.topix_lg li a,
.topix_lb li a {
    order: 2;
}
span.mod-articles-category-date {
    float: left;
    order: 1;
}
*/
ul.category-module.mod-list li {
    margin-left: 9em;
    text-indent: -9em;
}
ul.category-modulekensyu.mod-list li {
    margin-left: 9em;
    text-indent: -9em;
}
span.cat_tag a,
span.mod-articles-category-category a {
    display: inline-block;
    width: 0;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 1.6em;
    font-size: 0;
    font-weight: bold;
    letter-spacing: 2px;
    margin-right: 5px;text-indent: 0;
}
span.cat-intern a {
    background: #a59aca;
    font-size: 11px;
    width: 80px;
}
span.cat-info a {
    background: #a4cb52;
    font-size: 11px;
    width: 80px;
}
span.cat-update a,
span.cat-common a {
    background: #f29c4f;
    font-size: 11px;
    width: 80px;
}
span.cat-healthcareworkers a,
span.cat-patient a {
    background: #2bb3d6;
    font-size: 11px;
    width: 80px;
}
span.cat-cooperation a {
    background: #C46200;
    font-size: 11px;
    width: 80px;
}
span.cat-important a {
    background: red;
    font-size: 11px;
    width: 80px;
}
span.cat-recruit a,
span.cat-nurse a {
    background: #e79a9a;
    font-size: 11px;
    width: 80px;
}
span.icon {
    font-size: 12px;
    font-weight: bold;
    color: #ea8a44;
    margin-left: 10px;
    line-height: 1em;
}

.topix_lg ul,.topix_lb ul {
    line-height: 2em;
}
.topix_lb{
    border-color: #4272D8;
}
.item-page img.pice {
    width: auto !important;
    height: auto !important;
}
.bot_itiran {
    display: inline-block;
    float: right;
}
/*position-7 position-6 position-4*/
.ps-7_banner,.ps-3_banner {
    border: 1px solid;
    padding: 15px 0;
    text-align: center;
    margin: 25px 1.9% 0;
    width: 28.9%;
    display: inline-block;
    background-color: #fff;
}
h4.ps-7,h4.ps-3 {
    background: none;
    font-size: 19px;
    color: #333;
    padding: 86px 0 5px;
    margin: 0;
    text-align: center;
}
h4.ps-3 {
    margin: 10px 0 -20px;
    padding: 0;
    text-align: left;
    color: #fff;
}
.ps-4_banner {
    border: 1px solid;
    padding: 9px 0;
    text-align: center;
    margin: 0;
    width: 200px;
    display: inline-block;
    background-color: #fff;
}
/*top gmap*/
.gmap iframe {
    border: 0;
    margin: -77px 0 0 -143px;
}
.top03_left,.top03_right {
    width: 48.4%;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 2%;
}
.top03_left {
    margin-right: 12px;
    margin: 0 0 0 0.5%;
}
h4.top03 {
    clear: both;
    background: none;
    font-size: 24px;
    color: #333;
    padding: 40px 0 5px;
    margin: 0;
}
.top03_left li {
    background-color: #fff;
    padding: 25px 0 25px 30px;
    font-size: 16px;
    margin-bottom: 30px;
}
.top03_left li.twin {
    padding: 0;
    background: none;
}
li.twin li {
    width: 42%;
    display: inline-block;
    margin-bottom: 0;
}
li.twin li.right {
    float: right;
}
/*
.top03_left span {
    margin-left: 3em;
}*/
.gmap {width: 99%;overflow: hidden;height: 338px;border: 1px solid #5A5A5A;position: relative;}
.gmap2 {width: 99%;overflow: hidden;height: 500px;border: 1px solid #5A5A5A;position: relative;}
.gmap2 iframe {
    border: 0;
    margin: -198px 0 0;
    width: 100%;
    height: 800px;
}

.gmap div,.gmap2 div {position: absolute;top: 10px;left: 10px;background-color: #fff;width: 200px;padding: 15px;border-bottom: 2px solid #999;
    border-right: 2px solid #999;}
.gmap div h3,.gmap2 div h3 {background: none;padding: 0;margin: 0;font-weight: bold;border: 0;font-size:110%;}
.gmap div a,.gmap2 div a {font-size:85%;}
/*top recruit parts*/
.top_rec00 {
    position: relative;
    height: 120px;
    width: 100%;
}
.top_rec01 {
    float: left;
}
.top_rec02 {
    position: absolute;
    left: 45.5%;
    top: 15px;
}
.top_rec03 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}
.set3pice div {
    display: inline-block;
    width: 32.9%;
    height: 33%;
}
.set3pice img {
    width: 100%;
    height: 100%;
}

/*---Top slider---*/
/*
.slidfeld {
    display: inline-block;
    margin-bottom: 25px;
    float: left;
    width: 70%;
}
*/
.slider_main{width: 74%;height: 370px;overflow: hidden;}
/*
img#idshow5,img#idshow6 {
    width: 714px;
    height: 100%;
}*/
.slidfeld.left,.slidfeld.right {
    position: absolute;
    top: 0;
    opacity: 0.3;
    margin-top: 0;
}
.slidfeld.left {
    left: -670px;
    height: 370px;
}
.slidfeld.right {
    left: 1040px;
    height: 370px;
}
/*
img#idshow1, img#idshow2,img#idshow3,img#idshow4 {
    width: 648px;
    height: 370px;
}*/
[class*="slider_"] img {
    width: 100%;
}
.web_in {
    display: inline-block;
    float: right;
    width: 24.5%;
    height: 370px;
    overflow: hidden;
}
.web_in li {
    display: inline;
}
.web_in a {
    color: #fff !important;
}
.web_in img {
    display: inline-block;
    width: 142px;
    height: 121px;
}
.web_in .bt_05 img {
    width: 97%;
    height: 67px;
}
/*top → itiran*/
.single .all-list {background: #FFF;padding: 0 15px 40px;text-align: left;}
.single .all-list h3 {background: none;height: auto;margin: 0 0 1em 0;padding: 0;border-bottom: 1px solid #5A5A5A;}

/*---footer---*/
.footer_list.sitewide,#eria_fin,.eria_s h3 {
    margin: auto;
    background: none;
    height: auto;
}
.eria_f {
    margin-top: 2em;
    background-color: #11AB96;
}
.eria_s {
    background-color: #008C7A;
}
.eria_s p.staff {
/*    float: right;*/
    padding: 10px 0;
}
.eria_s p.staff a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.footer_list {
    padding: 10px 0;
}
.footer_list li {
    display: inline-block;
}
#eria_fin {
    padding: 20px 0;
}
#eria_fin h3 {
    display: none;
}

.footer_list li a,
#eria_fin li a {
    color: #fff;
    text-decoration: none;
    padding-right: 1em;
}
ul.nav.menu {
    color: #fff;
    font-size: 110%;
}
/*
#eria_fin li {
    display: inline-block;
    vertical-align: top;
    width: 26%;
    margin-left: 4em;
}
#eria_fin li.item-1455 {
    margin-left: 0;
}
#eria_fin li a {
    font-size: 18px;
    margin-left: 1em;
}

#eria_fin li li {
    display: block;
    width: 100%;
    margin-left: 1em;
}
#eria_fin li li:before {
    content: "";
}
#eria_fin p {
    display: inline-block;
    vertical-align: top;
    font-size: 21px;
    color: #fff;
}
*/

.bottom_logo {
    padding-top: 10px;
}

.bottom_logo * {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.bottom_banner {
    padding-bottom: 5px;
}

/*sub page*/
.breadcrumb li {
    display: inline-block;
}
.Component {
    height: auto;
    overflow: hidden;
}

.itemid-102.single .item-page,
.item-page {
    width: 66.8%;
    display: inline-block;
    padding: 1.5%;
    background: #fff;
}
#sidebar {
    width: 28.7%;
    display: inline-block;
    vertical-align: top;
    padding: 1.5% 0 0.9%;
}
[id^="bgtt_"] h3 {
    background: none;
    margin: 0;
    padding: 65px 0 0 18px;
    font-size: 140%;
    font-weight: bold;
}
[id^="bgtt_"] {
    height: 190px;
    margin: 0 0 15px;
    background-size: 100% !important;
}
#bgtt_main {
    background: url(../../../images/stories/common/bgtt_main.jpg) no-repeat;
}
#bgtt_1 {
    background: url(../../../images/stories/common/bgtt_1.jpg) no-repeat;
}
#bgtt_2 {
    background: url(../../../images/stories/common/bgtt_2.jpg) no-repeat;
}
#bgtt_4 {
    background: url(../../../images/stories/common/bgtt_4.png) no-repeat;
}
#bgtt_5 {
    background: url(../../../images/stories/common/bgtt_5.png) no-repeat;
}
h3,h4,h5,h6,ul,ol,table {
    clear: both;
    color: #40423A;
}
p {
    color: #40423A;
}
p.p_green {
    color: #008C7A;
}
p.p_orange {
    color: #FF9500;
    font-weight: bold;
}
h3,.itemid-7 h1 {
    background: url(../images/tt_main.gif),url(../images/tt_main2.gif);
    background-position: top left,bottom left;
    background-repeat: no-repeat,repeat-x;
    background-size: 10px 100%,auto;
    font-size: 130%;
    margin: 0 0 15px -2%;
    padding: 11px 0 11px 23px;
    color: #5A5A5A;
}
h4 {
    background: url(../images/tt_page.gif),url(../images/tt_page2.gif);
    background-position: top left,top right;
    background-repeat: no-repeat;
    background-size: 10px 100%,100% 100%;
    line-height: 32px;
    font-size: 110%;
    margin-bottom: 15px;
    padding: 0 0 0 23px;
    color: #FFF;
}
h5 {
    background: url(../images/arw_sq.gif) no-repeat;
    background-position: 0px 9px;
    border-bottom: 2px solid #FFD000;
    margin-top: 15px; 
    margin-bottom: 10px;
    padding: 5px 0 2px 18px;
/*    font-size: 16px;*/
}
h6 {
    background: url(../images/arw_ob.gif) no-repeat;
    background-position: 10px 6px;  
    margin-bottom: 5px;
    padding: 0px 0 0 32px;
/*    font-size: 16px;*/
}
p {
    line-height: 160%;
    margin-bottom: 1em;
}
.navbox {
    display: block;
    float: left;
    margin: 0 0 30px;
    width: 49.2%;
}
.nav_l {
    margin: 0 10px 0 0;
}
.navbox h4 {
    background-image: url(../images/bgtt_navbox2.png),url(../images/bgtt_navbox.png);
    background-position: top right,top left;
    background-repeat: no-repeat;
    height: 36px;
/*    font-size: 14px;*/
    line-height: 36px;
    padding: 0 0 0 15px;
    background-size: auto;
}
.navbox img {
    float: left;
    margin: 0 10px 0 0;
    width: 43%;
    height: 50%;
}
.navbox p {
    clear: none;
}
table {
    border-collapse: collapse;
    background-color: #FEFCF7;
    border: 2px solid #BCBCBC;
/*    font-size: 13px;*/
    margin: 0 1em 1em 0;
    width:100%;
}
tr.tr_topline {
    background-color: #E6FFFB;
    font-weight: bold;
    text-shadow: 1px 2px 1px #FFF;
    border-bottom: 1px solid #BCBCBC;
}
th {
    padding: .4em;
    border-bottom: 1px solid #DDCEB9;
    border-right: 1px solid #DDCEB9;
    background-color: #E7F1E0;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}
td {
    border-bottom: 1px solid #DDCEB9;
    border-right: 1px solid #DDCEB9;
/*    width: auto;*/
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    vertical-align: top;
}
img.inner_img_r {
    float: right;
    border: 3px solid #E5E4E2;
    padding: 3px;
    margin: 0 15px 15px;
}
img.inner_img_l {
    float: left;
    border: 3px solid #E5E4E2;
    padding: 3px;
    margin: 0 15px 15px 0;
}

ul.ul_arw li {
    background: url(../images/li_bg.png) no-repeat;
    background-position: 9px 5px;
    padding: 0 0 0 22px;
    margin: .05em;
}

.scroll table{
width:100%;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

div.smfexample {
  width:100%;
  background-color: #ffffff;
  overflow: auto;
  white-space: nowrap;
  font-size:0.8em;
  padding:10px;
  margin-left:3px;
  border:solid 1px #f1f1f1;
  -webkit-overflow-scrolling: touch;
}

.stripe{ 
  position: relative;
  padding: 0.3em;
}
.stripe:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px);
}

/*-- PC版表示CSS  --*/
pc_area{
  display:block;
}
phone_area{
  display:none;
}
/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 768px){
  pc_area{
    display:none;
  }
  phone_area{
    display:block;
  }
}

/*sub page miyanowa*/
.pdf_box {
/*    height: 450px;*/
    background-color: #E7F1E0;
    display: flex;
    flex-wrap: wrap;

}
.pdf_box .pdf_img_l {
    width: 35%;
}
@media (max-width: 767px) {
    .pdf_box .pdf_img_l {
        width: 50%;
        margin: auto;
    }
}
.pdf_box h5 {
    background: url(../images/arw_c.gif) no-repeat;
    background-color: #fff;
    background-position: 15px 19px;
    line-height: 48px;
    text-indent: 33px;
    border: 1px solid #DBDBDB;
    margin: 0;
    width: 100%;
}
.pdf_img_r img,
.pdf_img_l img {
    padding: 25px;
    width: 100%;
    height: 100%;
}
/*
.pdf_img_l img {
    float: left;
}
.pdf_img_r img,
.pdf_box ul {
    float: right;
}*/
.pdf_box ul {
    clear: none;
    padding: 15px 0 0 25px;
    text-align: left;
    width: 65%;
}
.pdf_box li a {
    text-decoration: none;
    line-height: 28px;
/*    padding-left: 1em;*/
}

/*sub page tenpo*/
.div_leftbox {
    float: left;
    margin-bottom: 15px;
}
.div_rightbox {
    float: right;
    margin-bottom: 15px;
}
/*sub page toutyokui*/
li.li_bumon {
    display: block;
    float: left;
/*    background: url(../images/bg_libumon2.png),url(../images/bg_libumon.png);*/
background: url(../images/bg_libumon_v2.png);
/*    background-position: top left,top right;
    background-repeat: no-repeat;*/
background-repeat: repeat-x;
    height: 46px;
    width: 47.6%;
    margin: 0 1% 15px;

    border: 1px solid #C2C2C2;
    border-radius: 2px;
    position: relative;
}
li.li_bumon a {
    display: block;
    padding: 13px 5px 10px 26px;
/*    font-size: 14px;*/
    font-weight: bold;
}
li.li_bumon a:before {
    content: "";
    height: 12px;
    width: 12px;
    display: inline-block;
    background-image: url(../images/bg_libumon2_v2.png);
    position: absolute;
    top: 15px;
    left: 10px;
}
/*sub page kinen*/

fieldset {
    border: 1px solid #DBDBDB;
    padding: 10px 15px 10px 35px;
    margin: 0 0 15px;
}
legend {
/*    font-size: 12px;*/
    color: #FF8E16;
    margin: 0 1em;
    font-weight: bold;
}
/*sub page sanfuzinka*/
span.sp_green {
    color: #2BCCB7;
    font-weight: bold;
}
.ul_guide li {
    float: left;
    background-image: url(../images/arw_c.gif);
    background-position: 1px 5px;
    background-repeat: no-repeat;
    padding: 0 0 20px 18px;
    width: 20%;
/*    font-size: 15px;*/
    font-weight: bold;
}

/*sub page sinzokean*/
ul.ul_guide2 li {
    float: left;
    background-image: url(../images/arw_c.gif);
    background-position: 1px 5px;
    background-repeat: no-repeat;
    padding: 0 0 20px 18px;
    width: 22%;
}
/*sub page renkei itiran*/
.nn_tabs.outline_content>.tab-content {
    border: 0;
}
.nn_tabs.outline_content>.tab-content>.tab-pane {
    padding: 0 !important;
}
table.tb_list {
    margin: 0;
}
.nn_tabs.outline_handles ul.nav-tabs>li a {
    border: 2px solid #1EBBA6 !important;
    border-bottom: none !important;
    font-weight: bold;
}
.nn_tabs.outline_handles ul.nav-tabs>li a:focus {
    background-color: #1EBBA6 !important;
    color: #fff !important;
}
/*sub page lensyui*/
.topix_lp {
    height: 150px;
    background: #FFF;
    padding: 7px 15px;
    border: 2px solid #FFCCFF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
}
.topix_lp_het {
    margin: 0;
    padding: 1px;
    line-height: 0;
    border-bottom: 2px solid #9FA092;
}
/*sub page iryo gijyutu*/
p.sp_label {
    background: #FFE366;
    border: none;
    font-weight: bold;
    margin: 0;
    text-align: center;
}
table.tb_noline,table.tb_noline td {
    border: none !important;
}
p.p_left {
    clear: both;
    float: left;
    padding: .5em;
    margin: 0 0 15px;
    background-color: #FFFDF6;
    border: 1px solid #FFF6CC;
    border-radius: .3em;
    line-height: 138%;
}
p.p_right {
    clear: both;
    float: right;
    padding: .5em;
    margin: 0 0 15px;
    background-color: #FFFDF6;
    border: 1px solid #FFF6CC;
    border-radius: .3em;
    line-height: 138%;
}

/*sub page sitemap*/
.sitemap ul.nav.menu {
    margin-left: 2em;
}
.sitemap li.deeper {
    display: inline-block;
    vertical-align: top;
    margin: 2em 2em 2em 0;
}
.sitemap li.item-252.deeper {
    margin-right: 6em;
}
.sitemap li.item-589.deeper {
    margin-right: 10em;
}
.sitemap ul.nav-child {
    text-indent: 2em;
}
/*sub page sidebar*/
input[type="checkbox"].on-off{
    display: none;
}

#sidebar h3 {
    background: url(../images/tt_menu_end.gif),url(../images/tt_menu_st.gif);
    background-position: right top,left top;
    background-repeat: no-repeat;
    height: 34px;
/*    font-size: 14px;*/
    color: #FFF;
    line-height: 26px;
    padding: 6px 0 0 18px;
    margin: 0;
}

#sidebar ul.nav.menu {
/*    background: url(../images/bg_menu_l.gif),url(../images/bg_menu_r.gif),url(../images/bg_menu_m.gif);
    background-position: left bottom,right bottom,left bottom;
    background-repeat: no-repeat,no-repeat,repeat-x;*/
    padding: 5px 10px;
    margin: 0;
    border: 1px solid #ccc;
    margin: 0 2px;
}
#sidebar ul.menu li {
/*    background: url(../images/bg_li_end.gif),url(../images/bg_li_st.gif);
    background-position: right top,left top;
    background-repeat: no-repeat;*/
    margin: 0;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
}
#sidebar ul.menu li a,
#sidebar ul.menu li span{
    display: block;
    padding: 10px 0 0 22px;
    height: 34px;
}
#sidebar ul.menu li a{
    height: auto;
    margin-left: 0;
    text-indent: 0;
    position: relative;/*add 20170626*/
}
/*
#sidebar ul.menu li a:before,
#sidebar ul.menu li span:before {
    content: ">";
    font-family: sans-serif;
    padding-right: 10px;
}*/
#sidebar ul.menu li>a:before {
    left: 3px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #2dadac;
    border-right: 2px solid #2dadac;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 7px;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
#sidebar ul.menu li ul>li>a:before {
    left: 0;
    position: absolute;
    top: 0;
    content: "●";
    font-size: 7pt;
    color: #888;
    border: 0;
}
#sidebar ul.menu li span {
    color: #333;
    border-bottom: 1px dotted #ccc;
}
#sidebar ul.menu li span.tog {
    border: 0;
    padding: 0;
    height: 0;
}
#sidebar ul.menu li:last-child {
    border: 0;
}

li>ul {
    margin: 0;
}
#sidebar ul.small li {
/*    background: url(../images/bg_li_s_end.gif),url(../images/bg_li_s_st.gif);
    background-position: right top,left top;
    background-repeat: no-repeat;*/
    margin: 2px 0 0 17px !important;
    height: auto;
}
button, input, select, textarea {
/*    font-size: 100%;*/
    vertical-align: middle;
}
input[type="password"],
input[type="text"] {
    border: 2px solid #2dadac;
    width: 208px;
    border-radius: 5px;
    line-height: 23px;
    text-align: center;
}
input[type="submit"] {
    background-color: #2dadac;
    border-radius: 5px;
    color: #FFF;
    height: 26px;
    width: 77px;
    box-shadow: 2px 2px 1px #A9A9A9;
}
input[type="submit"]:hover {
    background-color: #76D3DE;
    color: #000;
}
  .sub01,.sub02 {
    display: none;
}


.page-top{display: none ;margin: 0 ;padding: 0 ;}
.page-top p{margin: 0 ;padding: 0 ;position: fixed ;right: 16px ;bottom: 16px ;}
.move-page-top{display: block ;background: #D36015 ;width: 50px ;height: 50px ;cursor: pointer ;color: #fff ;line-height: 50px ;
  text-decoration: none ;text-align: center ;-webkit-transition:all 0.3s ;-moz-transition:all 0.3s ;transition:all 0.3s ;}
.header_logo a,.header_logo a:link, .header_logo a:visited,nav li a, nav li a:visited,nav li a:link {border: 0;}

/*byouto table*/
table.bouto {width: 100%;border: 0;border-collapse: separate;border-spacing: 0;background-color: #fff;}
table.bouto th,table.bouto td {padding: 10px;color: #69655c;text-align: center;border-color: #ccc;}
table.bouto td {text-align: left;}
table.bouto th {background-color: #f9cede;}
td.st {border-left: 1px solid #ccc;}
td.st_bott {border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.st_top {border-top-left-radius: 6px;}
.st_bott {border-bottom-left-radius: 6px;border-bottom: 0;}
.end_top {border-top-right-radius: 6px;border-right: 0;}
.end_bott {border-bottom-right-radius: 6px;}

a:link {color: #07519a;}
a:visited {color: #551A8B;text-decoration: none;}
a:hover {color: #2DADAC;text-decoration: none;}

/* ----------------------------------------
* pagetop
---------------------------------------- */
a.pagetop.show {text-decoration: none;}
.pagetop {visibility: hidden;opacity: 0;position: fixed;bottom: 70px;right: 30px;color: #fff;z-index: 1;}
.pagetop span {display: block;border-radius: 50%;background: #11AB96; border: solid 1px #fff;width: 75px;height: 75px;text-align: center;line-height: 1.2em;
  font-size: 16px;color: #fff !important;}
.pagetop span i {color: #fff;}
.pagetop.show {visibility: visible;opacity: .95;}

element.style {height: 352px;}
.menubox {background-color: #E7F1E0;padding: 5px;width: 230px;margin-left: 10px;margin-right: 10px;float: left;margin-bottom: 30px;}
.menubox.last {margin-left: 10px;margin-right: 0;}
ul.menulist li {margin-bottom: 5px;}
element.style {height: 130px;}
.menulist {background-color: #ffffff;padding: 10px;}

.header_link a.styleswitch {display: none;}
#sidebar {float: right;}
.sp{display: none !important;}

@media screen and (max-width: 1205px) {
  .slider_right, .slider_left,
  .slidfeld.left, .slidfeld.right {display: none;}
}
@media screen and (max-width: 1200px) {
  .position-6 .moduletable, .position-7 .moduletable, .sitewide,
  body, #wrapper {width:100%;overflow-x: initial;}
  nav.navigation .menu li a {
    font-size: 1.6vw;
  }
  .web_in img,
  .web_in,
  .slider_main {
    height: auto;
  }
  .web_in img {
    width: 48.5%;
  }

}

/*TOP slider*/
.position-2 .moduletable {
    position: relative;
    z-index: 0;
}
.position-2 .moduletable:first-child {
    z-index: 1;
}

/*footer menu*/
#eria_fin ul {width: 24%;display: inline-block;vertical-align: top;text-align: left;}
#eria_fin li {text-indent: 1em;line-height: 1.8em;}
#eria_fin li.footLisTit {text-indent: 0;font-size: 24px;color: #fff;}
#eria_fin ul.last {width: 22%;margin-left: 2em;}
/*flow*/
.flow_box {
    text-align: center;
    width: 100%;
    padding: 20px;
    margin: 30px auto;
    border-radius: 5px;
    background-color: #E7F1E0;
    position: relative;
    box-sizing: border-box;
}
.flow_box:after {
    content: "";
    width: 30px;
    height: 30px;
/*    border: 13px solid transparent;*/
/*    border-top: 13px solid #2DADAC;*/
    position: absolute;
    bottom: -30px;
    left: 50%;
    display: block;
  
    content: url(/images/banners/TOP_arrow_green2.png);
 }
/* 
.flow_box:last-child:after {
    border: none; 最後のボックスだけ三角形を表示しない 
}
*/
.flow_box.end:after {
    content: none;
 }
#sidebar ul.small li.item-825,
#sidebar ul.small li.item-835,
#sidebar ul.small li.item-841{
    border: 0;
}
#sidebar ul.small li.item-834,
#sidebar ul.small li.item-839{
    border-top: 1px dotted #ccc;
}
/*slide banner*/
.position-5 {position: relative;/*background: #eee;box-shadow: 0px 0px 4px 3px #ccc inset;padding-top: 7px;*/width: 1184px;margin-top: 8px;}
/*ul.lSPager.lSpg {display: none;}*/
.lSAction > a {background-image: url(../images/left.svg) !important;background-size: 100% 100%;background-position: center !important;width: 20px !important;height: 20px !important;top: 56% !important;}
.lSAction > a.lSNext {background-image: url(../images/right.svg) !important;}
.content-slider li{text-align: center;}
.lSSlideWrapper li img {width: 98%;box-sizing: border-box;}
/*.demo{width: 920px;margin: auto;}*/
.lSSlideWrapper {position: static !important;background: #eee;box-shadow: 0px 0px 4px 3px #ccc inset;padding-top: 6px;}
.lSAction > a{opacity: 1 !important;margin-top: -27px !important;}
.lSAction > a:hover {opacity: 0.5 !important;}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #dcdcdc !important;
}
.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #2DADAC !important;
}

/*login*/
.moduletablelogin_parts ul.unstyled {
    display: none;
}
.moduletablelogin_parts input {
    width: 98%;
    padding: 0.5em 0;
    border: 2px solid #2dadac;
    border-radius: 5px;
    line-height: 23px;
    text-align: center;
}
.moduletablelogin_parts label {
    display: block;
    margin-top: 0.5em;
}
.moduletablelogin_parts label.control-label,
.moduletablelogin_parts input#modlgn-remember {
    display: inline;
    width: auto;
}
.moduletablelogin_parts input.btn.btn-primary,
.moduletablelogin_parts button {
    margin: 1em auto;
    width: 98%;
    display: block;
    background: linear-gradient(#CDD631, #539128);
    color: #fff;
    border-radius: 4px;
    border: 2px solid #fff;
    line-height: 3em;
    box-shadow: 2px 2px 2px #aaa;
}
.moduletablelogin_parts input.btn.btn-primary {
    height: auto;
}
@media print { 
 /* All your print styles go here */
 header, nav, #sidebar,footer,.position-2,.position-5,label { display: none !important; } 
 .Component,.item-page,#breadcrumbs {width:95% !important;padding: 20px !important;margin: 0 !important;}
}

.hoge{
float:left;
width:100px;
}

/*diabetes_classroom*/
.diabetes_classroom input[type="text"],.diabetes_classroom input[type="number"] {border:1px solid #d3d3d3;border-radius:0;}
.diabetes_classroom th span {color: red;margin-left: 0.5em;}
.diabetes_classroom input[type="submit"] {width: auto;padding: 1em 4em;height: auto;display: block;margin: 2em auto 4em;}
.diabetes_classroom th {text-align: left;padding: 0.4em 0 0.4em 6em;width: 35%;}

.container {
    min-height: 66vh;
}
.chronoform {
    display: none;
}

.item-page textarea,
.item-page input[type="number"],
.item-page input[type="text"] {
    border: 1px solid #ccc;
    border-radius: 0;
    text-align: left;
    padding-left: 0.5em;
}
.item-page input[type="reset"],
.item-page input[type="submit"] {
    height: auto;
    background-color: #2dadac;
    border-radius: 5px;
    color: #FFF;
    line-height: 2.5em;
    width: 10em;
    box-shadow: 2px 2px 1px #A9A9A9;
}
.item-page form th span {
    color: red;
}
table.formTable th {
    width: 45%;
    text-align: left;
    padding-left: 4em;
}
table.formTable td {
    padding-left: 3em;
}


/* ボタン全体 */
.flowbtn8{
border-radius:50%;
position:relative;
display:inline-block;
width:50px;
height:50px;
font-size:30px;
text-decoration:none;
transition:.5s;
}
/* ボタンマウスホバー時のテキスト指定 */
.flowbtn8:hover{
color:#fff!important;
}
/* Twitter */
.flowbtn8.fl_tw2{
border:solid 1px #55acee;
color:#55acee;
}
/* Twitterマウスホバー時 */
.flowbtn8.fl_tw2:hover{
border:solid 1px #55acee;
background:#55acee;
}
/* Instagram */
.flowbtn8.insta_btn2 {
border:solid 1px #c6529a;
color:#c6529a;
font-size:35px;
}
/* Instagramマウスホバー時 */
.flowbtn8.insta_btn2:hover{
border:solid 1px #c6529a;
background:#c6529a;
}
/* Facebook */
.flowbtn8.fl_fb2{
border:solid 1px #3b5998;
color:#3b5998;
}
/* Facebookマウスホバー時 */
.flowbtn8.fl_fb2:hover{
border:solid 1px #3b5998;
background:#3b5998;
}
/* Feedly */
.flowbtn8.fl_fd2{
border:solid 1px #6cc655;
color:#6cc655;
font-size:28px;
}
/* Feedlyマウスホバー時 */
.flowbtn8.fl_fd2:hover{
border:solid 1px #6cc655;
background:#6cc655;
}
/* Pocket */
.flowbtn8.fl_pk2{
border:solid 1px #ef3f56;
color:#ef3f56;
font-size:32px;
}
/* Pocketマウスホバー時 */
.flowbtn8.fl_pk2:hover{
border:solid 1px #ef3f56;
background:#ef3f56;
}
/* はてブ */
.flowbtn8.fl_hb2{
border:solid 1px #1ba5dc;
color:#1ba5dc;
font-size:25px;
}
/* はてブマウスホバー時 */
.flowbtn8.fl_hb2:hover{
border:solid 1px #1ba5dc;
background:#1ba5dc;
}
/* YouTube */
.flowbtn8.fl_yu2{
border:solid 1px #fc0d1c;
color:#fc0d1c;
font-size:28px;	
}
/* YouTubeマウスホバー時 */
.flowbtn8.fl_yu2:hover{
border:solid 1px #fc0d1c;
background:#fc0d1c;
}
/* LINE */
.flowbtn8.fl_li2{
border:solid 1px #00c300;
color:#00c300;
font-size:35px;
}
/* LINEマウスホバー時 */
.flowbtn8.fl_li2:hover{
border:solid 1px #00c300;
background:#00c300;
}
/* お問い合わせ */
.flowbtn8.fl_ma2{
border:solid 1px #f3981d;
color:#f3981d;	
font-size:28px;
}
/* お問い合わせマウスホバー時 */
.flowbtn8.fl_ma2:hover{
border:solid 1px #f3981d;
background:#f3981d;
}
/* ulタグの内側余白を０にする */
ul.snsbtniti{
padding:0!important;
}
/* ボタン同士の余白 */
.snsbtniti li{
flex:0 0 10%;
text-align:center!important;
}
/* アイコンをど真ん中に */
.flowbtn8 i{
position:absolute;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
/* ボタン全体の位置 */
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:start;
}


/* ボタン全体 */
.flowbtn12{
font-family:'Verdana',sans-serif;	
border-radius: 4px;
display:inline-block;
width:90%;
font-size:20px;
transition:.4s;	
text-decoration:none;
}
/* ボタン内テキストマウスホバー時 */
.flowbtn12:hover{
color:#fff!important;
text-decoration:none;
}
/* Twitter */
.flowbtn12.fl_tw2{
border:solid 1px #55acee;
color:#55acee;
}
/* Twitterマウスホバー時 */
.flowbtn12.fl_tw2:hover{
border:solid 1px #55acee;
background:#55acee;
}
/* Instagram */
.flowbtn12.insta_btn2{
border:solid 1px #c6529a;
color:#c6529a;
}
/* Instagramマウスホバー時 */
.flowbtn12.insta_btn2:hover{
border:solid 1px #c6529a;
background:#c6529a;
}
/* Facebook */
.flowbtn12.fl_fb2{
border:solid 1px #3b5998;
color:#3b5998;
}
/* Facebookマウスホバー時 */
.flowbtn12.fl_fb2:hover{
border:solid 1px #3b5998;
background:#3b5998;
}
/* Feedly */
.flowbtn12.fl_fd2{
border:solid 1px #6cc655;
color:#6cc655;
}
/* Feedlyマウスホバー時 */
.flowbtn12.fl_fd2:hover{
border:solid 1px #6cc655;
background:#6cc655;
}
/* Pocket */
.flowbtn12.fl_pk2{
border:solid 1px #ef3f56;
color:#ef3f56;
}
/* Pocketマウスホバー時 */
.flowbtn12.fl_pk2:hover{
border:solid 1px #ef3f56;
background:#ef3f56;
}
/* はてブ */
.flowbtn12.fl_hb2{
border:solid 1px #1ba5dc;
color:#1ba5dc;
}
/* はてブマウスホバー時 */
.flowbtn12.fl_hb2:hover{
border:solid 1px #1ba5dc;
background:#1ba5dc;
}
/* YouTube */
.flowbtn12.fl_yu2{
border:solid 1px #fc0d1c;
color:#fc0d1c;
}
/* YouTubeマウスホバー時 */
.flowbtn12.fl_yu2:hover{
border:solid 1px #fc0d1c;
background:#fc0d1c;
}
/* LINE */
.flowbtn12.fl_li2{
border:solid 1px #00c300;
color:#00c300;
}
/* LINEマウスホバー時 */
.flowbtn12.fl_li2:hover{
border:solid 1px #00c300;
background:#00c300;
}
/* メールアイコン */
.flowbtn12.fl_ma2{
border:solid 1px #f3981d;
color:#f3981d;
}
/* メールアイコンマウスホバー時 */
.flowbtn12.fl_ma2:hover{
border:solid 1px #f3981d;
background:#f3981d;
}
/* プロフィールアイコン */
.flowbtn12.fl_pf12{
border:solid 1px #555;
color:#555;
}
/* プロフィールアイコンマウスホバー時 */
.flowbtn12.fl_pf12:hover{
border:solid 1px #555;
background:#555;
}
/* ボタン内テキスト調整 */
.flowbtn12 span{
font-size:14px;	
position:relative;
left:8px;
bottom:2px;	
}
/* ulタグの内側余白を０にする */
ul.snsbtniti2{
padding:0!important;
}
/* ボタン全体の位置 */
.snsbtniti2{
display:flex;
flex-flow:row wrap;
}
/* ボタン同士の余白 */
.snsbtniti2 li{
flex:0 0 48%;
text-align:center !important;
}


/* ボタン全体 */
.flowbtn11{
font-family:'Verdana',sans-serif;	
border-radius:4px;
position:relative;
display:inline-block;
width:90%;
font-size:20px;
color:#fff!important;
text-decoration:none;
margin-bottom:5px;
}
/* Twitter */
.fl_tw1{
background:#55acee;
}
/* Instagramアイコン位置 */
.insta_btn11 .fa-instagram{
position:relative;
z-index:1;	
}
/* Instagram紫グラデ背景色 */
.insta_btn11{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;
}
/* Instagramオレンジグラデ背景色 */
.insta_btn11:before{
content: '';
position:absolute;
top:17px;
left:-75px;
width:100%;
height:100%;
background:-webkit-radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 45%, rgba(255, 88, 96, 0) 80%);
background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 80%);
}
/* Facebook */
.fl_fb1{
background:#3b5998;
}
/* Feedly */
.fl_fd1{
background:#6cc655;
}
/* Pocket */
.fl_pk1{
background:#ef3f56;
}
/* はてブ */
.fl_hb1{
background:#1ba5dc;
}
/* YouTube */
.fl_yu1{
background:#fc0d1c;
}
/* LINE */
.fl_li1{
background:#00c300;
}
/* お問い合わせメール */
.fl_ma1{
background:#f3981d;
}
/* プロフィール */
.fl_pf11{
background:#555;
}
/* アイコンボタンホバー時 */
.flowbtn11:hover span{
-webkit-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
transform: rotateX(360deg);
text-decoration:none;
}
/* ボタン内テキスト調整 */
.flowbtn11 span{
font-size:14px;	
position:relative;
left:8px;
bottom:2px;
transition:.6s;	
display:inline-block;	
}
/* ulタグの内側余白を０にする */
ul.snsbtniti2{
padding:0!important;
}
/* アイコンボタンの位置調整 */
.snsbtniti2{
display:flex;
flex-flow:row wrap;
}
/* アイコンボタン同士の余白調整 */
.snsbtniti2 li{
flex:0 0 48%;
text-align:center!important;
}

bottun-hover{
 color: #ffffff;
 background-color: #ff9200;
 border: solid 1px #ff9200;
 margin: 1em;
 padding: 15px;
}
.bottun-hover:hover{
 color: #ff9200;
 background-color: #ffffff;
 border: solid 1px #ff9200;
}


button.button4 {

    /* 文字サイズを1.4emに指定 */

    font-size: 1.4em;
 
    /* 文字の太さをboldに指定 */6
    font-weight: bold;

    /* 縦方向に7px、
     * 横方向に25pxの余白を指定 */
    padding: 6px 20px;
 
    /* 背景色を濃い青色に指定 */
    background-color: #009999;
 
    /* 文字色を白色に指定 */
    color: #fff;
  
    /* ボーダーをなくす */
    border-style: none;
  
    border: 6px outset #006666;
  
}

button.button4:hover {
    /* 背景色を明るい青色に指定 */
    background-color: #00bebe ;
 
    /* 文字色を白色に指定 */
    color: #fff;8
  
  　cursor : pointer;
}

.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #11AB96;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #008C7A;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.btn-sticky {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #11AB96;/*左線*/
  color: #11AB96;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #11AB96;
  border: solid 2px #11AB96;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #11AB96;
  color: white;
}

.btn-circle-3d-dent {
  display: inline-block;
  text-decoration: none;
  background: #11AB96;
  color: rgb(255, 255, 255);
  width: 122px;
  font-size: 20px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  box-shadow: inset 0px 3px 0 rgba(255,255,255,0.3), 0 3px 3px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  border-bottom: solid 3px #549fa9;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.65);
  transition: .4s;
}

.btn-circle-3d-dent:active {
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
  border-bottom: none;
}

.pc-dsp { display:block; }
.sp-dsp { display:none; }

@media only screen and (max-width : 736px){
.pc-dsp {display:none; }
.sp-dsp {display:block; }
.eria_s .sp-dsp {display: flex;justify-content: center;text-align: center;padding-bottom: 1rem;}
}

nav li ul {
    display: none;
}

.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

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


*, *:before, *:after {
	box-sizing: border-box;
}
.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
	width: 50%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_2 > div{
		width: 100%;
	}
}

*, *:before, *:after {
	box-sizing: border-box;
}
.col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div{
	width: 33.33333%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_3 > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.col_3 > div{
		width: 100%;
	}
}

.cp_menu {
	max-width: 360px;
	margin: 0 auto;
	padding: 0;
}
.cp_menu a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #000000;
	line-height: 1;
}
.cp_menu label {
	display: block;
	position: relative;
	margin: 0 0 2px 0;
	padding: 12px;
	line-height: 1;
	color: #ffffff;
	background: #16B29C;
	cursor: pointer;
}
.cp_menu label::before {
	position: absolute;
	content: '▼';
	color: #ffffff;
	right: 0.5em;
	top: 25%;
}
.cp_menu input {
	display: none;
}
.cp_menu ul {
	margin: 0;
	padding: 0;
	background: #f4f4f4;
	list-style: none;
}
.cp_menu li {
	overflow-y: hidden;
	max-height: 0;
	transition: all 0.5s;
}
/*リストが増えたらULごとに追加してください*/
#cp_menu_bar1:checked ~ #link1 li,
#cp_menu_bar2:checked ~ #link2 li {
	max-height: 46px;
	opacity: 1;
}

.image-vw {
    max-width: 100%;
    height: auto;
}


.side {
  background-color:#ffff;
  width:150px;
  
  text-align:center;
} 

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

.content {
  background-color:#ffff;
  width:600px;

}

article {
  display:flex;/*サイドバーとメインコンテンツを横並びにする指定をした*/
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}

.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.box14 p {
    margin: 0; 
    padding: 0;
}

.box15 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}

.box15 p {
    margin: 0; 
    padding: 0;
}
.topix_lg {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0;
}
.topix_lg h3 {
    width: 100%;
}
.topix_lg .moduletable.pc {
    order: 1;
    width: 100%;
}
.topix_lg .moduletable.pc p {
    margin: 1em 0 0;
}
.news_box {
    width: 95%;
    margin: 3em auto 1em;
}
.news_box ul {
    padding-top: 1em;
}
.label_box,.label_box p,.label_box label{
    display: flex;
}
.news_box input,.news_box ul {
    display: none;
}
.news_box #tab_box_1:checked ~ .news_cat_1,
.news_box #tab_box_2:checked ~ .news_cat_2,
.news_box #tab_box_3:checked ~ .news_cat_3,
.news_box #tab_box_4:checked ~ .news_cat_4,
.news_box #tab_box_5:checked ~ .news_cat_5 {
    display: block;
}
.news_box #tab_box_1:checked ~ .label_box label:nth-child(2),
.news_box #tab_box_2:checked ~ .label_box label:nth-child(3),
.news_box #tab_box_3:checked ~ .label_box label:nth-child(4),
.news_box #tab_box_4:checked ~ .label_box label:nth-child(5),
.news_box #tab_box_5:checked ~ .label_box label:nth-child(6) {
    background: #2bb3d6;
    color: #fff;
}
.label_box {
    border-bottom: 1px solid #333;
}
.label_box .title_h2 {
    font-size: 1.6em;
}
@media screen and (max-width: 768px) {
  .label_box .title_h2 {
    display: block;
    width: 100%;
    font-size: 1.2em;
  }
}
.label_box .title_h2 .txt_1 {
    color: #2bb3d6;
}
.label_box .title_h2 .txt_2 {
    font-size: 0.6em;
    padding: 0 1em;
}
.label_box label {
    padding: 0.2em 1.5em 0;
    margin: 0 0 0.5em 0.5em;
    border: 1px solid #ccc;
    border-radius: 2em;
    cursor:pointer
}
.news_box ul li {
    display: flex;
    padding: 0 1em;
    align-items: flex-start;
    height: 3em;
}
.news_box ul li .inner {
    display: flex;
    align-items: center;
    position: relative;
}
.news_box ul li span:nth-child(2) {
    width: 10em;
    text-align: right;
    margin-right: 2em;
}
.news_box ul li>a {
    width: calc(100% - 22.2em);
}
.news_box ul li span a {
    color: #fff;
    padding: 0.1em;
    width: 10em;
    display: block;
    text-align: center;
}
.icons {
    display: none;
}
.topix_lg, .topix_lb {
    padding-top: 0;
}
.news_box ul li .cat-inportant a {
    font-size: 1em;
    background-color: red;
    width: 5.85em;
}
.itemid-1836 .item-page {
    width: 85%;
    margin: auto;
    display: block;
}
.itemid-1836 .breadcrumb li:nth-child(3) {
    display: none;
}
.itemid-1836 .breadcrumb li:nth-child(4) a {
    pointer-events: none;
    text-decoration: none;
    color: #000;
}
.news_list_link {
    text-align: right;
    display: block !important;
}
.news_box ul li.featured {
    position: relative;
}
.news_box ul li.featured:after {
    width: 97%;
    height: 1px;
    display: block;
    position: absolute;
    content: "";
    bottom: 1em;
    border-bottom: 1px solid #000;
}
.news_box ul li .icon {
    position: absolute;
    top: -1em;
    left: 5.5em;
    background: #2bb3d6;
    color: #fff;
    padding: 0.1em 0.5em;
    border-top-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    box-shadow: 1px 1px 2px #ccc;
}
@media screen and (max-width: 787px) {
  .label_box {
    flex-wrap: wrap;
  }
  .label_box label {
    margin: 0 0 0.5em 0;
    width: 33%;
    font-size: 14px;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0.5%;
  }
  .label_box label:nth-child(4) {
    margin-right: 0;
  }
  .news_box ul li {
    height: auto;
    flex-wrap: wrap;
    padding: 0.5em 0 0.5em;
    border-bottom: 1px dotted;
    margin-bottom: 1em;
  }
  .news_box ul li>a {
    width: 100%;
    margin-top: 0.5em;
  }
  .news_box ul li.featured:after {
    content: none;
  }
  .news_box ul li .inner {
    justify-content: space-between;
    width: 100%;
  }
  .news_box ul li span:nth-child(2) {
    margin-right: 0;
    font-size: 0.8em;
  }
  .news_box ul li .icon {
    top: -1.6em;
    left: auto;
    right: 0;
  }
}


.itemid-588 .news_box {
    width: 62.8%;
    margin: 1.5%;
    display: inline-block;
    padding: 10px;
    margin-bottom: 10px;
    border: 5px solid #ED3896;
    border-radius: 10px;
    height: auto;
}
.itemid-588 .news_box ul li {
    padding: 0;
    height: auto;
}
.itemid-588 .news_box ul li span:nth-child(2) {
    width: 7em;
    margin-right: 1em;
}
.itemid-588 .news_box ul li>a {
    width: calc(100% - 18em);
}
.itemid-588 .news_box ul li span a {
    width: 7.5em;
}
.itemid-588 .news_cat_1 {
    height: 10em;
    overflow-y: scroll;
}
.gsc-search-box.gsc-search-box-tools {width: 300px;}
#___gcse_0,
.gsc-control-cse,
.gsc-control-wrapper-cse,
#___gcse_0 table.gsc-search-box,
.gsc-input,
table.gsc-search-box td,
#___gcse_0 .gsc-input-box,
table.gsc-search-box td.gsc-input,
.gsc-search-button-v2{margin:0;padding:0;border:0;width: auto;}
#___gcse_0 input[type="text"] {border: 2px solid #2dadac!important;width:208px!important;border-radius: 5px!important;line-height: 23px;text-align: center;margin-right:0!important;}
.gsc-search-button svg,.gsst_b {display: none;}
button.gsc-search-button::after {content: "サイト内検索";font-size: 11px;}
#gsc-i-id1 {background: none !important;}
#___gcse_0 .gsc-search-button {background-color: #2dadac !important;border-radius: 5px !important;color: #FFF;height: 26px;width: 77px !important;box-shadow: 2px 2px 1px #A9A9A9;padding: 0 !important;border: 0 !important;}
.gsc-control-cse.gsc-control-cse-ja {padding: 0;}
.eria_s .sitewide {display: flex;justify-content: flex-end;flex-wrap: wrap;}
.itemid-101 .eria_s .bottom_banner {width:100%;padding-bottom:1rem;}
.itemid-101 .eria_s .bottom_banner p {margin: 0;font-size: 0;}