/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */
































.dnd-section > .row-fluid {
  max-width: 1040px;
}

.dnd-section{
  padding-bottom: 50px;
  padding-top: 50px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #F8FAFC;
}
.page-center,
.container,
body header .container{
  max-width: 1040px;
}




body {
  color: rgba(17, 17, 17, 1.0);
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 14px;
}


a {
  color: rgba(49, 169, 72, 1.0);
}

a:hover,
a:focus {
  color: rgba(49, 169, 72, 1.0);
}

a:active {
  color: rgba(89, 209, 112, 1.0);
}

h1 {
  color: rgba(17, 17, 17, 1.0);
  font-family: Yu Gothic;
  font-size: 3em;
  font-weight: 700;
}



h2 {
  color: rgba(17, 17, 17, 1.0);
  font-family: Yu Gothic;
  font-size: 36px;
  font-weight: 700;
}



h3 {
  color: rgba(49, 169, 72, 1.0);
  font-family: Yu Gothic;
  font-size: 34px;
  font-weight: 700;
}


h4 {
  color: rgba(17, 17, 17, 1.0);
  font-family: Yu Gothic;
  font-size: 21px;
  font-weight: 700;
}


h5 {
  color: rgba(17, 17, 17, 1.0);
  font-family: Yu Gothic;
  font-size: 15px;
  font-weight: 700;
}

h6 {
  color: rgba(17, 17, 17, 1.0);
  font-family: Yu Gothic;
  font-size: 12px;
  font-weight: 700;
}

blockquote {
  border-left: 10px solid #F8FAFC;;
}





