@charset "utf-8";
/* CSS Document */

/* CSSreset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
body {color: #333;background: #fff;font-size: 13px;line-height: 140%;font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', meiryo, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', '游ゴシック  Medium', sans-serif;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:normal; font-weight: normal;}
del,ins{text-decoration:none;}
ol,ul,li { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before, q:after { content:'';}
abbr,acronym { border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:normal;font-weight:normal; outline:none;}
input,button,textarea,select *{font-size:100%;}
textarea { resize:none;}
i, em, strong { font-style:normal;}

/* text */
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f20 { font-size:20px;}
.fb { font-weight:bold;}
.fn { font-weight:normal;}
.t2 { text-indent:2em;}
.lh150 { line-height:150%;}
.lh180 { line-height:180%;}
.lh200 { line-height:200%;}
.unl { text-decoration:underline;}
.no_unl { text-decoration:none;}

/* position */
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.bc { margin-left:auto; margin-right:auto;}
.fl { float:left; display:inline;}
.fr { float:right; display:inline;}
.cb { clear:both;}
.cl { clear:left;}
.cr { clear:right;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-block;}
* html .clearfix { height:1%;}
.clearfix { display:block;}
.vm { vertical-align:middle;}
.pr { position:relative;}
.pa { position:absolute;}
.pf { position:fixed;}
.abs-right { position:absolute; right:0;}
/*.zoom { zoom:1;}  */
.hidden { visibility: hidden;}
.none { display:none;}

/* height */
.w10 { width:10px;}
.w20 { width:20px;}
.w30 { width:30px;}
.w40 { width:40px;}
.w50 { width:50px;}
.w60 { width:60px;}
.w70 { width:70px;}
.w80 { width:80px;}
.w90 { width:90px;}
.w100 { width:100px;}
.w200 { width:200px;}
.w250 { width:250px;}
.w300 { width:300px;}
.w400 { width:400px;}
.w500 { width:500px;}
.w600 { width:600px;}
.w700 { width:700px;}
.w800 { width:800px;}
.w960 { width:960px;}
.w { width:100%;}

.h50 { height:50px;}
.h80 { height:80px;}
.h100 { height:100px;}
.h200 { height:200px;}
.h { height:100%;}

/* margin */
.m10 { margin:10px;}
.m15 { margin:15px;}
.m20 { margin:20px;}
.m25 { margin:25px;}
.m30 { margin:30px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt50 { margin-top:50px;}
.mt100 { margin-top:100px;}

.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb50 { margin-bottom:50px;}
.mb100 { margin-bottom:100px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml50 { margin-left:50px;}
.ml100 { margin-left:100px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr50 { margin-right:50px;}
.mr100 { margin-right:100px;}

.p5 { padding:5px;}
.p10 { padding:10px;}
.p15 { padding:15px;}
.p20 { padding:20px;}
.p25 { padding:25px;}
.p30 { padding:30px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}
.pt50 { padding-top:50px;}
.pt100 { padding-top:100px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px;}
.pb50 { padding-bottom:50px;}
.pb100 { padding-bottom:100px;}

.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl25 { padding-left:25px;}
.pl30 { padding-left:30px;}
.pl50 { padding-left:50px;}
.pl100 { padding-left:100px;}

.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr25 { padding-right:25px;}
.pr30 { padding-right:30px;}
.pr50 { padding-right:50px;}
.pr100 { padding-right:100px;}

.spBlock{
    display: none;
}


/* -------------reset---------------- */
/* ---------------all---------------- */

.tcenter{
    text-align: center!important;
}
.tright{
    text-align: right!important;
}
.tleft{
    text-align: left!important;
}
#wrapper{
    width: 100%;
    margin: 0 auto;
}

header{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.header_area{
    width: 100%;
}

.header_area{
    width: 960px;
    margin: 15px auto 0;
}
footer{
    min-height: 90px;
    min-width: 100%;
    margin-top: 51px;
}

a,
a:link,
a:visited,
a:active {
    color: #71216c;
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
a:hover {
    color: #71216c;
    text-decoration: none;
}


a:hover {
    opacity: .5;
}

.clear {
    clear: both;
}

li {
    list-style-type: none;
}
.serif {
    font-family: 'Yu Mincho', Georgia, 'Hiragino Mincho ProN', serif;
}
.bold {
    font-weight: bold;
}
sup {
    font-size: .5em;
    vertical-align: top;
}
img {
    vertical-align: bottom;
}
.w20 { width: 20%;}
.w35 { width: 35%;}
.w40 { width: 39.9%;}
.w50 { width: 50%;}
.w60 { width: 60%;}
.w57 { width: 57%;}
.w65 { width: 65%;}
.w70 { width: 70%;}
.w80 { width: 80%;}

/* ---------------all---------------- */
/* ---------------main---------------- */
/*.flexslider {
    width: 1200px;
}*/

.flexslider .slides a{
    text-decoration: none;
}
.header_l{
    float: left;
    width: 41%;
    text-align: left;
}
.header_l img {
    display: block;
}
.header_l p {
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    color: #71216c;
    line-height: 1.5;
}

.header_l a,
.header_l a:link,
.header_l a:visited,
.header_l a:active {
    color: #71216c;
    text-decoration: none;
}

.header_l p,
.header_l p:link,
.header_l p:visited,
.header_l p:active {
    color: #71216c;
    text-decoration: underline;
}

.header_l p:hover {
    color: #b890b5;
    text-decoration: underline;
}

header p{
    font-size: 11px;
}

.header_l a{
    margin: 5px 9px 0 0;
    display: inline-block;
}

.header_l span{
    width: 13px;
    height: 18px;
    display: inline-block;
}
.header_l i{
    width: 10px;
    height: 10px;
    position: relative;
    background: url(/common/images/top_icon.gif) no-repeat ;
    display: inline-block;
}
.header_r{
    float: right;
  width: 59%;
    }
.header_r_t .medicine img,.header_r_t .medicine p{
    display: inline-block;
    margin: 0;
}
.header_r_t .medicine a:nth-of-type(2){
    display: inline-block;
  position: relative;
  top: -6px;
}
.header_r_t .medicine a:first-of-type{
    background: url(/common/images/top_bottun.jpg) no-repeat -1.5px 0px;
    width: 184px;
    background-size: 102%;
    display: inline-block;
    height: 36px;
    /* margin: -1px; */
    border: 1px solid #71216c;
    border-radius: 3px;
}
.header_r_t .medicine{
    margin:0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}
.header_r_t p{
    font-size: 12px;
    color: #71216c;
}
.header_r_t .medicine p{
    max-width: 174px;
    text-decoration: underline;
    margin: 0 6px;
    line-height: 1.5;
}
.top_navi_btn {
    float: left;
    width: 0;
    height: 65px;
        /*margin-left: 3px;*/
        background: url(/common/images/menu_btn_bg.jpg);
        background-repeat:round;
        font-size: 14px;
        line-height: 19px;
        background-size: cover;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        position: relative;
}
.top_navi_btn::before{
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 65px;
    top: 0;
    left: -2px;
    background-image: -webkit-gradient(linear,left bottom, left top,from(rgba(114,34,109,0.15)),to(rgba(114,34,109,0)));
    background-image: linear-gradient(to top,rgba(114,34,109,0.15),rgba(114,34,109,0));
    border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.top_navi_btn:last-of-type::after{
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 65px;
    top: 0;
    right: -2px;
    background-image: -webkit-gradient(linear,left bottom, left top,from(rgba(114,34,109,0.15)),to(rgba(114,34,109,0)));
    background-image: linear-gradient(to top,rgba(114,34,109,0.15),rgba(114,34,109,0));
    border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.top_navi_btn.test{
    margin-top: -2px;
}

.top_navi_btn p{
    font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  cursor: pointer;
  color: #8e4e8a;
  /*width: 189px;*/
}
.ul_box_bg a{
    text-decoration: none!important;
}
/*.top_navi_btn p.long{
    padding-top: 13px;
}*/
.header_r_t{
    width: auto;
}
.header_r_t .txt_size{
    border-left: 1px solid #b890b5;
    display: inline-block;
    vertical-align: top;
    min-height: 36px;
}
.header_r_t .txt_size p{
    width: auto;
    margin: auto 6px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: 3px;
}
.header_r_t .txt_size span{
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 3px;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
}
.header_r_t .txt_size span i{
    width: 30px;
    height: 30px;
    display: inline-block;
}

.header_r_t .txt_size span:nth-child(2) i{
    background: url(/common/images/font_btn_s.png) no-repeat;
}
.header_r_t .txt_size span:nth-child(3) i{
    background: url(/common/images/font_btn_m.png) no-repeat;
}
.header_r_t .txt_size span:nth-child(4) i{
    background: url(/common/images/font_btn_l.png) no-repeat;
}

.header_r_bt{
    width: 461px;
  height: auto;
  font-size: 11px;
  line-height: 15px;
  display: block;
  margin: 7px 0 11px;
    }
#sp_navi_menu{
  display: none;
    position: absolute;
  width: 100%;
  z-index: 100;
  background: #fff;
}
.sp_navi_bg{
    display: none;
    opacity: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    top: 0;
    left: 0;
    z-index: 97;
}
#sp_navi_menu ul{
      background-color: #f7f3f7;
}

#sp_navi_menu ul#SiderBar{
      background: none!important;
}


#sp_navi_menu > ul > li > a{
    display: block;
    padding: 13px 24px;
    position: relative;
    border-bottom: 1px solid #e9dde9;
    border-top: 1px solid #fff;
    text-decoration: none;
}
#sp_navi_menu > ul > li:first-of-type a{
    border-top: none;
}
#sp_navi_menu > ul > li a span.arrow{
    left: 8px;
    top: 16px;
}
.top_navi_btn a {
  height: 65px;
  display: flex;
    display: -webkit-box;
   display: -ms-flexbox;
  position: relative;
  align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
  justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;

}
.top_navi_btn img {
    width: inherit;
    height: auto;
}
.ul_box{
    width: auto;
    height: auto;
    margin: 1px 0;
}
.ul_box_bg{
    width: 963px;
    margin: 0 auto;
    /*background: url(/common/images/top_ul_bg.jpg) no-repeat;*/
}
.top_navi ul{
    width: 963px;
    height: 65px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    display: -webkit-box;
   display: -ms-flexbox;
}

