@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

body{font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size:16px; color:#363738; background-color:#f8f4ed; margin:0px; padding:0px; line-height: 175%;}

html,body{overflow-x: hidden;}

html{scroll-padding-top: 80px;}
*{position:relative; box-sizing: border-box;}
label{display:block;}
img{width:100%; display: table}
a{color:#363738; text-decoration:none}
a:hover{color:#363738; text-decoration:none}
ul,ol{margin:0px; padding:0px;}
ul li, ol li{list-style-type:none;}
figure{margin:0px;}
p{margin:20px 0px 0px}
p:first-child{margin-top:0px;}







.container,
.container-lb,
.container-sm,
.container-fluid{width:100%; padding:0px 30px; margin:0px auto;}

.font-montserrat{font-family: "Montserrat", sans-serif;}

.text-center{text-align: center}
.text-green{color:#20783F}

.bg-light-yellow{background-color:#f4e4be !important}

.blankcontent{height:1500px}

section{padding:100px 0px;}
section.nopad{padding:0px;}

.header-outer{position: absolute; top:0px; padding:30px 0px; width: 100%; z-index:2; background-color:#f8f4ed;}
.header-outer .header{display: flex; justify-content: space-between; align-items: center; line-height: 120%;}
.header-outer .header .logo{}

.header-outer .header .logo .logo-full{max-width:249px; display: block}
.header-outer .header .logo .logo-mob-menu,
.header-outer .header .logo .logo-small{max-width:70px; display: none; }

.header-outer .header .top-navigation ul li{padding:0px 20px;}
.header-outer .header .top-navigation ul li a.toplink{word-break: keep-all; font-weight: 500; padding-bottom:3px; font-size:15px; color:#404040;}
.header-outer .header .top-navigation ul li.submenu a.toplink:after{width:8px; height:5px; position: absolute; content:''; right:-15px; top:calc(50% - 5px/2); background-image:url('../images/icon1.png'); background-size: 100% 100%;}



.megamenu{display:none}


.banner{position: fixed; right:20px; bottom:20px; z-index: 9; display: none;}
.banner img{width:40px;}


.header-outer.sticky{position: fixed; width:100%; top:0px;  z-index:2; padding: 12px 0px;}

.header-outer.sticky .header .logo .logo-full{display: none}
.header-outer.sticky .header .logo .logo-small{display: block;}

.page-header{padding-bottom: 45px; border-bottom:1px #ddd solid}



.bottom-links .group-buttons{margin-bottom:40px}

.breadcrumb{font-size:12px; line-height: 120%;}
.breadcrumb .brctop{font-size:14px;}
.breadcrumb a{border-bottom: 1px #666 solid; margin-right: 20px; color: #666; }
.breadcrumb a:after{width: 5px; height: 8px; position: absolute; content: ''; right: -14px; top: calc(50% - 8px / 2); background-image: url('../images/icon2.png'); background-size: 100% 100%;}


.animated-heading anim {
  opacity: 0;
  display: inline-block;
  margin:0px -.5px;
  transform: translateY(20px);
}

/* Animation class to trigger when visible */
.animated-heading.visible anim {
  animation: fadeUp 0.5s forwards;
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.page-content-outer{z-index:1}

.page-content{padding-top:65px; padding-bottom:0px; }
.phl{}
.phl-text{}
.phl-graphic img{height:147px; width:auto;}

.ph2{display:flex; align-items: center;}	
.ph2-graphic{width:140px; height:140px; border-radius: 50%; margin-right:40px; display: flex; align-items: center; justify-content: center}
.ph2-graphic icon{width:86px;}

.ph2-graphic.yellow-graphic{background-color:#F1B41C}
.ph2-graphic.orange-graphic{background-color:#D76D18}
.ph2-graphic.brown-graphic{background-color:#734D2F}
.ph2-graphic.blue-graphic{background-color:#356B9E}

.ph2-text{}
.ph2-text h1{font-size:48px; line-height: 140%; font-weight: 600;}
.ph2-text span{font-size:16px; line-height: 140%; display:block; font-weight: 600;}

.group-anchor-links-4col{}
.group-anchor-links-4col span{display: block; }


.company-content{margin-top:80px}
.company-content-block{margin-bottom:120px;}
.company-content-block:last-child{margin-bottom:0px}
.company-content-block .sl-column-2-group .table-list:first-child {margin-top: 0;}
.company-content-block .sl-column-2-group .table-list:first-child ul:first-child {border-top: none;}

.awards{}
.filter-buttons{margin:60px 0px; display: flex; flex-wrap: wrap; gap: 10px;}
.filter-buttons a{display: inline-block; text-align: center; cursor: pointer; padding:9px 24px 8.5px; background-color:#fff; border-radius:50px; transition: ease all .5s; font-size:15px; line-height:150%; font-weight: 500;}

.filter-buttons a.active,
.filter-buttons a:hover{background-color:#20783F; color:#fff;}

.awards .filter-gallery{}
.awards .filter-gallery .col{margin-bottom: 40px;}
.awards .filter-gallery .col img{aspect-ratio:278/169; object-fit: cover}

.awards .award-info{display: flex; margin-top:15px; flex-wrap: wrap;}
.awards .award-info h5{margin-right:16px}
.awards .award-info a{border:1px #20783F solid; color: #20783F; border-radius: 50px; margin-right: 5px;  margin-bottom:5px; padding: 7px 14px; font-size:12px; font-weight: 500; line-height: 100%;}


.award-short{}
.award-short .container{max-width:1140px;}
.award-short .award-short-content{background-color:#fff; padding: 50px 5%; box-shadow: 8px 8px 0px 0px #20783F; border-radius: 20px;}
.award-short .award-short-content .linkbtn {margin-top: 40px;}
.award-short .award-short-content .title{font-size: 40px; line-height: 120%; font-family: Montserrat; font-weight: 600; margin-bottom:0px; color:#20783F}
.award-short .award-short-content .subtitle{font-size: 14px; line-height: 175%; font-weight: 500}

.news-details-header h1{line-height: 150%; font-weight: 500;}

.news-details .post-specs{display: flex; margin-bottom: 16px; margin-top: 30px;}
.news-details .post-specs .category-name{display: flex; flex-wrap: wrap;}
.news-details .post-specs .category-name span{display: inline-block; background-color: #fff; margin-bottom: 5px; padding:7px 14px; font-size:12px; font-weight: 500; line-height: 100%; color:#20783F; border:1px #20783F solid; border-radius:50px; margin-right:6px}
.news-details .post-specs .category-name span.active{background-color:#20783F; color:#fff;}
.news-details .post-specs .date{white-space: nowrap; font-family: "Montserrat", sans-serif; font-size:15px; font-weight: 500; color:#666666; margin-right: 16px}

.news-details .featured-image{aspect-ratio: 1/.562 }
.news-details .featured-image img{height:100%; object-fit: cover;}

.news-details .news-details-content{margin:60px 0px; padding-bottom: 60px; background-color:#fff; border-radius:25px; overflow: hidden;}
.news-details .news-details-content .news-details-content-inner{padding-top:60px;}
.news-details .news-details-content .container{width:100%; max-width:840px; padding:0px 20px}

.news-details .news-details-content .content-block-1:first-child{margin-top:0px}
.news-details .news-details-content .content-block-1:last-child{margin-bottom:0px}


.news-details .news-details-content h4{margin-bottom:20px; color:#20783F; font-weight:600}
.news-details .news-details-content .two-col-block{margin-top:50px}
.news-details .news-details-content .two-col-block:last-child{margin-top:0px}
.news-details .news-details-content .two-col-block p:last-child{margin-bottom:0px}
.news-details .news-details-content figure{aspect-ratio:1/.563}
.news-details .news-details-content figure img{height: 100%; object-fit: cover;}


.news-details .news-details-content .border-block{border:1px #20783F solid; padding:16px; line-height:150%; margin-top:50px}


.news-details .news-details-content .content-block-1 ul li{padding-left:15px; margin-bottom:8px}
.news-details .news-details-content .content-block-1 ul li:last-child{margin-bottom:0px}
.news-details .news-details-content .content-block-1 ul li:before{position: absolute; content:''; width: 8px; height: 8px; background-color:#20783F; border-radius:50%; left:0px; top:10px}
.news-details .news-details-content .content-block-1 ul li:before{}


.illustration-container{position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden; z-index:0}
.illustrations{width: 100%; position: absolute; /*overflow: hidden; */z-index:-1; top:660px; height: 100%; pointer-events: none;}
.illustrations figure{position: absolute;}
.illustrations .graphic1{width:286px; top:0px; left:-146px; animation: floatUpDown 8s ease-in-out infinite;}
.illustrations .graphic2{width:286px; top:0px; right:-145px ; animation: floatUpDown 8s ease-in-out infinite; animation-delay: 1s;}
.illustrations .graphic3{width:418px; top:800px; left:-279px;}
.illustrations .graphic4{width:882px; top:1400px; right:-740px;}
.illustrations .graphic5{width:432px; top:2100px; left:-293px;}
.illustrations .graphic6{width:179px; top:2500px; right:-34px;}


@keyframes slideInRight {
  from {transform: translateX(20px); opacity: 0;}
  to {transform: translateX(0); opacity: 1; }
}

@keyframes slideInLeft {
  from { transform: translateX(-20px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

@keyframes floatUpDown{
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-40px); }
}

@keyframes slideUp{
  from {
    transform: translateY(40px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}


.slide-in-and-float{opacity: 0; transition: opacity 0.2s;}
.slide-in-and-float.slide-right.active{animation: slideInRight .5s ease-out forwards, floatUpDown 8s ease-in-out 0.5s infinite;}
.slide-in-and-float.slide-left.active{animation:slideInLeft .5s ease-out forwards, floatUpDown 8s ease-in-out 0.5s infinite;}


.slide-in-and-float.slideUp.active{animation:slideUp .5s ease-out forwards}

.btn-top{width:60px; position: fixed; z-index: 9; right:10px; bottom: 90px; display: none;}

/* business overview */
.achivements{margin-top:50px;}
.achivements .col{background-color:#fff; border-radius:10px; padding:10px; margin-bottom:40px; cursor: pointer}
.achivements .col>div{height: 100%;}
.achivements .col figure{aspect-ratio:356/200;}
.achivements .col figure a{}
.achivements .col figure img{height:100%; object-fit: cover; border-radius:7px}
.achivements .achivements-col-pad{padding:20px 15px}
.achivements .headlink{margin-bottom:10px; display: block;}
.achivements .achivements-location-1{line-height: 140%; display:block; font-size: 15px; font-weight: 500; margin-top: 12px;}
.achivements .achivements-location-2{line-height: 140%; margin-top: 8px; padding-left: 20px; display:block; font-size: 14px; background-image:url('../images/icon11.png'); background-repeat: no-repeat;
background-size:13.33px 16.66px; background-position: left top 1px}


.business-overview-map{}
.business-overview-map-content{padding:30px 9% 50px 5%; background-color:#DEF1DA; box-shadow: 8px 8px 0px 0px #20783F; border-radius:20px;}

.business-overview-map-content .col:last-child span{color:#20783F; margin-bottom:5px; font-weight: 600}
.business-overview-map-content .col:last-child figure{margin:10px 0px 30px}
.business-overview-map-content .col:last-child .linkbtn{margin-top:50px}

.related-materials{background-color:#F0E7D8; padding:70px 0px 90px;}
.related-materials-content{margin-top: 40px;}
.related-materials-content .col:first-child{background-color:#fff; border-radius:5px}
.related-materials-content .col:first-child figure{margin:0px auto; padding:50px 0px 40px; width:225px;}
.related-materials-content .col:last-child{background-color:transparent;}
.related-materials-content .pdfdownloadbtn{margin-top:40px}



/* business overview */

/* modal code */
.modal{
  display: none;
  position: fixed; 
  z-index: 1000; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  background: rgba(0, 0, 0, 0.5);
  overflow: auto
}

.modal-content{
  background-color: #DEF1DA;
  margin: 100px auto;
  padding: 50px 0px 65px;
  width:100%;
  max-width: 1200px;
  border-radius: 20px;
}



.modal .close{
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 padding-top: 10px;
 width:80px;
 height:80px;
 border:2px #DDDDDD solid;
 position: fixed;
    right: 25px;
    top: 10px;
 font-size: 14px;
 font-weight: 600;
 cursor: pointer;
 z-index: 9;
 background-color:#fff;
 border-radius: 50%;
 color:#666666;
 line-height: 120%;
 font-family: "Montserrat", sans-serif;
}



.modal .close icon{width:15px; height:15px; background-image:url('../images/icon12.png'); display: block; background-size: cover; margin: 0px auto 10px;}
.modal-content .modal-head{padding:0px 40px}
.modal-content .modal-head .modal-head-text{position: absolute; bottom:0px; padding-bottom:9%}
.modal-content .modal-head .title1{color:#20783F; z-index:1; font-size: 36px; font-weight: 600; line-height:120%; margin-bottom:20px}
.modal-content .modal-head .title2{z-index:1; font-size: 40px; font-weight: 500; line-height: 150%;}
.modal-content .modal-head .title3{position: absolute; left: 0px; bottom:-12.5%; z-index:0; font-size: 240px; font-weight: 600; line-height: 100%; opacity: .4; color:#fff}
.modal-content .modal-head figure{margin:0px 0px 0px auto; width: fit-content;}
.modal-content .modal-head figure img{width: auto; height: 330px}

.modal-content .modal-content-inner{background-color:#fff; border-radius: 20px; padding:40px}

.modal-content.light-yellow-version{background-color:#F4E4BE}
.modal-content.light-yellow-version .modal-head .title1{color:#F1B41C}

.modal-content.light-orange-version{background-color:#F0E4CE}
.modal-content.light-orange-version .modal-head .title1{color:#734D2F}

.modal-content.light-brown-version{background-color:#FFE8D5}
.modal-content.light-brown-version .modal-head .title1{color:#D76D18}

.modal-content.light-blue-version{background-color:#CEDFF0}
.modal-content.light-blue-version .modal-head .title1{color:#356B9E}

.modal-content.modal-content-simple-version{background-color:#F8F4ED}

.modal-content-head h2{margin-top:15px}
.modal-content-head h6{line-height: 175%;}
.modal-content-head .location-point{margin-top: 10px}
.modal-content-head .location-point span{padding-left: 20px;
    display: block;
    font-size: 14px;
    background-image: url(../images/icon11.png);
    background-repeat: no-repeat;
    background-size: 13.33px 16.66px;
    background-position: left top 6px;}
	

	
.modal-content .assignments{border:3px #20783F solid; border-radius: 10px}
.modal-content .assignments .assignments-head{background-color:#20783F; color:#fff; padding:8px 28px;}
.modal-content .assignments ul{padding:0px 28px; font-weight: 500}
.modal-content .assignments ul li{padding:0px 0px 15px 40px; margin-top:24px; border-bottom:1px #DDDDDD solid; background-position: left top 4px; background-image:url('../images/icon13.png'); background-repeat: no-repeat; background-size: 24px 24px;}
.modal-content .assignments ul li:last-child{border:0px; margin-bottom:5px}
.modal-content .assignments-answer-head{width: fit-content; margin:0px auto; text-align: center; }
.modal-content .assignments-answer-head figure{width:60px; margin:0px auto}
.modal-content .assignments-answer-head h2.h2big{color: #20783F; line-height:120%; font-weight: 600; margin:20px 0px 0px} 

.modal-content .read-stamp .stamp{opacity:0; transform: scale(0); position: absolute; right:-20px; top:-30px; z-index:1; width:116.82px; height: 116.82px; background-image: url('../images/stamp.png'); background-size: cover;}

.modal-content .read-stamp.read-over .stamp{display: block; animation: stampzoomIn 0.5s ease forwards;}

@keyframes stampzoomIn {
  from {
    transform: scale(0.8);   /* start smaller */
    opacity: 0;              /* start transparent */
  }
  to {
    transform: scale(1);     /* full size */
    opacity: 1;              /* fully visible */
  }
}

.modal-content .assignments-answer-banner{aspect-ratio:920/294}
.modal-content .assignments-answer-banner img{height: 100%; object-fit: cover; border-radius:20px}
.modal-content-head .col:first-child figure img{border-radius:10px;}
.modal-content-inner .tl-column-2-group figure img{border-radius:20px;}

.modal-content .assignment-complete{margin-bottom: -40px;}
.modal-content .assignment-complete .assignment-complete-content{position: absolute;
    top: 0px;
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;}
.modal-content .assignment-complete h2.h2big{background-color:#20783F; color:#fff; line-height: 120%; font-weight:600; padding:12px 60px; border-radius:8px 0px 20px 0px; width: fit-content}
.modal-content .assignment-complete figure{z-index:1; width: fit-content; margin: 0px 6.25vw 0px auto;}
.modal-content .assignment-complete figure img{width: auto; height: 200px;}
.modal-content .assignment-complete .text1{z-index:1; font-family: "Zen Kaku Gothic New", sans-serif; padding:20px 60px; font-size: 30px; font-weight: 500; line-height:150%}
.modal-content .assignment-complete .text1 p{margin:0px;}
.modal-content .assignment-complete .text2{white-space: nowrap; font-size: 6.25vw; font-weight: 600; line-height: 100%; color:#DEF1DA;}
.modal-content .button-group{padding-top: 65px;}
.modal-content .button-group a{transition: ease all .5s; height: 70px; display: flex; align-items:center; font-weight: 500; background-color:#fff; padding:8px 24px 8px 10px; border-radius:80px; margin-bottom:14px; background-image:url('../images/icon14.png'); background-repeat: no-repeat; background-size: 9px 15px; background-position:right 30px center}
.modal-content .button-group a:last-child{margin-bottom:0px}
.modal-content .button-group a icon{display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin-right: 15px; border-radius: 50%;}
.modal-content .button-group a icon img{width:30px}
.modal-content .button-group a icon.yellow{background-color:#F1B41C}
.modal-content .button-group a icon.orange{background-color:#D76D18}
.modal-content .button-group a icon.brown{background-color:#734D2F}
.modal-content .button-group a icon.blue{background-color:#356B9E}

.modal-content .button-group a:hover{}

.modal-content .button-group a.yellow{border:2px #F1B41C solid; background-image:url('../images/icon14.png'); }
.modal-content .button-group a.yellow:hover{background-color:#F1B41C; color:#fff; background-image:url('../images/icon14-h.png');}

.modal-content .button-group a.brown{border:2px #734D2F solid; background-image:url('../images/icon16.png');}
.modal-content .button-group a.brown:hover{background-color:#734d2f; color:#fff; background-image:url('../images/icon14-h.png');}

.modal-content .button-group a.orange{border:2px #D76D18 solid; background-image:url('../images/icon15.png');}
.modal-content .button-group a.orange:hover{background-color:#d76d18; color:#fff; background-image:url('../images/icon14-h.png');}

.modal-content .button-group a.blue{border:2px #356B9E solid; background-image:url('../images/icon17.png');}
.modal-content .button-group a.blue:hover{background-color:#356b9e; color:#fff; background-image:url('../images/icon14-h.png');}

.modal-content .close-btn{cursor: pointer; border:1px #DDDDDD solid; display: flex; width:fit-content; justify-content: center; align-items: center; font-weight:500; color:#666666; margin:100px auto 0px; background-color:#fff; padding:10px 82px; border-radius:60px}
.modal-content .close-btn icon{width:12px; margin-right:10px}

.modal-content.light-yellow-version .assignment-complete figure{width: 206px; }
.modal-content.light-orange-version .assignment-complete figure{width: 251px; right: 20px;}
.modal-content.light-brown-version .assignment-complete figure{width: 247px; }
.modal-content.light-blue-version .assignment-complete figure{width: 251px; }

.modal-bottom-btn{width: fit-content; margin:65px auto 0px}

.simple-modal-content{padding-top:40px}

.modal-description{margin-top:40px; background-color:#fff; border-radius: 10px; padding:24px 32px}
.modal-description ul{}
.modal-description ul li{padding-left:16px; margin-bottom:8px}
.modal-description ul li:last-child{margin-bottom:0px}
.modal-description ul li:before{width:8px; height: 8px; background-color:#363738; border-radius:50%; position: absolute; content:''; top: 11px; left:0px;}

/* modal code */

.header-buttons{position: absolute; left: 260px; display: flex; align-items: center;}
.header-outer.sticky .header-buttons{left:90px}

.header-outer.sticky .entry-btn{display: block}

.entry-btn{width: 150px; text-align: center; display: none; margin-left:10px;}
.entry-btn a{display:flex; justify-content: center; align-items:center; height: 100%; padding: 8px 0px 9px; background-color:#20783F; border-radius: 75px; font-size: 15px; color:#fff; font-weight: 500}
.entry-btn icon{display: block; width:23px; margin-right: 5px;}

.recruit-button{}
.header-outer.sticky .recruit-button{}
.recruit-button a{font-family: "Montserrat", sans-serif; background-color:#fed136; font-size:24px; color:#20783F; font-weight: 600; padding:5px 16px 6px; border-radius:75px;}

.employee-interview-header figure{margin:0px;}
.employee-interview-header figure img{height: 100%; object-fit: cover}
.employee-interview-header .employee-interview-header-content{}

.employee-interview-header .text1{color:#20783F; font-size: 18px; font-weight: 600}
.employee-interview-header h1{margin:15px 0px 20px;}
.employee-interview-header h1 span{display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; line-height: 230%; font-size:36px; background-color:#fff; width: fit-content; font-weight:600; padding:6px 12px; color:#20783F}
.employee-interview-header h1 span:first-child{margin-bottom:20px}
.employee-interview-header .text2{font-weight:500}
.employee-interview-header .text3{font-size: 22px; font-weight: 500; margin-top: 10px;}

.employee-interview .page-header{border:0px}

.employee-interview .page-content{background-color:#fff; padding: 100px 0px}
.employee-interview .page-content .content-block-1:first-child{margin-top:0px}
.employee-interview .page-content .content-block-1:last-child{margin-bottom:0px}
.employee-interview .page-content h4{color: #20783F;}

.employee-slider{margin-top:60px}
.employee-slider h6{position: absolute; bottom:20px; left:18px; z-index: 9; width: 100%;}
.employee-slider h6 span{background-color:#fff; color:#20783F; padding:4px 12px; display: inline; line-height: 220%; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.employee-slider h6 span:first-child{margin-bottom: 5px;}
.employee-slider .slide-item figure{aspect-ratio:376/212; margin-bottom:17px}
.employee-slider .slide-item figure img{height: 100%; object-fit: cover;}
.employee-slider .text1{font-size:14px; font-weight: 500}
.employee-slider .text2{font-weight: 500;}

.interviews{background-color:#DEF1DA}
.interviews-content{display: flex; flex-wrap: wrap; margin-bottom:30px}
.interviews-content .col a,
.interviews-content .col a>span{display: block}
.interviews-content{margin-top:60px;}
.interviews-content h6{position: absolute; bottom:20px; left:18px; z-index: 1;}
.interviews-content h6 span{background-color:#fff; color:#20783F; padding:4px 12px; display: inline; line-height: 220%; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.interviews-content h6 span:first-child{margin-bottom: 5px;}
.interviews-content .col figure{aspect-ratio:376/212; margin-bottom:17px}
.interviews-content .col figure img{height: 100%; object-fit: cover;}
.interviews-content .text1{font-size:14px; font-weight: 500}
.interviews-content .text2{font-weight: 500;}




.interview-curve-graphic-1{background-color:#F8F4ED}
.interview-curve-graphic-1.rotate{transform:rotateX(180deg); margin-bottom: -1px;}
.interview-curve-graphic-2{background-color:#DEF1DA}




.benefits h2,
.innumbers h2,
.interviews h2{line-height:100%;}

.recruitment-section-head{margin-top: 50px;}

.more-interviews h2{line-height:100%; font-size:60px; text-align: center}


.more-interviews .subtext{text-align: center}






.innumbers{padding-top:50px}
.innumbers-content{display: flex; flex-wrap: wrap; margin: 60px 0px; justify-content: center;}

.innumbers-content .col{background-color:#fff; border-radius:10px; padding:30px;}
.innumbers-content .col h4{line-height: 175%; font-weight: 600;}
.innumbers-content .col icon img{height:140px; width: auto; margin:0px auto}
.innumbers-content .col graph{display: block; margin-bottom:30px;}
.innumbers-content .col graph img{width: auto; height:225px; margin:0px auto}
.innumbers-content .col num{font-family: Montserrat; font-weight: bold; font-size: 76px; line-height: 100%;display: block; margin:20px 0px; text-align: center}
.innumbers-content .col num span{margin-left:4px; font-family: noto Sans JP; font-size: 28px; font-weight: 500; line-height: 120%;}

	.innumbers-content .col,
	.interviews-content .col,
	.benefits .benefits-content .col
	{display: none; }
	
	.benefits .benefits-content .col:nth-child(1),
	.benefits .benefits-content .col:nth-child(2),
	.benefits .benefits-content .col:nth-child(3),
	.benefits .benefits-content .col:nth-child(4),	
	.interviews-content .col:nth-child(1),
	.interviews-content .col:nth-child(2),
	.interviews-content .col:nth-child(3),	
	.innumbers-content .col:nth-child(1),
	.innumbers-content .col:nth-child(2),
	.innumbers-content .col:nth-child(3),
	.showall .innumbers-content .col,
	.showall .benefits-content .col,	
	.showall .interviews-content .col,
	.showall .equipments
	{display: block; animation: blockfadein .5s ease-in-out forwards;}


	
	@keyframes blockfadein {
	  from {
		opacity: 0;
	  }
	  to {
		opacity: 1;
	  }
	}




.benefits .benefits-content{display: flex; flex-wrap: wrap; margin:50px 0px -10px;}
.benefits .benefits-content .col{background-color:#fff; border-radius: 10px; padding:30px; width: calc(50% - 10px*1/2); margin-right: 10px; margin-bottom:10px;}

.benefits .benefits-content .col icon{display: block; width: fit-content; margin:0px auto 30px;}
.benefits .benefits-content .col icon img{height: 120px; width: auto;}
.benefits .benefits-content .col .title{font-weight: 600; font-size: 20px}
.benefits .benefits-content .col .title span{display: block; font-size: 14px; font-weight: 500; line-height: 140%;}




.equipments{background-color:#fff; padding: 100px 0px; margin-top: 100px; display: none;}

.equipments .recruitment-section-head{margin-top:0px}

.equipments-content{margin:60px 0px;}
.equipments-content .equipments-block{margin-bottom: 40px}
.equipments-content .equipments-block:nth-child(2n){margin-right:0px}
.equipments-content h5{margin-top:25px;color:#20783F}
.equipments-content p{margin-top:10px;}



.employee-bottom-buttons{background-color:#F0E7D8; padding:85px 0px}
.employee-bottom-buttons .container{max-width:920px; margin:0px auto}
.employee-bottom-buttons-content{display: flex; justify-content: space-between}
.employee-bottom-buttons-content a{line-height: 150%; padding:32px 5px; font-size:20px; font-weight: 500; color:#20783F; display: flex; justify-content: center; align-items: center; width:calc(50% - 20px); background-color:#fff; border-radius: 150px; border:1px #20783F solid}
.employee-bottom-buttons-content a:last-child{background-color:#20783F; color:#fff;}
.employee-bottom-buttons-content icon{position: absolute; width:60px; display: block; left:75px}

.employee-header-buttons{max-width:580px; margin:50px auto}
.employee-header-buttons .employee-bottom-buttons-content a{width: calc(50% - 10px); font-size:16px; padding: 19px 5px;}
.employee-header-buttons .employee-bottom-buttons-content icon{left:50px; width: 46px;}



.news-categories{display: flex; flex-wrap: wrap; margin-bottom: 50px;}
.news-categories li{margin-right:16px; margin-bottom: 10px;}
.news-categories a{display: block; background-color:#fff; padding:9px 24px 8px; border-radius: 50px; font-size: 15px; font-weight:500; line-height: 150%}
.news-categories li.active a{background-color:#20783F; color:#fff;}

.news-category-post-list{}
.news-category-post-list .news-category-post{font-weight: 500; background-color:#fff; margin-bottom: 16px; padding: 20px 20px 24px 20px; border-radius: 10px;}
.news-category-post-list .news-category-post-head{display: flex; flex-wrap: wrap; align-items: center; color:#666}
.news-category-post-list .news-category-post-head a{font-size: 12px; font-weight: 500; color:#20783F; border:1px #20783F solid; line-height:100%; padding:6px 14px; border-radius: 50px; margin-right:6px; }
.news-category-post-list .news-category-post-head a.main-cat{background-color: #20783F;  color: #fff;}
.news-category-post-list .news-category-post-head a:last-child{margin-right:0px;}
.news-category-post-list .news-category-post-head .date{font-family: Montserrat; font-size: 15px; font-weight: 500; margin-right: 16px; line-height: 120%;}
.news-category-post-list .news-category-post p{margin-top: 16px; margin-bottom: 0px;}
.news-category-post-list .news-category-post p a{color: #363738; text-decoration: none;}
.news-category-post-list .news-category-post p a:hover{color: #20783F}



.contact-form{margin-top: 50px}
.contact-form input,
.contact-form textarea,
.contact-form select{font-size: 16px; width:100%; border: 1px #DDDDDD solid; border-radius: 10px; padding:0px 15px; font-weight: normal; font-family: "Noto Sans JP", sans-serif}
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form select{line-height:44px}

.contact-form textarea{height:240px; padding:15px 15px;}

.contact-form .mandate{color:#B72A2A; font-size:14px; font-weight: 400; margin-left:5px}

input::placeholder,
textarea::placeholder{color: #CCCCCC; font-weight: 400}

.contact-form #alert{margin-bottom: 50px; color:#dc3232; text-align: center; display: block}
.contact-form .wpcf7-spinner{position: absolute; top: 60px;}

.contact-form .form-group{border-bottom:1px #DDDDDD solid; padding:20px 8% 20px 3%; display: flex; flex-wrap: wrap;}
.contact-form .form-group:first-child{border-top:1px #DDDDDD solid;}
.contact-form .form-group > label{width:270px; padding-top: 10px; font-size: 20px; font-weight: 500; display: flex; flex-wrap: wrap;}
.contact-form .form-group .input-field-container{width: calc(100% - 270px); display: flex; flex-wrap: wrap; justify-content: space-between}
.contact-form .form-group .input-field-container .input-field{width: 100%; display: flex;}
.contact-form .form-group .input-field-container.two-col .input-field{width: calc(50% - 10px);  display: flex; align-items: center; }
.contact-form .form-group .input-field-container.two-col .input-field label{width:44px; text-align: right; padding-right:10px}
.contact-form .form-group .input-field-container.two-col .input-field input{}

.contact-form .agreement{margin: 50px 0px 60px; display: flex; justify-content: center}
.contact-form .agreement a{text-decoration: underline; color:#20783F}
.contact-form .agreement input[type=checkbox]{cursor: pointer; border-radius:5px; background-color:#fff; border:1px #DDDDDD solid; appearance: none; -webkit-appearance: none; width:24px; height: 24px; padding:0px;}
.contact-form .agreement input[type="checkbox"]:checked{background-image: url('../images/icon20.png'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;}

.contact-form input[type=submit],
.contact-form .btnnext,
.contact-form .btnprev{background-image: url(../images/icon2-white.png);
    background-repeat: no-repeat;
    background-size: 5px 8px;
    background-position: center right 16px;
    transition: ease all .5s;
    display: block;
    width: 100%;
	max-width:278px;
    color: #fff;   
    line-height: 150%;
    padding: 12px 5px;
    border-radius: 60px;
    font-weight: 500;
	margin:0px auto; cursor: pointer; text-align: center; font-size: 16px}

.contact-form input[type=submit],
.contact-form .btnnext{ font-family: "Noto Sans JP", sans-serif; border: 1px #20783F solid; background-color: #20783F;}
.contact-form .btnprev{ border: 1px #363738 solid; color:#363738; background-color: #fff;}

.contact-form .contact-btn-container{display: flex; justify-content: center; margin-top:50px}
.contact-form .contact-btn-container input[type=submit],
.contact-form .contact-btn-container .btnprev{margin:0px 5px;}


.contact-form .btnprev{background-image: url('../images/icon2-green-prev.png'); background-position: center left 16px;}

.contact-form .confirmation  .form-group > label{padding-top:0px}
.contact-form .confirmation  .form-group{border:0px}


.contact-form .wpcf7-form-control-wrap{width: 100%;}
.contact-form .two-col .wpcf7-form-control-wrap{width: calc(100% - 44px);}

.agreement .wpcf7-form-control-wrap{width: 26px; margin-right:10px}
.agreement .wpcf7-list-item-label{display: none;}
.agreement .wpcf7-not-valid-tip{position: absolute; white-space: nowrap;}
.agreement .wpcf7-list-item{margin-left:0px;}

.recruitment-header{padding:150px 0px 0px;}

.recruitment-header .page-header-text{margin-top:50px; line-height: 200%;}

.recruitment-news{padding-top: 0px;}
.recruitment-news .recruitment-news-head-content{background-color:#DEF1DA; padding-bottom:200px}
.recruitment-news .recruitment-news-head-graphic{max-width:1400px; margin:0px auto -128px; z-index:1;}

.recruitment-news .recruitment-news-list{margin-top: -150px; background-color:#fff; border-radius: 10px; padding:20px 15px;}


.toppage-shizukamaker-map .head-content{position: absolute; z-index:99; left: 6%; top: 5%; max-width:370px}
.toppage-shizukamaker-map .head-content .text1{color:#20783f; line-height: 175%; font-weight: 500; margin-bottom: 5px;}
.toppage-shizukamaker-map .head-content .map-heading{max-width: 334px;}
.toppage-shizukamaker-map .head-content .linkbtn{margin-top: 40px}

.toppage-recruit{margin-top:50px;}
.toppage-recruit .container{max-width: 1080px;}
.toppage-recruit-content{background-color:#fff; border-radius: 20px; padding:50px}
.toppage-recruit .title{font-size: 46px; font-family: montserrat; font-weight: 600; color:#20783F; line-height: 120%;}
.toppage-recruit .subtext{font-size: 14px; font-weight: 500; line-height: 150%;}

.toppage-recruit-content .col1
.toppage-recruit-content .col2{width: 100%}

.toppage-recruit .employee-header-buttons{margin:0px auto;}


.toppage-recruitment{}
.toppage-recruitment .toppage-recruitment-head-graphic{max-width: 1400px; margin: 0px auto -8.5%; z-index: 1;}
.toppage-recruitment .toppage-recruitment-content{background-color:#DEF1DA; padding-top:100px}

.toppage-sustainability{padding-top: 50px;}

.toppage-recruitment .toppage-list-content-outer{padding:100px 0px;}
.toppage-list-content{background-color:#fff; padding: 6% 7%; border-radius: 20px; }
.toppage-list-content:after{ z-index:0; position: absolute; width: 100%; height: 100%; content:''; background-color:#fff; top:0px; border-bottom: 8px #20783F solid; }
.toppage-list-content .linkbtn{margin-top:50px}

.toppage-recruitment .toppage-list-content:after{display: none;}

.toppage-company .illustrations,
.toppage-sustainability .illustrations{top:0px}

.toppage-company .illustrations .graphic3{top:200px;}
.toppage-sustainability .illustrations .graphic4{top:unset; bottom:-100px;}

.toppage-company .toppage-list-content{box-shadow: 0px 8px 0px 0px #20783F; border-radius: 20px 0px 0px 20px}
.toppage-company .toppage-list-content:after{right: -98%;}

.toppage-sustainability .toppage-list-content{box-shadow: 8px 8px 0px 0px #20783F; border-radius: 0px 20px 20px 0px;}
.toppage-sustainability .toppage-list-content:after{left: -98%; z-index: -1;}


.toppage-recruitment .toppage-list-content .toppage-list-img{position: absolute; width: 213px; right:6%; top:-65px;}
.toppage-company .toppage-list-content .toppage-list-img{position: absolute; width: 134px; right:5%; top:-65px;}
.toppage-sustainability .toppage-list-content .toppage-list-img{position: absolute; width: 129px; right:8%; top:-40px;}





.toppage-list-content .title{font-family: Montserrat; color:#20783F; font-size:60px; font-weight: 600; line-height: 120%; margin-bottom:5px}
.toppage-list-content .subtext{color:#20783F; font-size: 16px;  line-height: 140%; font-weight: 500; margin-bottom:40px}
.toppage-list-content .list-heading,
.toppage-list-content .list-content{width:100%;}
.toppage-list-content .list-content ul{margin-top:20px}
.toppage-list-content .list-content ul li{width:100%; border-bottom: 1px #DDDDDD solid;}
.toppage-list-content .list-content ul li{margin-bottom:0px; padding-bottom: 0px;}
.toppage-list-content .list-content ul li a{display: block; padding:20px 37px 20px 0px; margin-top: 0px; line-height: 120%; font-weight: 500; background-image:url('../images/icon4.png'); background-repeat: no-repeat; background-position: center right; background-size: 20px 20px}
.toppage-list-content .list-content ul li a:hover{color:#20783F}


.toppage-business{padding-top:0px;}
.toppage-business .linkbtn{margin-top:40px}

.toppage-business .toppage-business-content{margin:150px -20px 0px}
.toppage-business .toppage-business-content .toppage-business-item{width:100%; border-radius:20px; background-color:#fff; }

.toppage-business .toppage-business-content .toppage-business-item .title{line-height: 150%; border-radius: 20px 20px 0px 0px; font-size: 28px; font-weight: 600; padding:13px 35px}
.toppage-business .toppage-business-content .toppage-business-item .title span{font-size: 18px; margin-left:20px;}
.toppage-business .toppage-business-content .toppage-business-item .title2{}
.toppage-business .toppage-business-content .toppage-business-item .text-yellow{color: #F1B41C;}
.toppage-business .toppage-business-content .toppage-business-item .text-brown{color: #734D2F;}
.toppage-business .toppage-business-content .toppage-business-item .text-orange{color: #D76D18;}
.toppage-business .toppage-business-content .toppage-business-item .text-blue{color: #356B9E;}

.toppage-business .toppage-business-content .toppage-business-item .section-title-img{position: absolute; z-index:1;}
.toppage-business .toppage-business-content .toppage-business-item .section-title-img.research{width:197px; right:50px; top:-85px}
.toppage-business .toppage-business-content .toppage-business-item .section-title-img.design{width:163px; right:30px; top:-80px}
.toppage-business .toppage-business-content .toppage-business-item .section-title-img.maintenance{width:132px; right:40px; top:-57px}
.toppage-business .toppage-business-content .toppage-business-item .section-title-img.imagine{width:167px; right:35px; top:-50px}

.toppage-business .toppage-business-content .toppage-business-item .toppage-business-item-content{padding:40px 35px 10px;}
.toppage-business .toppage-business-content .toppage-business-item .toppage-business-item-gallery{display: flex; margin:30px -5px 0px;}
.toppage-business .toppage-business-content .toppage-business-item .toppage-business-item-gallery figure{aspect-ratio: 1/.72; width: calc(33.33% - 10px); margin:0px 5px;}
.toppage-business .toppage-business-content .toppage-business-item .toppage-business-item-gallery figure img{height: 100%; object-fit: cover}

.toppage-business .toppage-business-content .toppage-business-item .readmore{background-color:#333; display:block; width:60px; height:60px; margin:0px 0px 0px auto; border-radius:60px 0px 20px 0px; background-image:url('../images/icon-arrow.png'); background-repeat:no-repeat; background-size: 19px 19px; background-position: bottom 15px right 15px; }

.toppage-business .toppage-business-content .toppage-business-item .readmore.yellow{background-color: #F1B41C;}
.toppage-business .toppage-business-content .toppage-business-item .readmore.brown{background-color: #734D2F;}
.toppage-business .toppage-business-content .toppage-business-item .readmore.orange{background-color: #D76D18;}
.toppage-business .toppage-business-content .toppage-business-item .readmore.blue{background-color: #356B9E;}



.toppage-news-content .list-heading,
.toppage-news-content .list-content{width: 100%}

.toppage-news-content .list-heading .title{font-size: 48px; font-weight: 600; color: #20783F; line-height: 100%; font-family: Montserrat; margin-bottom: 10px;}
.toppage-news-content .list-heading .subtext{font-size: 16px; font-weight: 500; line-height: 100%;}
.toppage-news-content .list-heading .btn{transition: ease all .25s; margin-top: 50px; line-height: 200%; font-weight: 500; padding-right: 55px; display: block; width: fit-content;}
.toppage-news-content .list-heading .btn:after{width: 40px; height: 40px; background-image: url(../images/icon4.png); position: absolute; content: ''; background-size: 100% 100%; top: calc(50% - 40px / 2); right: 0px;}

.toppage-news-content a:hover{color: #20783F;}


.recruitment-news .recruitment-news-list .list-heading .title{font-size: 44px; font-weight: 600; color: #20783F; line-height: 100%; font-family: Montserrat; margin-bottom: 10px;}
.recruitment-news .recruitment-news-list .list-heading .subtext{font-size: 16px; font-weight: 500; line-height: 100%;}
.recruitment-news .recruitment-news-list .list-heading .btn{transition: ease all .25s; margin-top:50px; line-height: 200%; font-weight: 500; padding-right: 55px; display: block; width: fit-content;}
.recruitment-news .recruitment-news-list .list-heading .btn:after{width:40px; height:40px; background-image: url('../images/icon4.png'); position: absolute; content:''; background-size: 100% 100%; top: calc(50% - 40px / 2); right:0px}

.recruitment-news .recruitment-news-list .list-content li{border-bottom: 1px #ccc solid; padding-bottom:28px; margin-bottom: 20px;}
.recruitment-news .recruitment-news-list .list-content li:last-child{border-bottom:0px; padding-bottom:0px; margin-bottom:0px;}
.recruitment-news .recruitment-news-list .list-content .date{font-size: 15px; line-height: 120%; font-family: Montserrat; font-weight: 500}
.recruitment-news .recruitment-news-list .list-content a{transition: ease all .25s; display: block; line-height: 150%; margin-top:16px; font-weight: 500;}

.recruitment-news .recruitment-news-list .list-heading .btn:hover,
.recruitment-news .recruitment-news-list .list-content a:hover{color:#20783F}

.recruitment-header h1 .subtext,
.innumbers .subtext,
.interviews .subtext,
.benefits .subtext{font-size:24px}

.recruitment-choices .col{background-color:#fff;  border-radius: 10px; overflow: hidden; text-align: center}
.recruitment-choices .col:first-child{border:2px #20783F solid;}
.recruitment-choices .col:last-child{border:2px #356B9E solid;}
.recruitment-choices .col a{padding:20px 30px 30px; display: block; transition: ease all .25s}
.recruitment-choices .col icon{width: 120px; display: block; margin: 0px auto 20px}
.recruitment-choices .col span{display: block}
.recruitment-choices .col span.title{color:#20783F; font-weight: 600; margin-bottom: 15px;}

.recruitment-choices .col:first-child span.title{color:#20783F;}
.recruitment-choices .col:last-child span.title{color:#356B9E;}

.recruitment-choices .col:first-child a:hover{background-color:#f2ffee;}
.recruitment-choices .col:last-child a:hover{background-color:#f0f7fe;}



.pagination{
    display: flex;
    justify-content: center;
    align-items: center;	
	margin-top: 60px;
	font-size: 16px;
	line-height: 100%;
	font-family: montserrat
}

.pagination a, .pagination .current {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 10px;
	
}

.pagination a{color: #666666;}

.pagination a:hover{color: #666666;}

.pagination .current{font-weight:600; color:#20783F}

.pagination a.next, .pagination a.prev{
    font-size: 0px;
    background-image: url(../images/icon4.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;	
	border:0px;
	margin: 0px;
	width: 46px;
    height: 46px;
}

.pagination a.prev{transform: rotate(180deg);}
.pagination a.next{margin-left:42px}
.pagination a.prev{margin-right:42px}
.pagination a.disabled{opacity:.5}


.footer{line-height:140%;}
.footer-top{margin-bottom: max(-14px, -1.1%)}

.footer .footer-bottom{background-color:#363738; color:#FFFFFF; padding:100px 0px 135px;}
.footer .footer-bottom a{color:#fff; display: block}
.footer .footer-content .toplink{font-size:15px; font-weight:500; word-break: keep-all;}
.footer .footer-content .submenu ul{font-size:13px; margin-top:16px;}
.footer .footer-content .submenu ul li a{padding:5px 0px; word-break: keep-all;}

.footer .footer-content .submenu ul .sublink{padding:0px 10px;}




.footer .copyright{border-top:1px rgba(255,255,255,.5) solid; padding:30px 0px; background-color:#363738; color:#FFFFFF; font-size:11px;}

.footer .copyright .copyright-content .col1 ul{display: flex;}
.footer .copyright .copyright-content .col1 ul li{margin-right:40px}
.footer .copyright .copyright-content .col1 ul li:last-child{margin-right:0px;}

.footer .copyright a{color:#fff;}

.event-media-list{margin-top:50px;}
.event-media-list .col img{aspect-ratio: 278 / 169; object-fit: cover;}
.event-media-list .col .event-info{margin-top:15px; margin-bottom: 10px}
.event-media-list .col .event-info .date{font-size: 14px;}

.shizukamaker-page-header{}
.shizukamaker-page-header .map-heading{}
.shizukamaker-page-header .map-headingtext{color:#20783F; margin-bottom:5px}
.shizukamaker-page-header .map-content{font-size: 18px; text-align: center; line-height: 250%; font-weight: 400}
.shizukamaker-page-header .map-content strong{color:#20783F}


.shizukamaker-illustration figure{}
.shizukamaker-illustration .graphic1{width: 308px;}
.shizukamaker-illustration .graphic2{width: 286px;}

.shizukamaker-slider{display: flex; margin-top:120px}
.shizukamaker-slider figure img{aspect-ratio: 360/203; object-fit: cover;}

.shizukamaker-map{padding:0px 0px 100px;}
.shizukamaker-map-outer{overflow: auto; -ms-overflow-style: none; scrollbar-width: none; }
.shizukamaker-map-outer::-webkit-scrollbar{display: none;}

.shizukamaker-map-content{min-width:1200px}




 
.shizukamaker-map .alert{position: absolute; left: 6%; top: 10%; max-width: 302px; width: 100%; border-radius: 20px; box-shadow: 6px 6px 6px rgba(15, 23, 42, 0.12); background-color: #fff; transform-origin: top right; opacity: 1; transform: translateY(0) scale(1); transition: transform 220ms cubic-bezier(.2,.9,.3,1), opacity 180ms ease; z-index:99;}
.shizukamaker-map .alert .title{font-family: Montserrat; font-weight: 600; margin-bottom: 0.12rem; font-size: 22px; background-color:#20783F; color:#fff; line-height: 120%; width: fit-content; padding: 5px 20px; border-radius: 20px 0px;}
.shizukamaker-map .alert .desc{padding: 10px 20px 20px; line-height: 150%;}
.shizukamaker-map .alert .close-btn{display: flex; align-items: center; justify-content: center; position: absolute; width:40px; height:40px; right:-12px; top:-12px; border-radius: 50%; border: none; background-color: #20783F; color:#fff; cursor: pointer; transition: background 120ms ease, transform 80ms ease;}
.shizukamaker-map .alert .close-btn svg{width:20px; height: 20px;}	
.shizukamaker-map .alert[aria-hidden="true"]{opacity: 0; transform: translateY(-8px) scale(.98); pointer-events: none;}

.shizukamaker-map .mappoint{position: absolute; z-index:9; cursor: pointer; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center;}

.fade-in-element{opacity: 0; transition: opacity 1s ease-out;}
.fade-in-element.visible{opacity: 1;}


.shizukamaker-map .point1{top: 14%; left: 56%;}
.shizukamaker-map .point2{top: 27%; left: 42.5%;}
.shizukamaker-map .point3{top: 32%; left: 63%;}
.shizukamaker-map .point4{top: 35%; left: 49.5%;}
.shizukamaker-map .point5{top: 17%; left: 73.5%;}
.shizukamaker-map .point6{top: 57%; left: 31%;}
.shizukamaker-map .point7{top: 71%; left: 23%;}
.shizukamaker-map .point8{top: 70%; left: 44.5%;}
.shizukamaker-map .point9{top: 71%; left: 68.5%;}



.shizukamaker-map .mappoint-bubble{animation: pulse 5s ease-in-out infinite; transition: animation 1s ease; transform-origin: bottom; padding:6px 10px; width: 127px; height:159px; display: block; background-image:url('../images/bubble.png'); background-repeat: no-repeat; background-size: 100%;}
.shizukamaker-map .mappoint-bubble img{aspect-ratio:1/1; object-fit: cover; border-radius: 50%;}
.shizukamaker-map .mappoint .title{line-height: 210%; background-color:#fff; border:2px #D76D18 solid; border-radius: 50px; padding:0px 10px; display: block; width: fit-content; font-size: 14px; font-weight: 500;}

@keyframes pulse {
    0%, 10% {
    transform: scale(.9);
  }
  20% {
    transform: scale(1);
  }
  30%, 100% {
    transform: scale(.9);
  }
  }
  
.shizukamaker-map .mappoint:hover .mappoint-bubble{animation: bounceHover 0.6s ease;}

/* Bounce keyframes */
@keyframes bounceHover {
  0%, 100% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(5px);
  }
  80% {
    transform: translateY(-3px);
  }
}

.shizukamaker-map .icon-tap{display: none;}

@media(min-width:1600px)
{
	.megamenu .container-lb{max-width:unset !important; padding:0px 80px !important}
	
}

@media(min-width:1201px)
{
	.hamburger{display:none;}
	
	.page-content-outer{margin-top:120px;}
	
	.header-outer .header .top-navigation,
	.header-outer .header .top-navigation ul,
	.header-outer .header .top-navigation ul li{position: unset}
	
	.header-outer .header .top-navigation ul li.active > a{border-bottom:2px #20783F solid}
	.header-outer .header .top-navigation ul li.active ul a{border-bottom:1px #20783F solid}
	
	.header-outer .header .top-navigation{display: flex; align-items: center; justify-content: right}
	.header-outer .header .top-navigation > ul{display: flex; justify-content: right;}
	
	.header-outer .header .top-navigation ul li.submenu:hover a.toplink:before{width:48px; height: 40px; position: absolute; left:calc(50% - 40px/2); content:''; top:25px; background-image: url('../images/icon3.png'); background-size: 100% 100%;}
	.header-outer .header .top-navigation ul li.submenu:hover .megamenu{ display:block}
	
	.header-outer .header .top-navigation ul li.submenu:hover .megamenu .megamenu-buttons ul{animation: btnfadeIn .5s ease-in forwards;}
	
	@keyframes btnfadeIn {
	  from {
		opacity: 0;
		//transform: translateY(-20px);
	  }
	  to {
		opacity: 1; //transform: translateY(0);
	  }
	}
	
	
	.header-outer .header .top-navigation .megamenu{padding-top: 20px; position: absolute; width: 100%; left:0px;}
	.header-outer .header .top-navigation .megamenu ul li{padding:unset}
	
	
	
	
	.header-outer .header .logo .logo-small{/*max-width:0px; animation: logoanimation .5s ease forwards; animation-delay: .2s;*/}
	
	/*
	@keyframes logoanimation {
	  from {
		max-width: 0px;
	  }
	  to {
		max-width: 70px;
	  }
	}*/
	
	.header-outer.sticky{animation: stickyanimation 0.5s ease-out forwards;}
	@keyframes stickyanimation {
	  from {
		transform: translateY(-100px);
		opacity: 0;
	  }
	  to {
		transform: translateY(0);
		opacity: 1;
	  }
	}
	
	
	.footer .footer-content{display: flex; flex-wrap: wrap;}
	.footer .footer-content .col{width:15%; padding-left:10px;}
	.footer .footer-content .col:first-child{padding-left:0px;}
	.footer .footer-content .col:nth-child(2){width:25%}
	
	
	.footer .footer-content .submenu .two-column{display: flex; flex-wrap: wrap;}
	.footer .footer-content .submenu .two-column .col{width:fit-content;}
	
	.toppage-shizukamaker-map .head-content .linkbtn{display: block}
	.toppage-shizukamaker-map .foot-content .linkbtn{display: none;}
	
}


@media(min-width:781px)
{
	html{scroll-padding-top: 200px}
	.d-desktop{display:block}
	.d-mobile{display:none}
	
	
	
	
	.container-lb{max-width:1400px}
	.container{max-width:1280px}
	.container-sm{max-width:1080px}
	
	.container, .container-lb, .container-sm, .container-fluid{padding:0px 40px}
	
	
	
	.phl{display:flex; justify-content: space-between; align-items: center; flex-direction: row-reverse;}
	.phl-text{}
	.phl-graphic img{height:285px}
	
	
	
	.page-header{padding:50px 0px}
	.employee-interview-header{}
	.employee-interview-header figure{width:100%; padding-left: 300px; aspect-ratio: 1/.422}	
	.employee-interview-header .employee-interview-header-content{width: 100%; height: 100%; padding-left: 95px; position: absolute; top: 0px; left: 0px;  display: flex; flex-direction: column; justify-content: center;}
	
	.employee-interview .page-header{padding-bottom:80px}
	
	.group-anchor-links-4col{display: flex; max-width:747px}
	.group-anchor-links-4col span{width:calc(33.33% - 12px*2/3); margin-right:12px}
	.group-anchor-links-4col span:last-child{margin-right:0px}
	
	
	
	
	
	
	.achivements-content{}
	
	
	.related-materials-content{display:flex; align-items: center}
	.related-materials-content .col:first-child{width:364px; margin-right:60px; border-radius:10px}
	.related-materials-content .col:first-child figure{width:200px;}
	.related-materials-content .col:last-child{width:calc(100% - (364px + 60px))}

	
	.business-overview-map-content{display: flex; align-items: center; justify-content: space-between}
	.business-overview-map-content .col:first-child{width: 60%/*width: 534.89px*/; padding-right: 10%;}
	.business-overview-map-content .col:last-child{width: 40%; /*width: 401px; */}
	
	.simple-modal-content .modal-content-head .location-point span{font-size:16px}
	.modal-content-simple-version.modal-content{padding-top:80px}
	
	.modal-content-head{align-items: center}
	.modal-content-head .location-point{display:flex; align-items: flex-start;}
	.modal-content-head .location-point span{margin-right: 20px;}
	
	.modal-content .button-group{display: flex; flex-wrap: wrap;}
	.modal-content .button-group a{width:calc(33.33% - 14px*2/3); margin-right:14px; }
	.modal-content .button-group a:nth-child(3n){margin-right:0px}
	
	.modal-content .read-stamp.read-over .stamp{animation-delay: 1s; }
	
	
	
	.footer .copyright .copyright-content{display: flex; justify-content: space-between}
	
	.recruitment-section-head{text-align: center}
	.recruitment-news .recruitment-news-head-content{height:260px}
	
	.recruitment-news .recruitment-news-list{border-radius: 10px; padding: 40px 60px; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.recruitment-news .recruitment-news-list .list-heading{width: 150px;}
	.recruitment-news .recruitment-news-list .list-content{width:calc(100% - 24%); font-weight: 500}

	
	.innumbers .innumbers-graphic1{width:311px; position: absolute; top:-50px; left:0px}
	.innumbers .innumbers-graphic2{width:249px; position: absolute; top:-50px; right:0px}

	.innumbers h2,
	.innumbers .subtext,
	.interviews h2,
	.interviews .subtext,
	.benefits h2,
	.benefits .subtext{text-align: center}
	
	
	
	.interview-section-graphic{position: absolute; right:40px; top: -130px; width: 192px;}
	
	.benefits .benefits-section-graphic{position: absolute; left:40px; top: -130px; width: 256px;}
	
	.benefits .benefits-content{justify-content: center; margin:50px 0px -24px;}
	.benefits .benefits-content .col{width: calc(25% - 24px*3/4); margin-right: 24px; margin-bottom: 24px;}
	.benefits .benefits-content .col:last-child,
	.benefits .benefits-content .col:nth-child(4n){margin-right:0px}


	.equipments-content{display: flex; flex-wrap: wrap; margin:60px 0px -50px;}
	.equipments-content .equipments-block{width: calc(50% - 76px*1/2); margin-right:76px; margin-bottom: 50px}
	
	.benefits .showall{padding-bottom:0px}
	
	
	
.toppage-recruit-content{display: flex; align-items: center}
.toppage-recruit-content .col1{width: 172px}
.toppage-recruit-content .col2{width: calc(100% - 172px); padding-left:5%}
	
	
	
.recruitment-choices{display: flex;}
.recruitment-choices .col{width: calc(50% - 34px*1/2); margin-right: 34px}
.recruitment-choices .col:last-child{margin-right:0px}

.awards .filter-gallery{display: flex; flex-wrap: wrap; margin: 0px -15px;}
.awards .filter-gallery .col{width: 33.33%; padding: 0px 15px;}
	
.shizukamaker-page-header .map-heading{max-width: 430px; margin:0px auto 40px}
.shizukamaker-page-header .map-headingtext{text-align: center; margin-bottom: 10px}

.award-short .award-short-content{display: flex; align-items: center; justify-content: space-between;}
.award-short .award-short-content .col:first-child{width: 55%; padding-right: 5%;}
.award-short .award-short-content .col:last-child{width: 45%;}

.shizukamaker-illustration{position: absolute; width: 100%;}
.shizukamaker-illustration-left,
.shizukamaker-illustration-right{position: absolute; }

.shizukamaker-illustration-left{left:0px; top:50px;}
.shizukamaker-illustration-right{right:0px; top:50px;}

.shizukamaker-illustration-left .graphic1{max-width: 203px; width:12.687vw; margin: 0px auto 0px 0px;}
.shizukamaker-illustration-left .graphic3{max-width: 218px; width: 13.625vw; margin: 50px auto 0px 0px}

.shizukamaker-illustration-right .graphic2{max-width: 151px; width: 9.438vw; margin: 0px 0px 0px auto;}
.shizukamaker-illustration-right .graphic4{max-width: 214px; width: 13.375vw; margin: 20px 0px 0px auto;}

.toppage-business .toppage-business-content .toppage-business-item:first-child,
.toppage-business .toppage-business-content .toppage-business-item:nth-child(2){margin-bottom:100px}
.toppage-business .toppage-business-content{display: flex; flex-wrap: wrap; margin:150px -20px 0px}
.toppage-business .toppage-business-content .toppage-business-item{width:calc(50% - 40px); margin:0px 20px; }

.toppage-list-content-inner{display:flex;}
.toppage-list-content .list-heading{}
.toppage-list-content .list-content{}

.toppage-list-content .list-content ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -20px;}
.toppage-list-content .list-content ul li{width: calc(50% - 12px);}

.toppage-news-content{display: flex;}
.toppage-news-content .list-heading{width:200px}
.toppage-news-content .list-content{width: calc(100% - 200px); padding-left: 100px}

}




@media(min-width:781px) and (max-width:1300px)
{
	.page-content-outer .container-lb,
	.page-content-outer .container,
	.page-content-outer .container-sm{width:80%}
	
	.employee-interview-header figure{padding-left: 200px; aspect-ratio:1/.5}
	.employee-interview-header .employee-interview-header-content{padding-left:0px;}	
	.employee-interview-header h1 span{font-size:24px; padding: 2px 12px; line-height: 210%}
	.employee-interview-header h1 span:first-child{margin-bottom: 10px}
	.employee-interview-header h1{margin: 15px 0px 15px;}
	
	
	
	.modal-content .modal-head .title3{font-size:170px;}
	
	.illustrations .graphic1{width:calc(286px - 50px);}
	.illustrations .graphic2{width:calc(286px - 50px);}
	.illustrations .graphic3{width:calc(418px - 50px);}
	.illustrations .graphic4{width:calc(882px - 50px);}
	.illustrations .graphic5{width:calc(432px - 50px);}
	.illustrations .graphic6{width:calc(179px - 50px);}
	
	.recruit-button{}
	
	.recruitment-header{padding: 50px 0px 0px;}
	.recruitment-news .recruitment-news-head-graphic{margin: 0px auto -75px;}
	
	.recruitment-news .recruitment-news-list{padding:30px}
	.list-content{}
	
	.innumbers-content .col h4{font-size:20px}
	.innumbers-content .col{padding:20px 10px;}
	
	.innumbers-content .col num{font-size: 60px}
	.innumbers-content .col num span{font-size: 24px;}
	.innumbers .innumbers-graphic1{width: calc(311px/2)}
	.innumbers .innumbers-graphic2{width: calc(249px/2)}
	.innumbers-content .col icon img{height: 100px}
	.innumbers-content .col graph img{height: 172px}
	
	.interview-section-graphic{width:calc(192px/2);}
	.benefits .benefits-content .col icon img{height:80px}
	.benefits .benefits-content .col .title{font-size: 14px;}
	
	.benefits .benefits-section-graphic{width: calc(256px/2)}
	.marquee{font-size: 175px}
	
	.benefits .benefits-content .col{width: calc(50% - 24px * 1 / 2);}
	.benefits .benefits-content .col:nth-child(2n){margin-right:0px}
	
	.award-short .award-short-content{display: block}
	.award-short .award-short-content .col:first-child,
	.award-short .award-short-content .col:last-child{width: 100%; padding:0px}
	.award-short .award-short-content .col:first-child{margin-bottom: 30px;}
	
	
	
}

@media(min-width:781px) and (max-width:1200px)
{
	section{padding:60px 0px;}
	
	
	
	.header-outer .header .logo .logo-full{font-size:175px;}
	
	
	.achivements-content .achivements-col{width: calc(50% - 20px*1/2); margin-right:20px}
	.achivements-content .achivements-col:nth-child(even){margin-right:0px}
	.achivements-content .achivements-col:nth-child(odd){margin-right:20px}
	
	.business-overview-map-content{display: block}
	.business-overview-map-content .col:first-child,
	.business-overview-map-content .col:last-child{width: 100%;}
	
	.business-overview-map-content .col:first-child figure,
	.business-overview-map-content .col:last-child figure{max-width:350px}
	.business-overview-map-content .col:first-child{margin-bottom:30px}
	
	.related-materials-content{display: block}
	.related-materials-content .col:first-child{width: 100%; margin-bottom: 30px; margin-right: unset}
	.related-materials-content .col:last-child{width: 100%}
	
	.page-content-outer .modal .container-sm{width: 100%; padding: 20px;}
	.modal-content .modal-content-inner{padding:20px}
	.modal-content .modal-head{padding:0px 20px}
	.modal-content .modal-head .title1{font-size:21px;}
	
	.modal-content .modal-head .title2{font-size: 28px;}
	.modal-content .assignment-complete h2.h2big{padding:12px 30px}
	.modal-content .assignment-complete .text1{padding: 20px 30px; font-size: 20px;}
	.modal-content .assignment-complete .text2{}
	.modal-content .assignment-complete figure{}	
	.modal-content .assignment-complete{margin-bottom:-20px}
	/*
	.modal-content.light-yellow-version .assignment-complete figure{width: 178px;}*/
	
	.employee-bottom-buttons-content a{width:calc(50% - 5px); padding: 20px 5px;}
	.employee-bottom-buttons-content icon{width:40px;}
	.employee-slider h6{font-size: 16px;}
	
	.more-interviews h2{font-size:48px}
	
	/*
	.recruit-button a{font-size: 14px; padding: 2px 10px; border-radius: 20px;}
	.entry-btn{width: 100px; margin-left:5px;}
	.entry-btn a{font-size: 11px; border-radius: 20px; padding:1px}
	.entry-btn icon{width:13px;}*/
	
	
	.toppage-recruit-content{display: block; padding:30px}
	.toppage-recruit-content .col1,
	.toppage-recruit-content .col2{width: 100%; text-align: center;}
	.toppage-recruit-content .col1{margin-bottom: 30px;}
	.toppage-recruit-content .col2{padding-left:0px;}
	
	.toppage-business .toppage-business-content .toppage-business-item{width: 100%;}
	.toppage-list-content-inner{display: block}
	.toppage-list-content .list-heading, .toppage-list-content .list-content{width: 100%}
	
	.toppage-list-content .list-heading{margin-bottom:50px}
	
	.toppage-business .toppage-business-content .toppage-business-item{margin-bottom:100px}
	.toppage-business .toppage-business-content .toppage-business-item:last-child{margin-bottom:0px}
	
	.toppage-list-content .list-content{padding-left:0px;}
	
	.toppage-news-content{display: block}
	.toppage-news-content .list-heading, .toppage-news-content .list-content{width: 100%}
	.toppage-news-content .list-content{padding-left:0px;}
	.toppage-news-content .list-heading{margin-bottom: 50px;}
	.toppage-news-content .list-heading .btn{position: absolute; top: 22px; right:0px; margin-top:0px;}
	
	
	
}






	


@media(max-width:1400px)
{
	.modal .close{width:48px; height: 48px; right:10px; font-size: 8.4px; padding-top: 2px; position: absolute}
	.modal .close.fixed{position: fixed; right: 5px; top: 5px;}
	.modal .modal-content-simple-version .close.fixed{right: 25px;}
	.modal .close icon{width:8px; height:8px; margin-bottom: 1px;}
	
}

@media(max-width:1200px)
{
	.shizukamaker-map .mappoint-bubble{width: 100px; height: 123px;}
	.shizukamaker-map-content img{width: 100%; height: auto; display: block;}
	.shizukamaker-map .mappoint .title{padding: 3px 5px; line-height: normal; font-size: 12px;}
	
	.header-outer .header .top-navigation ul li{padding:0px 12px;}
	.header-outer .header .top-navigation ul li a.toplink{font-size:13px; padding-bottom:1px}
	
	.header-outer .header .top-navigation ul li.active a{border-width:1.5px}
	
	
	.hamburger{display: block; width:25px; cursor: pointer; z-index:99}	
	.hamburger span{transition: ease all .5s; width: 100%; height: 3px; background-color:#20783F; display: block; margin-bottom:5px}
	.hamburger span:last-child{margin-bottom:0px;}	
	
	.hamburger.menuopen{background-image:none;}
	.hamburger.menuopen span{}
	.hamburger.menuopen span:first-child{transform:rotate(45deg); margin-top:0px }
	.hamburger.menuopen span:nth-child(2){display:none; }
	.hamburger.menuopen span:last-child{transform:rotate(-45deg); margin-top:-8px }
	.header-outer,
	.header-outer.sticky{padding: 16px 0px;}
	.header-outer .container-fluid{padding:0px 20px 0px 16px;}
	.header-outer{position: fixed; top:0px; }
	.header-outer .header .logo .logo-full{max-width: 154px;}
	.header-outer.sticky .header .logo .logo-small{max-width:43px}
	
	.header-outer .header{flex-wrap: wrap;}
	.header-outer .header .top-navigation{width:100%; line-height: 120%; display: none; padding: 40px 14px; height: calc(100vh - 20px); overflow: scroll;}
	.header-outer .header .top-navigation ul li{margin: 0px; padding: 0px;}
	.header-outer .header .top-navigation ul li a.toplink{font-size: 14px; color: #fff; padding: 20px 0px; border-bottom: 0px; border-top: 1px rgba(255,255,255,.5) solid; display: block}
	.header-outer .header .top-navigation ul li.submenu a.toplink:after{display: none;}
	
	.header-outer .header .top-navigation ul li.submenu icon{position: absolute; right:0px; width:40px; height: 100%; z-index:1;}
	.header-outer .header .top-navigation ul li.submenu icon{background-image:url('../images/icon-plus.png'); background-repeat: no-repeat; background-size: 12px 12px; background-position: top 23px right 10px; }
	.header-outer .header .top-navigation ul li.submenu.showsubmenu icon{background-image:url('../images/icon-minus.png'); background-size: 12px 2px; background-position: top 27px right 10px;}
	
	
	
	
	.header-outer.showmenu .top-navigation{display:block; opacity:0; animation: animatelink 1s forwards}
	
	@-webkit-keyframes animatelink
	{
		0%{opacity:0}
		100%{opacity:1}		
	}
	
	@keyframes animatelink
	{
		0%{opacity:0}
		100%{opacity:1}		
	}
	
	.header-outer.showmenu .hamburger span{background-color:#fff}
	.header-outer.showmenu{background-color:#363738; height: 100vh;}
	.header-outer.showmenu .header .logo .logo-mob-menu{display: block; width: 43px;}
	.header-outer.showmenu .header .logo .logo-small,
	.header-outer.showmenu .header .logo .logo-full{display: none}
	
	.header-buttons{left:190px}
	.header-outer.sticky .header-buttons{left: 60px;}

	.page-content-outer{padding-top:70px;}

	.recruit-button{}
	.header-outer.sticky .recruit-button{}
	.header-outer.showmenu .header-buttons{display: none;}
	
	.recruit-button a{font-size: 18px; padding: 4px 18px}
	
	.entry-btn{width: 120px; height: 30px;}
	.entry-btn a{flex-direction: row; justify-content: flex-start; font-size: 13px;}
	.entry-btn icon{margin: 0px 5px 0px 15px; width: 15px;}
	
	
	.footer .footer-content{padding:0px; line-height: 120%;}
	.footer .footer-content .toplink{font-size: 14px; padding:20px 0px; border-bottom: 1px rgba(255,255,255,.5) solid;}	
	.footer .footer-content .showsubmenu .toplink{border-bottom: 0px}	
	
	.footer .footer-bottom{padding: 60px 0px 80px}
	.footer .footer-content .submenu ul{display:none; margin-top:0px; padding:0px 0px 10px;}
	.footer .footer-content .submenu ul li a{font-size:12px; padding:8px 0px;}
	.footer .footer-content .submenu ul li:first-child a{padding-top:0px}
	
	.footer .footer-content .submenu icon{position: absolute; right:0px; width:40px; height: 100%; z-index:1;}
	.footer .footer-content .submenu icon{background-image:url('../images/icon-plus.png'); background-repeat: no-repeat; background-size: 12px 12px; background-position: top 23px right 10px; }
	.footer .footer-content .submenu.showsubmenu icon{background-image:url('../images/icon-minus.png'); background-size: 12px 2px; background-position: top 27px right 10px;}
	
	
	.footer .footer-content .submenu.showsubmenu{border-bottom: 1px rgba(255,255,255,.5) solid;}
	
	.toppage-shizukamaker-map .head-content {
        max-width: 410px;
        padding: 0px 20px;
        left: unset;
        right: unset;
        top: unset;
        position: relative;
        margin: 30px auto;
        text-align: center;
    }
	
	.toppage-shizukamaker-map .head-content .linkbtn{display: none}
	.toppage-shizukamaker-map .foot-content .linkbtn{display: block; width: fit-content; margin: 30px auto}
	
}


@media(max-width:780px)
{
	.d-desktop{display:none}
	.d-mobile{display:block}
	
	
	
	body{font-size:14px;}
	p{margin:12px 0px;}
	
	.page-content{padding-top:40px}
	section{padding: 50px 0px;}	
	.container, .container-lb, .container-fluid{padding:0px 30px}
	
	
	.business-overview-map .container,
	.business-overview .container,
	.single-news .page-content-outer .container-sm{padding:0px 15px}
	
	
	
	
	
	
	.btn-top{width:44px;}
	
	.bottom-links .group-buttons{margin-bottom: 0px;}
	
	.phl-text{text-align: center}
	.phl-graphic{width: fit-content;  margin: 0px auto 15px}
	
	.ph2-graphic{width:68px; height:68px; margin-right:16px}
	.ph2-graphic icon{width:47px;}
	.ph2-text span{font-size:12px}
	.ph2-text h1{font-size:28px}
	
	.single-news .page-content-outer{margin-bottom:20px}
	
	.company-content{margin-top:50px;}
	.company-content-block{margin-bottom: 70px;}
	
	.group-anchor-links-4col span{margin-bottom: 10px}
	.group-anchor-links-4col span:last-child{margin-bottom: 0px}
	
	.filter-gallery.tl-column-3-group .col{margin-bottom: 30px}
	.filter-buttons{margin:40px 0px 30px; display: flex; flex-wrap: wrap;}
	.filter-buttons a{width:calc((100% - 10px) / 2); font-size: 13px;}
	
	
	

	.awards .award-info{margin-top:15px}
	
	
	.news-details{padding-bottom:40px}
	.news-details .news-details-content .news-details-content-inner{padding-top:20px}
	.news-details .news-details-header{padding:0px 15px;}
	
	.news-details .news-details-content{margin:20px 0px 40px; padding-bottom: 30px; border-radius:15px}
	.news-details .post-specs .date{font-size:13px;}
	.news-details .post-specs .category-name span{font-size:10px}
	.news-details .post-specs{margin-bottom:12px; flex-wrap: wrap;}
	
	
	
	.news-details .news-details-content h4{margin:12px 0px}
	/*
	.news-details .news-details-content .two-col-block{margin-top: 30px}
	.news-details .news-details-content .two-col-block .col:last-child{margin-top:30px}*/
	
	.news-details .news-details-content .border-block{padding:10px; margin-top:30px}
	.news-details .news-details-content .block-list{margin-top:30px}
	
	.news-details .news-details-content .pdfdownloadlink{margin-bottom: 40px;}
	
	.business-overview-head{padding:0px 15px}
	
	.achivements{margin-top:30px; margin-bottom: 0px;}
	.achivements .achivements-col{margin-bottom:25px}
	.achivements .achivements-col-pad{padding: 15px 10px;}
	.achivements .headlink{font-size:15px; line-height: 120%}
	.achivements .headlink:after{width:15px; height: 15px;}
	.achivements .achivements-location-1,
	.achivements .achivements-location-2{font-size:12px}
	.achivements .achivements-location-2{background-size: 12px 15px; padding-left:17px}
	
	.related-materials{padding:35px 0px 40px}
	.related-materials-content{margin-top: 25px;}
	.related-materials-content .col:first-child{margin-bottom: 20px}
	.related-materials-content .pdfdownloadbtn{margin-top:25px}
	.related-materials-content .col:first-child figure{width:195px; padding: 40px 0px 30px;}
	
	.business-overview-map-content{box-shadow: 4px 4px 0px 0px #20783F; padding: 30px 22px 40px 22px;}
	
	.business-overview-map-content .col:first-child,
	.business-overview-map-content .col:last-child{width: 100%;}
		
	.business-overview-map-content .col:first-child{margin-bottom: 30px}
	.business-overview-map-content .col:last-child figure{max-width: 305px; margin: 5px 0px 20px;}
	
	.business-overview-map-content .col:last-child .linkbtn{margin-top: 30px;}
	
	
	
	
	.modal-content{padding: 70px 15px 30px; border-radius: 10px;}
	.modal-content.modal-content-simple-version{padding: 80px 22px 30px; width: calc(100% - 30px);}
	.modal-content .container-sm{padding:0px}
	.modal-content .modal-head{padding:0px 20px}
	.modal-content .modal-head .modal-head-text{padding-bottom:30px;}
	.modal-content .modal-head .title1{font-size:16px; margin-bottom:5px}
	.modal-content .modal-head .title2{font-size: 18px;}
	.modal-content .modal-head .title3{font-size:80px}
	.modal-content .modal-head figure img{height: 110px}
	.modal-content .modal-content-inner{padding:20px; border-radius: 10px}
	.sl-column-2-group.modal-content-head .col{margin-bottom:18px}
	
	.modal-content-head h2{margin: 10px 0px;}
	
	.modal-content-head .location-point span{margin-bottom:4px}
	.modal-content .assignments{border-radius:5px; border-width:2px}
	.modal-content .assignments ul{padding:0px 15px 5px}
	.modal-content .assignments .assignments-head{font-size:16px; font-weight:500; padding-left: 15px;}
	.modal-content .assignments ul li{background-size: 16px 16px; padding:0px 0px 10px 28px; margin-top: 15px; }
	
	.modal-content .assignments-answer-head figure{width:40px}
	.modal-content .assignments-answer-head h2.h2big{font-size: 28px; margin-top: 15px}
	
	.modal-content .button-group a{font-size:14px; margin-bottom:16px; height: 60px;}
	.modal-content .button-group a icon{display: inline-block; width:40px; margin-right:12px}
	
	.modal-content .stamp{width:63px; height: 63px;}
	.modal-content .assignments-answer-banner{aspect-ratio: 16/9}
	
	.modal-content-head .location-point span{background-position:left top 4px}
	
	.modal-content .tl-column-2-group .col{margin-bottom: 15px}
	.modal-content h4{font-size:16px}
	.modal-content h4.first{margin-top: 15px}
	.modal-content .assignment-complete{border-width: 2px; border-radius:10px; margin-bottom: -20px;}
	.modal-content .assignment-complete h2.h2big{border-radius: 5px 0px 10px 0px; font-size: 16px; line-height: 120%; padding: 6px 16px 7px; margin-bottom: 15px;}
	
	.modal-content .assignment-complete .assignment-complete-content{padding-bottom:15px}
	.modal-content .assignment-complete .text1{font-size: 13px; padding: 0px 90px 0px 16px;}
	.modal-content .assignment-complete .text2{font-size: 8.8vw;}
	
	.modal-content .button-group{padding:50px 15px}
	.modal-content .close-btn{margin: 50px auto 0px; padding: 9px 67px;}
	
	.modal-content .assignments-answer-banner img.bradius-1{border-radius:5px}
	.modal-content .stamp{right:-15px}
	
	.modal-content .assignment-complete figure img{height: 28.267vw}
	/*
	.modal-content.light-yellow-version .assignment-complete figure{width: 68px; }
	.modal-content.light-orange-version .assignment-complete figure{width: 68px; }
	.modal-content.light-brown-version .assignment-complete figure{width: 68px; }
	.modal-content.light-blue-version .assignment-complete figure{width: 68px; }*/
	
	.modal-content .assignments-answer-banner img,
	.modal-content-head .col:first-child figure img,
	.modal-content-inner .tl-column-2-group figure img{border-radius:5px}
	
	.modal-bottom-btn {margin: 50px auto;}
	
	.modal-content .read-stamp .stamp{width:56px; height:56px; top: -10px; right:-10px}
	
	.modal-description{margin-top: 25px; padding: 20px 17px;}
	.modal-description ul li:before{width:5.7px; height: 5.7px}
	.modal-description ul li{padding-left:12px;}
	.simple-modal-content{padding-top:20px}
	
	.more-interviews h2{font-size:36px; text-align: left; margin-bottom: 8px;}
	.more-interviews .subtext{text-align: left}
	
	.employee-interview .page-content h4{font-size: 16px}
	.employee-interview .page-header .container{padding:0px 16px}
	.employee-interview-header figure{width:100%;}
	.employee-interview-header .employee-interview-header-content{position: relative; padding-left: 16px; padding-right: 16px; margin-top: -22px;}
	.employee-interview-header h1 span{font-size:24px; padding: 3px 12px; line-height: 215%;}
	.employee-interview-header h1 span:first-child{margin-bottom: 10px;}
	.employee-interview-header h1 br{display: none;}
	.employee-interview-header .text1{font-size:16px; margin-bottom:18px; margin-left:10px;}
	.employee-interview-header .text3{font-size: 16px; margin-top: 2px;}
	.employee-interview-header h1{margin: -5px 0px 15px}
	.employee-interview .page-content{padding:50px 0px}
		
	.employee-slider h6 span{line-height:230%;}
	
	.employee-bottom-buttons{padding:40px 0px;}
	.employee-bottom-buttons-content icon{width:24px; left: unset; margin-right:10px; position: relative;}
	.employee-bottom-buttons-content a{width: calc(50% - 4.5px); display: flex; align-items: center; justify-content: center; font-size: 12px; padding: 7px 5px;}
	
	.employee-header-buttons{margin:30px auto}
	.employee-header-buttons .employee-bottom-buttons-content a{font-size:12px; padding: 9px 5px; width: calc(50% - 5px);}
	.employee-header-buttons .employee-bottom-buttons-content icon{width:20px; left: 0px;}
	
	
	
	.news-categories{margin-bottom: 30px;}
	.news-categories li{width:calc(50% - 1*9px/2); margin-right:9px; text-align: center}
	.news-categories li:nth-child(2n){margin-right:0px;}
	.news-categories a{font-size: 13px;}
	.news-category-post-list .news-category-post-head .date{font-size: 13px; line-height: 100%}
	.news-category-post-list .news-category-post-head a{font-size: 10px; line-height: 100%}
	.news-category-post-list .news-category-post{padding: 16px 20px 20px}
	.news-category-post-list .news-category-post p{margin-top: 10px;}
	
	.contact-form .mandate{font-size: 12px}
	
	.contact-form .form-group{padding:20px 0px}
	.contact-form .form-group > label,
	.contact-form .form-group .input-field-container,
	.contact-form .form-group .input-field-container.two-col .input-field{width: 100%;}
	
	.contact-form .form-group > label{margin-bottom:12px; padding-top: 0px; font-size: 15px;}
	.contact-form .form-group .input-field-container.two-col .input-field{margin-bottom:15px}	
	.contact-form .form-group .input-field-container.two-col .input-field:last-child{margin-bottom:0px;}
	
	.contact-form .form-group .input-field-container.two-col .input-field label{text-align: left}
	
	.contact-form input[type=text], 
	.contact-form input[type=email], 
	.contact-form select{font-size: 14px;}
	
	.contact-form .agreement{margin: 30px 0px 40px; padding:0px 15px}
	.contact-form .agreement input[type=checkbox]{width:21px; height: 20px}
	.contact-form .agreement span.agreement-text{width:calc(100% - 23px)}
	
	.contact-form input[type=submit],
	.contact-form .btnnext,
	.contact-form .btnprev{max-width: 216px;}
	
	.pagination{font-size:14px; margin-top:30px}
	.pagination a.next, .pagination a.prev{width:36px; height:36px}
	.pagination a.next{margin-left: 32px;}
	.pagination a.prev{margin-right: 32px;}
	
	.bottom-links .container-lb{padding:0px 20px}
	
	.footer{line-height:120%}
	.footer-top{margin-bottom: -1.2%;}
	.footer-top .container-lb{padding:0px}
	
	.footer .copyright{padding:15px 0px 30px; line-height: 140%;}
	.footer .copyright .copyright-content .col1 ul li{margin-right: 24px;}
	.footer .copyright .copyright-content .col1{margin-bottom:15px;}
	.footer .copyright .copyright-content .col1 ul{justify-content:center;}
	.footer .copyright .copyright-content .col2{text-align: center; font-size: 10px; line-height:120%}
	
	
	
	.recruitment-header{padding-top:40px}
	
	.recruitment-news .recruitment-news-head-graphic{margin:0px auto -40px}
	.recruitment-news .recruitment-news-head-content{padding-bottom: 100px; padding-top: 70px;}
	
	.recruitment-news{padding-bottom: 30px;}
	.recruitment-news .recruitment-news-list{margin-top: -100px; margin-left:-15px; margin-right:-15px; padding: 20px;}
	
	.recruitment-news .recruitment-news-list .list-content li{padding-bottom: 15px; margin-bottom: 10px;}
	.recruitment-news .recruitment-news-list .list-content .date{font-size: 13px; color:#666666}
	.recruitment-news .recruitment-news-list .list-content a{margin-top:5px}
	.recruitment-news .recruitment-news-list .list-heading .btn{padding-right: 32px;}
	
	.recruitment-news .recruitment-news-list .list-heading .title{font-size: 24px;}
	.recruitment-news .recruitment-news-list .list-heading .subtext{font-size: 10px}
	
	.recruitment-news .recruitment-news-list .list-heading{margin-bottom: 25px}
	.recruitment-news .recruitment-news-list .list-heading .btn{margin-top: 8px; position: absolute; top: 0px; right: 0px;}
	.recruitment-news .recruitment-news-list .list-heading .btn:after{width:24px; height: 24px; top: calc(50% - 24px / 2);}
	
	.recruitment-section-head{margin-top: 30px;}
	
	.interview-section-graphic{margin: -110px 0px 20px auto; width: 128px;}
	.benefits .benefits-section-graphic{margin: -110px 0px 15px auto; width: 171px;}
	
	.benefits .benefits-content{margin:30px -15px -10px}
	.innumbers-content,
	.interviews-content{margin: 30px -15px 40px;}
	
	.innumbers{padding-top:0px}
	.innumbers-graphics{display: flex; margin:0px 0px 20px}
	.innumbers .innumbers-graphic1{width:200px;}
	.innumbers .innumbers-graphic2{width:119px;}

	
	.innumbers-content .col icon img{height: 126px}
	.innumbers-content .col graph img{height: 143px;}
	.innumbers-content .col h4{line-height: 150%; margin-bottom: 20px;}
	.innumbers-content .col num{font-size: 62px;}
	.innumbers-content .col num span{font-size: 24px;}
	
	
	.innumbers-content.tl-column-3-group .col{margin-bottom:15px}
	.innumbers-content .col{padding:20px 15px}
	
	.benefits .benefits-content .col:last-child,
	.benefits .benefits-content .col:nth-child(2n){margin-right:0px}

	.benefits .benefits-content .col .title{font-size: 15px; line-height: 140%}
	.benefits .benefits-content .col .title span{font-size: 12px}
	.benefits .benefits-content .col{padding:15px 5px}
	.benefits .benefits-content .col icon{margin-bottom:10px;}
	.benefits .benefits-content .col icon img{height:80px}
	
	.equipments{padding:50px 0px; margin-top: 50px;}
	.equipments-content{margin:30px 0px 0px;}
	.equipments-content .equipments-block{margin-bottom:30px}
	.equipments-content .equipments-block:last-child{margin-bottom:0px}
	.equipments-content h5{margin:12px 0px 6px}
	.equipments-content p{margin-top:0px}
	
	.recruitment-header h1 .subtext,
	.innumbers .subtext,
	.interviews .subtext,
	.benefits .subtext{font-size:14px}
	
	.marquee{font-size: 60px; margin: 20px 0px 0px}
	
	.interviews-content .text1{font-size:12px}
	
	.recruitment-slider-outer{padding-top:20px}
	
	.recruitment-choices{margin-bottom: 50px}
	.recruitment-choices .col:first-child{margin-bottom:12px;}
	
	.recruitment-choices .col{text-align: left}
	.recruitment-choices .col a{display: flex; padding:20px; align-items: center;}
	.recruitment-choices .col icon{width:68px; margin: 0px 20px 0px 0px}
	.recruitment-choices .col text{width:calc(100% - 88px);}
	.recruitment-choices .col span.title{margin-bottom:5px}
	
	
	
	.shizukamaker-slider{margin-top:50px}
	.shizukamaker-map .alert{left:30px; top:7%}
	.shizukamaker-map .alert .title{font-size: 20px}
	
	.award-short .award-short-content{padding:20px 20px 30px; margin: 0px -10px;}
	.awards .filter-gallery .col{margin-bottom:30px;}
	.awards .filter-gallery .col:last-child{margin-bottom:0px;}
	
	
	.award-short .award-short-content .col:first-child{margin-bottom: 30px;}
	.award-short .award-short-content .title{font-size: 28px;}
	.award-short .award-short-content .subtitle{font-size: 12px}
	.award-short .award-short-content .linkbtn{margin-top:20px}
	
	.shizukamaker-illustration-top{margin-bottom:-30px;}
	.shizukamaker-illustration-bottom{margin-top:30px;}
	
	.shizukamaker-map{padding-bottom:50px; margin-bottom: 50px;}
	.toppage-shizukamaker-map.shizukamaker-map{margin-bottom:0px;}
	.shizukamaker-page-header .map-content{text-align: left; font-size: 15px}
	.shizukamaker-page-header .map-heading{margin-bottom:50px;}
	
	
	
	
	.shizukamaker-map .icon-tap{display: flex; width: 100%; height: 100%; position: absolute; justify-content: center; align-items: center; top:0px; z-index:99}
	.shizukamaker-map .icon-tap img{width: 100px; height: 100px;}
	
	.shizukamaker-map .icon-tap.hidden{display: none;}
	
	
	/* scrollbar UI container */
	.shizukamaker-map .scrollbar-wrap{position: absolute; bottom: 0px; right: 20px}

/* +/- buttons */
.shizukamaker-map .side-btn{border: 0;
        display: grid;
        place-items: center;
        width: 55px;
        padding: 0px;
        cursor: pointer;
        user-select: none;
        color: #20783F;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2); padding: 8px;}
.shizukamaker-map .side-btn:active{}
.shizukamaker-map .side-btn:focus{}

.shizukamaker-map #btn-decr{margin-top: 15px;}
.shizukamaker-map #btn-incr{}

.shizukamaker-map .track-outer{
  position:relative;
  flex:1;
  display:none;
  align-items:center; 
}

.shizukamaker-map .track{
  position:relative;
  height:2px;
  width:100%;
  background:#666666;
  border-radius:30px;
}
.shizukamaker-map .track .fill{
  position:absolute;left:0;top:0;bottom:0;
  width:0%;
  background:#d76d18;
  border-radius:30px;
  transition:width .12s linear;
}

.shizukamaker-map .thumb{
  position:absolute; top:50%;transform:translate(-50%,-50%);
  width:24px;height:24px;
  border-radius:50%;
  background:#fff;
  display:grid;place-items:center;
  cursor:grab;
  touch-action:none;
  transition:transform .08s ease;
  z-index:5;
  border:2.29px #666666 solid
}
.shizukamaker-map .thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(.98)}


.toppage-business .linkbtn,
.toppage-shizukamaker-map .head-content .linkbtn{margin-top: 25px;}


/*.toppage-shizukamaker-map .head-content{max-width: 315px; left:30px; right:30px; top: 40px;}
.shizukamaker-map-content{min-width: 1024px; }*/

/*.shizukamaker-map-content figure{aspect-ratio: 1/.35}
.shizukamaker-map-content figure img{height: 100%; object-fit: cover;}*/

/*.toppage-shizukamaker-map .head-content *{transition: ease 1s all 1s}
.toppage-shizukamaker-map .head-content{transition: ease all 1s}


.toppage-shizukamaker-map .head-content.head-content-after-bubbleloads{top:20px}
.toppage-shizukamaker-map .head-content.head-content-after-bubbleloads .map-heading{max-width:243px}
.toppage-shizukamaker-map .head-content.head-content-after-bubbleloads .text1,
.toppage-shizukamaker-map .head-content.head-content-after-bubbleloads p,
.toppage-shizukamaker-map .head-content.head-content-after-bubbleloads .linkbtn{opacity:0; display: none;}*/


.toppage-recruit-content{padding:20px 15px; margin: 0px -15px;}
.toppage-recruit-content .col1{margin-bottom: 20px; text-align: center}
.toppage-recruit .title{font-size: 32px;}
.toppage-recruit .subtext{font-size: 12px;}
.toppage-business .phl-text{text-align: left}
.toppage-business .phl-text h1{margin-bottom:20px}
.toppage-business .phl-text h1 span.jp-title{margin-top: 5px;}

.toppage-business .phl-graphic img{height: auto; width: 100%; max-width: 315px}	
.toppage-business .toppage-business-content .toppage-business-item .title{font-size: 18px; padding: 12px 20px}
.toppage-business .toppage-business-content .toppage-business-item .title span{line-height: 130%; display: block; font-size: 12px; margin-left: 0px;  font-weight: 500;}

.toppage-business .toppage-business-content{margin: 62px -15px 0px}

.toppage-business .toppage-business-content .toppage-business-item .toppage-business-item-content{padding: 20px 20px 10px;}
.toppage-business .toppage-business-content .toppage-business-item .section-title-img.research{width:122px; right: 40px; top: -38px;}
.toppage-business .toppage-business-content .toppage-business-item .section-title-img.design{width: 110px; right: 20px; top: -40px;}
.toppage-business .toppage-business-content .toppage-business-item .section-title-img.maintenance{width: 83px; right: 30px; top: -20px;}
.toppage-business .toppage-business-content .toppage-business-item .section-title-img.imagine{width: 106px; right: 15px; top: -27px;}

.toppage-business .toppage-business-content .toppage-business-item .toppage-business-item-gallery{margin-top:25px}
.toppage-business .toppage-business-content .toppage-business-item .toppage-business-item-gallery figure{aspect-ratio:1/.96}
.toppage-business .toppage-business-content .toppage-business-item .toppage-business-item-gallery figure img{height: 100%; object-fit: cover}
.toppage-business .toppage-business-content .toppage-business-item .readmore{width: 44px; height:44px; background-size: 16px; background-position: bottom 10px right 10px;}

.toppage-business .toppage-business-content .toppage-business-item{margin-bottom:60px}
.toppage-business .toppage-business-content .toppage-business-item:last-child{margin-bottom:0px}

.toppage-sustainability{padding-top:30px}

.toppage-sustainability .toppage-list-content,
.toppage-company .toppage-list-content,
.toppage-list-content{padding-top: 60px; padding-bottom: 40px;}

.toppage-recruitment .toppage-list-content{margin:0px -15px; padding-left: 20px; padding-right:20px}

.toppage-recruitment .toppage-recruitment-content{padding-top:80px}
.toppage-recruitment .toppage-list-content-outer{padding-top: 0px; padding-bottom: 50px;}
.toppage-recruitment .toppage-recruitment-head-graphic{margin: 0px auto -9%;}
.toppage-recruitment .toppage-list-content .toppage-list-img{width:120px; top: -20px; right: 7%;}
.toppage-list-content .title{font-size:36px;}

.toppage-company .toppage-list-content .toppage-list-img{width:77px; top: -30px;}

.toppage-company .toppage-list-content{margin-left:-15px; margin-right:-15px; padding-left: 20px; padding-right: 20px; box-shadow: 0px 4px 0px 0px #20783F;}
.toppage-list-content .linkbtn{margin-top:30px;}
.toppage-list-content .list-content{margin-top:25px}
.toppage-list-content .subtext{margin-bottom:20px; font-size: 14px;}

.toppage-sustainability .toppage-list-content .toppage-list-img{width: 75px; right: 20px; top: -20px;}
.toppage-sustainability .toppage-list-content{margin-right:-15px; padding-right: 20px; padding-left:5px; box-shadow: 4px 4px 0px 0px #20783F;}

.toppage-list-content:after{border-width: 4px}

.toppage-news{padding-top:25px}
.toppage-news-content .news-category-post-list{margin:0px -15px}
.toppage-news-content .list-heading .btn{position: absolute; top:17px; right:0px; margin-top:0px;}
.toppage-news-content .list-heading{margin-bottom:30px}
.toppage-news-content .list-heading .title{font-size: 32px;}
.toppage-news-content .list-heading .btn{padding-right:32px}
.toppage-news-content .list-heading .btn:after{width:24px; height:24px; top: calc(50% - 24px / 2);}



	
}