@charset "utf-8";
/* サイドメニューの設定 */
#side_menu_appcase {
    float: left;
    width: 175px;
}
/* メインの設定 */
.catch {
    margin: 0 0 20px;
}
#main_l h1 {
    clear:both;
    position:relative;
    margin-bottom:20px;
    border: 1px solid #C9C9C9;
}
#main_l h1 span {
    padding: 10px 0 9px 20px;
    line-height:25px;
    display: block;
    font-size: 19px;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    border-bottom: 4px solid #2460AC;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #cfdcee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffffff 50%, #cfdcee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfdcee', GradientType=0 ); /* IE6-9 */
}
#main_l h2 {
    margin: 0 0 20px;
    padding: 9px 0 10px 12px;
    font-size: 16px;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    color: #FFF;
    line-height: 1;
    background-color: #2460AC;
}
.pro_txt {
    margin: 0 0 30px;
}
#main_l h2.detail_find{
    margin:0 0 20px;
    padding:8px 10px;
    width:555px;
    background-color: #F1F7FB;
    border-top: 1px solid #7fb8db;
    border-bottom: 1px dotted #8d8d8d;
    font-size: 16px;
    color:#0071BC;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
}
#main_l h3{
    margin:0 0 10px;
    padding:0 0 0 12px;
    font-size:16px;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    height:30px;
    line-height:30px;
    border:1px solid #c9c9c9;
}
.item td{
    padding:10px 10px 0 0;
    vertical-align:top;
}
.item_img{
    width:67px;
}
.item_img img{
    border:1px solid #c9c9c9;
    max-height: 51px;
    max-width: 65px;
}
#side_menu_appcase .accordion_appcase span.normal {
    font-weight: normal;
    font-size: 15px;
}

#side_menu_appcase .accordion_appcase>p {
    text-align: center;
    color: #FFF;
    background-color: #bf504d;
    margin-bottom: 15px;
}
#side_menu_appcase .accordion_appcase>p.open {

}
#side_menu_appcase .accordion_appcase>p.id_0 {
    background-color: #f28057;
}
#side_menu_appcase .accordion_appcase>p.id_1 {
    background-color: #736357;
}
#side_menu_appcase .accordion_appcase>p.id_2 {
    background-color: #716fb2;
}
#side_menu_appcase .accordion_appcase>p.id_3 {
    background-color: #00a89c;
}
#side_menu_appcase .accordion_appcase>p.id_4 {
    background-color: #d56d89;
}
#side_menu_appcase .cate02_p {
    display: none;
    border-top: 1px solid #C9C9C9;
    border-left: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    margin-bottom: 15px;
    padding: 0 10px;
}
#side_menu_appcase .cate02_p>p,#side_menu_appcase .cate02_p>p a {
    padding: 12px 10px 12px 10px;
    font-size: 14px;
    cursor: pointer;
    color: #333;
}

#side_menu_appcase .cate02_p > p:first-child, #side_menu_appcase .cate02_p > p:first-child a {
    border-top: medium none !important;
}

#side_menu_appcase .cate02_p>p:hover, #side_menu_appcase .cate02_p>p.open,#side_menu_appcase .cate02_p>p a:hover {

}
#side_menu_appcase .cate02_p>p.open{
    display:block;
    color: #333;
}
#side_menu_appcase .cate02_p>p {
    position: relative;
    padding-left: 20px;
}
#side_menu_appcase .cate02_p>p i {
    position: absolute;
    top: 16px;
    left: 5px;
    display: block;
    width: 15px;
    height: 15px;
    background: url('../../appcase/img/arrow1.jpg') no-repeat;
}
#side_menu_appcase .cate02_p>p.open i,#side_menu_appcase .cate02_p > p.selected i {
    background: url('../../appcase/img/arrow2.jpg') no-repeat;
}

#side_menu_appcase .cate03_p {
    display: none;
}
#side_menu_appcase .cate03_p>p,#side_menu_appcase .cate03_p>p a {
    padding: 9px 10px 9px 10px;
    font-size: 13px;
    cursor: pointer;
}

#side_menu_appcase .cate03_p > p:first-child, #side_menu_appcase .cate03_p > p:first-child a {
    border-top: medium none !important;
}

#side_menu_appcase .cate03_p>p:hover, #side_menu_appcase .cate03_p>p.open,#side_menu_appcase .cate03_p>p a:hover {

}
#side_menu_appcase .cate03_p > p.selected {

}
#side_menu_appcase .cate03_p>p.open{
    display:block;
    color: #333;
}
#side_menu_appcase .cate03_p>p {
    position: relative;
    padding-left: 30px;
}
#side_menu_appcase .cate03_p>p i {
    position: absolute;
    top: 14px;
    left: 15px;
    display: block;
    width: 15px;
    height: 15px;
    background: url('../../appcase/img/arrow1.jpg') no-repeat;
}
#side_menu_appcase .cate03_p>p.open i,#side_menu_appcase .cate03_p > p.selected i {
    background: url('../../appcase/img/arrow2.jpg') no-repeat;
}

#side_menu_appcase .cate03_p>ul {
    display: none;
}
#side_menu_appcase .cate03_p.open{
    display:block;
}
#side_menu_appcase .cate03_p li a {
    display: block;
    padding: 8px 10px 8px 30px;
    margin: 5px 0;
    font-size: 12px;
    line-height: 1.5;
}
#side_menu_appcase .cate03_p li a:hover {
    color: #0071bc;
    text-decoration: underline;
}