.top_navi{
    background-color: #f9f6f9;
    border-top: 1px solid #e9dde9;
    border-bottom: 1px solid #e9dde9;
}
.main_cont{
    width: 960px;
    margin: 0 auto;
}
.box{
    float: left;
    width: 298px;
/*     height: 349px; */
    margin-top: 30px;
    border: 1px solid #333;
    border-radius: 10px;
    padding: 0px 0 4px;
}
.main_cont div.box:nth-child(8){
    height: auto;
}
.box_long{
    background: url(/common/images/bg_content005.png) no-repeat top right;
    margin-top: 30px;
    float: left;
    width: 626px;
    min-height: 240px;
    color: #8e4e8a;
  border-radius: 10px;
    border: 2px solid #e5c8db;
    padding: 26px 0 16px;
    overflow: hidden;
}
.box_long .box_title{
    margin-left: 19px;
    font-weight: 300;
    height: 49px;
    padding-top: 0;
}
.box_long .box_cont{
    margin: 12px auto 32px 19px;
    width: 390px;
}
.box_long .nav_area{
    margin-left: 19px;
    width: 103%;
    position: relative;
  left: -7px;
}
.box_long .nav_area li{
    margin: 9px 0;
    padding-left: 22.5px;
}
.box_long .nav_area li a{
    text-decoration: none;
    text-decoration: none;
    display: block;
    margin-left: 0px;
    padding-left: 17px;
    position: relative;
    left: -17px;
    margin-right: -17px;
    font-size: 13px!important;
}
.box_table{
    margin-top: 30px;
    float: left;
    width: 100%;
}
.box_table table{
    width: 100%;
    height: inherit;
}
.box_table table tbody{
    font-size: 13px;
}
.main_cont div.box:nth-child(2){
    background: url(/common/images/bg_content001.jpg) no-repeat;
    margin-right: 26px;
    color: #f49a09;
    border: 2px solid #fceacd;
}
.main_cont div.box:nth-child(4){
    background: url(/common/images/bg_content002.png) no-repeat;
    margin-right: 25px;
    color: #54b3e5;
    border: 2px solid #dceff9;
}
.main_cont div.box:nth-child(6){
    background: url(/common/images/bg_content003.png) no-repeat;
    color: #9fbd13;
    border: 2px solid #ebf1cf;
}
.main_cont div.box:nth-child(8){
    background: url(/common/images/bg_content004.png) no-repeat;
    margin-right: 26px;
    color: #f4637c;
    border: 2px solid #fcdfe4;
}
.box_title p{
    font-size: 20px;
    line-height: 28px;
}
.box > a,
.box_long > a{
    color: inherit;
    text-decoration: none;
}
.box_title {
    width: 260px;
    height: 58px;
    margin: 0 auto;
    padding-top: 15px;

}
/*.main_cont div.box:nth-child(2) .box_title{
    border-bottom: 1px solid #f49a09;
}
.main_cont div.box:nth-child(4) .box_title{
    border-bottom: 1px solid #54b3e5;
}
.main_cont div.box:nth-child(6) .box_title{
    border-bottom: 1px solid #9fbd13;
}
.main_cont div.box:nth-child(8) .box_title{
    border-bottom: 1px solid #f4637c;
}*/
.box_cont{
    width: 260px;
  margin: 12px auto 0 auto;
}
.box_cont p{
    color: #333;
    line-height: 19px;
    margin-top: 5px;
    min-height: 57px;
    font-size: 100%;
    margin-bottom: 15px;

}
.flex_box{
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.main_cont div.box:nth-child(8) .box_cont p{
    min-height: 76px;
}
.box_bt_area{
    width: 260px;
    height: auto;
    margin: 0 auto;
}
.box_bt span{
    position: absolute;
  top: -9px;
  left: 29px;
  color: #f49a09;
  background-color: #fff;
    height: 15px;
}
.main_cont div.box:nth-child(2) a:nth-child(1) .box_bt span{
    background: url(/common/images/sp_01.jpg);
    width: 66px;
}
.main_cont div.box:nth-child(2) a:nth-child(2) .box_bt span{
    background: url(/common/images/sp_02.jpg);
    width: 86px;
}
.main_cont div.box:nth-child(2) a:nth-child(3) .box_bt span{
    background: url(/common/images/sp_03.jpg);
    width: 97px;
}
.main_cont div.box:nth-child(2) a:nth-child(4) .box_bt span{
    width: 85px;
    background: url(/common/images/sp_04.jpg);
}
.box_bt{
    width: 260px;
    border: 1px solid #333;
    border-radius: 5px;
    margin:15px 0;
    position: relative;
}
.main_cont div.box:nth-child(2) .box_bt{
    border: 1px solid #f9cc84;
}
.main_cont div.box:nth-child(4) .box_bt{
    border: 1px solid #a9d9f2;
}
.main_cont div.box:nth-child(6) .box_bt{
    border: 1px solid #c1d466;
}
.main_cont div.box:nth-child(8) .box_bt{
    border: 1px solid #f89aaa;
}

.box_bt p{
    margin: 8px auto;
    text-align: center;
    font-weight: 600;
    font-size: 13px!important;
    line-height: 1.4;
}
.box_bt_area a{
    text-decoration: none;
    cursor: pointer;
}
.box:nth-child(2) .box_bt_area p{
    color: #f49a09;
}
.box:nth-child(4) .box_bt_area p{
    color:  #54b3e5;
}
.box:nth-child(6) .box_bt_area p{
    color:  #9fbd13;
}
.box:nth-child(8) .box_bt_area p{
    color:  #f4637c;
}

.box_table thead{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #996699;
}


.box_table tr:nth-child(2n-1){
    background-color: #f2ebf1;
}

.box_table tr:nth-child(2n){
    background-color: #f7f3f7;
}
.box_table tr td:first-child{
  padding: 0 10px;
    width: 10%;
}
.box_table tr td:nth-child(2n) a,
.box_table tr td:nth-child(2n) p{
    color: #8e4e8a;
}
.box_table tr td:nth-child(2n) p{
	cursor: default;
}
.box_table tr td:nth-child(2n) a{
    text-decoration: none;
    cursor: pointer;
}
.box_table tbody tr td{
    padding: 10px;
}
.box_table thead tr{
    height: 36px;
    text-align: center;
}
.box_table tr th{
    text-align: center;
    background: #fff;
    padding-bottom: 4px;
}
.box_table thead tr th{
  padding: 2px 0 11px;
}
.nav_area ul{
    float: left;
  width: calc(30% - 27px);
    border-right: 1px dotted #e5c8db;
    padding-right: 20.5px;
    padding-left: 6.5px;
}
.nav_area ul:last-of-type{
    border: none;
}
.box_long .nav_area ul:first-of-type li{
    position: relative;
    left: -1px;
}
.foot_bdr_box{
    min-width: 1200px;
    border-bottom: 1px solid #71216c;
}
.footer_area{
    width: 960px;
    min-height: 90px;
    margin: 0 auto;
}

/*------foot_top------*/
/*.foot_top{
    text-align: right;
  height: inherit;
  padding-bottom: 2px;
  max-width: 960px;
  margin: 0 auto;
}
.foot_top a{
    width: auto;
    height: 15px;
    display: inline-block;
  padding: 0 1px 0 6px;
}
.foot_top a:hover{
    text-decoration: underline ;
}

.foot_top a:nth-child(n+2){
    border-left: 1px solid #71216c;
}
.foot_top a p{
    width: auto;
    height: 18px;
    display: inline-block;
    color: #72226d;
}*/
/*------foot_top------*/

.foot_bot{
    height: 69px;
    margin: 20px 0;
}
.foot_left{
    width: 360px;
    float: left;
}
.footer_area + p{
    color: #71216c;
  font-size: 11px;
  margin: -15px 0 20px 0;
  width: 100%;
  padding: 15px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
}
.foot_right{
    width: 468px;
    float: right;
}
.foot_right_title{
    width: 468px;
    display: inline-block;
    background-color: #71216c;
    text-align: center;
}
.foot_right_title p{
    color: #fff;
    height: 20px;
    font-size: 11px;
    font-weight: 600;
    display: table-cell;
    vertical-align: middle;
    width: 468px;
}
.foot_right_bot{
    position: relative;
    top: -1px;
}
.foot_right_bot .tel{
    width: 59%;
    display: inline-block;
    font-size: 30px;
    color: #71216c;
    height: 43px;
}
.foot_right_bot .tel a{
    text-decoration: none;
}
.foot_right_bot .tel p{
    width: 225px;
    height: 37px;
    line-height: 43px;
    margin: 0;
}
.foot_right_bot .tel img{
    vertical-align: initial;
    width: 40px;
}
.foot_right_bot .tel img,.foot_right_bot .tel p{
    display: inline-block;
}
.foot_right_bot .time{
    width: 40%;
    display: inline-block;
}
.foot_right_bot .time p{
    font-size: 11px;
    line-height: 15px;
}

#sp_navi_menu_ft .foot_sp_menu ul{
    background: none;
}

.nav_bot{
    width: 100%;
    background-color: #f7f7f7;
}
.nav_bot_wrap{
    width: 960px;
    margin: 0 auto;
}
.nav_bot ul{
    width: 225px;
    float: left;
    margin-right: 20px;
    padding-bottom: 23px;
  margin-bottom: 10px;
}
.nav_bot ul:nth-of-type(4){
    margin-right: 0;
}
.nav_bot ul:nth-of-type(5){
    float: left;
  margin-bottom: 0px;
  height: auto;
    clear: both;
}
.nav_bot ul:nth-of-type(5) li.title{
    padding-top: 0;
}

