@charset "utf-8";

/* :top page slideshow
---------------------------------------------------- */
/*
#siteHeader {
position: relative;
width:100%;
height:auto;
margin:0;
}
*/
#bg_slideshow {
width:100%;
height:auto;
min-height:520px;
/* max-height:640px; */
margin:0;
position:relative;
}

#bg_slideshow #slideshow_inner{
width:100%;
height:auto;
margin:0;
position: relative;
}
#bg_slideshow #slideshow_inner h1{
top:4px;
left:4px;
position: absolute;
display:block;
margin:0;
font-weight:normal;
font-size:10px;
color:#59390f;
}
#bg_slideshow #slideshow_inner #top_name a {
top:54px;
left:32px;
position: absolute;
width: 520px;
height:200px;
margin:0;
background: url(../img/shared/name@2.png) no-repeat top left;
-webkit-background-size:366px 100px;
-moz-background-size:366px 100px;
-o-background-size:366px 100px;
background-size:366px 100px;
font:0px/0px sans-serif;
}
#bg_slideshow #slideshow_inner #top_name a > div {
position: absolute;
display:inline-block;
top:2px;
left:230px;
margin:0 4px;
padding:4px 6px;
font-size:14px;
line-height:14px;
font-weight:777;
color:#fff;
background-color:#e42712;
border-radius:8px;
}

#bg_slideshow #slideshow_inner #top_addr {
top:54px;
right:32px;
position:absolute;
width: 350px;
height: 88px;
margin:0;
background: url(../img/shared/address@2.png) no-repeat top left;
-webkit-background-size:350px 44px;
-moz-background-size:350px 44px;
-o-background-size:350px 44px;
background-size:350px 44px;
font:0px/0px sans-serif;
}
#bg_slideshow #slideshow_inner #top_addr #top_access a {
top:0px;
left:0px;
position:absolute;
width: 350px;
height: 44px;
display:block;
margin:0;
font:0px/0px sans-serif;
}
#bg_slideshow #slideshow_inner #top_addr #top_tel a {
bottom:0px;
right:0px;
position:absolute;
width: 230px;
height: 44px;
display:block;
margin:0;
background: url(../img/shared/tel@2.png) no-repeat top left;
-webkit-background-size:230px 44px;
-moz-background-size:230px 44px;
-o-background-size:230px 44px;
background-size:230px 44px;
font:0px/0px sans-serif;
}
#bg_slideshow #slideshow_inner #top_pitch {
width:800px;
height:auto;
left:50%;
top:50%;
position:absolute;
margin-left:-400px;
margin-top:calc(100vh / 3);
text-align:center;
color:#17171c; 
font-size:19px;
font-weight:777;
text-shadow: 2px 2px 10px #ffffff,-2px 2px 10px #ffffff,2px -2px 10px #ffffff,-2px -2px 10px #ffffff;
}
#bg_slideshow #slideshow_inner #top_pitch div{font-size:100%;display:block;margin-bottom:8px;}
#bg_slideshow #slideshow_inner #top_pitch div.cr {margin:8px;}

#bg_slideshow #slideshow_inner #ubie_ai_monshin a{
position:absolute;
top:150px;
right:32px;
display:block;
width: 320px;
height: 100px;
margin:0;
background: url(../img/shared/ubie_ai_monshin_640_200.png) no-repeat top left;
-webkit-background-size:320px 100px;
-moz-background-size:320px 100px;
-o-background-size:320px 100px;
background-size:320px 100px;
font:0px/0px sans-serif;
}

/* information
---------------------------------------------------- */
#news p {
margin: 0em;
display: block;
}