#side_menu_appcase .cate03_p li a.selected {
    color: #333;
    background-color: #ffffff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#ffffff', endColorstr = '#cccccc');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#ffffff', endColorstr = '#cccccc')";
    background-image: -moz-linear-gradient(left, #ffffff, #cccccc);
    background-image: -ms-linear-gradient(left, #ffffff, #cccccc);
    background-image: -o-linear-gradient(left, #ffffff, #cccccc);
    background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#cccccc));
    background-image: -webkit-linear-gradient(left, #ffffff, #cccccc);
    background-image: linear-gradient(left, #ffffff, #cccccc);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.biko_area {
    margin-bottom: 30px;
}

.ck_view p {
    margin-top: 0 !important;
}

.ck_view p,.ck_view table {
    padding: 0 15px;
}

.detail_text {
    margin-bottom: 30px;
}

#main_l h2.block_title {
    margin: 0 0 20px;
    padding: 8px 10px;
    background-color: #F1F7FB;
    border-top: 1px solid #7fb8db;
    border-bottom: 1px dotted #8d8d8d;
    font-size: 16px;
    color: #0071BC;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
}

.to_list {
    color: #262626;
    display: block;
    padding: 10px 10px 10px 32px;
    font-size: 15px;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    cursor: pointer;
    border-top: 1px solid #C9C9C9;
    border-left: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
}
.link_inquiry_area,
.link_inquiry_area_medical{
    width: 575px;
    height: 185px;
    text-align: center;
    margin: 40px auto 40px;
    position: relative;
}
.link_inquiry_area a {
    display: block;
    position: absolute;
    top: 86px;
    left: 30px;
}
.link_inquiry_area_medical a {
    display: block;
    position: absolute;
    top: 63px;
    left: 30px;
}
.link_inquiry_area {
    background: url('../../product/images/img_contact_back.gif') no-repeat;
}
.link_inquiry_area_medical {
    background: url('../../product/images/img_contact_back_02.gif') no-repeat
}
.catalog_area{
    margin-bottom: 40px;
}
#main_l .catalog_area h2.detail_find{
    width: 100%;
    margin-bottom: 1em;
    box-sizing: border-box;
}
.catalog_area .flex{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 15px;
}
.catalog_area_list{
    background: #0071BC;
    width: 49%;
    box-sizing: border-box;
    padding: 10px;
}
.catalog_area_list dt{
    margin-bottom: 8px;
    text-align: center;
    color: #fff;
}
.catalog_area_list dd a{
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 5px;
    color: #0071BC;
    font-weight: bold;
    font-family: "I-OTF-UDゴ表示Pro B";
}
.catalog_area_list dd a:hover{
    background: #F1F7FB;
}
ul.catalog_area {
    margin: 10px 10px 30px;
}
ul.catalog_area li {
    margin-bottom: 15px;
    padding-left: 10px;
}
ul.catalog_area li a img {
    height: 20px;
    width: 20px;
}
.new_icon_img {
    padding-left: 10px;
}
.new_icon_img img {
    position: absolute;
    top: 0;
}
.technical_catalog_area {
    border: 2px solid #0272bd;
    width: 100%;
    margin-bottom: 50px;
}
.technical_catalog_area th {
    width: 210px;
    background-color: #0272bd;
    color: #fff;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    font-size: 15px;
}
.technical_catalog_area th img {
    vertical-align: middle;
    margin: 0 10px;
}
.technical_catalog_area td {
    padding: 10px;
}
.technical_catalog_area td p {
    margin-bottom: 5px;
}
.technical_catalog_area td p:last-child {
    margin-bottom: 0;
}



/*================================
扉ページ
================================*/
div.casemap {
    background: url('/appcase/img/img_top01.jpg') no-repeat;
    border: 1px solid #b2b2b2;
    height: 600px;
    position: relative;
    width: 960px;
}

div.casemap > p {
    position: absolute;
}

div.casemap > p > a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
/*    height: 40px;*/
    overflow: visible;
    padding: 0;
    position: relative;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
}

div.casemap > p > a > span {
    display: block;
    height: 45px;
    margin: auto;
    width: 100%;
}

div.casemap > p > a span img {
    opacity: 1;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
}

div.casemap > p > a:hover span img {
    opacity: 0;
}

div.casemap > p > a > img.target {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100px;
}

div.casemap > p.led {
    top:364px;
    left: 85px;
    width: 166px;
}

div.casemap > p.film {
    top:318px;
    left: 85px;
    width: 166px;
}

div.casemap > p > a > img.target_led {
    display: block;
    position: absolute;
    margin: auto;
    top: 192px;
    left: 0;
    right: 0;
}

.semiled_btn{
    background-color: rgba(255,0,0,0);
    position: absolute;
    height: 148px;
    width: 200px;
    bottom: 0;
    left: 70px;
    z-index: 99;
}

@-moz-document url-prefix() {
div.casemap > p > a > img.target_led {
    display: block;
    position: absolute;
    margin: auto;
    top: 146px;
    left: 0;
    right: 0;
}
}

div.casemap > p.led span {background: url('../../appcase/img/btn_led_on.png') 0 0 no-repeat;}

div.casemap > p.led .led_target{
    position: absolute;
    top:112px;
    left: 55px;
    width: 56px;
}

div.casemap > p.food {
    top: 312px;
    left: 363px;
    width: 126px;
}
div.casemap > p.food span {
    background: url('../../appcase/img/btn_food_on.png') 0 0 no-repeat;
}


div.casemap > p.car {
    top: 366px;
    left: 511px;
    width: 126px;
}
div.casemap > p.car span {
    background: url('../../appcase/img/btn_car_on.png') 0 0 no-repeat;
}


div.casemap > p.house {
    top: 418px;
    left: 755px;
    width: 126px;
}
div.casemap > p.house span {
    background: url('../../appcase/img/btn_house_on.png') 0 0 no-repeat;
}


div.casemap > p.enviroment {
    top: 84px;
    left: 735px;
    width: 186px;
}
div.casemap > p.enviroment span {
    background: url('../../appcase/img/btn_enviroment_on.png') 0 0 no-repeat;
}


div.casemap > p.lifescience {
    top: 257px;
    left: 760px;
    width: 156px;
}
div.casemap > p.lifescience span {
    background: url(../../appcase/img/btn_healthcare_on.png) 0 0 no-repeat;
}


div.casemap > p.semiconductor {
    top:410px;
    left: 85px;
    width: 166px;
}
div.casemap > p.semiconductor span {
    background: url(../../appcase/img/btn_semiconductor_on.png) 0 0 no-repeat;
}

div.casemap > p.film span {background: url('../../appcase/img/btn_film_on.png') 0 0 no-repeat;}

/*================================
中面
================================*/
#pictArea {
    border: 1px solid #b2b2b2;
    height: 600px;
    position: relative;
    width: 960px;
}