.nav_bot ul:nth-of-type(6){
    float: right;
    margin-bottom: 13px;
    margin-right: 0;
}
.nav_bot ul li{
    line-height: 25.12px;
}
.nav_bot ul li.title{
    font-weight: 600;
    line-height: 19px;
    border-bottom: 1px solid #c9c9c9;
    padding-left: 0;
    padding-top: 50px;
    padding-bottom: 16px;
    margin-bottom: 12px;
    cursor: default;
}
.nav_bot ul:nth-of-type(1) li.title{
    line-height: 19px;
    padding-top: 39px;
    padding-bottom: 5px;
    min-height: 41px;
}
.nav_bot ul li .arrow-box{
    top: 6px;
}
.nav_bot li .right-arrow1{
  border-left: 6px solid #989898;
}
.nav_bot ul li a{
    color: #4c4c4c;
    text-decoration: none;
    display: block;
    padding: 0px 0 0px 22px;
    position: relative;
    font-size: 13px!important;
}

.nav_bot ul li.title a{
    padding: 0px;
}

span.arrow{
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 7px;
  top: 6px;
}
span.arrow i{
    background: url("/common/images/g_arrow.svg") no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: 95%;
}
span.arrow.purple i{
    background: url("/common/images/pu_arrow.svg") no-repeat;
}
span.arrow.white i{
    background: url("/common/images/w_arrow.svg") no-repeat;
}
.nav_bot ul.title li a{
    padding: 8px 0 8px;
}
.nav_bot ul li a:hover .right-arrow2{
  border-left: 6px solid #a3a3a3;
    -webkit-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.nav_bot li a:hover .right-arrow1{
    border-left: 6px solid #fff;
    -webkit-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
ul.title{
    padding-top: 2px;
}
ul.title li{
    line-height: 19px;
    border-bottom: 1px solid #c9c9c9;
    font-weight: 600;
    padding-left: 0;
}
ul.title li.long a{
    padding: 12px 0;
}



@media (min-width: 768px){
    .navi_2 .top_navi_btn:first-of-type p {
/*    width: 109px;*/
    }
    .sp_area{
        display: none!important;
    }
    #sp_navi_menu{
        display: none!important;
    }
    nav{
        display:none;
    }
		.top_navi_btn:hover{
        background: url(/common/images/menu_btn_bg_hover.jpg);
        background-size: cover;
    }
		.top_navi_btn.on{
        background: url(/common/images/menu_btn_bg_hover.jpg);
        background-size: cover;
    }
    #wrapper{
        /*min-width: 1200px;*/
        padding-top: 0!important;
    }
    .header_box{
        /*min-width: 1200px;*/

    }
		.top_navi{
			min-width: 963px;
		}
}

@media (max-width: 767px){
	.foot_right_title p{
		width: 100%;
		display: block;
	}
	.foot_right_title{
		text-align: center;
	}
    .border_box{
    margin: 9px 0 8px;
        float: left;
        width: 100%;
        height: 10px;
        background: url(/common/images/border.gif) repeat-x ;
    }
    .pc_area {
      display: none !important;
    }
    body{
        width: 100%;
    }
    header{
        border-bottom: 1px solid #71216c;
        /*position: fixed;*/
        background-color: white;
        z-index: 8999;
    }
    .header_area {
    width: 100%;
    height: 58px;
        padding-top: 15px;
    margin: 0 auto 0 auto;
        position: relative;
        z-index: 100;
        background-color: #fff;
    }
    .header_l{
        width: 100%;
        text-align: center;
    }
    .header_l img{
        margin: 0 auto;
        width: 60%;
        height: auto;
        max-width: 280px;
    }
    .header_box{
        /*position: fixed;
    width: 100%;*/
        z-index: 99;
    }

    #wrapper{
        width: 100%;
    }
    #wrapper>div{
        width: 100%;
    }
    #wrapper p.top_info{
        padding: 14px;
        font-size: 11px;
        line-height: 15px;
        text-align: left;
        margin: 0 auto;
        width: 258px;
    }
    #wrapper .main_info p{
        padding: 30px 0 14px 0;
        font-size: 12px;
        line-height: 21px;
        text-align: center;
        margin: 0 auto;
        color: #71216c;
    }
    #wrapper .flexslider {
    width: 100%;
    }
    #wrapper .board h1{
        padding: 8px;
        font-size: 17px;
        line-height: 21px;
        color: #fff;
        margin: 0 0 0 23px;
    }

    #wrapper .board p{
        padding: 14px;
        font-size: 13px;
        line-height: 19px;
    }
    .main_info{
        border-top: 1px solid #71216c;
    }
    .top_navi ul a:last-child li{
        background: none;
        margin: 0 auto;
    }
    .top_navi ul {
      width: 100%;
        height: 132px;
        text-align: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .top_navi ul li{
      width: calc( ( 100% - 1px ) / 2 );
        margin: 0 0 1px 0;
        padding: 0;
        border-bottom: 1px solid #e9dde9;
        overflow: hidden;
    }
    #wrapper .top_navi ul li p{
        text-align: center;
    display: block;
    font-weight: 300;
    font-size: 13px;
    color: #71216c;
    }
    .top_navi ul li:nth-child(2n-1){
    border-right: 1px solid #fff;
    }
    .top_navi > a{
        font-size: 13px;
        color: #71216c;
        padding: 16px 0;
        text-decoration: underline;
        display: block;
    }
    .top_navi > a p{
        margin: 0 auto;
        width: 78px;
    }
    .top_navi{
        display: none;
        border-top: 0px;
        border-bottom: 0px;
        height: 185px;
    }
    .top_navi_btn img {
    width: 100%;
    }
    .ul_box{
        width: auto;
        height: auto;
        margin: 0;
    }
    .ul_box_bg{
        width: 100%;
        margin: 0 auto;
        background: transparent;
    }
    #wrapper .box,#wrapper .box_long{
        width: calc(100% - 20px);
        height: auto;
        margin-right: 0;
        margin: 0px;
        padding: 0px 10px;
    border-style: none!important;
        background: transparent!important;
    }
    #wrapper .box_long{
        margin-bottom: 10px;
    }
    .box li{
        width: 100%;
    }
    .box_title,.box_long .box_title{
        width: 100%;
        height: 25px;
        margin:0 0 12px 0;
        padding: 0;
        border-bottom-style: none!important;
    }
    .box_long .nav_area{
        margin-left: 3px;
        width: auto;
    }
    .nav_area ul{
        width: 100%;
    }
    .box_long .nav_area li {
        margin: 0;
    padding-left: 0px;
    border-bottom: 1px dotted #b890b5;
    }
    .box_long .nav_area li a{
      padding: 11px 0 10px 22.5px;
        margin-left: 20px;
    }
    .box_long .nav_area ul:first-child li:first-child{
        border-top: 1px dotted #b890b5;
    }
    .box_cont,.box_long .box_cont{
        width: 100%;
        margin: 13px 0 19px;
        padding: 0;
    }
    .box_bt_area {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .box_bt p{
        width: auto;
    }
    .box_img img{
        width: 100%;
    }
    .box_bt {
        width: inherit;
    height: 35px;
    border: 1px solid #333;
    border-radius: 5px;
    margin: 15px auto;
        padding: 0 10px;
    }
    footer{
      min-width: 0!important;
        width: 100%;
        margin-top: 0;
    }
    .footer_area {
        width: 100%;
        height: auto;
        margin: 0;
    }
    .foot_bot {
        width: 100%;
        height: 173px;
        margin: 0;
    }
    .foot_bot div{
        width: 100%;
        height: auto;
        margin: 0;
        overflow: hidden;
    }
    .foot_right{
        width: 100%;
    }
    .foot_right_bot .tel{
        width: calc(100% - 20px);
      margin-top: 5px;
      text-align: center;
    }
    .foot_right_bot .time{
        width: 90%;
        margin-bottom: 10px;
    }
    .foot_right_bot div{
        position: relative;
        left: 10px;
    }
    .foot_right_bot{
        /*padding: 0 10px 10px 10px;*/
        border-bottom: 1px solid #71216c;
    }
    .foot_left{
        padding:10px 0 0 0;
        text-align: center;
    }
    .foot_left img{
        padding: 5px 0;
    }


    .sub_cont h1 {
        font-size: 144%!important;

    }

    .sub_cont h2 {
        font-size: 140%!important;
    }


}
.arrow-box{
  position:relative;
    top: 2px;
  left: -6px;
    width: 0;
    height: 0;

}
.right{
  width:20px;
  height:20px;
  position:absolute;
  left:0;
  top:0;
  border:1px solid #f49a09;
}
.right-arrow1,.right-arrow2{
  width:0;
  height:0;
  display:block;
  position:absolute;
    left: 20px;
    top: 9px;
  border-top:6px transparent dashed;
  border-right:6px transparent dashed;
  border-bottom:6px transparent dashed;
  border-left:6px white solid;
  overflow:hidden;
}
.right-arrow1{
  left: 21px;/*重要*/
  border-left:6px solid #f49a09;
}
li .right-arrow1,li .right-arrow2{
    left: -10.5px;
    top: 0px;
}
li .right-arrow1{
  left: 20.5px;/*重要*/
  border-left:6px solid #71216c;
}
.nav_area li .right-arrow1{
    left: -9.5px;
}
.nav_bot li .right-arrow1{
    left: -9.5px;
}
.nav_bot .right-arrow2 {
  border-left: 6px #f7f7f7 solid;
}
.right-arrow2{
  border-left:6px white solid;
}
.box:nth-child(4) .box_bt_area .right-arrow1{
    border-left:6px solid #54b3e5;
}
.box:nth-child(6) .box_bt_area .right-arrow1{
    border-left:6px solid #9fbd13;
}
.box:nth-child(8) .box_bt_area .right-arrow1{
    border-left:6px solid #f4637c;
}
.board .arrow-box{
    top: 12px;
}
/*
.flex-caption {
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}
*/
.flex-caption_title{
    font-size: 17px;
    font-weight: 600;
    width: 284px;
  height: 38px;
  color: #fff;
    background: rgba(246,174,58,0.8);
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    padding-left: 30px;
}
li:nth-of-type(2) .flex-caption_title{
    background: #79b2e3;
}
li.patient .flex-caption_title{
    background: #79b2e3!important;
}
li:nth-of-type(3) .flex-caption_title{
    background: rgba(0,0,0,0.3);
}
li:nth-of-type(4) .flex-caption_title{
    background: rgba(246,130,150,0.8);
}
.flex-caption_content{
    font-size: 13px;
    width: 254px;
    min-height: 51.71px;
  color: #333;
  background: rgba(255,255,255,.8);
  display: inline-block;
  padding: 15px;
    cursor: pointer;
    line-height: 1.4;
}
.flex-caption_box{
    width: 284px;
    height: auto;
    top: 44%;
    right: 10%;
    position: absolute;
}
.flex-caption_box span{
    width: 10px;
    height: 10px;
    display: block;
    position: relative;
    top: 23px;
    left: 13px;
}
.flex-caption_box span i{
    display: block;
    background: url(/common/images/arrow.svg) no-repeat;
    width: 10px;
    height: 10px;
}
.flex-control-nav{
    display: none!important;
}
.sp_navi_btn{
    right: 10px;
    top: 10px;
    display: block;
  width: 30px;
  height: 22px;
  cursor: pointer;
  position: absolute;

}
.sp_navi_btn>div{
    width: 30px;
    height: 22px;
}
.sp_navi_btn div {
  position: relative;
}
.sp_navi_btn span{
    display: block;
  position: absolute;
  width: 100%;
  border-bottom: solid 5px #b890b5;
  -webkit-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
.sp_navi_btn span:nth-child(1) {
    top: 0px;
}
.sp_navi_btn span:nth-child(2) {
    top: 8px;
}
.sp_navi_btn span:nth-child(3) {
    top: 16px;
}
.sp_navi_btn span:nth-child(4) {
    border: none;
    font-size: 9px;
    top: 20px;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    width: 149%;
    left: -4px;
    color: #b890b5;
}
.mac.chrome .sp_navi_btn span:nth-child(4){
    left: -8px;
}
.board{
    border-top: 1px solid #fff;
}
.board .title {
    width: auto;
    position: relative;
}
.board .title span.arrow{
    left: 10px;
  top: 13px;
}
li:nth-of-type(1) .board .title{
  background: #fcbd66;
}
li:nth-of-type(2) .board .title{
    background: #79b2e3;
}
li:nth-of-type(3) .board .title,
.flexslider.sp_area .title.bg2,
li.patient .flex-caption_title.bg2{
    background: #9fbd13!important;
}
li:nth-of-type(4) .board .title,
.flexslider.sp_area .title.bg3,
li.patient .flex-caption_title.bg3{
    background: rgba(246,130,150,0.8)!important;
}
li.patient .board .title{
    background: #79b2e3;
}
#wrapper .board .right-arrow2 {
        left: 19px;
    border-left: 6px #9fbd13 solid;
}
#wrapper .board .right-arrow1 {
    border-left: 6px solid white;
}
#wrapper li:nth-of-type(1) .board .right-arrow2{
    border-left: 6px solid #fcbd66;
}
/*#wrapper .board .arrow-box{
    top: 12px;
    left: -9px;
}*/

