
/* common
----------------------------------*/
.mt80 { margin-top:80px; }
.mt50 { margin-top:50px; }
.mb20 { margin-bottom:20px; }

img { max-width:100%; width:auto; }

.p_txt.news_cate p ,
.p_txt.link_ttl p ,
.p_txt.p_txt-link_span p { margin-bottom: 0; }
.bc_txt a { color:#fff; }
.bc_txt a:hover { color:#fff; }


 

/* header
----------------------------------*/
.header {z-index: 2;}
.header_box { position: relative; }
.header_logo { position: absolute; top: 0; }
.header_logo img:hover { opacity:0.8; }
.header .navToggle { z-index: 9; }
.header .navToggle:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 100px;
    height: 100px;
    background: #191919;
}
.header .navToggle:hover ,
.header .navToggle:hover:before { cursor: pointer; }


.header .navToggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#islq {
    position: absolute;
    top: 25px;
    bottom: -17px;
}

.header .nav.pc-nav {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 10% 15%;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	font-size: 0.875rem;
	font-weight: 400;
	/*z-index: 1002;*/
    z-index: 1;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}

.header.open .nav.pc-nav {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
    max-width: none!important;
}
.header .nav.pc-nav a { color:#fff; }
.header .nav.pc-nav a * { transition: 0s; }
.header .nav.pc-nav .hd-nav-ul {
	display: block;
	position :absolute;
	left: 50%;
	top: 40%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 100%;
}
.header .nav.pc-nav .hd-nav-li {
	margin: auto;
	padding: 12px 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	line-height: 1;
	text-transform: uppercase;
}
.header .nav.pc-nav .hd-nav-li a { display: block; padding: 0; }
.header .nav.pc-nav .hd-nav-li .hd-nav-strong { margin: 0; }
.header .nav.pc-nav .hd-nav-small,
.header .nav.pc-nav-li br { display: none; }

.header.open .navToggle span:nth-child(1) {
	top: 12px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.header.open .navToggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.header.open .navToggle span:nth-child(3) {
	top: 7px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}

.header.open .navToggle #islq.c1714 {
    position: absolute;
    top: 12px;
    bottom: -17px;
}



/* footer
----------------------------------*/
.tal_txt p { margin-bottom:0; }
.contact_link { text-decoration: none; }
.contact_link:hover { background-color: #9f9f9f; text-decoration: none; }
.f_nav_li:hover { text-decoration: underline!important; color: #fff!important; }
.f_nav_li p { margin-bottom:0; }
a.blog_btn:hover {
  color: #343d45!important;
  text-decoration: none;
  background:#fff!important;
}
a.blog_btn:hover .c3404.bloglink_txt { color: #343d45; }
.footer_nav.sns_link a:hover { opacity:0.8; }



/* top
----------------------------------*/
.c5221.news_btn {
  text-decoration: none;
  color:#fff;
  background:url(https://diving-service-kawanabiyori200207.smooooth.jp/system_panel/uploads/images/20200417022129155114.png) no-repeat center right 20px , #191919!important;
}
.tc01_box { padding: 80px 0 80px 0; }
.col-md-4.p_col01 ,
.col-md-4.p_col02 ,
.col-md-4.p_col03 { background: none; background-color: inherit; }
.tc06_box .container .row { justify-content: space-between; }
.tc06_link { text-decoration: none; }
.tc06_link .c12377 ,
.tc06_link .linktxt_box { vertical-align: middle; }

.col-md-4.tc02_li.tc02_li01:hover {
    background-image: url(https://diving-service-kawanabiyori200207.smooooth.jp/system_panel/uploads/images/20200418010922865614.png);
    background-color:rgba(25,25,25,0.56);
    background-blend-mode:color;
}
.col-md-4.tc02_li.tc02_li02:hover {
    background-image: url(https://diving-service-kawanabiyori200207.smooooth.jp/system_panel/uploads/images/20200418011003742082.png);
    background-color:rgba(25,25,25,0.56);
    background-blend-mode:color;
}
.col-md-4.tc02_li.tc02_li03:hover {
    background-image: url(https://diving-service-kawanabiyori200207.smooooth.jp/system_panel/uploads/images/20200418011028248050.jpg);
    background-color:rgba(25,25,25,0.56);
    background-blend-mode:color;
}
.col-md-4.tc02_li.tc02_li01 a:hover ,
.col-md-4.tc02_li.tc02_li02 a:hover ,
.col-md-4.tc02_li.tc02_li03 a:hover { opacity: 0.8; }
.c5221.news_btn:hover {
}
.c5221.news_btn:hover {
    color: #191919!important;
    background-color: #fff!important;
    border: 1px solid #191919!important;
    background-image: url(https://diving-service-kawanabiyori200207.smooooth.jp/system_panel/uploads/images/20200422155708788942.png)!important;
}
.c5221.news_btn:hover .p_txt.newsbtn_txt { color: #191919!important; }
.line_btn_link:hover { opacity: 0.8; }
.tc06_link:hover { background-color: #ededee; }





/* fandiving
----------------------------------*/
.row.imgtxt_48box { display:block!important; }
.col-md-4.imgtxt_48box {
    padding: 0 0 0 0;
    display: inline-block;
    vertical-align: middle;
}
/*.col-md-8 { width: 66%; }*/
.col-md-8.txt_48box {
    display: inline-block;
    vertical-align: middle;
    max-width: 65.666667%!important;
    flex: 0 0 65.666667%;
}




/* contact
----------------------------------*/
.row.formRow { border-bottom: 1px solid #9d9d9d; }
.row.formRow.privacy_box { border-bottom: none!important; }
.row.formRow:last-of-type { border-bottom: none; }
.row.formRow .privacyBox {
    border: 1px solid #9d9d9d;
    padding: 10px;
    width: 100%;
    height: 300px;
    overflow-y: scroll;
    margin-bottom: 10px;
    background: #fff;
}









@media screen and (max-width: 1400px) {
/* common
----------------------------------*/
.header_logo {
    width: auto!important;
    height: 130px!important;
    max-width: 100%!important;
}    
.header_logo img {
    width: auto!important;
    height: 100%;
    object-fit: contain;
}    
.breadcrumb_list { padding: 20px 2% 5px!important; }
.sub_contents { width: 98%!important; }
    
}




@media screen and (max-width: 1260px) {
/* top
----------------------------------*/
.container.topnews_box {
    background: url(https://diving-service-kawanabiyori200207.smooooth.jp/system_panel/uploads/images/2020041â€¦.png) no-repeat right bottom;
    background-size: cover;
}
.topnews_box a { padding: 30px 30px 30px 10px; }
.c5973 { width: 60%; }
.c12961.tc02_block { padding: 160px 4% 0 4%; }
    
}



@media screen and (max-width: 1080px) {
  
/* common
----------------------------------*/
.header_logo {
    width: auto!important;
    height: 100px!important;
    max-width: 100%!important;
}    
.header_logo img {
    width: auto!important;
    height: 100%;
    object-fit: contain;
}    
 .container { margin: auto!important; }
  .h2_box img { width:auto; max-width:100%; }
  .h3_box {
    background-image: url(https://diving-service-kawanabiyori200207.smooooth.jp/system_panel/uploads/images/2020041â€¦.png);
    background-size: auto;
  }
  .h3_box span { display:block; }
  .p_txt.mt50 { margin: 30px 0 0 0!important; }


/* header
----------------------------------*/
.navToggle {
    right: 25px!important;
    top: 35px!important;
}
    

/* footer
----------------------------------*/
.footer_nav { display: block!important; }
.f_nav_li { display: inline-block!important; }
.f_nav_li {
    width: 25%;
    padding: 20px!important;
}
  .contact_bg { text-align: center!important; } 
 .container.contact_box { display: block!important; align-items: center; }
  .c2636 { display: block!important; }
  .tal_txt { vertical-align: middle!important; }
  .p_txt.contact_txt { margin-top: 10px; }
  .footer_nav { display: block!important; }
  .blog_btn { display: block!important; }

    
/* top
----------------------------------*/
.c5973 {
    height: 60vw;
    max-height: 580px;
    object-fit: cover;
}
.c2838 { max-width: none; }
.c12961.tc02_block { padding: 120px 4% 120px 4%; }
.tc06_box .container .row .col-md-6 { max-width: 48%; }
.tc06_link { text-align: left!important; }
.tc06_link img { width:16%; }
.linktxt_box { padding: 0; }
  .tc06_box .container .row { display: block; }
  .tc06_box .container .row .col-md-6 { margin:auto; max-width: none; }
  .tc06_link { margin: auto; }
  .tc06_link.tc06_link_R { float: none!important; margin-top:20px; }
.linktxt_box { padding: 0!important; }
.c7368 { left: auto!important; }
.c12961.tc02_block { padding: 140px 4% 100px 4%!important; }
.topnews_box a { padding: 20px 40px 20px 20px!important; }
.p_txt.news_cate { margin: 0!important; }
  
  
  
  
/* shopinfo
----------------------------------*/
.col-md-6.defTable03_w10 { max-width: 15%!important; }    
.col-md-6.defTable03_w50 { max-width: 45%!important; }
    
    
    
    

}



@media screen and (max-width: 767px) {

  #chatbot-btn {transform: scale(0.8, 0.8);
bottom: .5vw !important;
right: .5vw !important;}
/* common
----------------------------------*/
.sp_mt10 { margin-top: 10px; }
.p_txt.mt40 { margin: 30px 0 0 0; }
.header_logo {
    width: auto!important;
    height: 80px!important;
    max-width: 100%!important;
}
.navToggle {
    width: 30px!important;
    height: 20px!important;
}
.header .navToggle:before {
    width: 60px!important;
    height: 60px!important;
}
.c1695 { bottom: 9px!important; }
#islq {
    top: 18px!important;
    bottom: -17px!important;
}
.p_txt { font-size: 14px!important; }
.breadcrumb_list { padding: 20px 4% 5px!important; }
.th_txt { font-size: 14px!important; }
.c13281 { font-size: 14px!important; }
.row.defTable01 { text-align:center; }
.col-md-4.defTable01_th ,
.col-md-8.defTable01_td { padding: 10px 20px 0 20px!important;}
.col-md-4.defTable01_th p ,
.col-md-8.defTable01_td p { margin-bottom: 10px!important; }
  .th_txt { padding: 0px 20px 0 20px!important;}
  .c13281 { padding: 3px 20px 0 20px!important; }
.col-md-8.defTable01_td { width: 100%; }
  
  
    
/* header
----------------------------------*/
.header_logo {
    width: auto!important;
    max-width: 100%!important;
    height: 100px;
    display: block!important;
    object-fit: cover;
}
.logo_img {
    min-height: auto !important;
    max-width: 100%!important;
    width: auto!important;
    height: 100%!important;
}
    
.navToggle {
    right: 15px!important;
    top: 20px!important;
}
.header.open #islq {
    top: 13px!important;
    bottom: -17px!important;
}
    
    
    
/* footer
----------------------------------*/
.contact_bg { padding: 30px 4% 20px!important; }
.contact_txt { font-size: 16px!important; }
.p_txt.contact_txt { font-size: 26px!important; }
.container.contact_box_R {
    min-height: auto !important;
    max-width: 480px!important;
    width: 100%!important;
}
.contact_link_txt { font-size: 16px!important; line-height: 60px!important; }
.c2838 { width: 100%!important; margin: auto; }
  .contact_box_R .p_txt.contact_txt { font-size: 14px!important; }
.footer_bg { padding: 30px 0 5px 0!important; }
.f_nav_li { padding:10px!important; width:48%!important; border:1px solid #fff!important; margin:2px 2px!important; }
 .tal_txt { font-size: 30px!important; }
 .tal_txt.time { font-size: 14px!important; }
.blog_btn { width: 100%!important; }
.contact_link { height: 60px!important; }
    
  
    
/* top
----------------------------------*/
.c7030.p_txt br { display:none; }
.main_visual { height: 300px!important; }
.tc01_box { padding: 50px 0 100px 0!important; }
.col-md-6.tc01_whitebox { padding:6% 4%!important; }
.c5973 { width: 100%; position: inherit!important; }
.container.top_container { padding: 70px 0 50px 0!important; }
.c7030.p_txt.tc01_ttl { font-size: 18px!important; margin: 30px 0 0 0!important; }
.c11092 { margin: auto!important; }
.p_txt.link_ttl {
    font-size: 20px!important;
    /* display: block; */
}
.linktxt_box .p_txt.link_ttl { word-break: break-word; }
.tc06_link img {
    width: auto!important;
    display: block!important;
    margin: auto;
}
.c7368 { width: auto!important; max-width: 92%;}
.tc06_link { height: auto!important; }
.linktxt_box {
  margin: 0!important;
  display: block!important;
}

.c12961.tc02_block { padding: 90px 4% 80px 4%!important; }

.tc06_box .container { width: 92%; }
.linktxt_box .col-md-6 .p_txt { padding:10px 0 0!important; }
.container.bewsbtn_box { padding: 20px 0 0 0; }
.linktxt_box ,
.p_txt.p_txt-link_span { text-align: center!important; }

  

  
/* sub_visual
----------------------------------*/
.sub_visual { height: 250px!important; }
.sub_visual .container.h1_ttl { width: 92%!important; top: 45%!important; max-height: 110px; }
.sub_visual .container.h1_ttl img { height: auto; max-height: 110px; }
.sub_contents { width: 92%!important; padding: 30px 0 30px 0!important; }
.h2_box { padding: 0 0 10px 0!important; }
.h2_box img { max-height: 22px;}
.h3_txt { font-size: 18px!important; }
.h3_box.mt50 { margin: 30px 0 10px 0!important; }
.h3_box { margin: 0 0 10px 0!important; }
.p_txt.mt50 { margin: 30px 0 0 0!important; }
.img {
	display: block;
    margin: auto;
}  

.h3_txt {
    font-size: 16px!important;
    padding: 0 10px 0 15px!important;
}
.h3_box { background-size: cover!important; }
.h3_box span { font-size: 14px!important; line-height: 1.6em; } 
  
  
  
/* fandiving
----------------------------------*/
.col-md-6.txt_Rbox { padding: 0!important; }
.c5644.txt_Rbox.p_txt.fandiving01_txt { padding: 20px 0 0 0!important;}
.col-md-8.txt_48box { padding: 0!important; margin-top: 20px!important; }
.flowttl_box_txt { font-size: 18px!important; }
.flow_arwbox { padding: 10px 0 10px 0!important; }
.flowttl_box_span { font-size: 16px!important; width: 90px!important; padding: 6px 0 0 0!important; }
.flowttl_box_span p { margin-bottom: 6px!important; }
.flowttl_box_txt p {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.c7957.img_box {
    margin: auto;
    display: block;
}
.c8232.img_box {
    font-size: 14px;
    padding: 10px 0 0 0;
}
.flowttl_box_span {
    font-size: 16px!important;
    padding: 8px 0 0 0!important;
}
.c8232.img_box { font-size: 14px!important; }
.c21525 {
    padding: 30px 0 0 0!important;
    font-size: 14px!important;
}
  


/* license
----------------------------------*/
.flowttl_box { margin: 0!important; }
.col-md-6.img_Lbox { padding: 0!important; }
.col-md-6.txt_Lbox { padding: 0!important; }
.defTable01.defTable02 .col-md-4.defTable01_th { background: #23d0fa!important;}


/* diving
----------------------------------*/  
.col-md-4.defTable01_th.diving_table_th {
    max-width: 100%!important;
    flex-basis: 100%!important;
}
.col-md-8.defTable01_td.diving_table_td {
    max-width: 100%!important;
    flex-basis: 100%!important;
}
  
  
  
/* price
----------------------------------*/
.col-md-6.w50_L ,
.col-md-6.w50_R { padding: 0!important; }
/*.col-md-6 .p_txt { padding: 10px!important; }*/
.col-md-6.w50_L { margin-bottom: 20px; }


/* shopinfo
----------------------------------*/
    .col-md-6.defTable03_w20 { padding:10px!important; }
.col-md-6.defTable03_w10 ,
.col-md-6.defTable03_w50 { padding: 15px!important; }
.facilitytable { padding-bottom:10px; }
.facilitytable.keepWidth { overflow-x: scroll; }
.facilitytable.keepWidth .defTable03 { width: 900px; }
.facilitytable.keepWidth::-webkit-scrollbar { height: 10px; }
.facilitytable.keepWidth::-webkit-scrollbar-track { background: #f4f4f4; }
.facilitytable.keepWidth::-webkit-scrollbar-thumb { background: #23d0fa; }
.col-md-6.defTable03_w20 {
    max-width: 20%;
    width: 100%;
}
.col-md-6.defTable03_w10 {
    max-width: 10%!important;
    width: 100%;
}
.col-md-6.defTable03_w50 {
    max-width: 50%!important;
    width: 100%;
}
.defTable03 .thead_bg p ,
.col-md-6.defTable03_w20 ,
.col-md-6.defTable03_w10 ,
.col-md-6.defTable03_w50 p { margin-bottom: 0!important; }
  .c10608 { display: block!important; text-align: right; font-size: 14px!important; }
.col-md-4.w30_li { padding: 0!important; }
  .c7705 {    font-size: 14px!important; }
  .col-md-4 {padding: 0!important; }

  .c13388 { font-size: 14px!important; }
  .c14257 { font-size: 14px!important;}
  
  

/* news
----------------------------------*/
.pc_img { display:none!important; }
.sp_img { display:block!important; }
  

/* contact
----------------------------------*/
.col-md-4.formTh {
    border: none!important;
    max-width: none!important;
    background: #e1e1e1!important;
    padding: 15px!important;
}
.d-inline-block.requiredText { margin: 0!important; }
.col-md-8.formTd { max-width: none!important; }
.p_txt.aligncenter.f_arial { font-size: 28px!important; }
.formTd input[name="zip1"] ,
.formTd input[name="zip2"] { width: 40%; font-size: 14px; }
.row.formRow { border-bottom: none!important; }
.col-md-8.formTd { padding: 15px 0 15px!important; }
.d-inline-block.requiredText {
    font-size: 12px!important;
    padding: 3px 10px 2px 10px!important;
}
.formRow label { margin-bottom: 0!important; }
  .input.formInput { font-size: 14px; }
  .textarea.formTextArea { font-size: 14px; }
  .input.formInput.p_txt {font-size: 14px!important;}
.contact_btn { max-width: none!important; }
  
    

/* sitemap
----------------------------------*/
.sitemap_txt { font-size: 18px!important; }
    
}
  


@media screen and (max-width: 480px) {
.col-md-6.sitemap_list.w50_R ,
  .col-md-6.w50_L.sitemap_list {
    margin: 0 0 20px!important;
    max-width: 100%!important;
    width: 100%!important;
    height: 60px!important;
}
  .sitemap_txt { line-height: 60px!important; }
  .sitemap_list .row.mt40 {     margin: 0!important; }
  .col-md-6.sitemap_list.w100 { height: 60px!important; }
 
    
  
/* price
----------------------------------*/
.col-md-6 .c5165 { display: block!important; }
.col-md-6 .c5165 .c5253 { width: 100%!important; }
.col-md-6 .c5165 .c5253 .p_txt {     padding: 0!important; }
.col-md-6 .c5165 .c5253 p { margin-bottom: 0!important; }
    
    
}
/*slide*//* kv */
.topMain.main {
    z-index: 1;
}

.topMain #topKv {
  position: relative;
  width: 100%;
  height: 800px;
}

.topMain #topKv:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
}

.topMain #topKv .kvBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.topMain #topKv .kvBox > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
.topMain #topKv .kvBox .kv01 {
  background: url(https://b-yori.com/system_panel/uploads/images/20200416212916731435.png) center no-repeat;
  background-size: cover;
}
*/

.topMain #topKv .kvBox .kv01 {
  background: url(https://b-yori.com/system_panel/uploads/images/20221027_01.jpg) center no-repeat;
  background-size: cover;
}

/* .topMain #topKv .kvBox .kv02 {
  background: url(https://b-yori.com/system_panel/uploads/images/20260130122413817687.png) center no-repeat;
  background-size: cover;
}

.topMain #topKv .kvBox .kv03 {
  background: url(https://b-yori.com/system_panel/uploads/images/20260130122333174701.png) center no-repeat;
  background-size: cover;
}

.topMain #topKv .kvBox .kv04 {
  background: url(https://b-yori.com/system_panel/uploads/images/20260130122437235700.jpg) center no-repeat;
  background-size: cover;
} */

.topMain .kv_20260529 #topKv .kvBox .kv02 {
  background: url(https://b-yori.com/system_panel/uploads/images/20261109154528944506.jpg) center no-repeat;
  background-size: cover;
}

.topMain .kv_20260529 #topKv .kvBox .kv03 {
  background: url(https://b-yori.com/system_panel/uploads/images/20261109154706967451.jpg) center no-repeat;
  background-size: cover;
}

.topMain .kv_20260529 #topKv .kvBox .kv04 {
  background: url(https://b-yori.com/system_panel/uploads/images/20261109154744550118.jpg) center no-repeat;
  background-size: cover;
}

/* .topMain #topKv .kvBox .kv02 {
  background: url(https://b-yori.com/system_panel/uploads/images/20221027_02.jpg) center no-repeat;
  background-size: cover;
}

.topMain #topKv .kvBox .kv03 {
  background: url(https://b-yori.com/system_panel/uploads/images/20221027_03.jpg) center no-repeat;
  background-size: cover;
}

.topMain #topKv .kvBox .kv04 {
  background: url(https://b-yori.com/system_panel/uploads/images/kv_04_20220419.jpg) center no-repeat;
  background-size: cover;
} */

.topMain #topKv .kvBox .kv05 {
  background: url(https://b-yori.com/system_panel/uploads/images/cover01n.jpeg) center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
.topMain #topKv {
    height: 350px;
}

/*
.topMain #topKv .kvBox .kv01 {
  background: url(https://b-yori.com/system_panel/uploads/images/kv_20210309.jpg) center no-repeat;
  background-size: cover;
}
  
.topMain #topKv .kvBox .kv02 {
  background: url(https://b-yori.com/system_panel/uploads/images/cover01n.jpeg) center no-repeat;
  background-size: cover;
}

.topMain #topKv .kvBox .kv03 {
  background: url(https://b-yori.com/system_panel/uploads/images/PA122390.JPG) center no-repeat;
  background-size: cover;
}
  
.topMain #topKv .kvBox .kv04 {
  background: url(https://b-yori.com/system_panel/uploads/images/20200707184057621145.jpg) center no-repeat;
  background-size: cover;
}
*/

}

.topImage {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 80%;
	width: auto;
	max-height: 100%;
	height: auto;
}

.tc02_block {
	position: relative;
}

.tc02_block:hover .topImage {
	display: block;
}

@media screen and (max-width: 768px) {
    .tc02_block .topImage {
        display: block;
    }
}

@media screen and (min-width: 1080px) {
    .telBx {
       	justify-content: flex-start !important;
    }
}