#pictArea p {
    cursor: pointer;
/*    display: inline-block;*/
    height: 39px;
    position: absolute;
}

hr.clreaboth {
    clear: both;
    width: 100%;
    border: none;
    height: 1px;
    margin: 0 0 50px 0;
}

p.undo {
    text-align: center;
    margin-top: 50px;
}

p.undo a:hover {
    opacity: .6;
}

p.toggleBtn {
    text-align: center;
    clear: both;
    height: 50px;
    width: 300px;
    margin: 50px auto 60px;
    background: #fff url('../../appcase/img/btn_open.gif') 0 0 no-repeat;
    cursor: pointer;
}

p.toggleBtn:hover {
    opacity: .6;
}

#caseList {
    display: none;
}

#caseList:after {
    content: '';
    display: block;
    clear: both;
}

#caseList table {
    float: left;
    margin-right: 30px;
    width: 300px;
}

#caseList table thead th {
    padding: 0;
}

#caseList table thead th p {
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    width: 100%;
}

#caseList table thead th p img {
    width: 100%;
    height: auto;
}

#caseList table thead th p > span {
    background: url('../../appcase/img/bg_title.png');
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: -1px;
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    padding: 5px 10px;
    position: absolute;
    width: 100%;
}

#caseList table th {
    background: #EBF0F7;
    color: #01479F;
    font-size: 14px;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    padding: 5px 10px;
}

#caseList table td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 4px;
}

#caseList table td p {
    font-size: 14px;
    margin-bottom: 5px;
}

#caseList table td p a{
    font-size: 14px;
}

#caseList table td > a {
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
}

#pictArea .btn2 {
    position: static;
}

#pictArea .btn2 img.target {
    cursor: pointer;
    display: block;
    margin: auto;
    position: absolute;
}

#pictArea p img {
    display: block;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    opacity: 1;
}

/*
#pictArea p:hover img {
    opacity: 0;
}
*/

/* modal ________________________ */
body,html {width: 100%; height: 100%;}
body.noscroll {
  position: fixed;
  overflow-y: scroll;
}
.modal {
    background: url('/appcase/img/bg_modal.png');
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.modalBox {
    width: 930px;
    height: 550px;
    background: #fff;
    position: relative;
    top: 245px;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
}

modalChair,
.modalWindow {display: none;}

.modalBox p.close {
    text-align: right;
    padding: 20px 20px 0 0;
}

.modalBox p.close span {cursor: pointer;}

.modalBox p.image {
    float: left;
    height: 380px;
    width: 205px;
}

.modalBox p.prev,
.modalBox p.next {
    float: left;
    width: 70px;
    position: relative;
    text-align: center;
    top: 135px;
}

.modalBox p.prev img,
.modalBox p.next img {cursor: pointer;}


.modalBox > div > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 380px;
    margin-left: 30px;
    overflow-y: scroll;
    width: 550px;
    padding-bottom: 30px;
}

.modalBox h1 {
    color: #2460AC;
    clear: both;
    font-size: 30px;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    background: none;
    border: none;
    line-height: 1;
    margin-bottom: 43px;
    padding-left: 70px;
}

.modalBox h2 {
    background: #2460AC;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 20px;
    padding: 5px 10px;
    width: 530px;
}

.modalBox dl {width: 530px;}

.modalBox dl dt {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    padding-bottom: 5px;
}

.modalBox dl dt > a:before {
    content: '・';
    margin-right: 5px;
}
.modalBox dl dt > a:after {
    content: url(../../appcase/img/icon_link01.gif);
    margin-left: 5px;
}

.modalBox dl dt > span:before {
    content: '・';
    margin-right: 5px;
}

.modalBox dl dd {
    margin-bottom: 20px;
    padding: 10px 0;
}

.modalBox dl dd:before {
    content: url(../../appcase/img/txt_app01.gif);
    margin-right: 10px;
    display: inline-block;
    height: 20px;
    vertical-align: baseline;
}

.modalBox dl dd > img {
    margin-right: 10px;
}

.modalBox dl dd > a {
    display: inline-block;
    margin-right: 5px;
}