.top_navi_btn span{
    width: 10px;
    height: 10px;
    left: 4%;
    top: 41%;
    overflow: hidden;
    position: absolute;
}
.top_navi_btn span i{
    display: block;
    background: url(/common/images/arrow.png) no-repeat;
    width: 10px;
    height: 10px;
}


.ovfHiden{overflow: hidden;height: 100%;}


/* -------------------------------------
　　　170710 patient 追加
------------------------------------- */
#PAN {
    margin: 18px 0;
}
#PAN ul li.top {
    background: url("../images/pan.png") no-repeat center right;
    padding-right: 13px;
    margin-right: 4px;
}
#PAN ul li {
    float: left;
    font-size: 11px;
}
.here {
    font-weight: bold;
}
.lower_main_cont {
    min-height: 575px;
}
.main_cont .border_box:first-of-type{
    display: none!important;
}
.tit01 {
    background: url("/common/images/tit_01.jpg") no-repeat center left;
    border: 1px solid #b890b5!important;
}

.tit01 h1 {
    padding: 18px 0 18px 17px;
    position: relative;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    border: 1px solid #fff;
    text-shadow: 0px -1px 0px #1b2827;
    line-height: 120%;
}

.patientBox {
    width: 765px;
    margin: 70px auto 0 auto;
}
@media (max-width: 767px){
    #PAN {
        margin: 8px 0 8px 3.125%;
    }

    .lower_main_cont {
        min-height: 0;
        margin-bottom: 20px;
    }

    .tit01 {
        background: url(/common/images/tit_01.jpg) no-repeat center left;
        background-position: -219px;
    }

    .tit01 h1 {
        font-size: 144%!important;
    }

    .tit01 h1.double{
        padding: 8px 0 8px 17px;
    }

    .patientBox {
        width: 93.75%;
        margin: 15px auto 0 auto;
        padding: 0 3.125%;
        text-align: center;
    }
    .lower_box {
        margin-bottom: 15px;
        display: inline-block;
    }
    .patientBox .fl,
    .patientBox .fr {
        float: none;
    }
    .patientBox img {
        max-width: 100%;
    }
}

/* -------------------------------------
　　　170710 about 追加
------------------------------------- */
.aboutBox {
    margin-top: 60px;
    padding: 0 35px;
    font-size: 13px;
}
.aboutBox .fl {
    width: 445px;
}
.aboutBox p {
    margin-bottom: 35px;
    font-size: 13px;
    line-height: 190%;
}
.aboutBox .purpleCaption {
    font-size: 16px;
    color: #8e4e8a;
}
@media (max-width: 767px){
    .aboutBox {
        width: 93.75%;
        margin: 15px auto 0 auto;
        padding: 0 3.125%;
    }
    .aboutBox .fl,
    .aboutBox .fr {
        float: none;
    }
    .aboutBox .fr {
        display: block;
        text-align: center;
    }
}


/* -------------------------------------
　　　170712 追加
------------------------------------- */
.confirmation_area {
    border: 10px solid #d4bcd3;
    padding: 60px 0 105px 0;
}

.confirmation_txt{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 170%;
}

.btn_confirmation_area {
    width: 780px;
    margin: 95px auto 0 auto;
}

@media (max-width: 767px){
.confirmation_area {
    padding: 20px 0 40px 0;
}

    .btn_confirmation_area {
        width: 93.75%;
        margin: 40px auto 0 auto;
        padding: 0 3.125%;
        text-align: center;
    }

    .btn_confirmation_area .fl,
    .btn_confirmation_area .fr {
        float: none;
    }

.confirmation_txt{
    padding: 0 3.125%;
    line-height: 150%;
    font-size: 16px;
}

.btn_confirmation_area img {
    max-width: 100%;
}

.confirmation_txt{
    text-align: left;
}

}



/*----下層ページ(BLUE)----*/
/*----NAV----*/
.navi_2 ul li.top_navi_btn:first-child{
    -webkit-box-flex: 0.522;
    -ms-flex-positive: 0.522;
    flex-grow: 0.522;
}
.navi_2 ul li.top_navi_btn{
    /*width: 209px;*/
}
.navi_2 .ul_box_bg{
    /*background: url(/common/images/top_ul_bg_2.png) no-repeat;*/
}
.top_navi_btn span.home {
    width: auto;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    bottom: 0;
    right: 0;
    display: block;
}
.top_navi_btn span.home i{
    display: block;
  background: url(/common/images/home.png) no-repeat;
  width: 33px;
  height: 33px;
  margin: 0 auto;
}
/*.navi_2 .top_navi_btn:nth-child(4) p {
    padding-top: 13px;
    height: 54px;
}*/
/*.navi_2 .top_navi_btn:first-of-type p{
    width: 109px;
}*/
.navi_2 .top_navi_btn p{
/*    width: 209px;*/
}
@media (min-width: 768px){
	.navi_2 .top_navi_btn:hover {
			background: url(/common/images/menu_btn_bg_hover_2.jpg);
					background-size: cover;
	}
	.navi_2 .top_navi_btn:first-of-type:hover {
			background: url(/common/images/menu_btn_bg_hover_home.jpg);
					background-size: cover;
	}
	.navi_2 .top_navi_btn.on {
			background: url(/common/images/menu_btn_bg_hover_2.jpg);
					background-size: cover;
	}
	.navi_2 .top_navi_btn.on:first-of-type {
			background: url(/common/images/menu_btn_bg_hover_home.jpg);
					background-size: cover;
	}
}
/*----NAV----*/

/*----SUB-NAV----*/
.sub_navi{
    width: 960px;
    margin: 22px 0;
}
.sub_navi ul li{
    float: left;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.7;
}
.sub_navi ul li a{
    font-weight: 600;
    font-size: 11px;
    text-decoration:none;
  border-bottom: 2px solid #d9c7d7;
    margin-right: 17px;
}
.sub_navi ul li a span{
    color: #333;
    display: inline;
    border-bottom: 2px solid #fff;
    padding: 0 3px;
    position: absolute;
}

.sub_navi .br_none{
    display: none;
}



.sub_navi .bread_none{
    display: none;
}



/*----SUB-NAV----*/

