/* common */

.light-content .dark-section-wrapper + footer .footer-about li>a{color:#fff;}

.align-items-center{align-items:center;}

.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}

.dark-section-wrapper input::selection,.dark-section-wrapper textarea::selection{background:#e50011;}

textarea::-webkit-scrollbar{width:6px;background:transparent;cursor: pointer;}
textarea::-webkit-scrollbar-thumb{background:#e50011;border-radius:3px;cursor:pointer;}

.light-last-color .next-hero-title,.light-last-color .next-hero-subtitle,.light-last-color .next-hero-title:not(.not-arrow)::after,.light-top-color .hero-title,.light-top-color .hero-subtitle,.light-last-color + footer div,.light-last-color + footer a{color:#fff!important;}
.dark-top-color .hero-title,.dark-top-color .hero-subtitle,.dark-last-color .next-hero-title:not(.not-arrow)::after,.dark-last-color .next-hero-title span,.dark-last-color .next-hero-subtitle span,.dark-last-color + footer div,.dark-last-color + footer a{color:#000!important;}
.light-last-color + footer a.link:not(.no-p)::before{background:#fff!important;}
.dark-last-color + footer a.link:not(.no-p)::before{color:#000!important;}
.acc-icon-wrap { opacity: 1; }

.btn-wrap{width:50%;text-align:center;}
.button-flat{padding:1rem 4rem;border:2px solid #404040;background:transparent;font-weight:bold;transition:.6s;color:#404040;}
.button-flat::before{content:'';width:0;height:1200%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background:#404040;transition:.8s ease;display:block;z-index:-1;}
.btn-wrap:last-child .button-flat::before{content:'';width:0;height:1200%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);background:#404040;transition:.8s ease;display:block;z-index:-1;}
.btn{position:relative;overflow:hidden;display:inline-block;}
.button-flat:hover::before,.onlineshop-btn a:hover::before,.contact-btn a:hover::before{width:200% !important;}
.button-flat:hover{color:#fff;font-weight:normal;}
.btn-white { margin: 10px auto; transition: .5s; border: 1px solid #fff; border-radius: 5px; padding: 20px; cursor: pointer; font-size: 1.5rem; }
.btn-yahoo{margin:10px auto;transition:0.5s;border:2px solid red; color: red; font-weight: 600; background: #fff;  border-radius:5px;padding:12px 18px;cursor:pointer;font-size:1rem;}
.btn-normal{margin:10px auto;transition:0.5s;border:2px solid #000;  border-radius:5px; padding:12px 18px;cursor:pointer;font-size:1rem;}
.btn-onamae{margin:10px auto;transition:0.5s; font-weight: 600; background: #ff6f00;  border-radius:5px;padding:20px;cursor:pointer;font-size:1rem;}

.grecaptcha-badge{z-index:2}


.footer-white footer a,.footer-white footer p,.footer-white footer div{color:#fff;}
.footer-bg-white footer{background-color:#fafafa;}

h5.has-animation p{color:#222;margin-bottom:0}
.pro-left-text{display:inline-block;margin:50px 0 20px;}
.pro-right-text{display:inline-block;margin:50px 0 20px 200px;max-width:800px;}

.paginate nav .pagination{display:flex;margin:100px 0 50px 0;text-align:left;font-weight:500;font-size:48px;line-height:70px;}
.paginate nav .pagination{list-style:none;min-width:1vw;}
.paginate nav .pagination li.active{color:#cb2f2f;}
.paginate nav .pagination li a{transition:.4s;}
.paginate nav .pagination li a:hover{opacity:0.7;}
.paginate nav .pagination li{margin:0 5px;}
.paginate nav .pagination li:first-child{margin-right:14px;}
.paginate nav .pagination li:last-child{margin-left:14px;}
.paginate nav{pointer-events:initial;height:auto !important;display:table;margin:0 auto;max-width:820px;padding:0 20px;box-sizing:border-box;background-color:transparent!important;}

.bg-smoke{background:rgb(235,235,235);}
.bg-main{background:#a60000;}
.button-group { text-align: center; margin: 3rem 0; }
.button-group button { padding: 15px 30px; font-weight: bold; font-family: 'Noto Sans JP', sans-serif; font-size: 1.25rem; border: 1px solid #171717; border-radius: 1.5rem; cursor: pointer; opacity: 1; transition: opacity 0.3s ease; }
.button-group button.active { opacity: 1; }
.button-group button:not(.active) { opacity: 0.5; }

.flex-section{display:flex;flex-wrap:wrap;max-width:1020px;margin:0 auto;}

.li-none{list-style:none;}

.lift {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;transform: translateY(0);transition: all .3s ease}
.lift:hover {transform: translateY(-.4rem); box-shadow: 0 .25rem 1.25rem rgba(52, 63, 82, .1)}

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

.contact-area .button-flat,.onlineshop-btn a,.contact-btn a{padding:1rem 4rem;border:2px solid #404040;background:transparent;font-weight:bold;transition:.6s;color:#404040;font-size:1rem;}
.contact-area .button-flat:hover,.onlineshop-btn a:hover,.contact-btn a:hover{color:#fff;font-weight:normal;}
.contact-area .button-flat::before,.onlineshop-btn a::before,.contact-btn a::before{content:'';width:0;height:1200%;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);background:#404040;transition:.5s ease;display:block;z-index:-1;}

.onlineshop-btn a,.contact-btn a{border:0 !important;}

.flex{display:flex;flex-wrap:wrap;justify-content:center;}

.next-hero-subtitle span{font-size:18px;}
.next-project-light-image-wrapper{background-color:#ececec;}

.list-left{float:left;}
.list-right{float:left;}
.list-row{display:flex;flex-wrap:wrap;max-width:820px;padding:14px 0 12px;}
.list-line{width:0%;height:1px;display:block;max-width:960px;background:linear-gradient(to right,#171717,#e9dcdc);opacity:0.6 !important;}

.text-red{color:red !important;}

.m-0{margin:0;}
.mx-0{margin-right:0!important;margin-left:0!important;}

.mb-6{margin-bottom:6px;}
.mb-12{margin-bottom:12px;}
.mb-18{margin-bottom:18px !important;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}

.medium-size{max-width:865px;}

.mt-0{margin-top: 0 !important;}
.mt-1{margin-top:0.25rem !important;}
.mt-2{margin-top:0.5rem !important;}
.mt-3{margin-top:0.75rem !important;}
.mt-4{margin-top:1rem !important;}
.mt-5{margin-top:1.5rem !important;}

.mb-0{ margin-bottom: 0 !important; }
.mb-1{margin-bottom:0.25rem !important;}
.mb-2{margin-bottom:0.5rem !important;}
.mb-3{margin-bottom:0.75rem !important;}
.mb-4{margin-bottom:1rem !important;}
.mb-5{margin-bottom:1.5rem !important;}

.ml-0{margin-left: 0 !important; }
.ml-1{margin-left:0.25rem !important;}
.ml-2{margin-left:0.5rem !important;}
.ml-3{margin-left:0.75rem !important;}
.ml-4{margin-left:1rem !important;}
.ml-5{margin-left:1.5rem !important;}

.mr-0{margin-right: 0 !important; }
.mr-1{margin-right:0.25rem !important;}
.mr-2{margin-right:0.5rem !important;}
.mr-3{margin-right:0.75rem !important;}
.mr-4{margin-right:1rem !important;}
.mr-5{margin-right:1.5rem !important;}

.mt-10{margin-top:10px !important;}
.mt-20{margin-top:20px !important;}
.mt-60{margin-top:60px !important;}

.pt-0{padding-top: 0 !important;}
.pt-1{padding-top:0.25rem !important;}
.pt-2{padding-top:0.5rem !important;}
.pt-3{padding-top:0.75rem !important;}
.pt-4{padding-top:1rem !important;}
.pt-5{padding-top:1.5rem !important;}

.pb-0{padding-bottom: 0 !important; }
.pb-1{padding-bottom:0.25rem !important;}
.pb-2{padding-bottom:0.5rem !important;}
.pb-3{padding-bottom:0.75rem !important;}
.pb-4{padding-bottom:1rem !important;}
.pb-5{padding-bottom:1.5rem !important;}

.pl-0{padding-left: 0 !important;}
.pl-1{padding-left:0.25rem !important;}
.pl-2{padding-left:0.5rem !important;}
.pl-3{padding-left:0.75rem !important;}
.pl-4{padding-left:1rem !important;}
.pl-5{padding-left:1.5rem !important;}

.pr-0{padding-right: 0 !important; }
.pr-1{padding-right:0.25rem !important;}
.pr-2{padding-right:0.5rem !important;}
.pr-3{padding-right:0.75rem !important;}
.pr-4{padding-right:1rem !important;}
.pr-5{padding-right:1.5rem !important;}

.pt-10{padding-top:10px;}

.name-box, .email-box, .pref-box,.group-box,.tel-box{width:47%;float:left;margin-bottom:37px;margin-right:3%;position:relative;}
.number { position: absolute !important; top: -25%; left: -5%; font-size: 8rem; opacity: .125;}
#contactform{display:flex;flex-wrap:wrap;}
.input_label{bottom:0;}
#contactContent{margin-bottom:0;}
.mw-print{max-width:857px;}
.mw-90{max-width:900px;}
.pointer { cursor: pointer; }

.small-text{font-size:0.76rem;}

.black{color:black !important;}
.white,.white p{color:white !important;}
.red {color:#ff0000 !important;}
.dkred {color:#880000 !important;}

h5.white p{font-size:18px;}
.text-bold{font-weight:bold;}
.text-gray{color:gray;}

.shadow-black-1 {text-shadow:#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;}
.shadow-black-2 {text-shadow:#000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;}
.shadow-black-3 {text-shadow:#000 0px 0px 3px, #000 0px 0px 3px, #000 0px 0px 3px, #000 0px 0px 3px, #000 0px 0px 3px, #000 0px 0px 3px;}
.shadow-black-4 {text-shadow:#000 0px 0px 4px, #000 0px 0px 4px, #000 0px 0px 4px, #000 0px 0px 4px, #000 0px 0px 4px, #000 0px 0px 4px;}
.shadow-black-5 {text-shadow:#000 0px 0px 5px, #000 0px 0px 5px, #000 0px 0px 5px, #000 0px 0px 5px, #000 0px 0px 5px, #000 0px 0px 5px;}

.shadow-white-1 {text-shadow:#fff 0px 0px 1px, #fff 0px 0px 1px, #fff 0px 0px 1px, #fff 0px 0px 1px, #fff 0px 0px 1px, #fff 0px 0px 1px;}
.shadow-white-2 {text-shadow:#fff 1px 1px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px;}
.shadow-white-3 {text-shadow:#fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px;}
.shadow-white-4 {text-shadow:#fff 0px 0px 4px, #fff 0px 0px 4px, #fff 0px 0px 4px, #fff 0px 0px 4px, #fff 0px 0px 4px, #fff 0px 0px 4px;}
.shadow-white-5 {text-shadow:#fff 0px 0px 5px, #fff 0px 0px 5px, #fff 0px 0px 5px, #fff 0px 0px 5px, #fff 0px 0px 5px, #fff 0px 0px 5px;}

.stroke-white {color:white !important; -webkit-text-stroke:1px black;}
.stroke-black {color:black !important; -webkit-text-stroke:1px white;}

.next-hero-title.black::after{color:black;}
.pro_list ul{padding-left:26px;}

span.newline{display:inline-block;}

.square-border { border: 2px solid #000; border-radius: 10px; padding: 20px;}
.overflow { overflow: visible !important; }
.overflow .acc-icon-wrap { top: -25px; }
.align-items-flex-start { align-items: flex-start; }
.opacity-1 { opacity: 1; }

.bath_top_thumb { transition: all 1.25s ease-in-out 0s; transform-origin: center center; backface-visibility: hidden;-webkit-transform-origin: center center 1px; 
-webkit-transition: all 1.25s ease-in-out 0s;}
.bath_top_thumb.hovered { transition: none;}
.bath_top_thumb:hover, .bath_top_thumb:hover .new-image { transform: scale(1.2, 1.2); z-index: 100; overflow: visible; transition: 0.5s}
.bath_top_thumb .new-image { display: none; position: absolute; top: 50%; left: 50%;}
.ofuro_saver .justified-gallery{ overflow: visible; }
.bath_top_thumb.rotate90 { transform: rotateY(180deg); transition: transform 0.25s; }
.bath_top_thumb.rotate180 { transform: rotateY(180deg);  transition: transform 0.25s; }
.collage-thumb {  position: relative; transform-style: preserve-3d; transition: transform 1s; transform-origin: center; }

#sticker_type dl span { position: absolute; font-size: 1.25rem; background: red; padding: 10px; border-radius: 50%; text-align: center; width: 90px; height: 90px; color: #ffffff; display: inline-block; line-height: 90px; left: -5%; bottom: -30%; z-index: -1; font-weight: 500;}

/*.tab_sp { transition: transform 0.5s ease-in-out; transform-origin: center center;}
.tab_sp:hover { transform: rotateY(180deg);}*/


@media screen and (max-width: 795px) { 
    #justified-grid2 { display: none; }
    .tab_sp { display: block; }
}

@media screen and (min-width: 796px) {
    .tab_sp { display: none; }
}



.card { width: 1000px; height: 300px; position: relative; transform-style: preserve-3d; transition: transform 1s; transform-origin: center;}
.side { width: 100%; height: 100%; position: absolute; background-size: cover; backface-visibility: hidden; /* 裏面を非表示にするために追加 */}
.front { background-image: url('https://www.sunrise-gogo.co.jp/images/bath_poster/top/kuku.png'); /* 表面の画像を指定 */}
.back { background-image: url('https://www.sunrise-gogo.co.jp/images/bath_poster/top/eigo.png'); /* 裏面の画像を指定 */ transform: rotateY(180deg);}




/* common end */

/* top page */

#product-guide-btn{animation:frombottom 3.6s;border-radius:10px;background:#fff;color:#c30000;font-size:1.5rem;padding:12px 26px 10px;font-weight:bold;transition:0.5s;border: 2px solid #f53737;}
#product-guide-btn:hover{opacity:0.8}

@keyframes frombottom{
  0%{
    opacity:0;
  }
  65%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}

.hero-video-wrapper{height:50%!important;}

.index-icon-wrap{height:75px;}
.service-list a, .service-list p{color:#fff !important;}
.sbouthr{border-top:2px solid rgba(255,255,255,1);}
.button-wrap.right .button-text span{text-align:left;}
.about-more span{width:140px;}
.title-box,.blog-text-box{float:left;width:100%;}
.float_l{margin-bottom:10px;margin-right:15px;float:left;}
.top-item-flex{display:flex;flex-wrap:wrap;margin-bottom:10px;}
.top-item-flex figure{width:25%;}

.top-acccon-wrap a{margin-top:5px;font-size:1.3rem;}
.top-acccon-wrap a::before{background:#fff!important;}

.calendar-news{display:flex;}
.calendar-news h1{font-size:62px;}
.calendar-wrap{width:38%;}
.custom_products { font-size:70px; line-height:80px; }
.news-wrap{width:60%;padding-left:80px;}
.news-dt-wrap{padding:2rem;}
.news-dt-wrap .row{font-size:1.1rem; color:#000;}
.news-dt-wrap .row .col-md-12{padding:13px; margin-bottom:20px; border-bottom:1px solid #999;}

.news-btn{background:#222;color:#fff!important;display:inline-block;padding:11px 16px 11px 7px;margin-top:12px;border-left:9px solid #222;border-right:1px solid #222;transition:.4s;}
.news-btn:hover{cursor:pointer;border-left:9px solid #e50011;}

.month{width:300px;padding:20px;background:#fff;position:relative;overflow:hidden;float:left;height:340px;}
.month h3{text-align:center;margin:-20px -20px 30px -20px;padding:20px 0;background:red;color:#fff;}
.day.today{background:#333;color:#fff;}
.day, .dow, .dummy-day{display:inline-block;width:12.7864%;float:left;text-align:center;margin:0.75%;}
.month .dow:nth-of-type(1){color:#ff5b5b;}
.month .dow:nth-of-type(7){color:#6287f7;}
.dow{font-weight:bold;margin-bottom:10px;}
.day{color:#333;box-shadow:inset 0 0 0 1px #eee;}
.day.holiday{background:#e50011;}
.day,.dummy-day{height:40px;line-height:40px;background:#fff;}
.dummy-day{background:#f5f5f5;color:#ccc;}
#sunCalendar{height:380px;display:flex;width:680px;transition:.4s;}
/*.cal-container{margin-left:12px;}*/
.cal-container.nextView #sunCalendar{transform:translateX(-340px);}
#nextCal,#prevCal{z-index:300;position:relative;transition:.3s;}

#nextCal,.cal-container.nextView #prevCal{color:#555;cursor:pointer;}


.cal-wrap{max-width:340px;overflow:hidden;}
.cal-container.nextView #nextCal,#prevCal{color:#eee;cursor:default;}
.sunHoliday{background:#ffc7cd;}

.top_service_hr { border-top: 1px solid #fff; }
.labo { width: 100%; height: 40vw; }

/* top page end */


/* contact */

.message-box{display:inline-block;float:inherit;margin-top:20px!important;margin-bottom:50px;}
#fileUpBtn{background:#fff;box-shadow:0 0 17px rgba(255,240,240,0.3);border-radius:4px;padding:14px 20px;max-width:840px;cursor:pointer;transition:.4s;}
#fileUpBtn:hover{box-shadow:0 0 32px rgba(255,240,240,0.3);}
#fileUpBtn:hover p{padding-left:14px;opacity:.7;}
#fileUpBtn p{margin-bottom:0;transition:.4s;color:#000;}
#fileUpload{opacity:0;position:absolute;z-index:-50;}
#captcha-zone{margin-bottom:15px;}

#thankyouCover{background:#ececec;position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;transition:.4s;}
.text_err{color:#ff404e;position:absolute;width:100%;left:0;bottom:-43%;}
.attach-data .text_err{bottom:0;margin-bottom:-30px;}

input[type="text"]::placeholder,input[type="email"]::placeholder,#contactContent::placeholder{color:#aaa;}
.name-box,.group-box,.email-box,.tel-box{min-height:53px;}
.contact #hero-styles { height: 75vh; }

/* contact end */


/* about-us */
.company + footer .footer-about li>u>a, .company + footer .button-icon, .company + footer .copyright, .company + footer .socials-wrap, .company + footer a.link, .company + footer .socials li a,.company + footer .button-text{ color:#000; }
.company_info  .bigger, .company_info  .bigger, .company_contact .next-hero-title::after, .company_contact .next-hero-title, .company_contact .next-hero-subtitle{ color:#000; }
.company + footer a.link::before { background:rgba(0,0,0,1); }
.history{padding-bottom:60px;}
.history > .list-row{max-width:960px;}
.history > .list-row .list-left{width:24%;}
.history > .list-row .list-right{width:76%;}

/* about-us end */


/* printing */

.print-history{max-width:910px;}
.print-history ul{margin:42px 8px 27px;font-size:1.25rem; list-style:none;}

.print-slide h4,.print-slide p{color:#fff !important;}
.print-slide p{margin-bottom:0;}
#print-f-title{font-size:14rem;line-height:100%;margin:20px 20px 8px;}
#printhistoryNum{display:flex;align-items:baseline;}

@media only screen and (max-width:767px) {
	#print-f-title{font-size:8rem;}

}
@media only screen and (max-width:650px){
  #printhistoryNum{display:block;text-align: center;}
}
@media only screen and (max-width:567px) {
  .print-history h2{font-size:1.8rem;}

}

/* printing end */

/* news */

.accordion-items{display:none;}
.accordion-items p{opacity:0;transition:.4s;margin-left:5px;}
.accordion-items p.opennow{opacity:1;transition:.4s;margin-left:20px;}
.news-list{display:flex;flex-wrap:wrap;margin-left:4px;}
.news-list li{display:inline-block;color:#999;}
.post-hero #hero-caption{width:100%;padding:220px 20px 100px 20px !important;max-width:820px !important;}
#hero .post-article-wrap{box-sizing:border-box;text-align:left;}
.post-article-wrap{position:relative;opacity:0;transform:translateY(10vh);}
#hero .article-head, #comments .article-head{float:none;}
.article-head{width:auto;position:relative;display:block;padding-top:0px;box-sizing:border-box;left:0;z-index:5;float:none;}
.entry-meta, .entry-meta ul{padding:0;margin:0;position:relative;}
.entry-meta li{display:inline-block;position:relative;margin:0;padding:0;list-style:none;display:inline-block;margin-right:10px;line-height:20px;height:20px;font-size:14px;font-weight:600;}
#hero .entry-date li{font-size:14px;opacity:0.4;}
.light-content .entry-meta li a, .light-content .entry-meta li,.light-content .post-title,.light-content .post-next-title a{color:#fff;}
.blog-minimal .article-content, #hero .article-content{text-align:left;}
.article-content{display:block;position:relative;padding:0;box-sizing:border-box;width:auto;height:auto;max-width:none;text-align:center;transition:opacity 0.1s ease-in-out;}
#hero .post-title{font-size:48px;line-height:70px;font-weight:500;padding:0;margin:0;display:inherit;}
.entry-categories{margin-top:4px;}
#post{width:100%;max-width:1280px;padding:0 60px;margin:0 auto;position:relative;box-sizing:border-box;}
#post .post-image{margin-bottom:40px;display:block;height:auto;width:100%;position:relative;margin-top:40px;opacity:0;transform:translateY(11vh);}
#post .post-image img{width:100%;max-width:100%;height:auto;margin:0 auto;display:table;max-width:740px;}
#post-content{color:#ccc;}
#post-content, .post-meta-data, .post-navigation, .post-comments, .post-form{position:relative;max-width:820px;margin:0 auto;box-sizing:border-box;padding:0 20px;opacity:0;transform:translateY(10vh);}
.post-navigation{margin-top:80px;margin-bottom:80px;max-width:780px;padding:40px 0px;border-top:2px solid #000;border-bottom:2px solid #000;box-sizing:border-box;}
#post-content p{line-height:inherit;}
.wp-block-quote{box-sizing:border-box;overflow-wrap:break-word;}
.page-links{clear:both;}
.post-meta-data{margin-top:30px;margin-bottom:50px;}
.light-content .post-navigation{border-top:2px solid #fff;border-bottom:2px solid #fff;}
.post-next{width:100%;padding-left:0;display:block;float:left;box-sizing:border-box;color:#999;font-size:14px;line-height:24px;text-align:left;font-weight:500;margin-top:4px;position:relative;transition:opacity 0.2s ease-in-out;}
.post-next-title a{font-weight:500;font-size:30px;line-height:48px;display:block;word-wrap:break-word;}
.post-next-title span{display:inline;transition:0.5s ease;word-wrap:anywhere;}

.thumb-info{ font-size:30px;}
.thumb-info span{ font-size:18px;}
.paginate nav{ pointer-events:initial;height:auto !important;display:table;margin:0 auto;max-width:820px;padding:0 20px;width:100%;box-sizing:border-box;background-color:transparent!important;}
.pagination{ display:flex;margin:100px 0 50px 0;text-align:left;font-weight:500;font-size:48px;line-height:70px;}
.pagination li{ list-style:none;min-width:1vw;}
.page-link{ display:inline-block;font-size:48px;font-weight:500;list-style:none;padding:0;padding-right:10px;min-width:2vw;text-align:left;opacity:0.3;}
.active .page-link{ background:transparent;color:#000;opacity:1;}

.list-of-articles .capability-text { display: flex; justify-content: space-around; flex-wrap: wrap;}
.list-of-articles .capability-text > a { display: flex; align-items:stretch; flex-direction: column; height: 80px;}
.list-of-articles .capability-text > p { display: flex; align-items:stretch; flex-direction: column; height: 120px;}
.list-of-articles .card-video-inner { margin-bottom: 0; }


/* news end */


/* design */

.card-video-inner{border-radius:4px;display:flex;flex-direction:column;height:0;justify-content:center;margin-bottom:20px;overflow:hidden;padding-bottom:74%;position:relative}
.card-video-inner video{pointer-events:none;width:100%}
.card-video-inner.active img{opacity:0}
.card-video-inner img,.card-video-inner video{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);z-index:-1}
.design-capability-item .item-image{display:inline;}
.works .item { height:auto!important; }

@media only screen and (max-width:450px){
  .design_cp h1 { font-size:30px; }
  .works .item{padding:0}

}

/* design end */


/* web site */

.slide-caption{color:#eee;font-weight:bold;}
.question-button{display:flex;justify-content:center;align-items:center;margin-bottom:24px;}
.new-production,.renewal,.faq_all_show{width:260px;border:1px solid black;border-radius:5px;background:transparent;padding:12px 18px;cursor:pointer;font-size:1rem;}

.question{margin:10px auto;transition:0.5s;border:2px solid black;border-radius:5px;padding:12px 18px;cursor:pointer;font-size:1rem; font-weight: bold;}
.question:hover{border-left:1px solid #e50011;opacity:0.9;}
.question p,.answer p{font-size:1rem;margin:0;color:#222;}
.answer,.np-answer{display:none;text-align:left;padding:10px 6px 6px 12px;}

.achievement-wrapper img{box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.slideImgWrap{position:relative;}
.swiper-slide .slideImgWrap p{position:absolute;z-index:100;opacity:0;bottom:26px;right:1%;left:1%;margin:auto;padding-top:15px;width:90%;height:45px;background:rgba(40,40,40,0.8);transition:.5s;}
.swiper-slide .slideImgWrap p a{color:#fff;}
.swiper-slide.swiper-slide-active .slideImgWrap p{opacity:1;}

.contact-cp{color:#000 !important;transition:all 3s ease-in-out;}
.contact-cp:hover{color:#a60000 !important;transition:all 1.5s ease-in-out,visibility 1ms;}
.pref-box{position:relative;width:47%;}
.pref-box:before{content:"";position:absolute;top:65%;right:10px;border-top:8px solid #000;border-bottom:6px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;}
#contactForm select{min-width:365px;height:50px;background:#ececec;border:0;border-bottom:1px solid rgba(0,0,0,0.1);padding:12px 20px 12px 0px;appearance:none;transition:.5s;}
#contactForm select:focus-visible{outline:0;}
#contactForm select option{transition:.5s;background:#ececec;border:0;padding:5px;}
#contactForm select option:hover{color:#fff;background:#e60000;}
.approach p{color:#000;}
.capability-list{display:flex;flex-wrap:wrap;min-height:30vh;}
.capability-item{margin-top:30px; margin-bottom:30px; width:30%;padding:0 calc(10%/6);}
.must{position:absolute;left:-1%;bottom:75%;color:#fff;background:#e50011;font-size:11px;content:"必須";padding:2px 5px;}
.sub-heading{width:max-content;padding-right:20px;text-transform:uppercase;letter-spacing:3px;font-size:14px;font-weight:400;border-bottom:1px solid #000;}
.pro_rec .sub-heading { margin-bottom:10px; display:inline-block;width:200px; padding-right:0;}
/*.pro_plan ul { min-height:100px; }*/
/*.pro_plan .item { height:auto; margin-bottom:50px !important;}*/
.cms .poi_eve { filter: drop-shadow(2px 4px 6px #999);}
.pro_plan .item-parallax { position:inherit; height:auto;}
.pro_plan .hero-video-wrapper video.bgvid { width:100%; position:inherit; }
.pro_plan .poi_eve:hover{ pointer-events:active; }
.pro_plan .poi_eve:active{ pointer-events:none; }
.cost { text-align:right; font-size:1.4rem; color:#000; font-weight:500; }
.capability-text { display:flex; flex-direction:column; }

.plan_name { font-size: 1.5rem; margin: 25px 0 10px;}
.web-shadow .hero-title,.web-shadow .hero-subtitle,.web-shadow .next-hero-title,.web-shadow .next-hero-subtitle{filter:drop-shadow(0 0 10px rgba(0,0,0,10%));}


.pro_plan_wrap { display: flex; justify-content: space-around; flex-wrap: wrap;}
.pro_plan_wrap .item { height: auto; }
.pro_plan_wrap > div:not(.reverse) { display: flex; align-items:stretch; flex-direction: column; }
.pro_plan_wrap > div > div:nth-of-type(2) {   margin: 8px 0;  }
.pro_plan_wrap > div > div:nth-of-type(3) {   flex-grow: 1; margin-bottom: 25px;}
.pro_plan_wrap > div > div:nth-of-type(4) {   height: 80px;  }
.pro_plan_wrap > div > div:nth-of-type(5) {   margin: 30px 0;  }





/* web site end */

/* blog */
.page-item.active span{color:#ad0000;}
.pagination-nav nav{display:inline-block;}
.pagination-nav a{pointer-events:all!important;}
ul.pagination{display:flex;list-style:none;}
ul.pagination li{padding:1px 2px;margin:0 4px;font-size:2rem;}
.blog-logo{margin-bottom:100px;}
.w-3{width:30%;}
.w-7{width:70%;}
.blog-item .w-7{padding:20px 30px;box-sizing:border-box;}
.blog-text p{color:black;}
.blog-item{display:flex;flex-wrap:wrap;margin:22px 0;}
.blog-item p{color:black;padding-left:4px;}
.blog-img-wrap{display:inline-block;margin-top:6px;}
.blog-img-wrap img{box-shadow:1px 1px 0 black, 2px 2px 0 black, -1px -1px 0 black, -2px -2px 0 black,1px -1px 0 black,2px -2px 0 black,-1px 1px 0 black,-2px 2px 0 black;}
.post-title{margin-bottom:10px;}
.blog-wrap .blog-main-wrapper{max-width:1160px;width:auto;margin:auto;}
.blog-wrap .blog-sidebar-wrapper{width:auto;}
.post-inner{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:48px 24px;}
.borderwidth1{border-width:1px!important;}

/* blog end */


/* product */


.price-table{max-width:1000px}
.price-table tr th:not(:first-child){width:170px}
.itemswrap{display:flex;flex-wrap:wrap;padding:30px;}
.pro-item{width:calc(100% / 6);padding:10px;box-sizing:border-box;}

/* product end */

/* package */
.blur { transition :all 0.5s; }
.blur:hover { -ms-filter:blur(4px); filter:blur(4px);transition :all 0.5s;}
.blur:hover + .cpname {  opacity:1 ; transition :all 0.5s;}
.cpname { display:block; opacity:0;transition :all 0.5s; }
.dsn-pagination svg g{stroke:#000;}
.mask-bg{width:60%;right:auto;background-color:#dbdbdb;}
.our-work{--gutter:30px;position:relative;}
.our-work .section-title strong{transition:0.5s;}
.our-work .container-fluid{padding:80px 0;position:relative;}
.our-work .our-work-slider .swiper-slide{width:80%;height:600px;max-height:600px;position:relative;display:flex;align-items:center;}
.our-work .our-work-slider .swiper-slide .link{position:absolute;width:100%;height:100%;z-index:2;}
.our-work .our-work-slider .swiper-slide .box-img{width:100%;height:100%;overflow:hidden;}
.our-work .our-work-slider .swiper-slide .text-holder{box-sizing:border-box;direction:ltr;background-color:#f9f9f9;position:absolute;height:auto;bottom:0;left:-1px;right:-1px;padding:28px 40px;transform:translateY(100%);transition:0.5s cubic-bezier(0.26, 0.53, 0.58, 1);overflow:hidden;}
.our-work .our-work-slider .swiper-slide .text-holder .text-wrapper{position:relative;height:100%;width:100%;transition:0.5s cubic-bezier(0.21, 0.53, 0.58, 1);transform:translateY(-200%);}
.our-work .our-work-slider .swiper-slide .text-holder .text-wrapper .title-block{margin:0;transform:translateY(-35px);transition:opacity cubic-bezier(0.4, 0, 0.2, 1) 1s;transition:transform cubic-bezier(0.4, 0, 0.2, 1) 0.5s,opacity cubic-bezier(0.4, 0, 0.2, 1) 1s;}
.our-work .our-work-slider .swiper-slide.swiper-slide-active .text-holder,.our-work .our-work-slider .swiper-slide.swiper-slide-active .text-wrapper,.our-work .our-work-slider .swiper-slide.swiper-slide-active .text-wrapper .title-block{transform:translateY(0);}
.our-work .slider-button-next{top:auto;right:auto;left:150px;}
.our-work .slider-button-prev,.our-work .slider-button-next{top:auto;right:auto;left:0;width:90px;height:90px;border-radius:100%;cursor:pointer;display:inline-block;position:relative;vertical-align:top;transform-origin:center;transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.our-work-paginate-btn{content:"";margin:auto;top:0;right:0;bottom:0;left:0;position:absolute;width:28px;height:23px;transform-origin:center;z-index:2;}
.our-work .slider-button-prev.slider-button-prev,.our-work .slider-button-next.slider-button-prev{transform:rotate(-180deg)!important;}
.our-work .slider-button-prev.slider-button-next,.our-work .slider-button-next.slider-button-next{left:-15px;}
.our-work .box-info{position:relative;padding:0 60px;}
.our-work .box-info p{margin-bottom:30px;color:#000;}
.our-work .box-info .dsn-pagination{height:auto;}
.package_results { display:flex; justify-content:space-around; height:100%;}
.result_1,.result_3 { align-self:flex-end; }
.result_2,.result_4 { align-self:flex-start; margin-bottom:15rem; }
.result_1,.result_4 { width:19vw; }
.result_2 { width:27vw; }
.result_3 { width:23vw; }
.result_item { width:100%; height:100%; border-radius:50%; overflow:hidden; display:inline-block; vertical-align:top;}
.result_item img {background-position:center; width:100%; height:100%; display:inherit;}
.snap-start { display:grid; grid-template-columns:1fr; }
.start-1 { grid-row:2 / 3; grid-column:1 / 2;}
.start-2 { grid-row:3 / 3; grid-column:1 / 2;}
.start-3 { grid-row:1 / 2; grid-column:1 / 2; display:flex; flex-direction:column; justify-content:space-between; padding:6.5rem 5rem; background:#fff;}
.to_package, .to_clear_package { border:1px solid #000; border-radius: 10px; padding: 15px; }

/* package end */

/* 診察券  */

.show_ptable{width:200px;height:30px;background:#333;text-align:center;padding:18px 20px;font-size:1.1rem;line-height:2.1rem;color:#fff;cursor:pointer;margin:3rem auto 5rem;transition:.4s;}
.show_ptable:hover{width:180px;opacity:.8;}
#ptableOverlay{width:0;height:100%;left:0;top:0;position:absolute;background:rgba(0,0,0,0.2);transition:.4s;z-index:100;}
#ptableOverlay.open{width:100%;}
#table-wrap{left:150vw;right:1px;top:20vh;width:80%;max-width:920px;box-sizing:border-box;margin:auto;transition:.6s;background:#fff;padding:40px;position:fixed;z-index:101;}
#table-wrap.open{left:1px;}
#table-wrap table{min-width:740px;border-collapse:collapse;}
#table-wrap th,#table-wrap td{padding:10px 12px;text-align:right;}
#table-wrap th:first-child{width:12%;}
#table-wrap th:not(:first-child){width:calc(100% / 6);}
.close_ptable{font-size:2rem;position:absolute;top:34px;right:34px;cursor:pointer;display:inline-block;}
.table-inner{width:100%;}
.shinsatsu_content{display:flex;flex-wrap:wrap;}
.shinsatsu_content .content_inner{width:calc(100% / 3);margin-bottom:24px;padding:10px;box-sizing:border-box;}

@media only screen and (max-width:991px){
    .table-inner{overflow-x:scroll;}
}
@media only screen and (max-width:767px){
    .content_inner{width:100%;}
}

@media only screen and (max-width:467px){
    #table-wrap{width:94%;padding:5%;}
}

/**/

/* option */

.opt-wrap h3{margin-bottom:8px;}

/* option end */


/* recruit */

.recruit > h2.big-title{font-size:5rem;}
.recruitment_type hr{max-width:980px;margin-bottom:10px;height:1px;background:linear-gradient(to right,#171717,#eee);opacity:0.6 !important;}
.re-two-halfs-right{padding-left:calc(50vw - 490px);padding-right:calc(50vw - 490px);}

/* recruit end */

/* shop_policy */

.sctl .list-row{margin-bottom:10px !important;display:flex;flex-wrap:wrap;max-width:820px;}
.sctl hr{max-width:980px;margin-bottom:10px;height:1px;background:linear-gradient(to right,#171717,#eee);opacity:0.6 !important;}
.type_name{margin-bottom:30px;font-weight:600;}
.box_block img{width:30% !important;margin-right:7px;}
.gmo{color:#222;font-weight:bold;}
.gmo:hover{color:rgb(195,0,0);}
.return{border-top:2px dotted #222;background:none !important;}
.sp-two-halfs-right{padding-left:calc(50vw - 490px);padding-right:calc(50vw - 490px);}

/* shop_policy end */


/* copyright */

.caution{margin-left:30px; margin-bottom:30px;}
.cr-two-halfs-right{padding-left:calc(50vw - 490px);padding-right:calc(50vw - 490px);}
.copyright-container{position:relative;top:25px;height:30px;overflow:hidden;font-size:12px;font-weight:500;line-height:30px;pointer-events:initial;display:table;width:100%;padding:0 20px;box-sizing:border-box;margin:0 auto;}
.copyright-container p{color:#222;}
.copyright-container hr{max-width:980px;margin-bottom:10px;height:1px;background:linear-gradient(to right,#171717,#eee);opacity:.6 !important;}
.copyright-container h4{position:relative;padding:1rem 1rem;margin-bottom:30px;font-weight:bold;}
.copyright-container h4:after{position:absolute;bottom:0;left:0;width:100%;height:10px;content:'';background-image:repeating-linear-gradient(-45deg,#000,#000 1px,transparent 2px,transparent 5px);background-size:7px 7px;backface-visibility:hidden;}
.copyright-container h5{margin-top:20px;margin-bottom:20px;}
.copyright-container .row h5 { display:initial; }
.cr-text-indent{text-indent:-1em;padding-left:2rem;color:#222;}

/* copyright end */

/* trump */

#design_no{display:none;}
.img-ud-wrap{overflow:hidden;max-height:200px}
.img-ud-wrap figure{margin-top:-240px;filter:grayscale(0.7);}
.img-ud-wrap figure img{height:auto;}

/* trump */

/* ai */
#aiEx1,#aiEx2,#aiEx3{position:relative;width:30%;margin:calc(10% / 6);}
.four_wrap{flex-wrap:wrap;display:flex;}
.four_time{width:50%;padding:8px 12px 20px;box-sizing:border-box;}

/* ai */

/* privacy-policy */

.ul_num{list-style-type:decimal;padding-left:40px !important;}
.ul_num .ul_num{list-style-type:lower-alpha;}
.ul_num .ul_num .ul_num{list-style-type:upper-roman;}
.pp-two-halfs-right{padding-left:calc(50vw - 490px);padding-right:calc(50vw - 490px);}
.privacypolicy p{color:#222;}

/* privacy-policy end */

/* about-data-submission */

.data_box{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.data_box p{line-height:15px;margin-top:20px;}
.db_text{color:#222;padding-left:15px;}
.db_img img{max-width:100% !important;}
.submission hr{max-width:980px;border-bottom:2px dotted ;margin-bottom:50px;}
.arrow{width:10%;color:#222;font-size:30px;text-align:center;line-height:260px;}
.ads-two-halfs-right{padding-left:calc(50vw - 490px);padding-right:calc(50vw - 490px);}
.data_box .mt-20{margin-top:20px;color:#222;}
.submission_before{position:relative;padding:1rem 1rem;margin-bottom:30px;font-weight:bold;}
.submission_before:after{position:absolute;bottom:0;left:0;width:100%;height:10px;content:'';background-image:repeating-linear-gradient(-45deg,#000,#000 1px,transparent 2px,transparent 5px);background-size:7px 7px;backface-visibility:hidden;}

/* about-data-submission end */


/* footer */

.footer_red + footer, .dark-section-wrapper + footer, .footer_normal + footer { height:450px; }
.footer_red + footer #footer-container, .dark-section-wrapper + footer #footer-container, .footer_normal + footer #footer-container {height:440px;}
.footer_none + footer .site-info-box { display:none; }

.footer-below{display:flex;flex-wrap:wrap;margin-bottom:10px;}
.footer_below_left{text-align:left;}
.footer_below_right{margin-left:auto;}
.footer_name{font-size:1.2rem;}
.footer_meta{line-height:2;margin-top:15px;}
.footer_links{display:flex;flex:1;flex-flow:row nowrap;justify-content:flex-end;margin-top:45px;}
.footer_link{margin:0 2.15%;white-space:nowrap;line-height:30px;}
.light-content #footer-container{color:#fff;}
.showcase + footer { height:140px; }
.showcase + footer #footer-container { height:80px; }

.site-info-box { width:1020px; margin:0 auto; text-align:left;}
.site-info-box:after { content:""; display:block; clear:both;}
.site-info-box ul { list-style:none; margin:0;}
.footer-about { font-size:12px; position:relative; padding-top:40px;}
.footer-about:after { content:""; display:block; clear:both;}
.footer-about img { position:absolute; bottom:13px; right:0;}
.footer-about p { display:none;}
.footer-about ul { display:block; float:left; padding-bottom:40px;}
.footer-about li { margin-bottom:0;}
.footer-about u { text-decoration:none;}
.footer-about li>u>a { display:block; margin-top:10px; margin-bottom:15px; font-size:18px;font-weight:bold; position:relative; padding-left:25px;}
.footer-about li>u>a:before { content:""; font-size:14px; position:absolute; top:50%; left:4px; margin-top:-0.5em; display:block; width:1em; height:1em; background:url("/images/icon_arrow_white.png") no-repeat center center; background-size:contain;}
.footer_red+footer .footer-about li>u>a:before,
.dark-section-wrapper+footer .footer-about li>u>a:before { background:url("/images/icon_arrow_red.png") no-repeat center center; background-size:contain;}
.footer-about li>a { display:block; font-size:12px; color:#000; margin-bottom:5px; position:relative; padding-left:25px;}
.footer-about li>a:before { content:""; position:absolute; top:50%; left:4px; margin-top:-3px; margin-left:3px; display:block; width:5px; height:5px; border-top:1px solid #000; border-left:1px solid #000; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg);transform:rotate(135deg);}
.footer_red+footer .footer-about li>a { color:#fff;}
.footer_red+footer .footer-about li>a:before,
.dark-section-wrapper+footer .footer-about li>a:before { border-top:1px solid #fff; border-left:1px solid #fff;}
#footer-about-1 ul:nth-child(9) { position:absolute; bottom:0px; left:0;}
#footer-about-1 ul:nth-child(11) { position:absolute; bottom:0px; left:25%;}
#footer-about-2,
.dark-section-wrapper+footer #footer-about-1 { border-top:1px solid #d5dcdf;}
#footer-about-2 ul { padding-right:20px; padding-bottom:23px;}
#footer-about-2 li>u>a { font-weight:normal;}
#footer-about-3 ul { float:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-bottom:5px;}
#footer-about-3 li+li { margin-left:13px;}
#footer-about-3 li a { display:inline-block; min-width:68px; min-height:26px; border:1px #000 solid; border-radius:2px; padding:4px 13px 4px 35px; margin-bottom:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#footer-about-3 li>a:before,
#footer-about-3 li>a[target="_blank"]:after { content:none;}
#footer-about-3 ul li a:hover { text-decoration:none; opacity:0.6;}

/* footer end */


/** other **/

.light-content .accordion{border-bottom:none;border-top:none;}
.sl-subtitle{top:55px;}

/** other end **/

/* responsive */
@media only screen and (max-width:1466px){
  #post{max-width:820px;padding:0px;}
  .post-navigation{padding:30px 0;}

  .img-ud-wrap{overflow:hidden;max-height:120px}
	.showcase + footer { height:120px; }
    

}

@media screen and (max-width:1300px){
  #main .button-wrap.right{margin-bottom:30px;}
  .our-work .our-work-slider{padding-top:40px;}
  .our-work  .mask-bg,.our-work .box-info .dsn-pagination{display:none;}
  .our-work .our-work-slider .swiper-slide{flex-direction:column;}
  .our-work .our-work-slider .swiper-slide{width:100%;}
  .our-work .our-work-slider .swiper-slide .text-holder{position:relative;width:100%;background-color:#f8f8f8;}
  .our-work .box-info{padding-top:40px;}
  .order-1{order:1;}
  .container-fluid{padding-top:0 !important;}
  .sm-dsn-container{max-width:100%;padding-right:40px;padding-left:40px;}
  .sl-subtitle{font-size:1.05rem;}
}

@media only screen and (max-width:1220px){
	.footer_red + footer .copyright, .dark-section-wrapper + footer .copyright, .footer_normal + footer .copyright { text-align:center; }
}

@media only screen and (max-width:1080px){
	.calendar-wrap{width:100%;text-align:center;}
	.news-wrap{width:100%;padding-left:0; text-align:center;}
	.calendar-news{flex-wrap:wrap; flex-direction:column-reverse;}
	.news-dt-wrap .row { max-width:500px;  margin:0 auto; text-align:left; margin-bottom:1rem;}
	.news-btn { margin-bottom:3rem; }
}

@media screen and (max-width:1024px){
	.custom_products { font-size:45px; line-height:55px; }
	.img-ud-wrap figure{margin-top:-100px;}
  .slide-list:last-child{padding-bottom:20px;}
  .acc-icon-wrap{height:50px;}
  .arrow{display:none;}
  .blog-contact_box{flex-wrap:wrap;justify-content:center;}
  .blog-contact_block{width:100%;margin:0 20px 20px;}
  .db_img{width:100%!important;margin-bottom:20px;}
  .db_text{width:100%!important;padding-left:0;}
  .mt-20,.socials{margin-top:0;}
  .sl-title{line-height:70px;}
  .sl-subtitle{top:0%;}
  .footer-below{display:initial;}
  .footer_links{flex-direction:row;flex-wrap:wrap;margin-top:10px;justify-content:center;}
  .footer_below_left{text-align:center;}
  .blog-wrap{flex-direction:column-reverse;}
  .blog-main-wrapper{width:100%;}
  .our-work.dsn-swiper .col-lg-4,.our-work.dsn-swiper .col-lg-8{width:100%!important;max-width:100%;}
  .blog-card img{opacity:.3;}
  .blog-card:hover img{opacity:.4;}
  #post{padding:0 40px;}
  .post-hero #hero-caption{padding:200px 40px 80px 40px;}
  #hero .post-article-wrap{padding:0;box-sizing:border-box;}
  .showcase + footer #footer-container { height:70px; }
  .labo { height: 70vw; }
  .overflow .acc-icon-wrap { top: -10px; }
  
}

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


    #footer-about-1 ul li:nth-child(n+2),
    #footer-about-2 ul li {
        display:inline-block;
    }

    #footer-about-2 ul {
        padding-right:0;
    }

    .site-info-box {
        width:calc(100% + 1px);
    }

    .footer-about ul:not(:last-child),
    #footer-about-2 ul {
        padding-bottom:30px;
    }

    .footer_red + footer, .dark-section-wrapper + footer, .footer_normal + footer { height: 480px; }
    .footer_red + footer #footer-container, .dark-section-wrapper + footer #footer-container, .footer_normal + footer #footer-container { height: 470px; }

}

@media screen and (max-width:768px){
  textarea{margin-top:0!important;}
  .message-box{margin-top:0!important;}
    .result_2, .result_4 { margin-bottom:5rem; }
  form input[type=text],form input[type=email],form select,textarea{margin-top:10px;}
  .concept{padding:auto 20px;}
  .sub-title{margin-bottom:12px;}
  /*.production-flow li{padding:2em 1.5em;}
  .production-flow li dl dt{display:table;}*/
  .capability-item:hover .capability-video,.capability-item:hover .capability-img{opacity:1;transform:scale(1,1);transition:1.5s ease-in-out;}
  .pref-box,.processing_name_wrap .animated{width:100%;}
  #contactForm select{width:100%;}
  .capability-item, .design-capability-item{width:100%;margin-bottom:20px;}
  .our-work .our-work-slider .swiper-slide .box-img{height:auto;}
  .cover-bg-img{max-height:360px;}
  .our-work .our-work-slider .swiper-slide{height:auto;}
  .top-item-flex figure{width:50%;}
  #post{padding:0 30px;}
  .post-hero #hero-caption{padding:180px 30px 60px 30px;}
  .hellohello textarea{height:65px;}

  #aiEx1,#aiEx2,#aiEx3{width:90%;max-width:500px;margin:20px auto;}
  #aiEx1::before{transform:rotate(180deg);width:140px;bottom:-70px;top:auto;left:10%;right:10%;}
  #aiEx1::after{transform:rotate(180deg);width:140px;bottom:-110px;top:auto;left:10%;right:10%;}

  .footer_red + footer, .dark-section-wrapper + footer, .footer_normal + footer { height:430px; }
  .footer_red + footer #footer-container,.dark-section-wrapper + footer #footer-container, .footer_normal + footer #footer-container { height:420px; }
  .footer_red + footer .copyright, .dark-section-wrapper + footer .copyright, .footer_normal + footer .copyright { top:395px; }
  .footer_red + footer .footer-middle, .dark-section-wrapper + footer .footer-middle, .footer_normal + footer .footer-middle { top:0px; }

    .footer-about ul:not(:last-child),
    #footer-about-2 ul { padding-bottom:10px; }

}

@media screen and (max-width:767px){
  .footer_red + footer, .dark-section-wrapper + footer, .footer_normal + footer { height:440px; }
  .footer_red + footer #footer-container, .dark-section-wrapper + footer #footer-container, .footer_normal + footer #footer-container { height:430px; }
  .footer_red + footer .copyright, .dark-section-wrapper + footer .copyright, .footer_normal + footer .copyright { top:360px; }
  .footer_red + footer .socials-wrap, .dark-section-wrapper + footer .socials-wrap, .footer_normal + footer .socials-wrap { top:-35px; }
  .reverse { display: flex; flex-direction: column-reverse !important; }
  .all_img { display: none !important; }
  #popularList .item-appear p, #ideaList .item-appear p, #allList .item-appear p { margin: 0; min-height: 56px;}
  #popularList div, #ideaList div { width: 45% !important; margin-right: 15px !important;}
  #allList div { width: 50% !important; }
}

@media screen and (max-width:766px){
.footer_red + footer, .dark-section-wrapper + footer, .footer_normal + footer { height:610px; }
.footer_red + footer #footer-container, .dark-section-wrapper + footer #footer-container, .footer_normal + footer #footer-container { height:600px; }
.footer_red + footer .copyright, .dark-section-wrapper + footer .copyright, .footer_normal + footer .copyright { top:570px; }
.footer_red + footer .socials-wrap, .dark-section-wrapper + footer .socials-wrap, .footer_normal + footer .socials-wrap { top:-35px; }
 .reverse { display: flex; flex-direction: column-reverse !important; }
}

@media screen and (max-width:578px){
  .footer_red + footer, .dark-section-wrapper + footer, .footer_normal + footer { height:660px; }
  .footer_red + footer #footer-container, .dark-section-wrapper + footer #footer-container, .footer_normal + footer #footer-container { height:650px; }
  .footer_red + footer .copyright, .dark-section-wrapper + footer .copyright, .footer_normal + footer .copyright { top:572px; }

}

@media screen and (max-width:576px){
  .pro-right-text{margin-left:0;}
	.img-ud-wrap{max-height:100px}
	.img-ud-wrap figure{margin-top:-50px;}
	.img-ud-wrap figure img{height:30%;}
	#sunCalendar{width:620px;}
	.cal-container.nextView #sunCalendar{transform:translateX(-310px) }
	.cal-wrap{max-width:310px;}
	.month{width:270px;}
  .top-acc{font-size:26px;}
  .item-search:hover + .search-area, .search-area:hover{width:100%!important;}
  .question{width:auto;margin:10px 24px;}
  #typetitle{line-height:82px;font-size:62px;}
  .accordion dt span{width:100%;}
  .box_block{width:100%;}
  .caution{margin:17px;}
  .cr-text-indent{padding-left:0;}
  .float_l{width:100%;}
  .greeting{max-width:98%;}
  .grid{display:grid;}
  .list-left{width:100% !important;font-weight:bold;}
  .list-right{width:100%;padding-left:8px;}
  .row h5{margin:0 17px 30px 17px;}
  .ul_num{padding-left:30px !important;margin:0;}
  /*.production-box{display:block;}
  .production-flow li dl{display:block;}*/
  .p-box_left,.p-box_right{max-width:100%;}
  .capability-item{width:90%;padding:0 5%;}
  .slide-box{height:240px;}
  .top-item-flex figure{width:100%;}
  .control-btn{width:11px;height:11px;}
  .img_box{display:flex;flex-wrap:wrap;}
  .search-icon{height:80px;width:80px;margin-right:10px;}
  #item-search-box{font-size:1em;margin-top:-16px;}
  .socials{margin-top:0;}
  
  .flexnav li a{font-size:35px;}
  .recruitment_type .big-title{display:none;}
  .blog-card img{width:140%;margin-bottom:-50px!important;}
  .mb-left-change{left:300px!important;opacity:1!important;}

  .footer_red + footer .copyright, .dark-section-wrapper + footer .copyright, .footer_normal + footer .copyright { top:572px; }

}

@media (max-width:575px) {
  .footer_red + footer, .dark-section-wrapper + footer, .footer_normal + footer { height: 680px;  }
  .footer_red + footer #footer-container, .dark-section-wrapper + footer #footer-container, .footer_normal + footer #footer-container { height: 670px; }
  .footer_red + footer .copyright, .dark-section-wrapper + footer .copyright, .footer_normal + footer .copyright { top:625px; }
  .no_style .hero-title { line-height:60px; font-size: 50px; }
}

@media (max-width:534px) {
  .footer_red + footer .copyright, .dark-section-wrapper + footer .copyright, .footer_normal + footer .copyright { top: 652px; }
}

@media (max-width:525px) {
  .start-3 { padding:2rem 3rem;}
  .right-view{background-position:76%!important;}
}

@media only screen and (max-width:479px){
	#main-page-content{padding:0 15px;}
  .attach-data{padding:30px 6px 26px;}
  #post{padding:0 15px;}
  .post-hero #hero-caption{padding:140px 20px 30px 20px;}
  .next-hero-subtitle span{font-size:14px;}
  .site-info-box {
        width:calc(80% + 1px);
    }
  .footer_red + footer, .dark-section-wrapper + footer, .footer_normal + footer { height:690px; }
  .footer_red + footer #footer-container, .dark-section-wrapper + footer #footer-container, .footer_normal + footer #footer-container { height:680px; }
  .footer_red + footer .copyright, .dark-section-wrapper + footer .copyright, .footer_normal + footer .copyright { top:650px; text-align:right;}

}

@media only screen and (max-width:384px){
  .footer_red + footer .copyright, .dark-section-wrapper + footer .copyright, .footer_normal + footer .copyright { top:654px;}

}

@media (min-width:1024px){
	.order-lg-2{order:2;}
  .item-img-only-sp{display:none;}
  .accordion dt{font-size:46px;letter-spacing:1px;}
  .service-list h2{font-size:48px;text-align:center;}
  .snap-start { grid-template-columns:1fr 1fr; }
  .start-1 { grid-row:1 / 3; grid-column:1 / 2;}
  .start-2 { grid-row:1 / 2; grid-column:2 / 3;}
  .start-3 { grid-row:2 / 3; grid-column:2 / 3;}
  .sm-mb-title p{min-height:132px;}
  /*.next-caption-wrapper{margin-bottom:-300px;}*/
  .card-video-inner .loaded+img,.card-video-inner .loaded+picture{opacity:0}
}

@media screen and (min-width:768px){
	.processing_name_wrap .animated{width:50%;}
  .grid-md-3{grid-template-columns:repeat(3,1fr);}
  .design-capability-item{margin-top:30px;width:30.5%;}
  .input-box{width:46%;position:relative;margin-bottom:36px;}
}

@media screen and (min-width:600px){
  .box_block{width:60%;}
  .list-left{width:38%;}
  .list-right{width:62%;}
  .mobile-break{display:none;}
}