/* 住宅 ________________________ */
.caseHouse {
    background: url('/appcase/img/img_house01.jpg') no-repeat;
}
.caseHouse p.chairLink {
    background: url('../../appcase/img/house/btn_01_on.png') 0 0 no-repeat;
    top:420px;
    left: 713px;
    width: 234px;
}
.caseHouse p.windowLink {
    background: url('../../appcase/img/house/btn_02_on.png') 0 0 no-repeat;
    top: 121px;
    left: 722px;
    width: 204px;
}
.caseHouse p.tvLink {
    background: url('../../appcase/img/house/btn_03_on.png') 0 0 no-repeat;
    top: 458px;
    left: 308px;
    width: 114px;
}
.caseHouse p.waterLink {
    background: url('../../appcase/img/house/btn_04_on.png') 0 0 no-repeat;
    top: 204px;
    left: 90px;
    width: 114px;
}
.caseHouse p.pictureLink {
    background: url('../../appcase/img/house/btn_05_on.png') 0 0 no-repeat;
    top: 82px;
    left: 289px;
    width: 114px;
}
.caseHouse p.ceilingLink {
    background: url('../../appcase/img/house/btn_06_on.png') 0 0 no-repeat;
    top: 434px;
    left: 21px;
    width: 154px;
}
.caseHouse p.wallLink {
    background: url('../../appcase/img/house/btn_07_on.png') 0 0 no-repeat;
    top: 227px;
    left: 689px;
    width: 134px;
}
.caseHouse p.liteLink {
    background: url('../../appcase/img/house/btn_08_on.png') 0 0 no-repeat;
    top: 19px;
    left: 628px;
    width: 114px;
}

.caseHouse p.chairLink  + img.target {
    bottom: 0;
    left: 510px;
    right: 0;
    top: 514px;
}
.caseHouse p.windowLink  + img.target {
    bottom: 220px;
    left: 845px;
    right: 0;
    top: 0;
}
.caseHouse p.tvLink  + img.target {
    bottom: 0;
    left: 0;
    right: 230px;
    top: 446px;
}
.caseHouse p.waterLink  + img.target {
    bottom: 70px;
    left: 0;
    right: 517px;
    top: 0;
}
.caseHouse p.pictureLink  + img.target {
    bottom: 280px;
    left: 0;
    right: 41px;
    top: 0;
}
.caseHouse p.ceilingLink  + img.target {
    bottom: 0;
    left: 0;
    right: 820px;
    top: 440px;
}
.caseHouse p.wallLink  + img.target {
    bottom: 0;
    left: 460px;
    right: 0;
    top: 20px;
}
.caseHouse p.liteLink  + img.target {
    bottom: 520px;
    left: 240px;
    right: 0;
    top: 0;
}


/* 自動車 ________________________ */
.caseCar {
    background: url('/appcase/img/img_car01.jpg') no-repeat;
}

.caseCar p.displayLink {
    background: url('../../appcase/img/car/btn_10_on.png') 0 0 no-repeat;
    top: 96px;
    left: 275px;
    width: 154px;
}
.caseCar p.batteryLink {
    background: url('../../appcase/img/car/btn_01_on.png') 0 0 no-repeat;
    top: 471px;
    left: 711px;
    width: 114px;
}
.caseCar p.engineLink {
    background: url('../../appcase/img/car/btn_02_on.png') 0 0 no-repeat;
    top: 257px;
    left: 81px;
    width: 134px;
}
.caseCar p.otherLink {
    background: url('../../appcase/img/car/btn_03_on.png') 0 0 no-repeat;
    top: 168px;
    left: 588px;
    width: 154px;
}
.caseCar p.humanLink {
    background: url('../../appcase/img/car/btn_05_on.png') 0 0 no-repeat;
    top: 474px;
    left: 95px;
    width: 284px;
}
.caseCar p.safetyLink {
    background: url('../../appcase/img/car/btn_06_on.png') 0 0 no-repeat;
    top: 533px;
    left: 225px;
    width: 154px;
}
.caseCar p.decoLink {
    background: url('../../appcase/img/car/btn_04_on.png') 0 0 no-repeat;
    top: 353px;
    left: 322px;
    width: 154px;
}
.caseCar p.tireLink {
    background: url('../../appcase/img/car/btn_07_on.png') 0 0 no-repeat;
    top: 96px;
    left: 481px;
    width: 115px;
}
.caseCar p.windowLink {
    background: url('../../appcase/img/car/btn_08_on.png') 0 0 no-repeat;
    top: 351px;
    left: 750px;
    width: 154px;
}
.caseCar p.lightLink {
    background: url('../../appcase/img/car/btn_09_on.png') 0 0 no-repeat;
    top: 94px;
    left: 784px;
    width: 114px;
}

.caseCar p.displayLink + img.target {
    bottom: 150px;
    left: 0;
    right: 256px;
    top: 0;
}
.caseCar p.batteryLink + img.target {
    bottom: 0;
    left: 358px;
    right: 0;
    top: 300px;
}
.caseCar p.engineLink + img.target {
    bottom: 40px;
    left: 0;
    right: 385px;
    top: 0;
}
.caseCar p.otherLink + img.target {
    bottom: 50px;
    left: 540px;
    right: 0;
    top: 0;
}
.caseCar p.humanLink + img.target {
    bottom: 0;
    left: 158px;
    right: 0;
    top: 300px;
}
.caseCar p.safetyLink + img.target {
    bottom: 0;
    left: 58px;
    right: 0;
    top: 493px;
}
.caseCar p.decoLink + img.target {
    bottom: 0;
    left: 0;
    right: 11px;
    top: 230px;
}
.caseCar p.tireLink + img.target {
    bottom: 140px;
    left: 117px;
    right: 0;
    top: 0;
}
.caseCar p.windowLink + img.target {
    bottom: 0;
    left: 490px;
    right: 0;
    top: 147px;
}
.caseCar p.lightLink + img.target {
    bottom: 100px;
    left: 722px;
    right:0;
    top: 0;
}