/*----SIDE-NAV----*/
.side_nav{
    width: 196px;
    margin-right: 20px;
    /*margin-right: 30px;*/
    border: 1px solid #a9d9f2;
}
.side_title{
    border: 1px solid #fff;
    background: url(/patient/images/side_nav_title.jpg) no-repeat;
    background-size: 101%!important;
}
.side_nav p a{
    color: #fff;
    text-decoration: none;
    padding: 10px 0 10px 16px;
    display: block;
    font-size: 13px!important;
    line-height: 1.4!important;
  text-shadow: 0px -1px 0px #797979;
}
.side_title p a{
    padding: 21px 0 21px 9px;
    font-size: 13px!important;
}
.side_nav .wrap{
    border: 1px solid #fff;
    border-top: none;
}
/*.side_nav .wrap p{
    border-bottom: 1px solid #fff;
}*/
.side_nav .wrap p.long{
    letter-spacing: -1.5px;
}
.side_nav .wrap > ul li{
    border-bottom: 1px solid #fff;
    position: relative;
}
.side_nav .wrap > ul li a{
    color: #333;
    text-decoration: none;
    font-weight: 600;
    padding: 6px 0 6px 16px;
  display: block;
    font-size: 13px!important;
    line-height: 1.4!important;
}
.side_nav .wrap > ul li.on a{
    color: #54b3e5;
}
.side_nav .wrap > ul li.lower{
    padding-bottom: 0;
}
.si_box .list_area li.lower ul li a:hover,
.side_nav .wrap > ul li.lower ul li.on a,
.side_nav .wrap > ul:nth-of-type(2) li.on a,
.side_nav .wrap > ul:nth-of-type(3) li.on a,
.side_nav .wrap > ul li.lower ul li a:hover,
.side_nav .wrap > ul:nth-of-type(2) li a:hover,
.side_nav .wrap > ul:nth-of-type(3) li a:hover{
    background-color: #edf7fc;
}
.side_nav .wrap > ul li.lower > a{
    display: none;
}
.side_nav .wrap > ul li.lower p{
    text-decoration: none;
  font-weight: 600;
  padding: 6px 0 6px 16px;
  display: block;
    background: none;
    font-size: 13px!important;
    line-height: 1.4;
}
.side_nav .wrap > ul li.lower ul li{
    margin-left: 0;
    position: relative;
}
.side_nav .wrap > ul li.lower ul li a{
    padding-left: 29px;
}
.side_nav .wrap > ul li.lower ul li a,.side_nav .wrap > ul:nth-of-type(2) li a, .side_nav .wrap > ul:nth-of-type(3) li a{
    border-top: 1px dotted #a9d9f2;
}
.side_nav .wrap > ul li.lower ul li a,.side_nav .wrap > ul:nth-of-type(2) li a,.side_nav .wrap > ul:nth-of-type(3) li a{
    font-weight: 300;
}
.side_nav .wrap > ul li.lower ul li::before,.side_nav .wrap > ul:nth-of-type(2) li::before,.side_nav .wrap > ul:nth-of-type(3) li::before{
    content: "";
  color: #a9d9f2;
  display: inline-block;
  position: absolute;
  left: 16px;
  width: 14px;
  height: 14px;
  background-size: 100%;
  top: 9px;
}
.side_nav .wrap > ul:nth-of-type(2) li a,.side_nav .wrap > ul:nth-of-type(3) li a{
    padding-left: 29px;
}
.side_nav .wrap > ul li.lower ul li:first-of-type a,.side_nav .wrap > ul:nth-of-type(2) li:first-of-type a, .side_nav .wrap > ul:nth-of-type(3) li:first-of-type a{
    padding-top: 6px;
    /*margin-top: 6px;*/
    border-top: none;
}
.side_nav .wrap > ul li.lower ul li:last-of-type{
    border-bottom: none;
}
/*----SIDE-NAV----*/


/*----SubHeadBar----*/
#SubHeadNav{
    width: 100%;
    margin-right: 20px;
    /*border: 1px solid #a9d9f2;*/
}
.side_title{
    border: 1px solid #fff;
}
#SubHeadNav p a{
    color: #fff;
    text-decoration: none;
    padding: 10px 0 10px 16px;
    display: block;
    font-weight: normal;
}
.side_title p a{
    padding: 21px 0 21px 9px;
}
#SubHeadNav .wrap{
    border: 1px solid #fff;
    border-top: none;
}
#SubHeadNav .wrap p{
    border-bottom: 1px solid #fff;
}
#SubHeadNav .wrap p.long{
    letter-spacing: -1.5px;
}
#SubHeadNav .wrap > ul li{
    border-bottom: 1px solid #fff;
    position: relative;
}
#SubHeadNav .wrap > ul li a{
    color: #333;
    text-decoration: none;
    font-weight: 600;
    padding: 6px 0 6px 16px;
  display: block;
}
#SubHeadNav .wrap > ul li.on a{
    color: #54b3e5;
}
#SubHeadNav .wrap > ul li.lower{
    padding-bottom: 0;
}
.si_box .list_area li.lower ul li a,
#SubHeadNav .wrap > ul li.lower ul li a,
#SubHeadNav .wrap > ul:nth-of-type(2) li a,
#SubHeadNav .wrap > ul:nth-of-type(3) li a,
#SubHeadNav .wrap > ul li.lower ul li a,
#SubHeadNav .wrap > ul:nth-of-type(2) li a,
#SubHeadNav .wrap > ul:nth-of-type(3) li a{
    background-color: #fff;
}

#SubHeadNav .wrap > ul li.lower ul li a{
    border-top: none!important;
    background: #fff!important;
}

.si_box .list_area li.lower ul li a:hover,
#SubHeadNav .wrap > ul li.lower ul li.on a,
#SubHeadNav .wrap > ul:nth-of-type(2) li.on a,
#SubHeadNav .wrap > ul:nth-of-type(3) li.on a,
#SubHeadNav .wrap > ul li.lower ul li a:hover,
#SubHeadNav .wrap > ul:nth-of-type(2) li a:hover,
#SubHeadNav .wrap > ul:nth-of-type(3) li a:hover{
    background-color: #edf7fc!important;
}

#SubHeadNav .wrap > ul li.lower > a{
    display: none;
}
#SubHeadNav .wrap > ul li.lower p{
    text-decoration: none;
  font-weight: 600;
  /*padding: 6px 0 6px 16px;*/
  display: block;
    background: none;
    font-size: 13px;
}
#SubHeadNav .wrap > ul li.lower ul li{
    margin-left: 0;
    position: relative;
}
#SubHeadNav .wrap > ul li.lower ul li a{
    padding-left: 29px;
}
#SubHeadNav .wrap > ul li.lower ul li a,#SubHeadNav .wrap > ul:nth-of-type(2) li a, #SubHeadNav .wrap > ul:nth-of-type(3) li a{
    border-top: 1px dotted #a9d9f2;
}
#SubHeadNav .wrap > ul li.lower ul li a,#SubHeadNav .wrap > ul:nth-of-type(2) li a,#SubHeadNav .wrap > ul:nth-of-type(3) li a{
    font-weight: 300;
}
#SubHeadNav .wrap > ul li.lower ul li::before,#SubHeadNav .wrap > ul:nth-of-type(2) li::before,#SubHeadNav .wrap > ul:nth-of-type(3) li::before{
    content: "";
  color: #a9d9f2;
  display: inline-block;
  position: absolute;
  left: 16px;
  width: 9px;
  height: 9px;
  background-size: 100%;
  top: 9px;
	z-index: 1;
}
#SubHeadNav .wrap > ul:nth-of-type(2) li a,#SubHeadNav .wrap > ul:nth-of-type(3) li a{
    padding-left: 29px;
}
#SubHeadNav .wrap > ul li.lower ul li:first-of-type a,#SubHeadNav .wrap > ul:nth-of-type(2) li:first-of-type a, #SubHeadNav .wrap > ul:nth-of-type(3) li:first-of-type a{
    padding-top: 6px;
    /*margin-top: 6px;*/
    border-top: none;
}
#SubHeadNav .wrap > ul li.lower ul li:last-of-type{
    border-bottom: none;
}
/*----SubHeadBar----*/




/*----SUB-CONTENT----*/
.dotted{
    border-bottom: 1px dotted #3b599d!important;
}
.sub_cont ul.style1{
    background-color: rgba(84, 179, 229, 0.05);
  padding: 11px 30px;
    margin-bottom: 13px;
}
.sub_cont ul.style1 + p,
.sub_cont ul.style1 + p + p{
    margin-bottom: 20px;
}
.sub_cont ul.style1 li{
    line-height: 25px;
    font-size: 13px;
    position: relative;
}
.sub_cont ul.style1 li::before{
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: url(/patient/images/circle_2.svg);
  display: inline-block;
  top: 7px;
  left: -2.5%;
}
.f_box > div{
    float: left;
}
.f_box_2{
    display: flex;
    display: -webkit-box;
     display: -ms-flexbox;
    justify-content: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
    align-items: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
    margin: 0 auto;
}
.sc_box .f_box_2 img{
	display: initial;
	vertical-align: middle;
}
.sc_box p + .f_box_2{
    margin-top: 20px;
}