/* explanation for diseases
---------------------------------------------------- */
ul.taglist {
width: 100%;
margin: 12px 0 0;
padding: 0 0 16px;
list-style: none;
overflow: hidden;
}
ul.taglist > li {
box-sizing:border-box;
width:100%;
margin: 0 10px 16px 0;
padding: 0;
background-color:#ffffff;
font-weight:555;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
border-bottom-left-radius: 24px;
border: solid 3px #23a24d;
}
ul.taglist > li > a, ul.taglist li div.noref {
box-sizing: border-box;
display: block;
width: 100%;
height: 48px;
line-height: 40px;
padding: 6px 1em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color:#0080ff;
text-decoration: none;
-webkit-transition: .2s;
transition: .2s;
-webkit-box-sizing: border-box;
}
ul.taglist > li > a { /* for qa.html */
position:relative;
}
ul.taglist > li > a:after { /* for qa.html */
content: "";
position: absolute;
right: 12px;
top: 18px;
transition: all 0.2s ease-in-out;
width: 8px;
height: 8px;
border-top: solid 3px #f4755e;
border-left: solid 3px #f4755e;
border-right: none;
border-bottom: none;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
ul.taglist > li a:hover {
color: #3498db;
}
ul.taglist > li > a.article-title {
position: relative;
padding-right: 32px;
white-space: normal;
line-height:1.4em;
height: auto;
min-height:48px;
padding:12px 12px 6px 8px;
box-sizing:border-box;
}
ul.taglist > li > a.article-title:hover {
/* background-color: #fff799; */
color: #0604ff;
}
ul.taglist > li > a.article-title:after {
content: "";
position: absolute;
right: 18px;
top: 32%;
transition: all 0.2s ease-in-out;
width: 8px;
height: 8px;
border-top: solid 3px #23a24d;
border-right: solid 3px #23a24d;
border-left: none;
border-bottom: none;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
ul.taglist > li > a.article-title.open:after {
display:block;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 45%;
}
ul.taglist > li.stretch {
width:100%;
}
.accordion-content {
display: none;
margin:0px 0 32px;
padding:0 12px 20px 12px;
box-sizing:border-box;
font-weight:normal;
}
.accordion-content > h4 {
position: relative;
font-size: 1.2rem;
margin: 0;
padding: 16px 0 8px 24px;
color: #820C0C;
}
.accordion-content a {
color:#0080ff;
}
ul.taglist .sme-badge {
font-family: "Noto Sans JP", sans-serif;
align-items: center;
border-radius: 6px !important;
color: #fff;
display: inline-flex;
font-size: calc(1em - 2px);
font-size: 12px;
font-weight: 700;
height: 1.8rem;
line-height: 1;
padding: 0 .5em;
transform: translateY(-2px);
vertical-align: middle;
white-space: nowrap;
}
ul.taglist .bl {background-color:#2560ea;}
ul.taglist .gr {background-color:#008c46;}
ul.taglist .rd {background-color:#cc0000;}
ul.taglist .yl {background-color:#fbc114;}
ul.taglist .dt {
display: inline-flex;
color:#666;
padding:0 12px 0 6px;
font-size:15px;
}
ul.taglist .ttl {
width:calc(100% - 100px);
display: inline-flex;
color:#59390f;
padding-left:10px;
}
ul.taglist .ttl p {
/*
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
*/
}
#news p.date {
margin:1em 0 0;
/*
padding:1em 0 0;
border-top: 1px dotted #ddd;
*/
display:block;
color:#666;
font-size:14px;
font-family: "Rubik", sans-serif;
font-weight: 300;
}
#news p.date:first-child {margin-top:0;border-top:0;}
#news p.divline {
width:100%;
padding: 1em 0;
border-bottom: 1px dotted #333;
font:7px/7px sarif;
}

/*
a#access{
display:block;
margin-top:-84px;
padding-top:84px;
}
*/

h2.summary{
color:#c64e34;
padding:15px 0 0;
margin: 0 auto 10px;
position: relative;
font-size: 22px;
font-weight:777;
line-height: 1em;
text-align:center;
}
h2.summary::before{
position:absolute;
top:0;
left:0;
content:' ';
background:url('../img/shared/holizontal_div.png') no-repeat center center;
width:100%;
height:6px;
background-size:100% 6px;
}
h2.summary > div{
color:#a78857;
padding:2px 0 0 10px;
margin: 0;
position: relative;
font-size: 14px;
font-weight:normal;
}
.summary_box{
display:table;
width:100%;
height:220px;
margin-bottom:8px;
}
.summary_box_inner{
display: table-cell;
vertical-align: middle;
}
#p01{
background:url('../img/index/summary_pic01.jpg') no-repeat center center;
background-size:cover;
}
#p02{
background:url('../img/index/summary_pic02.jpg') no-repeat center center;
background-size:cover;
}
#p03{
background:url('../img/index/summary_pic03c.jpg') no-repeat center center;
background-size:cover;
}
#p04{
background:url('../img/index/summary_pic04b.jpg') no-repeat center center;
background-size:cover;
}
#p05{
background:url('../img/index/summary_pic05.jpg') no-repeat center center;
background-size:cover;
}
#p06{
background:url('../img/index/summary_pic06.jpg') no-repeat center center;
background-size:cover;
}
#p07{
background:url('../img/index/summary_pic07.jpg') no-repeat center center;
background-size:cover;
}