/* 環境 ________________________ */
.caseEnviroment {background: url('/appcase/img/img_enviroment01.jpg') no-repeat;}
.caseEnviroment p.bioLink {
    background: url('../../appcase/img/enviroment/btn_01_on.png') 0 0 no-repeat;
    top: 297px;
    left: 25px;
    width: 284px;
}
.caseEnviroment p.solarLink {
    background: url('../../appcase/img/enviroment/btn_02_on.png') 0 0 no-repeat;
    top: 463px;
    left: 465px;
    width: 134px;
}
.caseEnviroment p.purifiLink {
    background: url('../../appcase/img/enviroment/btn_03_on.png') 0 0 no-repeat;
    top: 119px;
    left: 666px;
    width: 234px;
}
.caseEnviroment p.industLink {
    background: url('../../appcase/img/enviroment/btn_04_on.png') 0 0 no-repeat;
    top: 80px;
    left: 405px;
    width: 154px;
}
.caseEnviroment p.fuelLink {
    background: url('../../appcase/img/enviroment/btn_05_on.png') 0 0 no-repeat;
    top: 430px;
    left: 770px;
    width: 134px;
}
.caseEnviroment p.lithiumLink {
    background: url('../../appcase/img/enviroment/btn_06_on.png') 0 0 no-repeat;
    top: 267px;
    left: 643px;
    width: 154px;
}
.caseEnviroment p.semiconLink {
    background: url('../../appcase/img/enviroment/btn_07_on.png') 0 0 no-repeat;
    top: 426px;
    left: 210px;
    width: 154px;
}
.caseEnviroment p.seaLink {
    background: url('../../appcase/img/enviroment/btn_08_on.png') 0 0 no-repeat;
    top: 176px;
    left: 350px;
    width: 114px;
}

.caseEnviroment p.bioLink  + img.target {
    bottom: 0;
    left: 0;
    right: 656px;
    top: 270px;
}
.caseEnviroment p.solarLink + img.target {
    bottom: 0;
    left: 314px;
    right: 0;
    top: 440px;
}
.caseEnviroment p.purifiLink + img.target {
    bottom: 320px;
    left: 320px;
    right: 0;
    top: 0;
}
.caseEnviroment p.industLink + img.target {
    bottom: 70px;
    left: 227px;
    right: 0;
    top: 0;
}
.caseEnviroment p.fuelLink + img.target {
    bottom: 0;
    left: 610px;
    right: 0;
    top: 90px;
}
.caseEnviroment p.lithiumLink + img.target {
    bottom: 0;
    left: 500px;
    right: 0;
    top: 70px;
}
.caseEnviroment p.semiconLink + img.target {
    bottom: 0;
    left: 0;
    right: 380px;
    top: 385px;
}
.caseEnviroment p.seaLink + img.target {
    bottom: 110px;
    left: 0;
    right: 140px;
    top: 0;
}


/* 食品 ________________________ */
.caseFood {background: url('/appcase/img/img_food01.jpg') no-repeat;}
.caseFood p.drinkLink {
    background: url('../../appcase/img/food/btn_01_on.png') 0 0 no-repeat;
    top: 165px;
    left: 397px;
    width: 114px;
}
.caseFood p.seasoLink {
    background: url('../../appcase/img/food/btn_02_on.png') 0 0 no-repeat;
    top: 302px;
    left: 243px;
    width: 114px;
}
.caseFood p.otherLink {
    background: url('../../appcase/img/food/btn_03_on.png') 0 0 no-repeat;
    top: 466px;
    left: 601px;
    width: 114px;
}

.caseFood p.drinkLink + img.target {
    bottom: 140px;
    left: 0;
    right: 44px;
    top: 0;
}
.caseFood p.seasoLink + img.target {
    bottom: 0;
    left: 0;
    right: 529px;
    top: 42px;
}
.caseFood p.otherLink + img.target {
    bottom: 0;
    left: 740px;
    right: 0;
    top: 370px;
}

/* ヘルスケア ________________________ */
.caseHealth {background: url('/appcase/img/img_healthcare01.jpg') no-repeat;}

.caseHealth p.hairLink {
    background: url('../../appcase/img/healthcare/btn_01_on.png') 0 0 no-repeat;
    top: 222px;
    left: 710px;
    width: 114px;
}
.caseHealth p.skinLink {
    background: url('../../appcase/img/healthcare/btn_02_on.png') 0 0 no-repeat;
    top: 452px;
    left: 553px;
    width: 116px;
}
.caseHealth p.eyeLink {
    background: url('../../appcase/img/healthcare/btn_03_on.png') 0 0 no-repeat;
    top: 290px;
    left: 302px;
    width: 114px;
}
.caseHealth p.toothLink {
    background: url('../../appcase/img/healthcare/btn_04_on.png') 0 0 no-repeat;
    top: 202px;
    left: 178px;
    width: 114px;
}
.caseHealth p.dnaLink {
    background: url('../../appcase/img/healthcare/btn_05_on.png') 0 0 no-repeat;
    top: 100px;
    left: 212px;
    width: 154px;
}
.caseHealth p.medicalLink {
    background: url('../../appcase/img/healthcare/btn_06_on.png') 0 0 no-repeat;
    top: 58px;
    left: 665px;
    width: 154px;
}