.sc_box.f_box > div:nth-of-type(2n+1){
    margin-right: 20px;
}
.sc_box.f_box > div.w35{
    width: calc(35% - 20px);
}
.sc_box.f_box > div.w50{
    width: calc(50% - 10px);
}
.w35 img {
    width: 100%;
    margin: 0 0 10px!important;
}
.forvideo{
    border-radius: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-box;
  display: -webkit-inline-flex;
  display: -ms-flexbox;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sc_box.forvideo{
    width: calc(100% - 80px);
}
.sub_cont{
    width: 730px;
}
.sub_cont .wrap_h1{
    border: 1px solid #98d1ef;
    margin-bottom: 25px;
}
.main_cont.lower > div{
    float: left;
}
.sub_cont h1{
    padding: 18px 0 18px 17px;
    position: relative;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    border: 1px solid #fff;
    text-shadow: 0px -1px 0px #1b2827;
    line-height: 120%;
}
.sub_cont h1 span{
    position: absolute;
    top: 11px;
    right: 11px;
    font-size: 60%;
    height: auto;
}
.sub_cont h1 span span{
    font-size: 117%;
  position: absolute;
  top: 16px;
  right: 0;
}
.sub_cont h2{
    border-left: 5px solid #98d1ef;
    border-bottom: 1px solid #98d1ef;
    color: #54b3e5;
    font-size: 154%;
    padding: 3px 0 10px 11px;
    margin-bottom: 20px;
}
.forvideo + h2{
    margin-top: 20px;
}
.sub_cont p,.sub_cont ul,.sub_cont table{
    margin: 0 20px;
}
.sub_cont .sub_index ul,
.sub_cont .sub_index p{
    margin: 0;
}
.sub_cont table,.sub_cont td,.sub_cont th{
    border-bottom: 1px solid #3b599d;
    border-left: 1px solid #3b599d;
    border-right: 1px solid #3b599d;
    color: #3b599d;
    font-size: 13px;
    padding: 10px;
    text-align: center;
}
.sub_cont td span,.sub_cont th span{
    display: block;
    font-size: 85%;
}
.sub_cont table thead th{
    border-top: 1px solid #3b599d;
}
.sub_cont td{
    text-align: left;
}
.sub_cont table thead th,.sub_cont table tbody th{
    background: #cfcde5;
    font-weight: 600;
}
.sub_cont table tbody th{
    padding: 10px 9px;
}
.sub_cont table thead th:nth-of-type(2),.sub_cont table tbody td:nth-of-type(1){
    background: #fbe7dd;
    text-align: center;
}
.sub_cont thead th:nth-of-type(2){
    width: 13.3%;
}
.sub_cont thead th:nth-of-type(1){
    width: 23.5%;
}
.sub_cont thead th:nth-of-type(3),.sub_cont thead th:nth-of-type(4){
    width: 31.9%;
}
.sub_cont p{
    line-height: 1.7;
}
.sub_cont > p.comment{
    text-align: left;
    margin: 10px 20px;
}
p.v_btn{
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 5px 0;
}
#wrapper .forvideo h4{
    width: 268px;
    font-size: 16px;
}
.forvideo p.v_btn{
    width: 138px!important;
  margin-right: 10px;
}
.sc_box.forvideo img{
    margin: 0 30px;
}
p.v_btn a{
    padding: 10px 36px;
    border-radius: 4px;
    color: #54b3e5;
    font-weight: 600;
    text-decoration: none;
    font-size: 13px!important;
}
p.v_btn span{
    position: absolute;
  width: 100%;
  top: 130%;
  left: 0;
    font-size: 13px;
}
.sub_cont > p.caution_area{
    background: #f7f9fb;
    padding: 15px;
    font-size: 12px;
    line-height: 1.6;
}
.sub_cont > p.caution_area span{
    display: block;
}
.sc_box{
    margin: 0 20px 20px;
    padding: 20px;
}
.sc_box p,.sub_cont table{
    margin: 0 0 20px;
}
h4 + .sc_box > p{
    margin: 0 -20px;
}
.sc_box p:last-child,.sub_cont table:last-child{
    margin-bottom: 0;
}
.w40 + p,.w35 + p,.w50 + p{
    clear: both;
    padding-top: 20px;
}

.sub_cont h2 + p,.sub_cont h3 + p{
    margin-bottom: 20px;
}
.sub_cont h2 + .sc_box{
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
}
.sub_cont p + div.sc_box{
    margin-top: 0;
}
.sub_cont h3,.sub_cont h4{
    margin: 0 20px;
}
.sub_cont h5{
    margin-top: 25px;
    font-weight: 600;
}
.sub_cont h3 + .sc_box{
    border: 1px solid #98d1ef;
}
.sub_cont h4 + .sc_box{
    padding-bottom: 0;
}
.sc_box.no_border{
    border: none;
    margin: 0;
}
.sc_box.no_border img{
    margin-top: 0;
    margin-bottom: 7.5px;
}
.sub_cont h3{
    color: #fff;
  background-color: #76c2ea;
  font-size: 15px;
  padding: 12px;
  font-weight: 600;
  line-height: 1.1;
}
.sc_box .intro{
    padding: 5px 19px 5px 0;
  width: 46%;
  float: left;
}
.sc_box dl dt{
    font-size: 15px;
    color: #54b3e5;
    font-weight: 600;
    line-height: 1.2;
}
.sc_box dl dd{
    margin: 4px 0;
    line-height: 1.7;
}
.sc_box dl dd::after{
    content: "";
    display: block;
    width: 86%;
    height: 43px;
}
.sc_box dl dd:last-child::after{
    display: none;
}
.img_box_f{
    width: auto;
    margin: 0 20px;
}
.sc_box img {
    margin: 24px auto;
  display: block;
}
.f_box_2 img:nth-of-type(2){
    width: 75px;
}
.sc_box img.full{
    width: 100%;
}
.sc_box .w50 img,
.sc_box .w40 img{
    margin: 0 auto;
}
img.right_img{
    float: right;
    margin: 0;
    width: auto!important;
}
.w50 h5 + img{
    margin: 10px 0;
}
.w50 + .w50 + .w50 p{
    margin-top: 25px;
}
h3 + .sc_box .w50 p{
    margin-top: 0;
}
.sub_cont h4{
    font-size: 15px;
    font-weight: 600;
    color: #54b3e5;
    background-color: #f4fafd;
    padding: 7px 13px;
    margin-bottom: 15px;
    text-align: left;
}
.sub_cont > h4{
    margin-bottom: 0;
    text-align: left;
}
.sub_cont .sc_box h4{
    margin: 0;
}
.sc_box .img_box_50 h4{
    text-align: center;
}
h3 + .sc_box .img_box_50 h4{
    text-align: left;
}
.sc_box img.block{
    float: none;
  margin: 0 auto;
  display: block;
}
.sc_box p.caption{
    width: 356.363px;
    margin: 7.5px auto;
    padding: 0;
    line-height: 1.6;
}
.img_box_50{
    width: calc(50% - 7px);
    float: left;
    margin-top: 7.76px;
    margin-bottom: 29px;
}
.img_box_50 img{
    margin: 15px auto;
    display: block;
    width: auto;
}
.img_box_50:nth-of-type(2n+1){
    margin-right: 14px;
}
.sc_box p.comment{
    text-align: right;
    margin: 20px 0 7.5px;
    line-height: 1.8;
}
.sc_box > p.comment{
    font-size: 12px;
    padding: 11px 20px;
}
.sub_cont ul.comment{
    margin: 30px 20px 30px;
}
.sub_cont ul li{
    line-height: 1.4;
    margin: 3px 0;
}
.sub_cont h4 + ul,.sub_cont h4 + p{
    margin: 10px 0 10px;
}
.sub_cont ul.cast li{
    width: 50%;
    float: left;
}
.grey{
    color: #7f7f7f;
}
p.btn{
    text-align: right;
    margin-top: 62px;
    margin-bottom: -30px;
    padding-right: 0;
}
.sc_box p.imgtit{
    text-align: left;
    background-color: #f2f2f2;
    border: 1px solid #e5e5e5;
    margin-bottom: 0;
    border-bottom: none;
}
.w35 p.imgtit,
.w40 p.imgtit,
.w50 p.imgtit{
    width: calc(100% - 10px);
    line-height: 1;
  padding: 10px 0 10px 9px;
}
.w40 p.imgtit{
    padding: 8px 0 8px 9px;

}
.sc_box .w40 img.wborder{
    width: calc(100% - 1px);
}
.wborder{
    border: 1px solid #e5e5e5;
}
.imgtit + img.wborder{
    border-top: none;
}
img.wborder + .imgtit{
    margin-top: 20px;
}
.sc_box p.graph{
    text-indent: -115px;
    padding-left: 115px;
    margin-bottom: 0;
}
.sc_box p.graph span{
    width: 100px;
    display: inline-block;
    text-align: right;
    color: #374293;
    margin-right: 15px;
}
.sub_cont table + p.ex{
    color: #3b599d;
    font-size: 12px;
    margin: -10px 0;
}
.sc_box > table + p.ex + p.comment{
    padding: 11px 0px;
}
/*----SUB-CONTENT----*/

/*----SP----*/
@media (max-width: 767px){
    .sc_box p.caption{
        width: auto;
    }
    .navi_2 ul li.top_navi_btn:first-child {
    width: calc(50% - 1px);
    }
    .navi_2 ul li.top_navi_btn {
      width: calc(50% - 1px);
    }
    /*.top_navi_btn span.home{
        left: 53px;
    top: 3px;
    }*/
    .sub_cont{
        width: 100%;
    }
    .sub_cont > h2,.sub_cont > p{
        margin-left: 20px;
        margin-right: 20px;
    }
    .sub_navi{
        margin-left: 20px;
    }
    .sc_box .intro{
        width: 100%;
    }
    p.btn{
        margin-bottom: 20px;
        margin-top: 20px;
    }
    /*#wrapper .top_navi ul.navi_2 li:nth-of-type(4) p {
        padding-top: 3px;
    }
    #wrapper .top_navi ul.navi_2 li:nth-of-type(1) p {
        padding-top: 13px;
    }*/
    .sub_navi{
    width: calc(100% - 20px);
    }
    .sub_cont h1 span{
        font-size: 13px;
    }
    .main_cont div.box:nth-child(8) .box_cont p{
        min-height: unset;
    }
    .box_cont p{
        min-height: auto;
    }
    .forvideo{
        display: block;
    }
    .sc_box.forvideo img {
        margin: auto;
        margin-top: 20px;
    }
    .sc_box p.v_btn {
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
        display: block;
    }
    .sub_cont h4 {
        text-align: left;
        padding: 7px;
        margin: auto!important;
    }
    .f_box_2{
        display: block;
    }
    .f_box_2 img:nth-of-type(2){
	      transform: rotate(90deg);
	      -ms-transform: rotate(90deg);
	      -moz-transform: rotate(90deg);
	      -webkit-transform: rotate(90deg);
	      -o-transform: rotate(90deg);
	      width: 30%;
		    margin: 50px auto!important;
    		display: block;
		}
    .w65 + .w35,
    .w50 + .w50{
        margin: 20px 0;
    }
    .f_box > div{
        width: 100%!important;
        float: none;
    }
/*追加*/
    .img_box_50,
    .sc_box img{
        width:100%;
    float: none;
        margin:0;
    }
    #wrapper .sub_index > div{
        width: calc(100% - 4px);
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .sc_box img{
    margin: 10 auto 0!important;
        display: block;
    }
    .sc_box .imgtit + img.wborder{
        margin-top: 0!important;
    }
    .img_box_50{
        width:auto;
        margin: 27.76px 20px 29px!important;
    }
    .main_cont.sub_index{
        width: 100%;
        margin-bottom: 20px;
    }

    #SubHeadNav .wrap p.long{
        letter-spacing: 0;
    }

    #wrapper .forvideo h4{
        width: auto;
    }
}
/*----SP----*/