form,
.submitted-message {
  font-family: Yu Gothic;
  background-color: rgba(#null, 0.0);
}

h3.form-title {
  background-color: rgba(#null, 0.0);
  color: rgba(37, 53, 94, 1.0);
}

.hs-button,
.button--primary {
  background-color: rgba(49, 169, 72, 1.0);
  border-color: rgba(49, 169, 72, 1.0);
  border-radius: 0px;
  border-width: 1px;
  color: rgba(255, 255, 255, 1.0);
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  background-color: rgba(49, 169, 72, 1.0);
  border-color: rgba(49, 169, 72, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.hs-button:active,
.button--primary:active {
  background-color: rgba(89, 209, 112, 1.0);
  border-color: rgba(89, 209, 112, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.hs-form label {
  color: rgba(28, 50, 85, 0.7000000000000001);
}

.hs-form legend {
  color: rgba(28, 50, 85, 1.0);
}


form select,
form textarea,
.hs-input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="file"],
textarea,
select {
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(203, 214, 226, 1.0);
  color: rgba(#null, 0.0);
  border-radius: 23px;
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
  border-color: rgba(84, 159, 214, 1.0);
}

.fn-date-picker .pika-table thead th {
  color: rgba(255, 255, 255, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
  color: {color=#111111, opacity=100, rgba=rgba(17, 17, 17, 1), rgb=rgb(17, 17, 17), hex=#111111, css=#111111};
}

.hs-richtext {
  font-size: 14;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Yu Gothic;
}

.fn-date-picker td.is-today .pika-button {
  color: #494a52;
}

.fn-date-picker td.is-selected .pika-button {
  background: #494a52;
}

.fn-date-picker td .pika-button:hover {
  background-color: #F8FAFC !important;
}





th,
td {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(71, 71, 71, 1.0);
  color: rgba(71, 71, 71, 1.0);
}

thead th,
thead td {
  background-color: rgba(71, 71, 71, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(71, 71, 71, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(71, 71, 71, 1.0);
}





header{
  background-color: rgba(255, 255, 255, 1.0);
}

.header__container {
  max-width: 1040px;
}
header .header-menu{
  background-color: rgba(49, 169, 72, 1.0);

}
.header-login > ul > li > a {
  color: rgba(255, 255, 255, 1.0);
}

.header-login > ul > li > a:hover {
  color: rgba(255, 255, 255, 1.0);
}

body .header_movie a{
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(53, 35, 26, 1.0);
}
body .header_movie a:hover{
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(53, 35, 26, 1.0);
}
body .header_entry a{
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(49, 169, 72, 1.0);
}

body .header_entry a:hover{
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(49, 169, 72, 1.0);
}

body .header-menu .nav_movie a{
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(53, 35, 26, 1.0);
}
body .header-menu .nav_movie a:hover{
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(53, 35, 26, 1.0);
}
body .header-menu .nav_entry a{
  color: rgba(49, 169, 72, 1.0);
  background-color: rgba(255, 255, 255, 1.0);
}

body .header-menu .nav_entry a:hover{
  color: rgba(49, 169, 72, 1.0);
  background-color: rgba(255, 255, 255, 1.0);
}
#header_switch:before, #header_switch a:before, #header_switch a:after{
  background-color: rgba(49, 169, 72, 1.0);

}
#header_switch.open a:before, #header_switch.open a:after{
  background-color: rgba(49, 169, 72, 1.0);
}
#header_switch{
  background-color: rgba(255, 255, 255, 1.0);
}

#header_switch.open{
  background-color: rgba(255, 255, 255, 1.0);
}

body .custom-menu-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a,
header .header-menu .header_gnav>li>a, header .header-menu .header_gnav>li>span{
  color: rgba(255, 255, 255, 1.0);
}

body .custom-menu-primary .submenu.level-1 > li > a:hover,
body .custom-menu-primary .submenu.level-1 > li:focus > a,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus,
header .header-menu .header_gnav>li>a:hover, header .header-menu .header_gnav>li>span:hover{
  color: rgba(255, 255, 255, 1.0);
}

body .custom-menu-primary a.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active,
header .header-menu .header_gnav>li>a.active-item,
header .header-menu .header_gnav>li>a.active-branch,
header .header-menu .header_gnav>li>span.active-item{
  color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-1 > li.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li:active,
header .header-menu .header_gnav>li>a.active-item,
header .header-menu .header_gnav>li>a.active-branch,
header .header-menu .header_gnav>li>span.active-item{
  background-color: rgba(255, 255, 255, 0.0);
}

body .custom-menu-primary .submenu.level-1 > li:hover,
body .custom-menu-primary .submenu.level-1 > li:focus,
header .header-menu .header_gnav>li:hover>a{
  background-color: rgba(255, 255, 255, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li > a.active-branch,
header .header-menu .header_gnav>li>a.active-item{
  color: rgba(255, 255, 255, 1.0);
}

body .custom-menu-primary .submenu.level-1 > li > a.active-branch:after {
  background-color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-2 > li > a ,
header .header-menu .header_gnav .header_snav a{
  color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link,
header .header-menu .header_gnav .header_snav{
  background-color: rgba(49, 169, 72, 1.0);
}
body .custom-menu-primary .submenu.level-2 .triangle-container .triangle {
  background-color: rgba(49, 169, 72, 1.0);
}

body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:hover,
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .custom-menu-primary .submenu.level-2 .triangle-container.level-2.hover .triangle,
header .header-menu .header_gnav .header_snav a:hover{
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-branch,
header .header-menu .header_gnav .header_snav a.active-branch,
header .header-menu .header_gnav .header_snav a.active-item{
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(255, 255, 255, 1.0);
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Yu Gothic;
}
header .header-menu .header_gnav,
header .header-menu .header_gnav .header_snav{
  border-top-color:  rgba(131, 203, 145, 1.0);
}


header .header-menu .header_gnav>li {
  border-bottom-color:  rgba(131, 203, 145, 1.0);

}




footer.footer {
  background-color: rgba(238, 238, 238, 1.0);

}



.footer_copyright {
  color: rgba(53, 35, 26, 1.0);
}



.footer__container {
  max-width: 1040px;
}





.content-wrapper {
  max-width: 1040px;
}

.blog-post__date {
  border-color: {color=#111111, opacity=100, rgba=rgba(17, 17, 17, 1), rgb=rgb(17, 17, 17), hex=#111111, css=#111111};
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: {color=#111111, opacity=100, rgba=rgba(17, 17, 17, 1), rgb=rgb(17, 17, 17), hex=#111111, css=#111111};
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: {color=#111111, opacity=100, rgba=rgba(17, 17, 17, 1), rgb=rgb(17, 17, 17), hex=#111111, css=#111111};
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: {color=#111111, opacity=100, rgba=rgba(17, 17, 17, 1), rgb=rgb(17, 17, 17), hex=#111111, css=#111111};
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #494a52;
}

.blog-pagination__link {
  color: {color=#111111, opacity=100, rgba=rgba(17, 17, 17, 1), rgb=rgb(17, 17, 17), hex=#111111, css=#111111};
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #494a52;
}

.blog-post__title {
  color: {color=#111111, opacity=100, rgba=rgba(17, 17, 17, 1), rgb=rgb(17, 17, 17), hex=#111111, css=#111111};
  font-family:Yu Gothic;
  font-size: 36px;
  font-weight: ;
}

.blog-post__author {
  background-color: #F8FAFC;
}

#comments-listing .comment-reply-to {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
  color: rgba(#null, 0.0);
}

/*             Blog Grid Listing and Post styles            */

.blog-header {
  background-color: rgb(245, 245, 245);
}

.hs-blog-listing,
.hs-blog-post {
  background-color: #FFFFFF;
}

.blog-index__post-inner-card {
  box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-post__tag-link:hover{
  color: #31a948;
}

.blog-post__read-more svg {
  fill: {color=#111111, opacity=100, rgba=rgba(17, 17, 17, 1), rgb=rgb(17, 17, 17), hex=#111111, css=#111111};
}

.blog-post__read-more a:hover svg {
  fill: #31a948;
}

.blog-sidebar ul {
  box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-sidebar a {
  color: {color=#111111, opacity=100, rgba=rgba(17, 17, 17, 1), rgb=rgb(17, 17, 17), hex=#111111, css=#111111};
}

.blog-sidebar a:hover {
  color: #31a948;
}

.blog__subscription-block {
  background-color: rgb(245, 245, 245);
}

.post-featured-image {
  max-height: 600px;
}

.blog-post {
  box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-post__meta a {
  color: {color=#111111, opacity=100, rgba=rgba(17, 17, 17, 1), rgb=rgb(17, 17, 17), hex=#111111, css=#111111};
}

.blog-post__body, .blog-post__tags a {
  color: {color=#111111, opacity=100, rgba=rgba(17, 17, 17, 1), rgb=rgb(17, 17, 17), hex=#111111, css=#111111};
}

.blog-post__meta a:hover {
  color: #31a948
}

.blog-post__links {
  border-top:  2px solid rgb(228, 230, 232);
}

.blog-post__back-to-blog {
  color: {color=#111111, opacity=100, rgba=rgba(17, 17, 17, 1), rgb=rgb(17, 17, 17), hex=#111111, css=#111111};
}

.blog-post__back-to-blog:hover {
  color: #31a948;
}

.blog-post__back-to-blog svg {
  fill: {color=#111111, opacity=100, rgba=rgba(17, 17, 17, 1), rgb=rgb(17, 17, 17), hex=#111111, css=#111111};
}

a.blog-post__back-to-blog:hover svg {
  fill: #31a948;
}

.comment.depth-0,
.blog-comments form {
  border-top: 2px solid rgb(228, 230, 232);
}

.comment.depth-1 {
  border-left: 2px solid rgb(228, 230, 232);
}

.section.post-footer .hs-input {
  border-color: rgb(228, 230, 232);
}













body .icon svg {
  fill: #494a52;
}

body .tns-nav button.tns-nav-active {
  background-color: #494a52;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #494a52;
}

body .social-links__icon {
  background-color: #494a52;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
  fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
  fill: rgba(#null, 0.0);
}

body .team-member__description {
  background-color: #F8FAFC;
}

.page-center {
  max-width: 1040px;
  margin: 0 auto;
}


.header_visitsob{
display:none !important;
}






.body-container__website .dnd-section:nth-child(odd) {
  background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, blog_settings=, header=, forms=}
}

.philosophy-circle{
  display:flex;
  justify-content:center;
  margin-bottom:5%;
}
.philosophy-circle .circle{
  width:220px;
  height: 220px;
  border-radius:110px;
  border:16px solid #dcefe0;
  margin:0 auto 3%;
  display: flex;
  font-size:1.2rem;
  justify-content:center;
  align-items:center;
  font-weight: bold;
  text-align:center;
}
.philosophy-3column{
  display:flex;
  justify-content:center;
  margin-bottom:5%;
}
.philosophy-circle p{
  margin:0 !important;
  text-align:left;
}

.philosophy-circle .area{
  width:calc(100% / 3.5);
  text-align:center;
}

@media screen and (max-width: 768px){
 .philosophy-circle p br{
   display:block !important;
} 

.philosophy-circle .circle{
  width:100px;
  height: 100px;
  border-radius: 60px;
  border:8px solid #dcefe0;
  font-size: .8rem;
  margin:0 1%;
}
.philosophy-circle p{
  font-size:10px;
}
.philosophy-circle .area{
  width:calc(100% / 3);
  text-align:center;
  padding: 0 2%;
  box-sizing:border-box;
}
  
}


.serif{
    font-family: 'Noto Serif JP', serif !important;
  text-shadow:0 0 5px #000;
}
.serif span{
  display:block;
  font-size:24px;
}
.serif2{
    font-family: 'Noto Serif JP', serif !important;
}

.title-all{
 font-family: 'Noto Serif JP', serif !important;
  font-size: min(max(26px, calc(1.625rem + ((1vw - 7.68px) * 2.7344))), 40px); 
  color: #fff;
  background:#0D5324;
  padding: .5em;
  text-align: center;
  line-height:1.3;
}
.title-all span{
  display: block;
  font-size:50%;
}
.title-all.lvl2 span{
  font-size: min(max(26px, calc(1.625rem + ((1vw - 7.68px) * 2.7344))), 40px);
  color: #fff;
}
.title-all.lvl2 span em{
  font-size:50%;
  font-style:normal;
  display:block;
}

 
 .business-link-list{
  display: flex;
  justify-content: space-around;
   margin:0;
   padding:0;
   flex-wrap:wrap;
 }
 
  .business-link-list li{
   width: calc((100% / 2) - 4% );
   display: flex;
   flex-direction: column;
    margin:0 2% 4%;
 }
 
   .business-link-list li a{
    display: block;
    display: flex;
   flex-direction: column;
 }
  .business-link-list li a figure{
   height: 22vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 0 4%;
    padding: 0;
    color: #fff;
    font-weight: bold;
 font-size: min(max(16px, calc(1.125rem + ((1vw - 7.68px) * 1.1719))), 24px);
    line-height: 1.3;
    text-shadow: 0 0 5px #000;
 }
 
    .business-link-list li a figure.lvl1{
     background: url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/Business_%E3%82%B3%E3%83%B3%E3%82%B5%E3%83%AB%E3%82%BF%E3%83%B3%E3%83%88.jpg') no-repeat center center / cover;
 }
     .business-link-list li a figure.lvl2{
     background: url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/Business_IT%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2.jpg') no-repeat center center / cover;
 }   
.business-link-list li a figure.lvl3{
     background: url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/Business_IT%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9.jpg') no-repeat center center / cover;
 }

.business-link-list li a figure.lvl4{
     background: url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/Business_%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0.jpg') no-repeat center center / cover;
 }

   .business-link-list li a p{
    text-align: left;
    line-height: 1.8;
    color: #1a1a1a;
 }
 

 .business-list-link-sq{
  display: flex;
  justify-content: space-around;
 }
 .business-list-link-sq li{
   width: calc((100% / 3) - 1% );
   display: flex;
   flex-direction: column;
 }
 


 .business-list-link-sq{
  display: flex;
  justify-content: space-around;
   margin:0;
   margin-bottom:4%;
   padding:0;
 }
 .business-list-link-sq li{
   width: calc((100% / 3) - 4% );
   display: flex;
   flex-direction: column;
 }
 
 .business-list-link-sq a {
  display: block;
 }
 .business-list-link-sq figure {
  position: relative;
   margin:0;
   padding: 0;
 }

 .business-list-link-sq figcaption {
  position: absolute;
   display: flex;
   height: 100%;
   width: 100%;
   text-align: center;
   top:0;
  justify-content: center;
  align-items: center;
 font-size: min(max(16px, calc(1.125rem + ((1vw - 7.68px) * 1.1719))), 24px);
    line-height: 1.3;
    text-shadow: 0 0 5px #000;
   color:#fff;
   font-weight: bold;
 }
 
 .business-link-more {
  display: flex;
  justify-content: space-around;
 }
 .business-link-more .business-link-more-btn {
   width: calc((70% / 2) - 2% );
 }
 .business-link-more a {
  display: flex;
  background:#0D5324;
  color: #fff;
  justify-content: center;
  align-items: center;
  padding: .5em;
   text-align:center;    
   line-height: 1.4;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 1.5625))), 22px);
 }


/* 
.new-kv{
 width: 100%;
 height: calc(100vh - 75px);
 position: relative;
 z-index: 1;
 display: flex;
 justify-content: center;
 align-items: center;
 box-sizing: border-box;
 flex-direction: column;
 text-align: center;
 overflow: hidden;
}
.new-kv:before{
 width: 100%;
 height: 100%;
 background: url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/new_top_kv.jpg') no-repeat center center / cover;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 margin: auto;
 display: block;
 z-index: -1;
 content: "";
 transition: all ease-out 10s;
}
.new-kv.is-animation:before{
 transform: scale(1.18);
}

.new-kv .ov{
 width: 100%;
 height: 100%;
 background: url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/new_top_kv-ov.png') no-repeat center center / cover;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 z-index: 2;
 box-sizing: border-box;
}

.new-kv h1{
 display: block;
 color: #070707;
    font-family: 'Noto Serif JP', serif ;
  font-size: min(max(26px, calc(1.625rem + ((1vw - 7.68px) * 2.7344))), 40px); margin: 0;
 text-align: center;
 font-weight: normal;
}
.new-kv h1 span{
 display: block;
 transition: all ease-in 3s;
 opacity: 0;
 transform: translateX(.8em);
}
.new-kv h1 span:nth-child(2){ 
  transform: translateX(-.8em);
}

.new-kv.is-animation h1 span{
 transform: translateX(0);
 opacity: 1;
}
.new-kv.is-animation h1 span:nth-child(2){
 transform: translateX(0);
}
*/



.new-kv {
 width: 100%;
 height: calc(100vh - 75px);
 position: relative;
 z-index: 1;
 display: flex;
 justify-content: center;
 align-items: center;
 box-sizing: border-box;
 flex-direction: column;
 overflow: hidden;
}

.new-kv-txt {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 max-width: 1200px;
 height: 20%;
 z-index: 2;
}

.new-kv h1 {
 text-align: left;
 color: #333;
 font-family: '游ゴシック体', 'Yu Gothic', YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-weight: 500 !important;
 font-size: min(max(24px, calc(1.5rem + ((1vw - 4.8px) * 8.3333))), 48px);
 margin: 0 auto;
 font-weight: normal;
 margin-bottom: 3%
}

.new-kv .h1-bottom {
 background: #04A23E;
 display: inline-block;
 color: #fff;
 letter-spacing: 2px;
 font-weight: bold;
 padding: .3em 4em .3em 1em;
 font-size: min(max(12px, calc(0.75rem + ((1vw - 4.8px) * 1.3889))), 16px);
}

.new-kv {
 position: relative;
 width: 100%;
 height: calc(100vh - 75px);
}

.video {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 overflow: hidden;
}

.new-kv video {
 position: absolute;
 top: 50%;
 left: 50%;
 object-fit: cover;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
}

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

 .new-kv-txt {
  padding: 0 5%;
  box-sizing: border-box;
  max-width: 100%;
  height: 50%;
 }

 
 
}


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

 .new-kv {
  height: calc(42vh - 75px);
 }


 

}


.new-top-2nd {
 background: url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/bg.jpg') no-repeat center center / cover;
 padding: min(max(60px, calc(3.75rem + ((1vw - 4.8px) * 20.8333))), 120px) 0 min(max(50px, calc(3.125rem + ((1vw - 4.8px) * 17.3611))), 100px);
}

.new-top-2nd .l-inner {
 max-width: 880px;
 margin: 0 auto;
 text-align: center;
}

.new-top-2nd h2 {
 padding: 0;
 font-family: '游ゴシック体', 'Yu Gothic', YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #04A23E;
 margin-bottom: min(max(20px, calc(1.25rem + ((1vw - 4.8px) * 6.9444))), 40px);
 font-size: min(max(24px, calc(1.5rem + ((1vw - 4.8px) * 4.1667))), 36px);
}

.new-top-2nd h3 {
 color: #333333;
 font-family: '游ゴシック体', 'Yu Gothic', YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size: min(max(18px, calc(1.125rem + ((1vw - 4.8px) * 1.3889))), 22px);
 margin-bottom: min(max(20px, calc(1.25rem + ((1vw - 4.8px) * 6.9444))), 40px);
}

.new-top-2nd p {
 font-family: '游ゴシック体', 'Yu Gothic', YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size: min(max(12px, calc(0.75rem + ((1vw - 4.8px) * 1.3889))), 16px);
}

.new-top-2nd .new-top-2nd-img {
 margin-top: min(max(20px, calc(1.25rem + ((1vw - 4.8px) * 6.9444))), 40px);
 display: flex;
 justify-content: space-between;
}

.new-top-2nd figure {
 padding: 0;
 margin: 0;
 width: calc((100% / 3) - 2%);
}

@media screen and (max-width: 920px) {
 
 .new-top-2nd .l-inner {
  box-sizing: border-box;
  padding: 0 5%;
}
 
 
}



.new-top-3rd {
 position:relative;
 background: #F1F9F4; 
 padding: min(max(60px, calc(3.75rem + ((1vw - 4.8px) * 20.8333))), 120px) 0 min(max(50px, calc(3.125rem + ((1vw - 4.8px) * 17.3611))), 100px);
}
.new-top-3rd:before{
 content: "";
 width: 40px;
 height: 8px;
 background: #04A23E;
 position: absolute;
 top: 0;
 margin: auto;
 left: 0;
 right: 0;
}


.new-top-3rd .l-inner {
 max-width: 1040px;
 margin: 0 auto;
}


@media screen and (max-width: 1080px) {
 .new-top-3rd .l-inner {
  box-sizing: border-box;
  padding: 0 5%;
}

}


.new-top-3rd h2 {
 text-align: center;
 color: #04A23E;
 letter-spacing: 2px;
 font-size: min(max(20px, calc(1.25rem + ((1vw - 4.8px) * 6.9444))), 40px);
}
.new-top-3rd ul {
 display: flex;
 width: 100%;
 margin: 0;
 padding: 0;
 list-style: none;
 flex-wrap: wrap;
 justify-content: space-between;
}
.new-top-3rd li {
 border: 3px solid #04A23E;
 background: #04A23E url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/ico-arrow.svg') no-repeat 96% 90%;
 border-radius: 20px;
 width: calc( (100% / 2) - 1% );
 margin-bottom: 2%;
 position: relative;
 transition: all ease .4s;
}
.new-top-3rd li:hover {
 background: #04A23E url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/ico-arrow.svg') no-repeat 98% 90%;
}

.new-top-3rd a {
 width: 100%;
 color: #fff;
 align-items: center;
}
.new-top-3rd figure {
 display: flex;
 margin: 0;
 padding: 0;
 align-items: center;
}
.new-top-3rd figure img {
 width: min(max(120px, calc(7.5rem + ((1vw - 4.8px) * 27.7778))), 200px);
 border-radius: 20px 0 0 20px;
}
.new-top-3rd figcaption {
 padding-left: 5%;
 font-weight: bold;
 font-size: min(max(18px, calc(1.125rem + ((1vw - 4.8px) * 2.0833))), 24px);
}

@media screen and (max-width: 767px) {
 
 .new-top-3rd li {
 width: 100%;
}
 
}


.new-top-4th {
 background: #F1F9F4 url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/top-new-4th-back.jpg') no-repeat top center / 100%;
 position: relative;
 padding:  min(max(30px, calc(3.125rem + ((1vw - 4.8px) * 17.3611))), 80px) 0 min(max(60px, calc(3.75rem + ((1vw - 4.8px) * 20.8333))), 120px);
}
.new-top-4th:before{
 content: "";
 width: 40px;
 height: 8px;
 background: #fff;
 position: absolute;
 top: 0;
 margin: auto;
 left: 0;
 right: 0;
}

.new-top-4th .l-inner {
 max-width: 840px;
 margin: 0 auto;
}


@media screen and (max-width: 880px) {
 
 .new-top-4th .l-inner {
  box-sizing: border-box;
  padding: 0 5%;
}

}


.new-top-4th h2 {
 text-align: center;
 color: #fff;
 letter-spacing: 2px;
 font-size: min(max(20px, calc(1.25rem + ((1vw - 4.8px) * 6.9444))), 40px);
}

.new-top-4th ul {
 display: flex;
 justify-content: space-between;
 list-style: none;
 margin: 0;
 padding: 0;
}
.new-top-4th li {
 width: calc((100% / 2) - 2% );
}
.new-top-4th a {
 color: #fff;
}
.new-top-4th figure {
 margin: 0;
 padding: 0;
 position: relative;
}
.new-top-4th img {
 border-radius: 20px;
 border: 3px solid #04A23E;
}
.new-top-4th figcaption {
 background: #04A23E url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/ico-arrow2.svg') no-repeat 90% 50%;
 font-size: min(max(16px, calc(1rem + ((1vw - 4.8px) * 2.7778))), 24px);
 width: 84%;
 position: absolute;
 margin: auto;
 bottom: -30px;
 left: 0;
 right: 0;
 font-family: '游ゴシック体', 'Yu Gothic', YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 border-radius: 12px;
 padding: .5em 1em .5em 1.5em;
 transition: all ease .4s;
}
.new-top-4th a:hover figcaption {
 background: #04A23E url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/ico-arrow2.svg') no-repeat 94% 50%;
 transition: all ease .4s;
}


@media screen and (max-width: 767px) {
 
 .new-top-4th ul {
  flex-direction: column;
}
.new-top-4th li {
 width: calc((100%));
 margin-bottom: 10%;
}
 
}




footer.top-new {
    background-color: #333333;
    min-height: auto;
    padding: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    padding-bottom: 40px;
}

footer.top-new .pagetop{
 max-width: 1200px;
 margin: auto;
 color: #fff;
 font-weight: bold;
 font-size: min(max(12px, calc(0.75rem + ((1vw - 4.8px) * 2.7778))), 20px);
}
footer.top-new .pagetop a{
 color: #fff;
 background: #04A23E;
 padding: 1.5em;
 display: block;
 box-sizing: border-box;
 transition: all ease .4s;
}
footer.top-new .pagetop a:hover{ 
 transition: all ease .4s;
 opacity: .7;
}

footer.top-new .footer_logo{
 width: 213px;
 height: auto;
 margin: 0 auto;
 padding: min(max(20px, calc(1.25rem + ((1vw - 4.8px) * 10.4167))), 50px) 0;
}

footer.top-new .footer_copyright{
 color: #888888;
 font-size: min(max(11px, calc(0.6875rem + ((1vw - 4.8px) * 1.0417))), 14px);
 letter-spacing: .2em;
 font-weight: bold;
}

.new-movie{
 background: url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/new_top_movie-back.jpg') no-repeat center 70% / cover;
 height: 40vh;
 box-sizing: border-box;
 padding: 5% 0;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}



.new-movie h2{
 color: #fff;
 font-size: min(max(30px, calc(1.875rem + ((1vw - 7.68px) * 5.8594))), 60px);
 text-align: center;
 text-shadow: 0 0 10px #000;
    font-family: 'Noto Serif JP', serif !important;
 font-weight: normal;
 margin: 0 0 0;
}

.new-movie .play{
 height: 100px;
 display: block;
 margin: 0 auto;
}
.new-movie .play img{
 height: 100px;
 display: block;
 margin: 0 auto;
}


.new-top-professional {
 text-align: center;
 background: #f4f4f4;
 padding: 5% 0 0;
 position: relative;
}
.new-top-professional h2 {
 font-family: 'Noto Serif JP', serif !important;
 font-weight: normal;
 font-size: min(max(30px, calc(1.875rem + ((1vw - 7.68px) * 5.8594))), 60px);
 margin: 0;
 padding: 0;
}
.new-top-professional p {
 font-size: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 1.5625))), 22px);
 margin-bottom: 70px;
 font-family: "Noto Sans JP", sans-serif;
 padding: 0 5%;
}




.new-top-professional .new-pro-person {
 display: flex;
 justify-content: center;
 width: 100%;
}
.new-top-professional .new-pro-person div {
 margin: 0;
 width: calc(100% / 3);
}

.new-top-professional h3 {
 background: #838383;
 color: #fff;
 margin: 0;
 font-family: 'Noto Serif JP', serif !important;
 font-weight: normal;
  font-size: min(max(26px, calc(1.625rem + ((1vw - 7.68px) * 2.7344))), 40px); 
 padding: .3em 0 .5em;
 line-height: 1;
}
.new-top-professional .new-pro-person-consul h3 {
 background: #838383;
}
.new-top-professional .new-pro-person-engineer h3 {
 background: #d09e71;
}
.new-top-professional .new-pro-person-producer h3 {
 background: #5896be;
}




@media screen and (max-width: 767px) {
 
 .new-movie .play{
 height: 50px;
 display: block;
 margin: 0 auto;
}
.new-movie .play img{
 height: 50px;
 display: block;
 margin: 0 auto;
}

 
 .new-top-professional .new-pro-person {
  flex-wrap: wrap;
}

 .new-top-professional h3 {
  font-size: 11px;  
   padding: .8em 0 .8em;
}

 .new-top-professional p {
 margin-bottom: 10%;
}
 
 
}





.new-top-professional figure {
 margin: 0;
 padding: 0;
}
.new-top-professional figure img {
 width: 100%;
}


.new-top-project {
 text-align: center;
 background: #f4f4f4;
 padding: 5% 0 0;
 position: relative;
}
.new-top-project h2 {
 font-family: 'Noto Serif JP', serif !important;
 font-weight: normal;
 font-size: min(max(30px, calc(1.875rem + ((1vw - 7.68px) * 5.8594))), 60px);
 margin: 0;
 padding: 0;
}
.new-top-project p {
 font-size: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 1.5625))), 22px);
 margin-bottom: 70px;
 font-family: "Noto Sans JP", sans-serif;
 padding: 0 5%;
}

.new-top-project figure {
 margin: 0;
}
.new-top-project img {
 width: 100%;
}


.top-new-person-btn{
 position: absolute;
 bottom: 5%;
 left: 0;
 right: 0;
 margin: auto;
 text-align: center;
 font-size: min(max(18px, calc(1.125rem + ((1vw - 7.68px) * 1.1719))), 24px);
 color: #fff;
 width: 25%;
 border: 1px solid #fff;
 z-index: 2;
}
.top-new-person-btn.lvl2{
 position: relative;
 font-family: 'Noto Serif JP', serif !important;
 letter-spacing: 2px;
 margin-top: 4%;
 display: inline-block;
}

.top-new-person-btn a{
 display: block;
 color: #fff;
 padding: 4% 0;
 background: rgba(0,0,0,0.5);
 transition: all ease .5s;
}
.top-new-person-btn a:hover{
 background: rgba(0,0,0,1)
}


@media screen and (max-width: 767px) {
 
 .top-new-person-btn{
 width: 95%;
}
 .new-top-project p {
 margin-bottom: 10%;
}

 
}




.new-top-crosstalk {
 text-align: center;
 background: #f4f4f4;
 padding: 5% 0 5%;
}
.new-top-crosstalk h2 {
 font-family: 'Noto Serif JP', serif !important;
 font-weight: normal;
 font-size: min(max(30px, calc(1.875rem + ((1vw - 7.68px) * 5.8594))), 60px);
 margin: 0;
 padding: 0;
}
.new-top-crosstalk p {  
 font-size: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 1.5625))), 22px);
 margin-bottom: 70px;
 font-family: "Noto Sans JP", sans-serif;
 padding: 0 5%;
}


.crosstalk-list{
 display: flex;
 justify-content: space-around;
 margin: 0;
 padding: 0 2%;
}
.crosstalk-list li{
 display: flex;
 flex-direction: column;
 width: calc((100% / 3) - 2%);
 background: #fff;
  padding-bottom:2%;
}
.crosstalk-list figure{
 margin: 0;
 padding: 0;
  position: relative;
}

.crosstalk-list figure img{
 width: 100%;
 margin: 0;
}

.crosstalk-list li h4{
 background: #fcfcfc;
 color: #000;
 margin: 0;
 padding: 3% 0;
 font-size: min(max(18px, calc(1.125rem + ((1vw - 7.68px) * 1.1719))), 24px);
 font-family: 'Noto Serif JP', serif !important;
}
.crosstalk-list li p {
  font-size: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 1.5625))), 22px);
 font-family: "Noto Sans JP", sans-serif;
 padding: 0 5%;
  margin-bottom:0;
}

.crosstalk-list li .btn{
 width: 80%;
 margin: 0 auto 2%;
  position:absolute;
  bottom:2%;
  left:0;
  right:0;
}

.crosstalk-list li .btn a{
 display: block;
 color: #fff;
 padding: 4% 0;
 background: rgba(0,0,0,0.5);
 transition: all ease .5s;
 font-size: min(max(16px, calc(1rem + ((1vw - 7.68px) * 0.7813))), 20px);
}
.crosstalk-list li .btn a:hover{
 background: rgba(0,0,0,1)
}



@media screen and (max-width: 767px) {
 
 .crosstalk-list{
  flex-wrap: wrap;
}
 
 .crosstalk-list li{
 width: calc(100% - 2%);
  margin-bottom: 4%;
}
 
 .crosstalk-list li p {
  margin-bottom: 5%
}
 
 .new-top-crosstalk p {
 margin-bottom: 10%;
}

 
 
}





.person-list{
  display:flex;
  justify-content:center;
  list-style:none;
  padding:0;
  margin:0;
  margin-top:3%;
  }
  .person-list.lvl2,
  .person-list.lvl3,
  .person-list.lvl4{
    width:100%;
  }

.person-list li{
  width:25%;
  margin:0 2%;
  display:flex;
  }
  .person-list.lvl2 li{
  width:calc( ( 100% / 3) - 1% );
  margin:0 2%;
  display:flex;
  }
  .person-list.lvl3 li{
  width:calc( ( 100% / 2) - 1.5% );
  margin:0 3%;
  display:flex;
  }
  .person-list.lvl4 li{
  width:calc( ( 100% / 1) - 1% );
  margin:0 2%;
  display:flex;
  }

.person-list li a{
  display:flex;
  background: #fff;
  flex-direction:column;
  justify-content:space-between;
  width: 100%;
  }
  
.person-list li a figure{
  position: relative;
  width: 100%;
  margin:0;
  padding:0;
}
  
.person-list li a figure:before{
  content: "";
  display: block;
  padding-top: 100%;
}
  
.person-list li a figure img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
.person-list li a p{
  padding:2% 4%;
  color: #000;
  line-height:1.8;
}
.person-list li a p.lvl2{
  padding:1em .5em;
  color: #000;
  line-height:1.5;
  background:#DCEFE0;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 4.8px) * 1.3889))), 18px);
}

  .person-list li a .person-list-foot{
  padding:2%;
  color: #fff;
    background:#31a948;
    text-align:center;
}
  
  
  

@media screen and (max-width: 767px) {
  
 .person-list{
   flex-wrap:wrap;
   text-align:center;
  }
  
.person-list li,
  .person-list.lvl2 li,
  .person-list.lvl3 li,
  .person-list.lvl4 li{
  width:90%;
  margin:0 2% 4%;
  display:flex;
  margin-top:3%;
  }
  
  
  .person-list li a p{
  font-size:12px;
  }
  
  
}


.person-wrap{
display:flex;
  width:90%;
  margin:0 auto;
  flex-wrap:wrap;
  justify-content:space-between;
}
.person-wrap-left{
  
  width:70%;
  box-sizing: border-box;
  padding-right:5%;
}
  .person-wrap-right{
  
  width:30%;
}
  
  
  
@media screen and (max-width: 767px) {
  
  .person-wrap{
display:flex;
  width:100%;
}
.person-wrap-left{
  
  width:100%;
  padding-right:0;
}
  .person-wrap-right{
  
  width:100%;
}
  
  
  
}


  
  
  



.new-top-bottom{
 background: #dcefe0 url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/tit_back_line.gif') repeat top left;
 text-align: center;
 padding: 2% 0 2%;
}

.new-top-bottom h2{
 font-family: 'Noto Serif JP', serif !important;
 font-weight: normal;
 font-size: min(max(30px, calc(1.875rem + ((1vw - 7.68px) * 5.8594))), 60px);
 margin: 0;
 padding: 0;
  color: #fff;
  text-shadow: 0 0 10px #000;
}

.new-top-bottom-01{
 background: url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/top-bottom-img-01.jpg') no-repeat center center / cover;
}

.new-top-bottom-02{
 background: url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/top-bottom-img-02.jpg') no-repeat center center / cover;
}

.new-top-bottom-03{
 background: url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/top-bottom-img-03.jpg') no-repeat center center / cover;
}

.new-top-bottom-base {
 padding: 2% 0 4%;
 margin-bottom: 2%;
}

.new-top-bottom-base p{
 color: #fff;
 font-family: "Noto Sans JP";
  font-size: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 1.5625))), 22px);
 margin:0 0 2%
}


.new-top-bottom-01-in,
.new-top-bottom-03-in{
 display: flex;
 justify-content: space-around;
 padding: 0 2%;
}
.new-top-bottom-01-in div{
 width: calc((100% / 3) - 2%);
}
.new-top-bottom-03-in div{
 width: calc((100% / 4) - 2%);
}
.new-top-bottom-btn a{
 display: block;
 color: #fff;
 padding: 4% 0;
 background: rgba(0,0,0,0.5);
 transition: all ease .5s;
 font-size: min(max(20px, calc(1.25rem + ((1vw - 7.68px) * 3.125))), 36px);
 line-height: 1.1;
 font-family: 'Noto Serif JP', serif !important;
 border: 1px solid #fff;
}
.new-top-bottom-btn a span{
 font-size: min(max(16px, calc(1.125rem + ((1vw - 7.68px) * 1.1719))), 24px);
}
.new-top-bottom-btn a:hover{
 background: rgba(0,0,0,1)
}

@media screen and (max-width: 767px) {
 
 .new-top-bottom-01{
 background: url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/top-bottom-img-01.jpg') no-repeat center center / cover;
  padding:5%;
}

.new-top-bottom-02{
 background: url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/top-bottom-img-02.jpg') no-repeat center center / cover;
 padding:5%;
 }

.new-top-bottom-03{
 background: url('https://7767776.fs1.hubspotusercontent-na1.net/hubfs/7767776/LTS_November2020/images/top/top-bottom-img-03.jpg') no-repeat center center / cover;
 padding:5%;
 }

}
  

@media screen and (max-width: 767px) {
 
 
.new-top-bottom-base p{
 margin:0 0 5%
}
 
.new-top-bottom-01-in,
.new-top-bottom-03-in{
 display: flex;
 justify-content: space-around;
 padding: 0 2%;
 flex-wrap: wrap;
}
.new-top-bottom-01-in div{
 width: calc((100%) - 2%);
 margin-bottom: 2%;
}
.new-top-bottom-03-in div{
 width: calc((100% / 2) - 2%);
 margin-bottom: 2%;
}
 
}




 .new-link-unit {
 max-width: 1000px;
  margin: 0 auto;
 }
 
 .new-link-unit a {
  background: #DCEFE0;
  border-radius: 20px;
  color: #04A23E;
  display: flex;
  width: 100%;
 }
 .new-link-unit figure {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  align-items: center;
  width: 100%;
 }
 .new-link-unit figcaption {
  box-sizing: border-box;
  padding: 0 5%;
  width: calc(100% - min(max(120px, calc(7.5rem + ((1vw - 4.8px) * 79.8611))), 350px));
 font-family: '游ゴシック体', 'Yu Gothic', YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
  font-size: min(max(20px, calc(1.25rem + ((1vw - 4.8px) * 9.7222))), 48px);
 }
 .new-link-unit img {
  width: min(max(120px, calc(7.5rem + ((1vw - 4.8px) * 79.8611))), 350px);
 }
 


 
.phot-1column {
 max-width: 1000px;
  margin: 4% auto 4%;
}
.phot-1column figure {
 margin: 0;
 padding: 0;
}
.phot-2column {
 max-width: 1000px;
  margin: 4% auto 4%;
 display:flex;
 justify-content: space-between;
}
.phot-2column figure {
 width: calc((100% / 2 ) - 2%);
 margin: 0;
 padding: 0;
}
.phot-3column {
 max-width: 1000px;
  margin: 4% auto 4%;
 display:flex;
 justify-content: space-between;
}
.phot-3column figure {
 width: calc((100% / 3 ) - 2%);
 margin: 0;
 padding: 0;
}
 
 
 
@media screen and (max-width: 767px) {
 
 .phot-1column figure {
  margin-bottom: 4%;
}
 
 .phot-2column {
 flex-direction: column;
}
 
 .phot-2column figure {
 width: calc(100%);
  margin-bottom: 4%;
}
.phot-3column {
 flex-direction: column;
}
.phot-3column figure {
 width: calc(100%);
  margin-bottom: 4%;
}
 
 
}


 
 
 


 .new-link-unit {
 max-width: 1000px;
  margin: 0 auto;
 }
 
 .new-link-unit a {
  background: #DCEFE0;
  border-radius: 20px;
  color: #04A23E;
  display: flex;
  width: 100%;
 }
 .new-link-unit figure {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  align-items: center;
  width: 100%;
 }
 .new-link-unit figcaption {
  box-sizing: border-box;
  padding: 0 5%;
  width: calc(100% - min(max(120px, calc(7.5rem + ((1vw - 4.8px) * 79.8611))), 350px));
 font-family: '游ゴシック体', 'Yu Gothic', YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
  font-size: min(max(20px, calc(1.25rem + ((1vw - 4.8px) * 9.7222))), 48px);
 }
 .new-link-unit img {
  width: min(max(120px, calc(7.5rem + ((1vw - 4.8px) * 79.8611))), 350px);
 }
 


 
.phot-1column {
 max-width: 1000px;
  margin: 4% auto 4%;
}
.phot-1column figure {
 margin: 0;
 padding: 0;
}
.phot-2column {
 max-width: 1000px;
  margin: 4% auto 4%;
 display:flex;
 justify-content: space-between;
}
.phot-2column figure {
 width: calc((100% / 2 ) - 2%);
 margin: 0;
 padding: 0;
}
.phot-3column {
 max-width: 1000px;
  margin: 4% auto 4%;
 display:flex;
 justify-content: space-between;
}
.phot-3column figure {
 width: calc((100% / 3 ) - 2%);
 margin: 0;
 padding: 0;
}
 
 
 
@media screen and (max-width: 767px) {
 
 .phot-1column figure {
  margin-bottom: 4%;
}
 
 .phot-2column {
 flex-direction: column;
}
 
 .phot-2column figure {
 width: calc(100%);
  margin-bottom: 4%;
}
.phot-3column {
 flex-direction: column;
}
.phot-3column figure {
 width: calc(100%);
  margin-bottom: 4%;
}
 
 
}


 
  .new-link-unit {
 max-width: 1000px;
  margin: 0 auto 3%;
 }
 
 .new-link-unit a {
  background: #DCEFE0;
  border-radius: 20px;
  color: #04A23E;
  display: flex;
  width: 100%;
 }
 .new-link-unit figure {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  align-items: center;
  width: 100%;
 }
 .new-link-unit figcaption {
  box-sizing: border-box;
  padding: 0 5%;
  width: calc(100% - min(max(120px, calc(7.5rem + ((1vw - 4.8px) * 79.8611))), 350px));
 font-family: '游ゴシック体', 'Yu Gothic', YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
    font-size: min(max(16px, calc(1rem + ((1vw - 4.8px) * 4.8611))), 30px);
 }
 .new-link-unit img {
  width: min(max(120px, calc(7.5rem + ((1vw - 4.8px) * 79.8611))), 350px);
 }
 


.phot-1column {
 max-width: 1000px;
  margin: 4% auto 4%;
}
.phot-1column figure {
 margin: 0;
 padding: 0;
}
.phot-2column {
 max-width: 1000px;
  margin: 4% auto 4%;
 display:flex;
 justify-content: space-between;
}
.phot-2column figure {
 width: calc((100% / 2 ) - 2%);
 margin: 0;
 padding: 0;
}
.phot-3column {
 max-width: 1000px;
  margin: 4% auto 4%;
 display:flex;
 justify-content: space-between;
}
.phot-3column figure {
 width: calc((100% / 3 ) - 2%);
 margin: 0;
 padding: 0;
}
 


@media screen and (max-width: 767px) {
 
 .phot-1column figure {
  margin-bottom: 4%;
}
 
 .phot-2column {
 flex-direction: column;
}
 
 .phot-2column figure {
 width: calc(100%);
  margin-bottom: 4%;
}
.phot-3column {
 flex-direction: column;
}
.phot-3column figure {
 width: calc(100%);
  margin-bottom: 4%;
}
 
 
}


 
.new-btn {
 max-width: 1000px;
  margin: 4% auto 4%;
}
.new-btn a {
 font-family: '游ゴシック体', 'Yu Gothic', YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
 font-weight: bold;
 width: 100%;
 display: flex;
 justify-content: center;
 background: #FFFDE7;
 border: 3px solid #31A948;
 border-radius: 20px;
 color: #333;
 box-sizing: border-box;
 padding: 1em 1.5em;
 font-size: min(max(16px, calc(1rem + ((1vw - 4.8px) * 2.7778))), 24px);
 transition: all ease .4s;
} 
.new-btn a:hover {
 background: #31A948;
 color: #fff;
}
 
.new-btn.lvl2 a {
 background: #00722A;
 color: #fff;
}
.new-btn a:hover {
 background: #31A948;
 color: #fff;
}


.position-list {
 max-width: 1000px;
  margin: 4% auto 4%;
 padding: 0 5%;
 font-family: '游ゴシック体', 'Yu Gothic', YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
.position-list ul {
 display: flex;
 justify-content: space-between;
 list-style: none;
 flex-wrap: wrap;
 margin: 0;
 padding: 0;
}
.position-list li {
 width: calc((100% / 2) - 4% );
 margin-bottom: 8%;
 background: #DCEFE0;
 border-radius: 20px;
}
.position-list figure {
 margin: 0;
 padding: 0;
}
.position-list li a{
color: #333;
}


.position-list strong {
 align-items: center;
 line-height: 1.5;
 margin-bottom: .5em;
 font-size: min(max(16px, calc(1rem + ((1vw - 4.8px) * 0.6944))), 18px);
}
.position-list figcaption {
 padding: 5%;
 display: flex;
 flex-direction: column;
 justify-content: center;
 font-size: min(max(11px, calc(0.6875rem + ((1vw - 4.8px) * 1.0417))), 14px);
}



@media screen and (max-width: 767px) {
 
 .position-list li {
 width: calc((100% / 2) - 2% );
 margin-bottom: 6%;
}
 
}


h3.new-h3{
background-color: rgba(49, 169, 72, 1.0);
  padding:.2em 1em;
  color:#fff;
}
 
  h4.new-h4{
background-color: #DCEFE0;
  padding:.7em 1em;
  color:#333;
    width:100%;
}
 

/* 202409 write New style
 ---------------------------------------------------------------- */
.header_utility li.ico_insta,
.header_utility li.ico_note{
  width: 50px;
}

.header_utility li.ico_note{
margin-right:10px;
}


.groupLink{
 margin: 80px 0 0;
  display: flex; 
  justify-content: center;
  font-size: 20px;
}

.groupLink a{
  background:#fff;
  border:3px solid #04A23E;
  padding: .5em 2em;
  border-radius: 10px;
  color:#04A23E !important;
}


.envilonWrap{
    display: flex;
    align-items: center;
    width: 90%;
    margin: 0 auto;
   }
   
   .envilonTit{
    display: flex;
    width: 20%;
    font-size: 18px;
     font-weight: bold
   }
   .envilonLink{
    width: calc(20% - 10px);
    margin: 0 5px;
   }
  
   .envilonLink a{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F5FFEB;
    font-size: 20px;
    padding: .5em ;
    font-weight: bold;
    border-radius: 10px;
    border: 1px solid #07A23E;
   } 


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

  
.envilonWrap{
    width: 100%;
  flex-wrap: wrap;
   }
  
     .envilonTit{
    display: flex;
    width: 100%;
    font-size: 16px;
    justify-content: center;
       margin-bottom:10px
   }
   .envilonLink{
    width: calc(50% - 10px);
    margin: 0 5px 15px;
    font-size: 14px;
   }
  
   .envilonLink a{
    font-size: 14px;
  }
  
  
}
  
 h4.slideTitle{
  background: none;
padding: 0;
  margin: 10px 0 !important ;
  color: #000;
  line-height: 1.5;
 }

.swiper-button-next, .swiper-button-prev {
  color:#31a948 !important;
}


ul.groupLinkList{
}


ul.groupLinkList li{
  font-size: 18px;
}

.businessFirstArea{
background:#EAF8ED;
  padding:20px 30px;
  border-radius:15px;
}
.businessBtn{
  text-align:center;
  display:flex;
  justify-content:center;
  margin-top:20px;
}
.businessBtn a{
color:#fff;
  margin: 0 auto;
  display:inline-block;
background:#00B151;
padding:15px 30px;
  font-weight:bold;
border-radius:10px;
}


figure.w80{
width:80%;
margin:0 auto;
}


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


figure.w80{
width:100%;
margin:0 auto;
}

}