.caseHealth p.hairLink + img.target {
    bottom: 40px;
    left: 750px;
    right: 0;
    top: 0;
}
.caseHealth p.skinLink + img.target {
    bottom: 0;
    left: 127px;
    right: 0;
    top: 140px;
}
.caseHealth p.eyeLink + img.target {
    bottom: 0;
    left: 0;
    right: 70px;
    top: 20px;
}
.caseHealth p.toothLink + img.target {
    bottom: 0;
    left: 0;
    right: 490px;
    top: 0;
}
.caseHealth p.dnaLink + img.target {
    bottom: 360px;
    left: 0;
    right: 170px;
    top: 0;
}
.caseHealth p.medicalLink + img.target {
    bottom: 440px;
    left: 260px;
    right: 0;
    top: 0;
}


/* LED製造工程 ============================================================================================= */
.stepMainWrap {
    margin-bottom: -90px;
    overflow: hidden;
}
.stepH2 {
    float: left;
    height: 163px;
    width: 155px;
}
.stepMainList_item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 163px;
    margin: 0 0 40px;
    padding: 5px 0 0;
    position: relative;
    text-align: center;
    width: 160px;
}
.stepMainList_item:hover {opacity: .8;}
.stepMainList_item:first-child {margin-left: 5px;}
.stepMainList_item.prestep-last,
.stepMainList_item.afterstep-last {
    margin-right: 5px;
    width: 155px;
}
.stepMainList_item.laststep {width: 155px;}
.stepMainList_item:after {
    bottom: 0;
    content: '';
    display: block;
    height: 25px;
    left: 0;
    position: absolute;
    width: 100%;
}
.stepMainList_item.prestep:after {background-color: #28aae1;}
.stepMainList_item.prestep-1st:after {background: #28aae1 url(../../appcase/img/led/bg_prestep_01.gif) left center no-repeat;}
.stepMainList_item.prestep-chain:after {background: #28aae1 url(../../appcase/img/led/bg_prestep_02.gif) right center no-repeat;}
.stepMainList_item.prestep-last:after {background: #28aae1 url(../../appcase/img/led/bg_prestep_03.gif) left center no-repeat;}
.stepMainList_item.afterstep:after {background-color: #ffab32;}
.stepMainList_item.afterstep-1st:after {background: #ffab32 url(../../appcase/img/led/bg_afterstep_01.gif) left center no-repeat;}
.stepMainList_item.afterstep-last:after {background: #ffab32 url(../../appcase/img/led/bg_afterstep_02.gif) right center no-repeat;}
.stepMainList_item.laststep:after {background: #21b472 url(../../appcase/img/led/bg_laststep_01.gif) center center no-repeat;}
.listNumTxt {
    color: #333;
    font-size: 13px;
    line-height: 24px;
    margin: 10px 0 0;
    padding: 0 0 0 30px;
    position: relative;
    text-align: left;
}
.stepMainList_item.stepMainList_item_l{
    width: 170px;
}
.stepMainList_item.stepMainList_item_s{
    width: 150px;
}
.listNumTxt_s{
    letter-spacing: -1px;
}
.listNumTxt_icon {
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px;
}
.stepSubWrap {
    background-color: #e9f6fc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100px;
    padding: 15px 0;
    width: 100%;
}
.stepSubWrap.fixed {
    position: fixed;
    top: 0;
    z-index: 100;
}
.stepSubList {
    margin: auto;
    overflow: visible;
    width: 960px;
}
.stepSubList:after {
    clear: both;
    content: '';
    display: block;
}
.stepSubList li {
    float: left;
    height: 70px;
    overflow: visible;
    position: relative;
    width: 70px;
}
.stepSubList li:not(:first-child) {margin-left: 19px;}
.stepSubList li:not(:first-child):before {
    background-color: #4f7fbc;
    bottom: 0;
    content: '';
    display: block;
    height: 4px;
    left: -19px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 19px;
}
.stepSubList_img {cursor: pointer;}
.stepSubList_txt {
    background: transparent url(../../appcase/img/led/bg_substep.png) 0 0 no-repeat;
    bottom: -30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: none;
    font-size: 15px;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    height: 40px;
    left: -50%;
    margin: auto;
    padding: 15px 0 0;
    position: absolute;
    right: -50%;
    text-align: center;
    width: 140px;
}
.stepSubList_txt.stepSubList_txt_wafer{
    background: transparent url(../../appcase/img/led/bg_substep_wafer.png) 0 0 no-repeat;
    width: 180px;
    position: absolute;
    left: -77%;
}
.stepSubList_img:hover + .stepSubList_txt {display: block;}
.stepContents {
    margin: 40px auto 100px;
    width: 960px;
}
.stepSummary:not(:first-child) {margin-top: 50px;}
.stepSummaryTtl {
    background-color: #235fab;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 21px;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    line-height: 50px;
    padding: 0 0 0 65px;
    position: relative;
}
.stepSummaryTtl img {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}
.stepSummary_img {
    display: block;
    margin: 30px auto 40px;
}
.stepSummaryTxtbox {
    background-color: #f9f9f9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    margin: auto;
    padding: 20px 30px;
    width: 920px;
}
.stepSummaryTxtbox_linkList {
    margin-top: 15px;
    padding: 0 0 0 110px;
    position: relative;
}
.stepSummaryTxtbox_linkList:before {
    content: url(../../appcase/img/led/ico_cese.png);
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 90px;
}
.stepSummaryTxtbox_linkList li:before {
    color: #0071bc;
    content: '・';
}

/* 半導体製造工程 ============================================================================================= */
.stepMainWrap {
    margin-bottom: -90px;
    overflow: hidden;
}
.stepH2 {
    float: left;
    height: 163px;
    width: 155px;
}
.stepMainList_item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 163px;
    margin: 0 0 40px;
    padding: 5px 0 0;
    position: relative;
    text-align: center;
    width: 160px;
}
.stepMainList_item:hover {opacity: .8;}
.stepMainList_item:first-child {margin-left: 5px;}
.stepMainList_item.prestep-last,
.stepMainList_item.afterstep-last {
    margin-right: 5px;
    width: 155px;
}
.stepMainList_item.laststep {width: 155px;}
.stepMainList_item:after {
    bottom: 0;
    content: '';
    display: block;
    height: 25px;
    left: 0;
    position: absolute;
    width: 100%;
}
.stepMainList_item.prestep:after {background-color: #28aae1;}
.stepMainList_item.prestep-1st:after {background: #28aae1 url(../../appcase/img/led/bg_prestep_01.gif) left center no-repeat;}
.stepMainList_item.prestep-chain:after {background: #28aae1 url(../../appcase/img/led/bg_prestep_02.gif) right center no-repeat;}
.stepMainList_item.prestep-last:after {background: #28aae1 url(../../appcase/img/led/bg_prestep_03.gif) left center no-repeat;}
.stepMainList_item.afterstep:after {background-color: #ffab32;}
.stepMainList_item.afterstep-1st:after {background: #ffab32 url(../../appcase/img/led/bg_afterstep_01.gif) left center no-repeat;}
.stepMainList_item.afterstep-last:after {background: #ffab32 url(../../appcase/img/led/bg_afterstep_02.gif) right center no-repeat;}
.stepMainList_item.laststep:after {background: #21b472 url(../../appcase/img/led/bg_laststep_01.gif) center center no-repeat;}
.stepMainWrap_semiconductor .stepMainList_item.prestep:after {background-color: #8cc63f;}
.stepMainWrap_semiconductor .stepMainList_item.prestep-1st:after {background: #8cc63f url(../../appcase/img/semiconductor/bg_prestep_01.gif) left center no-repeat;}
.stepMainWrap_semiconductor .stepMainList_item.prestep-chain:after {background: #8cc63f url(../../appcase/img/semiconductor/bg_prestep_02.gif) right -1px center no-repeat;}
.stepMainWrap_semiconductor .stepMainList_item.prestep-last:after {background: #ffab32 url(../../appcase/img/semiconductor/bg_afterstep_01.gif) left center no-repeat;}
.stepMainWrap_semiconductor .stepMainList_item.afterstep:after {background-color: #ffab32;}
.stepMainWrap_semiconductor .stepMainList_item.afterstep-last:after {background: #ffab32 url(../../appcase/img/semiconductor/bg_afterstep_02.gif) right -1px center no-repeat;}
.stepMainWrap_semiconductor .stepMainList_item.laststep:after {background:url(../../appcase/img/semiconductor/bg_laststep_01.gif) center center no-repeat;}
.stepMainWrap_semiconductor .stepMainList_item.prestep-last{
    margin-right: 0px;
}
.stepMainWrap_semiconductor .stepMainList_item.afterstep.w170{
    width: 170px;
}
.listNumTxt {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0 0;
    padding: 0 0 0 30px;
    position: relative;
    text-align: left;
}
.listNumTxt_icon {
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px;
}
.stepSubWrap {
    background-color: #e9f6fc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100px;
    padding: 15px 0;
    width: 100%;
}
.stepSubWrap.fixed {
    position: fixed;
    top: 0;
    z-index: 100;
}
.stepSubList {
    margin: auto;
    overflow: visible;
    width: 960px;
}
.stepSubList:after {
    clear: both;
    content: '';
    display: block;
}
.stepSubList li {
    float: left;
    height: 70px;
    overflow: visible;
    position: relative;
    width: 70px;
}
.stepSubList li:not(:first-child) {margin-left: 19px;}
.stepSubList li:not(:first-child):before {
    background-color: #4f7fbc;
    bottom: 0;
    content: '';
    display: block;
    height: 4px;
    left: -19px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 19px;
}
.stepSubList_img {cursor: pointer;}
.stepSubList_txt {
    background: transparent url(../../appcase/img/led/bg_substep.png) 0 0 no-repeat;
    bottom: -30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: none;
    font-size: 15px;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    height: 40px;
    left: -50%;
    margin: auto;
    padding: 15px 0 0;
    position: absolute;
    right: -50%;
    text-align: center;
    width: 140px;
}
.stepSubList_img:hover + .stepSubList_txt {display: block;}
.stepContents {
    margin: 40px auto 100px;
    width: 960px;
}
.stepSummary:not(:first-child) {margin-top: 50px;}
.stepSummaryTtl {
    background-color: #235fab;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 21px;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    line-height: 50px;
    padding: 0 0 0 65px;
    position: relative;
}
.stepSummaryTtl img {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}
.stepSummary_img {
    display: block;
    margin: 30px auto 40px;
}
.stepSummaryTxtbox {
    background-color: #f9f9f9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    margin: auto;
    padding: 20px 30px;
    width: 920px;
}
.stepSummaryTxtbox_linkList {
    margin-top: 15px;
    padding: 0 0 0 110px;
    position: relative;
}
.stepSummaryTxtbox_linkList:before {
    content: url(../../appcase/img/led/ico_cese.png);
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 90px;
}
.stepSummaryTxtbox_linkList li:before {
    color: #0071bc;
    content: '・';
}

/* Film製造工程 ============================================================================================= */
.stepMainWrap {
    margin-bottom: -90px;
    overflow: hidden;
}
.stepH2 {
    float: left;
    height: 163px;
    width: 155px;
}
.stepMainWrap_film .stepMainList_item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 163px;
    margin: 0 0 40px;
    padding: 5px 0 0;
    position: relative;
    text-align: center;
    width: 260px;
}
.stepMainWrap_film .stepMainList_item:hover {opacity: .8;}
.stepMainWrap_film .stepMainList_item:first-child {margin-left: 25px;}
.stepMainWrap_film .stepMainList_item.prestep-last,
.stepMainWrap_film .stepMainList_item.afterstep-last {
    margin-right: 5px;
    width: 295px;
}
.stepMainWrap_film .stepMainList_item.laststep {width: 265px;}
.stepMainWrap_film .stepMainList_item:after {
    bottom: 0;
    content: '';
    display: block;
    height: 25px;
    left: 0;
    position: absolute;
    width: 100%;
}
.stepMainWrap_film .stepMainList_item.prestep:after {background-color: #8cc63f;}
.stepMainWrap_film .stepMainList_item.prestep-1st:after {background: #8cc63f url(../../appcase/img/film/bg_afterstep_01.gif) left center no-repeat;}
.stepMainWrap_film .stepMainList_item.prestep-chain:after {background: #8cc63f url(../../appcase/img/film/bg_afterstep_02.gif) right center no-repeat;}
.stepMainWrap_film .stepMainList_item.prestep-last:after {background: #8cc63f url(../../appcase/img/film/bg_afterstep_03.gif) left center no-repeat;}
.stepMainWrap_film .stepMainList_item.laststep:after {background: #21b472 url(../../appcase/img/film/bg_laststep_01.gif) center center no-repeat;}
.stepMainWrap_semiconductor .stepMainWrap_film .stepMainList_item.prestep-last{
    margin-right: 0px;
}
.stepMainWrap_film .listNumTxt {
    margin: 10px 0 0 20px;
}
.stepSubWrap_film .stepSubList {
    width: 640px;
}
.stepSubWrap_film .stepSubList li:not(:first-child) {margin-left: 72px;}
.stepSubWrap_film .stepSubList li:not(:first-child):before {
    background-color: #4f7fbc;
    bottom: 0;
    content: '';
    display: block;
    height: 4px;
    left: -72px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 72px;
}

.stepSubWrap_film.fixed {
    position: fixed;
    top: 0;
    z-index: 2;
}
.stepSubWrap_film .stepSubList_txt {
    background: transparent url(../../appcase/img/film/bg_substep.png) 0 0 no-repeat;
    bottom: -65px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: none;
    font-size: 15px;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    height: 60px;
    left: -50%;
    margin: auto;
    padding: 15px 0 0;
    position: absolute;
    z-index: 999;
    right: -50%;
    text-align: center;
    line-height: 1.3;
    width: 140px;
}
.stepContents {
    margin: 40px auto 100px;
    width: 960px;
}
.stepSummary:not(:first-child) {margin-top: 50px;}
.stepSummaryTtl {
    background-color: #235fab;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 21px;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    line-height: 50px;
    padding: 0 0 0 65px;
    position: relative;
}
.stepSummaryTtl_long{
    padding-left: 89px;
}
.stepSummaryTtl img {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}
.stepSummary_img {
    display: block;
    margin: 30px auto 40px;
}
.stepSummaryTxtbox {
    background-color: #f9f9f9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    margin: auto;
    padding: 20px 30px;
    width: 920px;
}
.stepSummaryTxtbox_linkList {
    margin-top: 15px;
    padding: 0 0 0 110px;
    position: relative;
}
.stepSummaryTxtbox_linkList:before {
    content: url(../../appcase/img/film/ico_cese.png);
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 90px;
}
.stepSummaryTxtbox_linkList li:before {
    color: #0071bc;
    content: '・';
}
.balloon {
    display: inline-block;
	position: relative;
	z-index: auto;
    width: auto;
}
.balloon > span{
    color: #036eb8;
}
.balloon .balloon_box {
  display: none;
  position: absolute;
  z-index: 99;
  left: 50%;
  -webkit-transform : translateX(-50%);
  transform : translateX(-50%);
  bottom: 40px;
  width: 380px;
  margin: 0 auto;
  padding: 15px 15px 20px;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  -webkit-filter:drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.2));
}
.balloon_box::before {
  content: "";
  position: absolute;
  bottom: -31px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top-color: #d1d1d1;
}
.balloon_box::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top-color: #fff;
}
.balloon .balloon_box_ttl {
    font-size: 18px;
    font-weight: bold;
    color: #235fab;
    margin-bottom: 5px;
}
.balloon .balloon_box_text {
	font-size: 14px;
}
.balloon:hover .balloon_box {
	z-index: 2;
	display: block;
}