/*下層ページ(BLUE)*/

/*個別のサブインデックス*/
.sub_index > div{
    float: left;
    width: calc(50% - 14px);
    border: 1px solid #d2eaf7;
    padding: 1px;
}
.sub_index > div:first-of-type{
    margin-right: 20px;
}
.si_box > div{
    float: left;
    width: calc(258 / 460 * 100%);
}
.si_box:first-of-type > div{

}
.si_box > div:first-of-type{
    width: calc(162 / 460 * 100%);
}
.si_box .title_area{
    display: table;
    background: url(/patient/images/title_area_01.jpg) bottom;
    background-size: cover;
    padding: 207.5px 0;
}
.si_box:nth-of-type(2) .title_area{
    background: url(/patient/images/title_area_02.jpg) bottom;
    background-size: cover;
    padding: 48px 0;
}
.si_box:nth-of-type(2){
    margin-bottom: 20px;
}
.si_box:nth-of-type(3) .title_area{
    background: url(/patient/images/title_area_03.jpg) bottom;
    background-size: cover;
    padding: 38px 0;
}
.si_box .title_area p{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #55b2e4;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
}
.si_box .list_area{
    padding: calc(20 / 460 * 100%);
}
.si_box .list_area > ul > li:first-of-type > a{
    border-top: 1px solid #d4ecf8;
    padding: 7px 0 8px 16px;
}
.si_box .list_area > ul > li > a,.si_box .list_area p{
    line-height: 1;
  padding: 8px 0 8px 16px;
  display: block;
  font-size: 13px;
    font-weight: 600;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #d4ecf8;
    position: relative;
  background-image: -webkit-gradient(linear,left bottom, left top,from(rgba(85,180,230,0.07)),to(rgba(85,180,230,0.03)));
  background-image: linear-gradient(to top,rgba(85,180,230,0.07),rgba(85,180,230,0.03));
}
.si_box .list_area > ul > li > a::before,.si_box .list_area p::before{
    content: "";
  color: #a9d9f2;
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 8px;
  height: 8px;
  background: url(/patient/images/circle.svg);
  background-size: 100%;
  top: 11px;
}
.si_box .list_area li.lower ul li a{
  border-bottom: 1px dotted #c6cbd8;
    color: #333;
    text-decoration: none;
    padding: 6px 0 6px 29px;
    display: block;
    font-weight: 300;
    position: relative;
}
.si_box .list_area li.lower ul li:first-of-type a{
    border-top: none;
}
.si_box .list_area li.lower ul li a::before{
    content: "";
  color: #a9d9f2;
  display: inline-block;
  position: absolute;
  left: 13px;
  width: 9px;
  height: 19px;
  background: url(/patient/images/arrow_2.svg) no-repeat;
  background-size: 100%;
  top: 10px;
}
.si_box .list_area li.lower > a{
    display: none;
}
/*個別のサブインデックス*/




/* 動画 */
/*#boxer{
    width: 800px;
    height: 800px;
}*/

#boxer video{
    width: 100%;
}

.inline_content {
    width: 800px;
    overflow: hidden;
}


.side_nav_2 .side_title{
    background: url(/useful/images/side_nav_title.jpg) no-repeat!important;
    background-size: 100%!important;
    height: 58px;
    background-position: 0!important;
}


@media (min-width: 768px){

    #boxer.inline{
        height: 510px!important;
    }
}

@media (max-width: 767px){
    .inline_content {
        width:100%!important;
        margin:  0 auto!important;
    }

    /*#boxer.inline {
        height: 30px!important;
    }*/

    #boxer.inline{
        width: 100%!important;
        margin: 0 auto;
    }

    #boxer.inline {
        padding: 30px!important;
        /*height: auto!important;*/
    }

    .inline_content .num{
    margin-top: 5px!important;
    }

    /*#boxer.mobile {
    top: 220px!important;
    }*/



    #boxer.mobile {
        width: 100%;
        height: 100%!important;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100;
        background: #000000;
        opacity: 0;
        -webkit-transition: opacity 0.25s linear;
        transition: opacity 0.25s linear;
        opacity: 0.75;
    overflow: scroll;
    }



    #boxer.mobile .boxer-close, #boxer.mobile .boxer-close:hover {
        top: 10px!important;
        right: 20px!important;
        background: #fff!important;
        border-radius: 100%!important;
    }


    .sub_cont .wrap_h1 {
        margin-bottom: 65px;
    }

    .sub_cont h1 span {
        position: absolute;
        top: 68px;
        left: 8px;
         color: #333;
         text-shadow:none;
        display: inline-block;
    }
    .sub_cont h1 span span{
        position: relative;
        display: inline-block;
        top: 0;
    }

}

/*SubHeadNav*/
#SubHeadNav .side_title{
    background: url(/patient/images/side_nav_title.jpg) no-repeat;
    background-size: cover;
    height: 50px;
    background-position: 0!important;
}


#SubHeadNav .side_title a{
    font-size: 13px;
    padding: 16px 0 10px 16px;
}



#SubHeadNav .wrap .subTit a::before{
    content: "";
    color: #a9d9f2;
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 6px;
    height: 6px;
    background: url(/common/images/icon_sq.png);
    background-size: 100%;
    top: 17px;
}


#SubHeadNav .wrap .subTit{
    line-height: 1;
    padding: 12px 12px 12px 18px;
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    text-shadow: 0px -1px 0px #797979;
    color: #333;
    border-bottom: 1px solid #d4ecf8;
    position: relative;
    background: -webkit-gradient(linear,left bottom, left top,from(rgba(127,199,236,1)),to(rgba(170,217,242,1)))!important;
    background: linear-gradient(to top,rgba(127,199,236,1),rgba(170,217,242,1))!important;
}

#SubHeadNav .wrap li.lower .subTit {
    text-decoration: none;
    font-weight: 600;
    padding: 6px 0 6px 16px;
    display: block;
    /*background: none!important;*/
    font-size: 13px!important;
    line-height: 1.4;
    text-shadow: none;
}


/*

#SubHeadNav .wrap .subTit{
    line-height: 1;
    padding: 8px 0 8px 16px;
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #d4ecf8;
    position: relative;
    background-image: -webkit-linear-gradient(to top,rgba(127,199,236,1),rgba(170,217,242,1));
    background-image: linear-gradient(to top,rgba(127,199,236,1),rgba(170,217,242,1));
}*/



#SubHeadNav .subTit a {
    padding: 0;
}




/*
#SubHeadNav .wrap > p:first-of-type{
    background: url(/patient/images/side_nav_p_2.jpg) no-repeat;
    background-size: cover;
}*/
#SubHeadNav .wrap > p:nth-of-type(2){
    background: url(/patient/images/side_nav_p_3.jpg) no-repeat;
    background-size: cover;
}
#SubHeadNav .wrap > ul li.lower ul li::before{
    background: url(/patient/images/arrow.svg) no-repeat;
    background-size: cover;
}
#SubHeadNav .wrap > ul:nth-of-type(2) li::before,#SubHeadNav .wrap > ul:nth-of-type(3) li::before{
    background: url(/patient/images/arrow.svg) no-repeat;
    background-size: cover;
}

#SubHeadNav .wrap > ul:first-of-type > li{
    background: none!important;
    background-size: inherit!important;
}

/*#SubHeadNav .wrap > p:first-of-type{
    background: none!important;
    background-size: inherit!important;
}*/

#SubHeadNav .wrap > ul:first-of-type > li a,
#SubHeadNav .wrap li.lower .subTit{
    line-height: 1;
    padding: 8px 0 8px 16px;
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #d4ecf8;
    position: relative;
    background-image: -webkit-gradient(linear,left bottom, left top,from(rgba(85,180,230,0.07)),to(rgba(85,180,230,0.03)))!important;
    background-image: linear-gradient(to top,rgba(85,180,230,0.07),rgba(85,180,230,0.03))!important;
}

/*#SubHeadNav .wrap > ul:first-of-type > li a::before,
#SubHeadNav .wrap li.lower .subTit::before {
    content: "";
    color: #a9d9f2;
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 8px;
    height: 8px;
    background: url(/patient/images/circle.svg);
    background-size: 100%;
    top: 11px;
}

#SubHeadNav .wrap > ul:first-of-type > li.lower ul li a::before {
    content: "";
    color: #a9d9f2;
    display: inline-block;
    position: absolute;
    left: 15px;
    width: 8px;
    height: 8px;
    background: url(/patient/images/arrow.svg) no-repeat;
    background-size: 100%;
    top: 11px;
}*/


.subTit span{
    display: block;
    position: absolute;
    top: 6px;
    right: 5px;
}





/* PRC番号 */
.num{
    font-size: 11px!important;
    text-align: right;
    padding-top: 30px!important;
    color: #7f7f7f;
        clear: both;
}

/*li.patient .flex-caption_title.bg3{
    background: rgba(0,0,0,0.3)!important;
}*/
li.patient .flex-caption_title.bg4{
    background: rgba(246,130,150,0.8)!important;
}