/* Responsive max-width: 480px
--------------------------------------------------------- */

@media screen and (max-width: 480px){



/* :top page slideshow
---------------------------------------------------- */

/* prevent background slideshow from being seen. */
.vegas-container .vegas-slide, .vegas-transition-fade, .vegas-transition-fade-in, .vegas-transition-fade-out { display:none; }
#bg_slideshow .vegas-slide { display:block; max-width:100%; overflow:hidden; }
#bg_slideshow .vegas-transition-fade { display:block; max-width:100%; overflow:hidden; }
#bg_slideshow .vegas-transition-fade-in { display:block; max-width:100%; overflow:hidden; }
#bg_slideshow .vegas-transition-fade-out { display:block; max-width:100%; overflow:hidden; }

#bg_slideshow {
position: relative;
width:100%;
height:auto;
min-height:100px;
margin:0;
padding:0;
}
#bg_slideshow #slideshow_inner{
width: 92%;
height:auto;
top:0;
left:50%;
position:static;
margin:60px auto;
padding:0;
text-align:center;
overflow:hidden;
}
#bg_slideshow #slideshow_inner h1{font:0px/0px sans-serif;}
#bg_slideshow #slideshow_inner #top_name a {
display:none;
/*
top:0px;
left:0px;
position:static;
width: 220px;
height: 127px;
margin:0 auto;
background: url(../img/shared/name2@2.png) no-repeat top center;
-webkit-background-size:220px 127px;
-moz-background-size:220px 127px;
-o-background-size:220px 127px;
background-size:220px 127px;
font:0px/0px sans-serif;
*/
}
#bg_slideshow #slideshow_inner #top_name a #top_logo {display:none;}
#bg_slideshow #slideshow_inner #top_addr #top_sns {display:none;}
#bg_slideshow #slideshow_inner #top_addr {
display:none;
/*
top:0px;
left:0px;
position:static;
width: 200px;
height: 36px;
margin:12px auto 0;
background: url(../img/shared/tel@2.png) no-repeat bottom left;
-webkit-background-size:200px 36px;
-moz-background-size:200px 36px;
-o-background-size:200px 36px;
background-size:200px 36px;
font:0px/0px sans-serif;
*/
}
#bg_slideshow #slideshow_inner #top_addr #top_access a {display:none;}
#bg_slideshow #slideshow_inner #top_addr #top_tel a {position:static;}
#bg_slideshow #slideshow_inner #top_pitch {
width: 100%;
height: auto;
top:0;
left:0;
position:static;
/* margin:128px auto 0; */
margin-top:calc(100vh / 3 - 32px);
margin-right:auto;
margin-bottom:0;
margin-left:auto;
padding:0;
font-size:17px;
}
#bg_slideshow #slideshow_inner #top_pitch div { display:inline;}
#bg_slideshow #slideshow_inner #top_pitch div.cr {display:block;margin:16px;}

#bg_slideshow #slideshow_inner #ubie_ai_monshin a{
position:static;
top:0;
left:0;
margin:32px auto 0;
width: 320px;
height: 100px;
display:block;
background: url(../img/shared/ubie_ai_monshin_640_200.png) no-repeat top center;
-webkit-background-size:320px 100px;
-moz-background-size:320px 100px;
-o-background-size:320px 100px;
background-size:320px 100px;
}

ul.taglist > li > a.article-title:after {
top:40%;
}
ul.taglist > li > a.article-title{
padding:12px 12px 12px 8px;
}
ul.taglist .ttl {
box-sizing:border-box;
width:100%;
padding-left:4px;
padding-right:12px;
display:block;
}
a#access{
margin-top:-70px;
padding-top:70px;
}

h2.summary{
padding:32px 0 0;
font-size: 21px;
}
.summary_box{
height:200px;
}

}