@charset 'UTF-8';

/* popup */
.pop_bg { position:fixed; display:none; left:0; right:0; top:0; bottom:0; z-index:500; background:rgba(0,0,0,0.7);	}
.layer_box { display:none; position:fixed; left:0; right:0; top:0; bottom:0;  margin:auto auto; background:#fff; z-index:501; width:100%; max-width:980px; height:100%; max-height:609px; padding:40px 20px; }

.layer_box > h3 { margin-bottom:10px; font-size:30px; color:#111; font-weight: 500 !important;}
.layer_box .div_outline { display:block; border:1px solid #ddd; }
.layer_box textarea { width:100%; height:450px; padding:10px; border:0; outline:0; font-size: 15px; line-height: 1.7; }
.layer_box .btn_close { position:absolute; display:block; width:60px; height:56px; right:-60px; top:0; background:url(../images/style/btn_close.jpg) no-repeat center center; overflow:hidden; font-size:0;line-height:0;}

.layer_email {width: 700px; height: 500px; } 
.layer_email .textarea { display:table-cell; height:350px; padding:30px 20px; text-align:center; vertical-align:middle; font-size:15px; }
.layer_email .textarea .title { margin-bottom:20px; font-size:20px; color:#222; font-weight:700; }

.layer_box.layer_sitemap {position:fixed; max-width:100%; max-height:100%; background:rgba(0,0,0,0.8); padding-top: 14vh; z-index: 50;}
.layer_box.layer_sitemap .btn_close { right:0; width:140px; height:140px;  border: 1px solid rgba(255,255,255,0.15); background: #000; }	
.layer_box.layer_sitemap .btn_close:after{position: absolute; content:''; left: 0; top: 0; width:140px; height:140px;  background:url(<? echo G5_THEME_URL ?>/images/style/btn_close.jpg) no-repeat center center;  transform:rotate(90deg);  transition:.8s; }
.layer_box.layer_sitemap .btn_close:hover:after{transform:rotate(360deg);}
.layer_box.layer_sitemap h3 {font-size: 45px; font-size: 5vh; color: #fff; text-align: center; margin-bottom: 67px; margin-bottom: 7vh;}

.layer_box .sitemap {border:0;height:auto;width:20%;margin:0; margin-bottom: 33px; float: left;}
.layer_box .sitemap:last-child {border-right:0;}
.layer_box .sitemap dt {padding:0;font-size:30px; font-size:3.2vh; font-weight:700;line-height:1;color:#fff;text-align:center;border-bottom:0;margin-bottom:30px; transition:0.4s;}
.layer_box .sitemap dt span{position: relative;}
.layer_box .sitemap dd .dep2{width: 100%;}
.layer_box .sitemap dd .dep2 > ul {height:250px !important;}
.layer_box .sitemap:nth-child(4) dd .dep2 > ul,
.layer_box .sitemap:nth-child(5) dd .dep2 > ul{height:150px;}
.layer_box .sitemap dd .dep2 > ul > li > a {padding:0;font-size:16px;line-height:36px;font-weight:350;color:#fff;text-align:center;border-bottom:0;transition:0.4s;} 
.layer_box .sitemap dd .dep2 > ul > li > ul li a{padding:0;font-size:16px;line-height:36px;font-weight:350;color:rgba(255,255,255,0.8);text-align:center;border-bottom:0;transition:0.4s}
.layer_box .sitemap dd .dep2 > ul > li > ul li:hover a{color: #fff;}
.layer_box .sitemap dt span{position: relative; color: #fff;}
.layer_box .sitemap dt.on span:before,
.layer_box .sitemap:hover dt span:before{width: 100%; opacity: 1;}
.layer_box .sitemap:hover dd .dep2 > ul > li > a {color:#fff;}
.layer_box .sitemap dd .dep2 > ul > li:hover > a {color:#014099;}
.layer_box .sitemap dd .dep2 li a {color: #fff; text-align: center; font-size: 18px; font-size:2.2vh; transition:.3s; padding: 5px 0; padding: 0.5vh 0;}
.layer_box .sitemap dt span:before { position: absolute; content: ''; width: 0%; height: 14px; background: #01a0c7; left: 0; bottom: 0; z-index: -1; opacity: 0; transition: .3s;}
.layer_box.layer_sitemap .btn_close:after { position: absolute; content: ''; left: 0; top: 0; width: 140px; height: 140px; background: url(../images/style/btn_close.jpg) no-repeat center center; transform: rotate(90deg); transition: .8s;}
.layer_box .sitemap dd .dep2 li:hover a {color: #01a0c7;}

.Sub_bg{position: absolute; top: 80px; left: 0; width: 100%; height: 200px; z-index: 1; overflow: hidden; display: none; background: #fff;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; opacity: 0.8;}
.MobileLogo,#Mmenu,#Menu_Mobile {display:none; }


/* Main Visual */
.mv_sec{overflow: hidden; position: relative; top:0 ; width: 100%; height: 82vh; min-height: 450px}
.mv_sec .item{width: 100%; height: 82vh; min-height: 450px; position: relative; overflow: hidden; }

.mv_sec .item .mv_img{position: absolute; left: 0; top: 0; width: 100%; height: 82vh; min-height: 450px; transition:5s; overflow: hidden !important; z-index: -1; transform:scale(1); 
	background-image: url('../img/main/Main_1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center;}
.mv_sec .mv02 .mv_img{background-image: url('../img/main/section3_2.jpg');}
.mv_sec .mv03 .mv_img{background-image: url('../img/main/slide_ship.jpg');}
.mv_sec .mv04 .mv_img{background-image: url('../img/main/Main_2.jpg');}
.mv_sec .mv05 .mv_img{background-image: url('../img/main/Main_4.jpg');}
.mv_sec .active .mv_img{transform:scale(1.1) rotate(.001deg); }
.mv_sec .active .mv01 .mv_img{transform:scale(1.1) rotate(.001deg); }

.mv_sec .m_txt { margin-left: calc((100% - 1280px)/2); margin-top: 6vw; color: #fff; text-align: left; }
.mv_sec .m_txt h1,.mv_sec .m_txt h3,.mv_sec .m_txt h6,.mv_sec .m_txt p { position: relative; opacity: 0; text-transform:uppercase;  }
.mv_sec .m_txt h3 { font-size: clamp(1.55rem, 4vw, 2.2rem); letter-spacing: -0.08em; font-weight: 400; top: 0px; transition:1s 1s; }
.mv_sec .m_txt h1 { font-size: clamp(2.4rem, 7vw, 4.2rem); letter-spacing: -0.05em; top:10px; transition:1s .5s;}
.mv_sec .m_txt h6 { font-weight: 400; top: 200px; transition:1s 1.5s; background:rgba(0,0,0,.4); padding: 0 15px 5px; display: inline-block; letter-spacing: -0.08em; }
.mv_sec .m_txt h6 big { color:#fff568; letter-spacing: -0.05em;}
.mv_sec .m_txt h6 span { color:#f9ad81; font-size:1.1em; letter-spacing: -0.07em;}
.mv_sec .m_txt p { font-size: 1.2em; top: 240px; transition:1s 1.8s; line-height: 1.7;}
.mv_sec .active .m_txt h1,.mv_sec .active .m_txt h3,.mv_sec .active .m_txt h6,.mv_sec .active .m_txt p {opacity: 1; text-shadow:0px 0px 10px rgba(0,0,0,.1); }
.mv_sec .active .m_txt h3 { top: 98px; }
.mv_sec .active .m_txt h1 { top: 110px; }
.mv_sec .active .m_txt h6 { top: 140px; }
.mv_sec .active .m_txt p { top: 160px; }

.mv_sec .owl-dots{position: absolute; right: 52px; top: 26vw; bottom: auto; z-index: 100; width: 26px; text-align: left;}
.mv_sec .owl-dots .owl-dot{background: 0;	outline:none;}
.mv_sec .owl-dots .owl-dot span{position: relative; display: block; width: 8px; height: 8px; background: #7d8d97; transition:.3s; margin-right: 11px; border-radius:50%;}  
.mv_sec .owl-dots .owl-dot.active span{background: #fff;}
.mv_sec .owl-dots .owl-dot span:after{position: absolute; content:''; width: 8px ;height: 8px; background: #7d8d97; border-radius: 50%; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; transition:.3s;}
.mv_sec .owl-dots .owl-dot span:before{position: absolute; content:''; width: 26px ;height: 26px; background: rgba(166,49,69,0.1); border-radius: 50%; opacity: 0; transition:.3s; left: -9px; top:-9px;}
.mv_sec .owl-dots .owl-dot.active span:after{background: #fff; }
.mv_sec .owl-dots .owl-dot.active span:before{background: rgba(255,255,255,0.2); opacity: 1; animation: 1.2s ease 0s infinite normal none running; animation-name:fpNav; }
@keyframes fpNav {0% {transform:scale(0)} 60% {transform:scale(1); opacity: 0.9;} 100% {transform:scale(1); opacity: 0;}}

.owl-carousel .owl-item .Prod_b { position: absolute; bottom: 80px; display: inline-block; width: 100%; max-width: 1280px; margin: 0 calc((100% - 1280px)/2); text-align: right;}
.owl-carousel .owl-item .Prod_b>a>img { position: relative; top:70px; opacity: 0; display: inline-block; width:auto; margin-left: 2%; text-transform:uppercase; }
.owl-carousel .owl-item .Prod_b>a:nth-child(1)>img { transition:1.4s 1.4s; }
.owl-carousel .owl-item .Prod_b>a:nth-child(2)>img { transition:1.4s 1.8s; }
.owl-carousel .owl-item.active .Prod_b>a>img {opacity: 1; top:0px; box-shadow:0px 0px 5px rgba(0,0,0,0.2); }

h4 { margin-bottom:25px; }

.Main_Title { width:100%; text-align:center; letter-spacing: -2px; margin-bottom: 3vw; }
.Main_Title span { font-weight:100; }
.Main_Title h6 { color:#333}
.Main_Title h3 { color:#333; font-size:2.6em; }
.Main_Title p { margin-top:10px; }

.quick { position: relative; border-bottom: 1px solid #ddd;}
.quick span { position: absolute; display: flex; align-items: center; justify-content: center; background: #344c8b; width: 18%; height: 100%; color:#fff; font-size:1.2em; padding: 0 3%; }
.quick span img { height: 1.2em; }
.quick span b { margin-top: 1px; }
.quick ul { padding: 15px 0; width: 64%; margin:0 auto; }
.quick ul li { justify-content: right; }
.quick ul li a { display: block; width: 100%; text-align: center;}
.quick .Layer.iconLeft>li figure,.quick .Layer.iconLeft>li dl { width: auto; }


#section1,#section2,#section4,#section3,#section5 { padding:calc(5vh + 2.5vw) 0; }
#section6 { padding:calc(2.5vh + 1.2vw) 0; }
section .Layer.Mg { margin-bottom:-2% }
#section3 h5,#section5 h5 { color:#000; margin-bottom:5px;}

#section1 figure { height: 32vh; max-height: 300px; }
#section1 li a { float: right; }
#section1 button { font-size:14px; font-weight:100; }

#section2 { background: #e8f7fe; }
#section2 .slider img { width: 100%; height: 56%;}
#section2 .slider { overflow: hidden; }
#section2 .slider .slick-slide { height:auto; }
#section2 .slick-dotted.slick-slider { margin-bottom: 0px; background: #fff; }
#section2 .slider:after { content:''; position: absolute; bottom: 0; left:0; width: 0; height: 0; border-bottom: 2vw solid #344c8b; border-right: 2vw solid transparent; }
#section2 .slider dl { padding:0 10%; text-align: center;}
#section2 .slider h6 { margin-top:2em; }
#section2 .slider dd { margin-bottom:10px; line-height:1.4; font-size:0.95em; }
#section2 .slick-prev,#section2 .slick-next { width: 25px; right: 0; top: calc(50% + 22px); padding: 0; border:0; }
#section2 .slick-prev { left:0; }
#section2 .slick-prev:before { left: 4px; }
#section2 .slick-next:before { right: 4px; }
#section2 .slick-dots { top:60%; }
#section2 .slick-dots li button:before { background:#989898; border: 0; }
#section2 .slick-dots li.slick-active button:before { background: #247aca; border: 0; }
#section2 .slick-dots li { width:12px; height:12px; margin: 0 6px; }
#section2 .slick-dots li button,#section2 .slick-dots li button:before { width: 100%; height: 100%; right:auto; }
#section2>ul>li:nth-child(1),#section2>ul>li:nth-child(3) { width: calc((100% - 48%) / 2); }
#section2>ul>li:nth-child(2) { width: 48%; }
#section2>ul>li:nth-child(2) img { height:100%; }
#section2 .S1Area1,#section2 .S1Area2 { position: relative; height: calc(100%/2); padding: 10% 12%; color:#fff; }
#section2 .S1Area1 { background:#247aca; }
#section2 .S1Area2 { background:#074b8a; }
#section2 h5 { margin-bottom: 20px; }
#section2>ul>li:nth-child(3) button { position: absolute; right: 8%; bottom: 15%; background:none; border-radius:50px; border:1px solid #fff; font-weight:100; padding:3% 5%; font-size:0.8em; text-align:center; color:#fff;}
#section2>ul>li:nth-child(3) button:hover { background:#fff; color:#074b8a; }


#section3 { background:#fef8f4; }
#section3 .Layer.iconLeft>li figure { padding-right: 10%; }
#section3 button { width: 100%; color:#07979b; margin-top: 10px; background: none; border-color: #07979b; padding: 12px 7px;}
#section3 button:hover { background:#07979b; color:#fff; }
#section3 .LR46 { position: absolute; z-index: 1; background: #fff; width: 120%; margin-left: -20%; top: 10%; }
#section3 .LR46>li { flex-direction: column; border: 1px solid #e5e5e5;}
#section3 .LR46>li:first-of-type { padding:7% 5%; box-shadow: 1px 0px 5px rgba(0, 0, 0, .2); background:#fef8f4 url('../img/main/Funeral_icon.png') no-repeat bottom right; }
#section3 ul>li h4 { position: relative; padding-bottom:0.6em;}
#section3 ul>li h4:before { content: ''; position: absolute; bottom: -2px; width: 2.1em; height: 2px; background: #d44; }	
#section3 .S1Area1,#section3 .S1Area2 { display: flex; align-items: center; margin: 2vw 2.8vw 0; padding-bottom:2vw; }
#section3 .S1Area1 { border-bottom: 1px dashed #ccc; }

#section4>ul>li h4 { position: relative; padding-bottom:0.6em; color: #333;}
#section4>ul>li h4:before { content:''; position: absolute; bottom: -2px; width:2.1em; height:2px; background:#d44; }
#section4 button { position: absolute; background:rgba(0,0,0,.4); width: 72%; height: auto; bottom: 10%; padding:20px 25px; border-radius:0; border:0; font-weight:100; font-size:16px; text-align:left; }
#section4 button a:before,#section4 button a:after { content:''; position: absolute; margin-top: 0.8em; right:0; width:5em; height:1px; background:#fff; }
#section4 button a:before { transform: rotate(45deg); bottom: 0.7em; right:-2px; width:1.2em; }
#section4 p { margin-bottom:2.5em; }
#section4>ul>li>h6 { font-size: clamp(1.1rem, 3.2vw, 18px); border-bottom: 1px dashed #aaa; margin-bottom: 1.2em; padding-bottom: 1.2em; color: #333;}
#section4>ul>li>h6:last-of-type { margin-bottom:0; }
#section4>ul>li:nth-child(1) { background-image: url('../img/main/special_bg.png'); background-position: right center; background-repeat: no-repeat; background-size: contain; overflow: hidden}
#section4>ul>li:nth-child(1) h1 { color:#fad68f; font-size:9rem; line-height: 0.9; }
#section4>ul>li:nth-child(1) h2 { color:#242f62; font-size:3rem; padding-left: 0.3em; margin-bottom: 10%;}
#section4>ul>li:nth-child(1) p { color:#242f62; font-size:1.25rem; padding-left: 0.9em; }
#section4>ul>li:nth-child(1) button { background:rgba(52,76,139); width: 13em; padding: 15px 50px 15px 30px; border-radius: 50px; right: -40px; color:#fff; }
#section4>ul>li:nth-child(1) button a:before { bottom: 5px; }
#section4>ul>li:nth-child(1) button a:after { bottom: -2px; width: 8.2em;}
#section4>ul>li:nth-child(2) { padding: 1% 0%; text-align: right; align-items: flex-end; }
#section4>ul>li:nth-child(2) h4:before { right:0; }
#section4>ul>li:nth-child(3) h4:before { background:#ffe6c1; }
#section4>ul>li:nth-child(3) * { color:#fff; }
#section4>ul>li:nth-child(3) { background:url("../img/main/section4_bg.jpg"); background-size: cover; padding: 4%; }

#section5 { background: #eef4fd; }
#section5 li { border:1px solid #ddd; background: rgba(255, 255, 255, .4); overflow: hidden;}
#section5 .P2 li img { width: 100%; max-height: 178px;}
#section5 .iconTop { margin-bottom:20px; }
#section5 .iconTop li { border-right:0; font-size:1.1em; }
#section5 .iconTop li:last-child { border-right:1px solid #ddd; }
#section5 .iconTop li span { padding-top:1.8%;}
/*#section5 .iconTop>li:nth-child(1) { background:#4bb3ee; color:#fff; }*/
#section5 .iconTop>li { padding:3% 0; color: #333;}
#section5 .Layer.iconTop>li figure { padding:0; width: 40%;}
#section5 li dl { padding:6% 10%; }
#section5 li h6 { color:#000; }
#section5 p { line-height:1.4; color:#777; }
#section5 i { display: inline-block; font-style:normal; background:#e8f0fe; font-size:0.85em; padding:1.5% 4%; margin-bottom:6%; color:#4e9ebb;}
#section5 button.slick-prev,#section5 button.slick-next { width: 4.2vw; height: 4.2vw; right: -2.1vw; top: calc(50% + 3px); padding: 0; border:0 ;background: rgba(242, 108, 79, .4);}
#section5 button.slick-prev { left:-2.1vw; }
#section5 .slick-next:before { left: calc(50% - 26px); }
#section5 a { display: flex; flex-direction: column; }
#section5 .Layer.iconTop>li figure img { width: 100%; max-width: 64px; }

#section6 .Layer>li { border:1px solid #ddd; padding: 2.2% 3.1%; transition: .6s; }
#section6 .Layer>li h5 { margin-bottom:15px; }
#section6 .Layer>li h6 { border-bottom:1px solid #ddd; padding: 2% 0;}
#section6 .Layer>li button {margin-top:15px; font-size: 1.1em; height: 46px; background: none; color: #07979b; border-color: #07979b;}
#section6 .Layer>li:nth-child(3) p { padding-top: 7px; }
#section6 .Layer>li:hover { background:#07979b; color:#fff; }
#section6 .Layer>li:hover cite { color:#fff; }
#section6 .Layer>li:hover button { color:#fff; border-color: #fff;}

.Notice h3 { padding:3% 0; border-bottom:1px solid #098da2; color:#000; }
.Notice h3 a{ position: absolute; width: 0.8em; height: 0.8em; right: 0; top: calc( 0.8em - 3px); padding: 0.1em;}
.Notice h3 a:before,.Notice h3 a:after { content:''; position: absolute; width:0.8em; height:2px; left:0; top: calc(50% - 1px); background:#000; }
.Notice h3 a:after { transform: rotate(90deg);}
.Notice p { padding:3.85% 0; border-bottom:1px solid #ddd; font-size: 1.1em; }
.Notice p a {color:#555;}
.Notice span { float:right; color:#888;}

.Cust { padding:5%; border:1px solid #ddd; }
.Cust li:first-of-type { text-align:center; padding-right: 7%;}
.Cust img { max-width:85px; margin: 2vw auto 20px;}
.Cust li h3 { color:#d44; }
.Cust li h3 small { color:#000; }
.Cust li h6 { font-weight: normal; }
.Cust li:last-of-type h5 { color:#000; font-weight:normal; }
.Cust li:last-of-type h6 { color:#098da2; padding: 15px 0 5px; border-top: 1px solid #098da2; margin-top: 15px}
.Cust li:last-of-type p { color:#555; }




@media (max-width:1280px){/*********************** 1280 ***********************/
#Mmenu{ display:block; position:absolute; z-index:51; top:18px; right: 10px; cursor: pointer; padding: 5px; text-align: center;}
#Mmenu span{ display:block; width:24px; height:3px; background:#000; position:relative; transition:all 0.6s; margin-bottom: 5px;}
#Mmenu span:nth-child(3){ margin-bottom: 0; } 

	.Mmenu_bg { position: absolute; display:none; width: 100%; height: 100%; z-index: 30; top: 0; left:0;  background: rgba(25,25,25,0.5) ; }
	.Mmenu_close { cursor: pointer; padding-right: 15px; align-content: center;}
	.Mmenu_close span { display: block; position: relative; width: 24px; height: 3px; background: #fff; }
	.Mmenu_close span:nth-child(1){ transform:rotate(45deg); top:1.5px; }
	.Mmenu_close span:nth-child(2){ transform:rotate(-45deg); bottom:1.5px; }

.quick span { display:none; }
.quick ul { margin: 0 auto; width:100%; }
.quick ul li { justify-content:center; } 
.quick ul li a {text-align:center;}

#Menu_Mobile { display: none; position: absolute; z-index:52; background:#fff; width: 250px; height: 100%; padding: 0; margin: 0; top: 0; right:-250px; bottom:0; }
#Menu_Mobile .MobileLogo {display: flex; justify-content: space-between; width:100%; padding-left: 20px; border-bottom:1px solid #005151; background: #005151;}
#Menu_Mobile .MobileLogo a { display: flex; margin: 20px 0; max-height: 40px; }
#Menu_Mobile .MobileLogo img { max-width:160px; }
#Menu_Mobile .MainM { display: inline-block; position: relative; padding: 15px 20px; width:100%; border-bottom:1px solid #e1e1e1; font-size: 1.06rem; color: #005151; cursor: pointer}
#Menu_Mobile .MainM:before,#Menu_Mobile .MainM:after { content:''; position:absolute; height: 2px; width: 12px; background: #005151; transform: rotate(90deg); top: 28px; right: 22px; transition: all 0.6s ease;}
#Menu_Mobile .MainM:after {  transform: rotate(0deg); }
#Menu_Mobile .MenuM.on .MainM:before { transform: rotate(0deg); }
#Menu_Mobile .SubM{ position:relative; display:none; height: auto; top:0; background-color:#e9f1f0; border-bottom:1px solid #07979b; padding: 0px 15px;}
#Menu_Mobile .SubM > ul > li { padding: 16px; border-bottom:1px solid #bedadb; text-align:left; list-style: none; font-size: max(min(0.9rem), 14px); color: #07979b; transition: .3s; line-height: 1; cursor: pointer; letter-spacing: -1.5px;}
#Menu_Mobile .SubM > ul > li:last-child { border-bottom:0; }

	.owl-carousel .owl-item .Prod_b { margin: 0 auto; padding: 0 1%;}
	.owl-carousel .owl-item .Prod_b>a:nth-child(1)>img,.owl-carousel .owl-item .Prod_b>a:nth-child(2)>img { min-width:25%; max-width: 48%;}
	.mv_sec .m_txt { margin-left:5%;}

#section2>.Layer.Mg li>ul:last-child { height: 39.9%; }
#section2 .Customer>li:first-child>ul { display:block;}
#section2 .Customer>li:first-child>ul>li:first-child, #section2 .time, #section2 .time { width:100%; padding-bottom: 2%;}
#section2 .Customer>li:first-child>ul>li:first-child { border-right: 0; border-bottom: rgba(255,255,255,0.4) 1px dashed; }
#section2 .Customer>li:first-child>ul>li:last-child { padding-left:0; padding-top:2%; }

#section3 .LR46>li:first-of-type br,#section5 br { display: none;}
}



@media (max-width:1024px){/*********************** iPad Pro ***********************/

	.layer_box .btn_close { width:35px; height:35px; right:0; }
	.layer_box > h3 {font-size: 3vh;}
	.layer_email .textarea .title { font-size: 2.2vh;}
	.layer_box textarea,.layer_email .textarea { font-size: 1.8vh; }

#section2 .Layer>li:nth-child(2) { display: none; }
#section2>ul>li:nth-child(1),#section2>ul>li:nth-child(3) { width:50%; }

#section3 .LR46>li:first-of-type { display: none; }
#section3 .LR46>li:last-of-type { width:100%; }
#section3 .LR46>li { flex-direction: row; }
#section3 .S1Area1,#section3 .S1Area2 { flex-direction: column; align-items: start; }
#section3 .S1Area1 { border-bottom: 0; border-right: 1px dashed #ccc; padding-bottom: 0; padding-right: 7%; margin: 7% 0 7% 7%;}
#section3 .S1Area2 { margin: 7%; }
#section3 .S1Area1 dl,#section3 .S1Area2 dl { width:100%; }

#section4>ul>li:nth-child(1),#section4>ul>li:nth-child(2) { width:calc((100% - 3%)/2); }
#section4>ul>li:nth-child(2) {margin-right:0; }
#section4>ul>li:nth-child(3) { width:100%; }
#section4>ul>li:nth-child(3) button { position: relative; bottom: auto; width: 100%;}
}



@media (max-width:768px){/*********************** Tablet ***********************/
	.layer_box .sitemap {width: 50%; }
	.layer_box.layer_sitemap {padding-top: 10vh;}
	.layer_box.layer_sitemap .btn_close {width: 50px; height: 50px;}
	.layer_box.layer_sitemap .btn_close:after{background-size: 50px; width: 50px; height: 50px;}

.mv_sec .item .mv_img { background-position: center; background-image: url('../img/main/Main_1_m.jpg'); }
.mv_sec .mv02 .mv_img { background-image: url('../img/main/section3_2_m.jpg'); }
.mv_sec .mv03 .mv_img { background-image: url('../img/main/slide_ship_m.jpg'); }
.mv_sec .mv04 .mv_img { background-image: url('../img/main/Main_2_m.jpg'); }
.mv_sec .mv05 .mv_img { background-image: url('../img/main/Main_4_m.jpg'); }

.quick .Layer.iconLeft li { padding: 0 1%;}
.quick .Layer.iconLeft li figure { display: block; padding-right: 0; width: 40%; margin: 0 auto;}

#section1 .Prod>li:nth-child(1) h4 { margin-bottom:20px; }
#section1 .Prod>li:nth-child(1)>.Layer { flex-direction: row; width: 50%;}
#section1 .Prod>li:nth-child(1)>.Layer li { width: calc((100% - 2.5%* 2) / 3); }
#section1 .Prod .Layer>li { flex-direction: row;}

#section3>.Layer { background-image: url('../img/main/Funeral_01.jpg'); background-repeat: no-repeat; background-position: left top; background-size: cover;}
#section3>.Layer>li:first-child {display:none; }
#section3>.Layer>li:last-child { opacity: 0.8; margin: 0; }
#section3 .iconLeft { position: relative; width: 100%; margin: 0; top: 0;}
#section3 .iconLeft>li:last-of-type { width: 100%;}

#section4>ul>li:nth-child(2) { display: none;}
.Layer.Mg.M1 li { margin-bottom:3vh; }
section .Layer.Mg li:last-child,section .Layer.Mg { margin-bottom:0; }

#section6 .Layer>li { padding: 28px 40px;}
}



@media (max-width:540px){/*********************** Mobile ***********************/

	.layer_box { max-width:90%;}
	.layer_box.layer_sitemap { padding-top: 8vh;}
	.layer_box .sitemap dt { margin-bottom: 2.6vh; }
	.layer_box .sitemap { margin-bottom:4vh; }
	.layer_box .email_box {height: auto;}
	.layer_box.layer_sitemap .btn_close:after, .layer_box.layer_sitemap .btn_close {width: 50px; height: 50px;}

	.mv_sec .m_txt h3{ letter-spacing: 1px;}
	.mv_sec .owl-dots {top: 90vw; right: 20px;}
	.mv_sec .item:before { content:''; position: absolute; width:100%; height:100%; background:rgba(0,0,0,.3); }

	.news_box { height:60px; line-height:60px;}
    .news_box #slider-div .content {padding-left: 0; max-width:190px;;}
    .news_box #slider-div .content p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

#section2>ul>li:nth-child(1) { width:100%; }
#section2 .S1Area1, #section2 .S1Area2 { width:100%; }

#section3 .LR46>li { flex-direction: column; }
#section3 .S1Area1, #section3 .S1Area2 { flex-direction: row; }
#section3 .S1Area1 { border-bottom: 1px dashed #ccc; padding-right: 0; border-right:0; padding-bottom: 7%; margin: 7% 7% 0 7%; }

#section5 a { flex-direction: row;}
#section5 li dl { padding: 3% 0; }
#section5 i { display: none;}
#section5 .iconTop,#section5 .Layer.Mg.M1>li { margin-bottom:1vh; }
#section5 .Layer.MiconLeft>li figure img { height: 100%; }
}