/*----------------------------------
171002追加
----------------------------------*/
#sp_navi_menu_ft {
    display: none;
}
@media (max-width: 767px){
    img.right_img {
        width: 100%!important;
    }

    /* 下層 スマホ　タイトルに監修名なしの場合*/
    .spMb{
        margin-bottom: 25px!important;
    }

    .spBlock{
        display: block;
    }

    .sub_cont .titLong h1 > span {
        top: 93px;
    }



    /******************************
     フッターメニュー
     *******************************/
    #sp_navi_menu_ft {
        /* position: fixed; */
        /* font-weight: bold; */
        display: block;
    }
    #sp_navi_menu_ft ul {
        background-color: #f7f3f7;
    }

    #sp_navi_menu_ft > ul > li > a {
        display: block;
        padding: 13px 24px;
        position: relative;
        border-bottom: 1px solid #e9dde9;
        border-top: 1px solid #fff;
        text-decoration: none;
    }

    #sp_navi_menu_ft > ul > li a span.arrow,
    #sp_navi_menu_ft .foot_menu3 a span.arrow {
        left: 8px;
        top: 16px;
    }

    .foot_sp_menu ul li a{
        line-height: 1.3;
        padding: 8px 0 8px 16px;
        display: block;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        color: #333;
        border-bottom: 1px solid #d4ecf8;
        position: relative;
        background: none!important;
    }

    .foot_sp_menu .subTit a{
        text-align: left!important;
    }

    .foot_menu3 {
    background-color: #9c6498;
    }

    .foot_menu3 a {
        color: #fff;
        display: block;
        padding: 13px 24px;
        position: relative;
        border-bottom: 1px solid #e9dde9;
        border-top: 1px solid #fff;
        text-decoration: none;
    }
    .foot_menu3 span.arrow i{
        background: url(/common/images/w_arrow.svg) no-repeat!important;
    }

    #sp_navi_menu_ft ul.foot_menu2 {
        background-color: #f7f7f7;
        border-top: 1px solid #dcdcdc;
    }

    .foot_menu2 span.arrow.purple i {
    background: url(/common/images/g_arrow.svg) no-repeat;
    }

    .foot_menu2{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        /*margin: 10px 0;*/
        border-top: 1px solid #dcdcdc;
    }

    .foot_menu2 li{
        width: 50%;
    }

    .foot_menu2 li > a {
        display: block;
        color: #4c4c4c;
        padding: 13px 10px 13px 24px!important;
        position: relative;
        border-bottom: 1px solid #dcdcdc!important;
        border-top: 1px solid #fff;
        text-decoration: none;
        font-size: 90%!important;
    }
    .foot_menu2 li:nth-child(odd) a{
        border-right: 1px solid #dcdcdc;
    }

    .foot_menu2 li a span.arrow {
        left: 8px;
        top: 14px;
    }

    .foot_sp_menu #SubHeadNav .wrap{
        border: none!important;
    }

    #SubHeadNav .side_title{
        /*background: none!important;
        background-image: linear-gradient(to top,rgba(188,209,90,1),rgba(207,222,137,1))!important;;*/
        /*height: 50px;*/
        /*background-position: 0!important;*/
    }





    /* インデックス用メニュー */

    .main_cont.lower > div {
        float: none!important;
    }

    .main_cont.sub_index {
        width: 90%!important;
        margin: 0 auto!important;
        border: none!important;
        float: none!important;
        padding: 1px!important;
    }

    .si_box {
        width: 90%!important;
        margin: 15px auto 0!important;
        border: none!important;
        float: none!important;
        padding: 1px!important;
        border: 1px solid #d2eaf7!important;
    }

    .si_box > div:first-of-type {
        width: 100%;
    }

    .si_box .title_area {
        display: block!important;
        background: #e9f5fc!important;
        padding: 0!important;
        position: relative;
    }

    .si_box .title_area p{
        line-height: 1;
            padding: 12px 12px 12px 18px!important;
            display: block!important;
            font-size: 15px;
            font-weight: 600;
            text-decoration: none;
            border-bottom: 1px solid #d4ecf8;
            position: relative;
            color: #55b2e4;
            text-decoration: none;
    }

    .si_box .list_area:first-child {
        margin-top: 0;
    }

    .si_box .list_area {
        padding: 0!important;
    }


    .si_box > div {
        float: none!important;
        width: 100%!important;
    }




    .si_box .list_area .lower ul li a,
    .si_box .list_area > ul:nth-of-type(2) li a,
    .si_box .list_area > ul:nth-of-type(3) li a {
        border-bottom: 1px dotted #d4ecf8!important;
    }

    .si_box .list_area > ul li {
        border-bottom: 1px solid #fff;
        position: relative;
    }

    .si_box .list_area > ul:first-of-type > li {
        background: none!important;
        background-size: inherit!important;
    }
    .si_box .list_area > ul li.lower:last-child a {
        border-bottom: none;
    }
    .si_box .list_area > ul:first-of-type > li a {
        line-height: 1;
        padding: 8px 0 8px 16px;
        display: block;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        color: #333;
        border-bottom: 1px solid #d4ecf8;
        position: relative;
        background: #f9fcfe;
    }

    .si_box.useful_btn {
        border: 1px solid #e2ebb8;
    }

    .si_box.useful_btn p {
        background: url(/family/images/sub_h1.jpg) no-repeat -120px 0;
        background-size: 180%;
        opacity: 0.9;
        border-bottom: none;
    }

    .si_box.useful_btn a {
        color: #fff!important;
        text-decoration: none;
    }


    .si_box.useful_btn a::before {
        background: url(/common/images/w_arrow.svg);
        background-size: 100%;
        top: 14px;
        content: "";
        display: inline-block;
        position: absolute;
        left: 9px;
        width: 11px;
        height: 11px;
    }


    .sub_index .title_area span{
        display: block;
        position: absolute;
        top: 6px;
        right: 5px;
    }

    .si_box .list_area > ul > li > p{
        background-image:none;
        background: #f9fcfe;
    }


}

.sub_index .si_box .list_area li.lower > a {
    display: block;
}









#SubHeadNav .wrap .lower ul li a, #SubHeadNav .wrap > ul:nth-of-type(2) li a, #SubHeadNav .wrap > ul:nth-of-type(3) li a {
    border-bottom: 1px dotted #a9d9f2;

}
#SubHeadNav .wrap .lower ul li a, #SubHeadNav .wrap > ul:nth-of-type(2) li a, #SubHeadNav .wrap > ul:nth-of-type(3) li a {
    border-top: none;
}

/******************************
 フォント設定
 *******************************/
#EXPERIENCES_01 .sub_cont h1 span:nth-of-type(1),
#EXPERIENCES_02 .sub_cont h1 span:nth-of-type(1),
#EXPERIENCES_03 .sub_cont h1 span:nth-of-type(1){
    line-height: .99;
}
#EXPERIENCES_01 .sub_cont h1 span:nth-of-type(2),
#EXPERIENCES_02 .sub_cont h1 span:nth-of-type(2),
#EXPERIENCES_03 .sub_cont h1 span:nth-of-type(2){
     line-height: 1.4!important;
}
.sub_cont .sc_box li,
.sub_cont table,
.sub_cont td,
.sub_cont th,
.sub_cont ul.style1 li,
.main_cont .lms,
.lms p,
.sc_box dl dd,
.sub_cont > p,
.img_box dl dd,
.sc_box dl dd,
.sub_cont p{
    font-size: 100%;
}
.sub_cont .fmark{
    font-size: 78%;
}
.note p,
.sc_box > p.comment,
.sub_cont > p.caution_area{
    font-size: 92%;
}
.main_cont .content_body.future .future_container.mmd .mmd_inner .mmd_body p,
{
    font-size: 107%;
}
.sub_cont > p.caution_area span,
.sub_cont h3,
.sub_cont h4,
.sc_box dl dt{
    font-size: 115%;
}


#boxer .boxer-loading{
    z-index: 0!important;
}










/* 下層ページボタン */
.main_cont .sub_cont .btn_container {
    margin: 30px 20px 0; }
.main_cont .sub_cont .btn_container .btn_user {
    margin: 0 auto;
    display: inline-block;
    border-radius: 4px;
    width: 265px;
    height: 35px;
}
.main_cont .sub_cont .btn_container .btn_user a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    padding: 11px 0 9px;
    color: #54b3e5;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    line-height: 1;
 }
.main_cont .sub_cont .btn_container .btn_user.btn_left {
    float: left;
 }
 .main_cont .sub_cont .btn_container .btn_user.btn_left a {
    background: url(/patient/images/arrow_op.svg) left 10px center no-repeat;
 }
.main_cont .sub_cont .btn_container .btn_user.btn_right {
    float: right;
 }
    .main_cont .sub_cont .btn_container .btn_user.btn_right a {
    background: url(/patient/images/arrow.svg) right 10px center no-repeat;
 }
    .main_cont .sub_cont .btn_container .btn_user {
        border: 1px solid #a9d9f2;
 }

@media (max-width: 767px){
    .main_cont .sub_cont .btn_container .btn_user {
        width: 42%;
     }
}



/*----------------------------------
171005 サイトマップ追加
----------------------------------*/
.boxContainer{
    margin-bottom: 30px;
    border-bottom: 1px dotted #e5c8db;
    padding-bottom: 20px;
}


.sitemap_title {
    font-size: 140%;
    line-height: 1.6;
}


.sitemapBox{
    margin-top: 40px;
}



.sitemapBox h2{
    position: relative;
    padding-left: 15px;
    font-weight: bold;
}

.sitemapBox h2 a{
    color: #80387b;
}

.sitemapBox h2 a::before{
    content: "";
    display: inline-block;
    background: url(/useful/images/circle.svg)!important;
    background-size: 100%!important;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 12px;
}

/*.sitemapBox a{
    text-decoration: none;
}*/


.sitemapBox a:hover{
    text-decoration: none;
}

.SitemapContent {
    margin-right: 0px;
}

.sitemap_child {
    margin-top: 20px;
    padding-left: 15px;
}

.sitemap_child li{
    float: left;
    width: 22.2%;
    position: relative;
    padding-left: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.sitemap_child li a::before {
    content: "";
    display: inline-block;
    background: url(/common/images/pp_arrow_2.svg) left center no-repeat!important;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 4px;
}

@media (max-width: 767px) {
    .boxContainer {
        margin-bottom: 20px;
    }
    .sitemap_title {
        font-size: 130%;
    }
    .sitemapBox{
        width: 90%;
        margin: 20px auto 0;
    }
    .sitemapBox h2 {
        font-size: 140%;
        /*font-size: 135%;*/
    }
    .sitemap_child li{
        width: 100%;
        float: none;
    }


    .sitemap_child li:last-child{
        margin-bottom: 0;
    }

}