@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*
Theme Name: fukuda-themes-solution
Theme URI: http://www.solution-sy.com/
Author: solution.STC
Author URI: http://www.crossdesign-company.co.jp  
Description: This is a default wordpress themes
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: 0 0;
  box-sizing: border-box;
}

:after, :before {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /*overflow-x: hidden;*/
}

body {
  font-size: 18px;
  color: #333333;
  width: 100%;
  /*overflow-x: hidden;*/
  font-family: Noto Sans JP, sans-serif;
  --themecolor:#0071BC;
}

@media screen and (max-width: 1320px) {
  body {font-size: 16px;}
}
@media screen and (max-width: 1080px) {
  body {font-size: 14px;}
}
@media screen and (max-width: 780px) {
	html {overflow-x: hidden;}
	body {overflow-x: hidden;}
}

address, caption, code, figcaption, pre, th {
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none;
}

fieldset, iframe, img {
  border: 0;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

caption, th {
  text-align: left;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

button {
  background: 0 0;
  border: 0;
  box-sizing: content-box;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  overflow: visible;
  vertical-align: inherit;
}

button:disabled {
  cursor: default;
}

audio:not([controls]) {
  display: none;
}

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
  outline: 0;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

a, a:link, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: none;
}

ul {
  list-style: none;
}

em {
  font-style: normal;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  opacity: 1;
}

::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #ccc;
  opacity: 1;
}

input::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1;
}

::-webkit-scrollbar {
  width: 10px;
  height: 15px;
  background-color: #f3f3f3;
  border-left: 1px solid #dddddd;
}

::-webkit-scrollbar:hover {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 15px;
  background-color: var(--themecolor);
}

::-webkit-scrollbar-thumb:hover {
  background-color: #333;
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  display: none;
}

.ftfminchao{font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;}
.ftfPGothic{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ftfMeiryo{font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ftfInter{font-family:"Inter","Noto Sans JP",sans-serif;}

/*hasbg*/
.hasbg{background-repeat:no-repeat;background-size:cover;background-position:center center;}
.hasbg:after{display:block;content:"";padding-top:100%;}
.hasbg>img{display:none;}


@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.woff2?t=1666238971337') format('woff2'),
       url('iconfont/iconfont.woff?t=1666238971337') format('woff'),
       url('iconfont/iconfont.ttf?t=1666238971337') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*sp mobile-btn*/
/* sp mobile-btn and nav css */
.logged-in .mobilebtn{top:20px}
.mobilebtn{display:none;position:fixed;top:10px;right:20px;z-index:110;padding:10px 7px;border-radius:6px;background:var(--red);}
.mobilebtn.closebtn{background:var(--white,#FFF);}
.mobilebtn.closebtn div span{background:#e60012;}
.mobilebtn div{position:relative;right:0;top:0;display:block;width:30px;height:20px;background:none;cursor:pointer;
    -webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);
    transition:all 500ms cubic-bezier(0.86,0,0.07,1);
}
.mobilebtn div span{position:absolute;left:50%;top:9px;z-index:5;display:block;margin:0 0 0 -13px;width:26px;height:2px;background:#FFF;/*#e60012*/   
    -webkit-transform-origin:center;
    -moz-transform-origin:center;
    -ms-transform-origin:center;
    -o-transform-origin:center;    
    transform-origin:center;   
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -ms-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.mobilebtn div span:nth-child(1){    
    -webkit-transform:translateY(-7px);
    -moz-transform:translateY(-7px);
    -ms-transform:translateY(-7px);
    -o-transform:translateY(-7px);    
    transform:translateY(-7px);
}
.mobilebtn div span:nth-child(2){
  display: none;
}
.mobilebtn div span:nth-child(3){    
    -webkit-transform:translateY(7px);
    -moz-transform:translateY(7px);
    -ms-transform:translateY(7px);
    -o-transform:translateY(7px);    
    transform:translateY(7px);
}

.mobilebtn .active span:nth-child(1) {
  transform: rotate3d(0, 0, 1, -45deg) !important;
  transform-origin: center center !important;*
  width: 26px !important; }

.mobilebtn .active span:nth-child(2) {
  transform: rotate3d(0, 1, 0, -90deg) !important;
  width: 0!important;
}

.mobilebtn .active span:nth-child(3) {
  transform: rotate3d(0, 0, 1, 45deg) !important;
  transform-origin: center center !important;
  width: 26px !important; }
@media screen and (max-width:780px){
  .mobilebtn{display:block;}
	.logged-in .mobilebtn{top:42px;}
}
@media screen and (max-width:580px){
  .mobilebtn{padding:7px 3px;}
}
/*spscreen*/
.spscreen{display:none;}
@media screen and (max-width:780px){
.spscreen {width: 100%;height: 100%;position: fixed;z-index: 100;background:var(--themecolor,#0071BC);right: 0;top: 0;}
.spscreen.sp-wrapper-move{
  transform:translateX(0px) !important;
}
.spscreen .screenheader{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:center;font-size:24px;text-transform:uppercase;color:#fff;letter-spacing:1px;font-weight:normal;padding:10px 20px;}
.spscreen .screenheader .mobilebtn{background:var(--white,#FFF);}
.spscreen .screenheader .mobilebtn span{background:#e60012;}
.spscreen>ul{margin-top:1.5em;width:100%;border-bottom:1px solid #FFF;}
.spscreen>ul>li{text-align:center;border-top:1px solid #FFF;}
.spscreen>ul>li>a{text-decoration:none;display:flex;justify-content:space-between;align-items:center;padding:1% 20px;font-size:14px;color:#fff;letter-spacing:1px;text-transform:uppercase;
  -webkit-transition:0.3s;
  transition:0.3s;
}
.spscreen>ul>li>a:hover{background:var(--green);/*color:#002e63;*/}
.spscreen .copyright{position:absolute;left:0;bottom:0;z-index:1;padding:10px 20px;width:100%;text-align:center;color:#FFF;font-size:12px;}
}



@font-face {
  font-family:'iconfont';
  src: url('iconfont/iconfont.eot');
  src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont/iconfont.woff2') format('woff2'),
      url('iconfont/iconfont.woff') format('woff'),
      url('iconfont/iconfont.ttf') format('truetype'),
      url('iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size:26px;
  color:#fff;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* header css */
.headerfixed{width:100%;/*box-shadow:0 0 5px rgba(0,0,0,0.5);*/-webkit-animation: headeranimation .5s linear  0s 1;animation: headeranimation .5s linear  0s 1; }
.headerfixed.tophead{/*background:rgba(0,0,0,.7);background-blend-mode:none;*/}
.headerfixed.pageheader{position:fixed!important;top:0;}
@keyframes headeranimation {
  0% {
    transform:translateY(-100%);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}
@-webkit-keyframes headeranimation {
  0% {
    transform:translateY(-100%);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

.logged-in .header.pageheader{top:0;}
.logged-in .header{top:32px;}
.logged-in .header.headerfixed{top:32px;}
.header{position:fixed;z-index:99;left:0;top:0; width:100%;padding:15px 40px;-webkit-transition:all 500ms cubic-bezier(0.86,0,0.07,1);transition:all 500ms cubic-bezier(0.86,0,0.07,1);}
.tophead{background: linear-gradient(180deg, rgb(35 35 35 / 49%) 32.69%, rgb(35 36 41 / 32%) 59.13%, rgba(51, 79, 144, 0.00) 100%);background-blend-mode: multiply;}
.tophead .sitelogo.{}
.header.pageheader{position:relative;}
.pageheader{background:var(--white,#FFF);}
.pageheader .mainnavigation ul li a,.pageheader .mainnavigation ul li a::after{color:var(--themecolor,#0071BC);}



.headmain{position:relative;display:flex;align-items:flex-end;justify-content:space-between;transition:all 0.8s;}
.sitelogo{display:flex;width:340px;}
.headright{display:flex;align-items:center;justify-content:flex-end;width:calc(100% - 360px);}


.mainnavigation{}
.mainnavigation ul{display:flex;justify-content:space-between;width:100%;}
.mainnavigation ul li{margin-left:30px;text-align:center;overflow:hidden;line-height:1;}
/*.mainnavigation ul li:last-child{margin-left:0;}*/
.mainnavigation ul li a{position:relative;display:inline-block;font-size:16px;font-weight:500;color:#fff;overflow:hidden;text-decoration:none;transition:transform 0.3s ease;}
.mainnavigation ul li a span{display:block;transition:transform 0.3s ease;}
.mainnavigation ul li a::after{content:attr(data-hover);position:absolute;left:0;top:100%;color:#fff;transition:top 0.3s ease ;}
.mainnavigation ul li a:hover span{transform:translateY(-100%);}
.mainnavigation ul li a:hover::after{top:0;}

.contactbtn{margin-left:50px;}
.contactbtn>a{text-decoration:none;display:flex;align-items:center;justify-content:center;padding:10px;width:200px;color:#fff;font-weight:bold;text-transform:uppercase;background:#ff0000;border-radius:10px;border:1px solid #ff0000;transition:.3s;}
.contactbtn>a>em{padding-right:20px;font-size:24px;line-height:1.4;text-transform:uppercase;font-style:italic;border-right:1px solid #ff7f7f;}
.contactbtn>a>span{margin-left:10px;font-weight:normal;}
.contactbtn>a:hover{color:#ff0000;background:#fff;}
.contactbtn>a:hover>span{color:#ff0000;animation:shakeX 0.35s ease;}
@keyframes shakeX{
    0% {
      transform: translateX(0);
    }
    60% {
      transform: translateX(10px);
    }
    100% {
      transform: translateX(0);
    }
  }

@media screen and (max-width:1520px){
  .header{padding:10px 20px;}
  .sitelogo{width:300px;}
  .headright{width:calc(100% - 320px);}
  .mainnavigation{ }
  .mainnavigation ul li{margin-left:10px;}
  .mainnavigation>ul>li>a{font-size:14px;}
  .contactbtn{margin-left:20px;}
  .contactbtn>a{padding:10px;width:150px;line-height:1.4;}
  .contactbtn>a>em{padding-right:15px;font-size:20px;}
  .contactbtn>a>span{font-size:20px;}
}
@media screen and (max-width:1080px){
  .sitelogo{width:180px;}
  .headmain{align-items:center;}
  .contactbtn{margin-left:10px;}
  .headright{justify-content:flex-end;width:calc(100% - 200px);}
  .mainnavigation>ul>li>a{font-size:13px;}
  .contactbtn>a{padding:8px;width:90px;}
  .contactbtn>a>span{font-size:14px;margin-left:5px;}
  .contactbtn>a>em{font-size:14px;padding-right:10px;}
}
@media screen and (max-width:860px){
  .sitelogo{width:150px;}
  .headright{width:calc(100% - 160px);}
  .contactbtn>a{width:100px;padding:3px 6px;border-radius:5px;}
  .contactbtn>a>span{margin-left:10px;font-size:18px;}
  .contactbtn>a>em{padding-right:10px;font-size:16px;}
}
@media screen and (max-width:780px){
  .sitelogo{width:200px;}
  .headright{width:calc(100% - 220px);}
  .mainnavigation{display:none;}
  .contactbtn{display:none;}
}
/* /header css */
/*banner*/

.banner{position:relative;overflow:hidden;z-index:1;width:100%;min-height:min-content;}
.banner:before{content:"";position:absolute;left:0;bottom:-1px;z-index:20;width:100%;height:20%; background:url(img/bg01.jpg) no-repeat;background-size:cover;-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);clip-path: polygon(100% 0, 0% 100%, 100% 100%);}
.banner:after{content:"";position:absolute;left:0;bottom:-1px;z-index:20;width:100%;height:20%; background:url(img/bg02.png) repeat;-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);clip-path: polygon(100% 0, 0% 100%, 100% 100%);opacity: .2;}
.banner .bannervideo{width:100%;height:100dvh;}
.banner .bannervideo .video{width:100%;height:100dvh;object-fit:cover;}
.banner .bannerslide figure{}
.banner .bannerslide figure:after{padding-top:60%;}
/* .banner .bannertext{position:absolute;top:48%;left:50%;z-index:9;padding:0 20px;max-width:1320px;width:100%;color:#525050;line-height:1.4;transform:translate(-50%,-50%);} */
.banner .bannertext{position:absolute;top:70%;left:50%;z-index:9;padding:0 20px;max-width:1320px;width:100%;color:#525050;line-height:1.4;transform:translate(-50%,-50%);}
.banner .bannertext>h1{font-size:100px;color:#414141;font-weight:900;letter-spacing:10px;}
.banner .bannertext>img{width:700px;}
@media screen and (max-width:1520px){
  .banner .bannertext>img{width:600px;}
}
@media screen and (max-width:1080px){
  .banner .bannertext>img{width:500px;}
}
@media screen and (max-width:780px){
  .banner .bannervideo{/*height:95dvh;*/height:600px;}
  .banner .bannervideo .video{/*height:95dvh;*/height: 600px;}
  .banner:before{height:10%;}
  .banner:after{height:10%;}
  .banner .bannerslide figure{height:100vh;}
  .banner .bannertext{top:auto;bottom:10%;left:0;transform:translate(0,0);width:60%;}
  .banner .bannertext>img{width:100%;max-width:380px;}
}
@media screen and (max-width:580px){
  .banner .bannervideo{height:380px;}
  .banner .bannervideo .video{height:380px;}
}

.homegreeting{position:relative;padding:50px 0px;overflow:hidden;}
.homegreeting:before{position:absolute;top:-200px;left:0;content:"";width:100%;height:calc(100% + 200px);background:url(img/bg01.jpg)no-repeat;background-size:cover;}
.homegreeting:after{position:absolute;top:-200px;left:0;content:"";width:100%;height:calc(100% + 200px);background:url(img/bg02.png)repeat;opacity:.2;}
.homegreetingmain{position:relative;z-index:2;}
.homegreetcarousel{}
.homegreetcarousel .slick-list{}
.homegreetcarousel .slick-list .draggable > div{display:flex;flex-wrap:nowrap;}
.homegreetcarousel .photocard{margin-right:30px;}
.homegreetcarousel .slick-prev{display:none;}
.homegreetcarousel .slick-arrow,.homegreetcarousel .slick-prev,.homegreetcarousel .slick-next,.homegreetcarousel .slick-dots{display:none;}
/* .homegreetslide .swiper-slide{width:100%;overflow:hidden;clip-path:polygon(0 10%, 100% 0, 100% 90%, 0 100%);}
.homegreetslide .swiper-slide>figure{width:100%;height:100%;object-fit:cover;display:block;}
.homegreetslide .swiper-slide>figure:after{padding-top:180%;} */
.homegreetingtext{margin:0 auto;padding:50px 40px;max-width:1000px;}
.homegreetingtext>h3{display:flex;justify-content:center;}
.homegreetingtext p{margin-top:-80px;font-size:24px;line-height:2;color:#fff;text-align:center;}
@media screen and (max-width:1520px){
  .homegreeting{padding:40px 0px;}
  .homegreetingtext{padding:40px 20px;}
  .homegreetingtext>p{margin-top:-60px;font-size:20px;}
}
@media screen and (max-width:1080px){
  .homegreeting{padding:40px 0px;}
  .homegreetingtext{padding:30px 20px;}
  .homegreetingtext p{margin-top:-40px;font-size:16px;}
}
@media screen and (max-width:780px){
  .homegreetingtext{padding:20px 20px;}
  .homegreetingtext p{margin-top:-20px;font-size:14px;}
}


.photocard{width:100%;overflow:hidden;clip-path:polygon(0 10%, 100% 0, 100% 90%, 0 100%);}
.photocard>figure{width:100%;height:100%;object-fit:cover;display:block;background-position: top 10% center;transform: translatey(30px) scale(1.2);}
.photocard>figure:after{padding-top:140%;}

.homecompany{/*overflow:hidden;*/background: linear-gradient(236.78deg, #E6F0F9 4.97%, #FFFFFF 55.77%, #DBEBF4 91.24%);}
.homecompanymain .active{position:fixed;top:0;left:0;z-index:999;padding:100px;}
.homecompanymain .twocolumn{}
.homecompanymain .twocolumn .left{width:calc(38% - 25px);}
.homecompanymain .twocolumn .left .companytit{padding-top:130px;}
.homecompanymain .twocolumn .right{padding:100px 0 100px 60px;width:calc(62% - 25px);border-left:1px solid #095cba;}
.homecompanymain .twocolumn .right .twocolumn{margin-top:100px;}
.homecompanymain .twocolumn .right h3{font-size:34px;color:#2A272F;font-weight:900;line-height:1.4;}
.homecompanymain .twocolumn .text{width:calc(42% - 50px);font-size:18px;line-height:32px;}
.homecompanymain .twocolumn .pic{width:58%;}
.homecompanymain .twocolumn .pic figure:after{padding-top:80%;}
@media screen and (max-width:1520px){
  .homecompanymain .twocolumn .left .companytit{padding-left:40px;}
  .homecompanymain .twocolumn .right .twocolumn{margin-top:80px;}
  .homecompanymain .twocolumn .text{width:270px;font-size:16px;}
  .homecompanymain .twocolumn .pic{width:calc(100% - 310px);}
  .homecompanymain .twocolumn .pic figure{height:100%;}
}
@media screen and (max-width:1080px){
  .homecompanymain .active{padding:70px 20px;}
  .homecompanymain .twocolumn .left{width:calc(38% - 15px);}
  .homecompanymain .twocolumn .right{padding:60px 0 60px 20px;width:calc(62% - 15px);}
  .homecompanymain .twocolumn .right h3{font-size:26px;}
  .homecompanymain .twocolumn .right .twocolumn{margin-top:60px;}
  .homecompanymain .twocolumn .text{width:220px;font-size:14px;line-height:1.6;}
  .homecompanymain .twocolumn .pic{width:calc(100% - 260px);}
}
@media screen and (max-width:780px){
  .homecompanymain>dl{flex-direction:column;}
  .homecompanymain .active{padding:50px 20px 0;}
  .homecompanymain .twocolumn .left{width:100%;}
  .homecompanymain .twocolumn .right{padding:40px 20px;width:100%;border-left:none;}
  .homecompanymain .twocolumn .right h3{font-size:22px;}
  .homecompanymain .twocolumn .right .twocolumn{margin-top:40px;flex-direction:column;}
  .homecompanymain .twocolumn .text{width:100%;}
  .homecompanymain .twocolumn .pic{margin-top:20px;width:100%;}
}
@media screen and (max-width:580px){
  .homecompanymain .twocolumn .text .buthruop .btnarrow{width:100%;max-width:240px;margin:0 auto;}
  .homecompanymain .twocolumn .text .buthruop .btnarrow em{width:calc(100% - 30px);}
}


.companytit{padding:100px;position:sticky;top:0px;}
.companytit>.titlegroup{color:#2A272F;}
/* .companytit>.titlegroup .t2{font-family:"Inter","Noto Sans JP",sans-serif;font-weight:bolder;} */
.companytit>.buthruop{margin-top:80px;}

.homecompanypiclist{margin-top:150px;}
.homecompanypiclist figure{width:38%;position:sticky;top:70px;}
.homecompanypiclist figure:after{padding-top:130%;}
.homecompanypiclist figure.img02{margin:150px auto 0;width:50%;}
.homecompanypiclist figure.img02:after{padding-top:98.8%;} 
.homecompanypiclist figure.img03{margin-left:60%;margin-top:150px;width:40%;}
@media screen and (max-width:1520px){
  .homecompanypiclist{margin-top:100px;}
  .homecompanypiclist figure.img02{margin:100px auto 0;}
  .homecompanypiclist figure.img03{margin-top:100px;}
}
@media screen and (max-width:1080px){
  .companytit{padding:70px 20px;}
  .companytit>.buthruop{margin-top:40px;}
  .homecompanypiclist{margin-top:60px;}
  .homecompanypiclist figure.img02{margin:60px auto 0;}
  .homecompanypiclist figure.img03{margin-top:60px;}
}
@media screen and (max-width:780px){
  .companytit{padding:50px 20px 0;}
  .companytit>.buthruop{margin-top:30px;}
  .homecompanypiclist{ margin-top:60px;}
  .homecompanypiclist figure.img02{ margin:30px auto 0;}
  .homecompanypiclist figure.img03{margin-top:30px;}
}
@media screen and (max-width:580px){
  .homecompanypiclist figure.img01{width:100%;margin:0 auto 30px;}
  .homecompanypiclist figure.img02{width:100%;margin:30px auto 0;}
　.homecompanypiclist figure.img02:after{padding-top:130%;} 
  .homecompanypiclist figure.img03{width:100%;margin-top:30px;margin-left:0;}
}


.homestory{position:relative;padding:100px 0px;background:url(img/bg02.jpg) no-repeat;background-size:cover;overflow:hidden;}
.homestory:after{position:absolute;top:0px;left:0;content:"";width:100%;height:100%;background:url(img/bg02.png)repeat;opacity:.2;}
/* .homestorycon .titlegroup .t2{text-shadow:1px 0 1px #FFF;font-weight:900;} */
.homestorycon>div{position:relative;z-index:2;}
.homestorycon>div>h3{margin-top:40px;font-size:34px;color:#fff;font-weight:900;}
.homestorycon>div>p{margin-top:40px;color:#fff;font-size: 16px;line-height: 32px;}
.homestorycon>.buthruop{display:flex;justify-content:center;}
@media screen and (max-width:1520px){
  .homestory{padding:80px 0px;}
  .homestory .homestorycon{max-width:1300px;}
  .homestorycon>div>h3{margin-top:30px;font-size:30px;}
  .homestorycon>div>p{margin-top:30px;}
}
@media screen and (max-width:1080px){
  .homestory{padding:60px 0px;}
  .homestorycon>div>h3{margin-top:20px;font-size:26px;}
  .homestorycon>div>p{margin-top:20px;font-size:14px;}
}
@media screen and (max-width:780px){
  .homestory{background:url(img/spbg02.jpg) no-repeat;}
  .homestory:after{opacity:0.1;}
  .homestorycon>div>h3{font-size:20px;}
}
@media screen and (max-width:580px){
  .homestorycon>.buthruop .btnarrow{width:220px;}
  .homestorycon>.buthruop .btnarrow em{width:calc(100% - 30px);}
}

.projectlist{position:relative;width:100%;margin:0 auto;}
.projectlist .swiper-container{padding-top:160px;padding-bottom: 160px;}
.projectlist .swiper-slide{max-width:700px;}
.projectlist .swiper-slide .projectcardtext{opacity:0;transition:.3s;}
.projectlist .swiper-slide.swiper-slide-active .projectcardtext{opacity:1;}
.projectlist .swiper-slide .projectcardpic figure:after{background:rgba(0,0,0,0.3);transition:.3s;}
.projectlist .swiper-slide.swiper-slide-active .projectcardpic figure:after{background:rgba(0,0,0,0);}
.projectlist .btnbox{position:relative;left:10%; z-index:9;margin:-60px auto 0;width:300px;height:40px;}
.projectlist .swiper-pagination {width: 100%;bottom: 10px;}
.projectlist .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 2px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
.projectlist .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 2px solid #fff;background-color: #ff0000;}
.projectlist .swiper-button-prev{position:absolute;z-index:10;display:flex;align-items:center;justify-content:center;line-height:1;left:0px;width: 40px;height: 40px;color:#ff0000;background:#fff;border-radius:50%;}
.projectlist .swiper-button-prev span{font-size:20px;font-weight:bold;color:#ff0000;}
.projectlist .swiper-button-prev:hover span{color:#fff;}
.projectlist .swiper-button-prev:hover{color:#fff;background:#ff0000;}
.projectlist .swiper-button-next{position:absolute;z-index:10;display:flex;align-items:center;justify-content:center;line-height:1;right:0px;width: 40px;height: 40px;color:#ff0000;background:#fff;border-radius:50%;}
.projectlist .swiper-button-next span{font-size:20px;font-weight:bold;color:#ff0000;}
.projectlist .swiper-button-next:hover {color:#fff;background:#ff0000;}
.projectlist .swiper-button-next:hover span{color:#fff;}
@media screen and (max-width:1520px){
  .projectlist .swiper-container{padding-top:120px;padding-bottom: 120px;}
  .projectlist .swiper-slide{max-width:600px;}
  .projectlist .btnbox{width:280px;margin:-50px auto 0;}
}
@media screen and (max-width:1080px){
  .projectlist .swiper-container{padding-top:80px;padding-bottom: 80px;}
  .projectlist .swiper-slide{max-width:500px;}
  .projectlist .btnbox{left:auto;margin:-20px auto 0;width:250px;height:35px;}
  .projectlist .swiper-button-prev{width:35px;height:35px;}
  .projectlist .swiper-button-next{width:35px;height:35px;}
}
@media screen and (max-width:780px){
  .projectlist .swiper-container{padding-top:50px;padding-bottom:50px;}
  .projectlist .btnbox{justify-content:center;width:200px;margin-top:40px;transform:translate(0,0);}
  .projectlist .swiper-pagination{bottom:15px;}
  .projectlist .swiper-button-prev{width:30px;height:30px;}
  .projectlist .swiper-button-next{width:30px;height:30px;}
  .projectlist .swiper-button-prev span{font-size:16px;}
  .projectlist .swiper-button-next span{font-size:16px;}
}
@media screen and (max-width:580px){
  .projectlist{margin-top:30px;}
  .projectlist .swiper-container{padding-top:20px;padding-bottom:20px;}
  .projectlist .swiper-slide{padding:0 20px;}
}


.projectcard{display:block;position:relative;width:100%;color:var(--white,#FFF);}
.projectcard:hover{text-decoration:none;}
.projectcardpic{width:100%;overflow:hidden;}
.projectcardpic figure{width:100%;}
.projectcardpic figure:after{padding-top:70%;}
.projectcardtext{position:absolute;left:0;bottom:0;z-index:1;width:100%;padding:15px 30px;background: linear-gradient(180deg, rgba(17, 77, 126, 0) 0%, rgba(14, 18, 63, 0.7) 50%, #111327 100%);font-family: Noto Sans CJK JP; font-size: 16px;line-height:1.5;}
.projectcardtitle{font-family: Noto Sans CJK JP;font-weight: bold;font-size: 24px;line-height:1.1;margin-bottom:5px;}
@media screen and (max-width:1520px){
  .projectcardpic figure:after{padding-top:65%;}
  .projectcardtext{padding:15px 20px;}
  .projectcardtitle{font-size:20px;}
}
@media screen and (max-width:1080px){
  .projectcardtext{padding:10px 15px;font-size:14px;}
  .projectcardtitle{font-size:18px;}
}
@media screen and (max-width:580px){
  .projectcardpic figure:after{padding-top:110%;}
  .projectcardtext{padding:10px 5px;}
}

.homework{position:relative;overflow:hidden;background: linear-gradient(236.78deg, #E6F0F9 4.97%, #FFFFFF 55.77%, #DBEBF4 91.24%);}
.homeworkmain .twocolumn{position:relative;z-index:2;display:flex;justify-content:space-between;}
.homeworkmain .twocolumn .text{width:calc(42% - 25px);}
.homeworkmain .twocolumn .text .titlegroup{color:#2A272F;}
.homeworkmain .twocolumn .text > h3{margin-top:40px;font-size:34px;color:#2A272F;font-weight:900;line-height:1.4;}
.homeworkmain .twocolumn .text p{margin-top:50px;font-size:16px;line-height:32px;color:#2A272F;}
.homeworkmain .twocolumn .pic{width:calc(58% - 25px);}
.homeworkmain .twocolumn .pic .layout{display:flex;flex-flow:wrap;justify-content:space-between;margin:-10px 0 0 -10px;}
.homeworkmain .twocolumn .pic .layout .avcol2{margin:10px 0 0 10px;width:calc(50% - 10px);}

@media screen and (max-width:1520px){
  .homeworkmain .twocolumn .text{width:calc(42% - 20px);}
  .homeworkmain .twocolumn .text > h3{margin-top:30px;font-size:30px;}
  .homeworkmain .twocolumn .text p{margin-top:38px;}
  .homeworkmain .twocolumn .pic{width:calc(58% - 20px);}
}
@media screen and (max-width:1320px){
  .homeworkmain .twocolumn .text p{margin-top:30px;line-height:1.6;}	
}
@media screen and (max-width:1080px){
  .homeworkmain .twocolumn .text{width:calc(42% - 15px);}
  .homeworkmain .twocolumn .text > h3{margin-top:20px;font-size:26px;}
  .homeworkmain .twocolumn .text p{margin-top:20px;font-size:14px;line-height:1.4;}
  .homeworkmain .twocolumn .pic{width:calc(58% - 15px);}
}
@media screen and (max-width:780px){
  .homework{background-size:cover;}
  .homeworkmain .twocolumn{flex-direction:column;}
  .homeworkmain .twocolumn .text{width:100%;}
  .homeworkmain .twocolumn .text > h3{font-size:22px;}
  .homeworkmain .twocolumn .pic{margin-top:20px;width:100%;}
}
@media screen and (max-width:580px){
  .homework{}
  .homeworkmain{padding:0;}
  .homeworkmain .twocolumn .text{padding:0 20px;}
  .homeworkmain .twocolumn .text .buthruop .btnarrow{width:100%;max-width:220px;margin:20px auto;}
  .homeworkmain .twocolumn .text .buthruop .btnarrow em{width:calc(100% - 36px);}
  .homeworkmain .twocolumn .pic .layout .avcol2{width:100%;}
}




.hworkcard{position:relative;display:block;transition:.3s;}
.hworkcard:after{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background:rgba(0,0,0,.3);transition:.3s;}
.hworkcard:hover:after{background:rgba(255,255,255,0);}
.hworkcard>figure{width:100%;}
.hworkcard>figure:after{padding-top:80%;}
.hworkcardtext{position:absolute;bottom:0;left:0;z-index:2;width:100%;padding:20px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(0,0,0,0.2),rgba(0,0,0,0.5));}
.hworkcardtext h3{font-size:24px;color:#fff;font-weight:500;}
.hworkcardtext div{display:flex;align-items:center;justify-content:flex-end;}
.hworkcardtext div em{padding-right:40px;font-size:18px;color:#fff;font-weight:500;line-height:1.4;border-right:1px solid #fff;}
.hworkcardtext div span{margin-left:40px;line-height:1;width:24px;overflow:hidden;display:flex;align-items:center;}
.hworkcardtext div span i{font-size:24px;transition:.3s;}
.hworkcardtext div span i.first{transform:translateX(-101%);}
.hworkcardtext div span i.end{transform:translateX(-100%);}
.hworkcard:hover .hworkcardtext div span{animation:shakeX 0.35s ease;}
.hworkcard:hover .hworkcardtext div span i.first{transform:translateX(0%);}
.hworkcard:hover .hworkcardtext div span i.end{transform:translateX(0%);}
.hworkcardred .hworkcardtext{background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(149,10,10,0.5),rgba(149,10,10,0.5));}
.hworkcardgreen .hworkcardtext{background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(10,145,47,0.5),rgba(10,145,47,0.5));}
.hworkcardblue .hworkcardtext{background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(31,10,149,0.5),rgba(31,10,149,0.5));}
.hworkcardbrown .hworkcardtext{background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(149,91,10,0.5),rgba(149,91,10,0.5));}

@media screen and (max-width:1520px){
  .hworkcardtext h3{font-size:20px;}
  .hworkcardtext div em{padding-right:30px;font-size:16px;}
  .hworkcardtext div span{margin-left:30px;font-size:16px;width:16px;}
  .hworkcardtext div span i{font-size:16px;}
}
@media screen and (max-width:1080px){
  .hworkcardtext h3{font-size:16px;}
  .hworkcardtext div em{padding-right:20px;font-size:14px;}
  .hworkcardtext div span{margin-left:20px;width:14px;}
  .hworkcardtext div span i{font-size:14px;}
}
@media screen and (max-width:780px){
  .hworkcardtext h3{font-size:14px;line-height:1.4;}
  .hworkcardtext div em{padding-right:15px;font-size:12px;}
  .hworkcardtext div span{margin-left:15px;font-size:20px;width:20px;}
  .hworkcardtext div span i{font-size:20px;}
}
@media screen and (max-width:580px){
  .hworkcard>figure:after{padding-top:110%;}
}


.homemember{position:relative;padding:100px 0px;background:url(img/bg02.jpg) repeat;overflow:hidden;}
.homemember:after{position:absolute;top:0px;left:0;content:"";width:100%;height:100%;background:url(img/bg02.png)repeat;opacity:.2;}
.homemembermain>.titlegroup{position:relative;z-index:2;margin:0 auto;/*width:calc(100% - 40px);*/color:#fff;}
.mySwiper2{margin-top:80px;}
.homemembermain .mySwiper{padding-bottom:60px;}

.homemembermain .swiper-button-prev{display:none;}
.homemembermain .swiper-button-next{top:auto!important;bottom:20%;padding-right:100px;display:flex;align-items:center;justify-content:flex-end;font-size:18px;color:#fff;font-style:italic;}
.homemembermain .swiper-button-next>img{margin-left:10px;max-width:69px;}
.homemembermain .swiper-button-next:after{display:none;}
.homemembermain .swiper-button-next:hover{opacity:.7;}
.homemembermain>.buthruop{position:relative;z-index:2;display:flex;justify-content:center;}
.homemembermain .swiper-button-next, .homemembermain .swiper-container-rtl .swiper-button-prev{background:none;}
@media screen and (max-width:1520px){
  .homemember{padding:80px 0px;}
  .mySwiper2{margin-top:60px;}
  .homemembermain .mySwiper{padding-bottom:50px;}
  .homemembermain .swiper-button-next{padding-right:60px;font-size:16px;}
  .homemembermain .swiper-button-next>img{margin-left:8px;max-width:60px;}

}
@media screen and (max-width:1080px){
  .homemember{padding:60px 0px;}
  .mySwiper2{margin-top:40px;}
  .homemembermain .mySwiper{padding-bottom:40px;}
  .homemembermain .swiper-button-next{padding-right:40px;font-size:14px;}
  .homemembermain .swiper-button-next>img{margin-left:6px;max-width:50px;}
}
@media screen and (max-width:780px){
  .mySwiper2{margin-top:30px;}
  .homemembermain .mySwiper{padding-bottom:30px;}
  .homemembermain .swiper-button-next{padding-right:20px;}
  .homemembermain .swiper-button-next>img{margin-left:4px;max-width:40px;}
}
@media screen and (max-width:580px){
  .homemembermain .swiper-button-next{bottom: 17%;right: 10%;}
  .homemembermain>.buthruop .btnarrow{width:220px;}
  .homemembermain>.buthruop .btnarrow em{width:calc(100% - 30px);}
}

.hmembercard{width:100%;}
.hmembercard:hover{text-decoration:none;}
.hmembercardpic{overflow:hidden;transform:skewY(-8deg);margin-bottom:15px;}
.hmembercardpic figure{width:100%;height:100%;background-position:top 0 center;background-size:100% auto;display:block;transform:translateY(10px) scale(1.2) skewY(8deg);object-fit:cover;clip-path:polygon(0 10%, 100% 0, 100% 90%, 0 100%);/**/}
.hmembercardpic figure:after{padding-top:120%;}
.hmembercardtext{padding-bottom:20px;color:#fff;line-height:1.4;transform:skewY(-8deg);}
.hmembercardtext>p{font-size:18px;}
.hmembercardtext>h3{font-size:20px;transform:skewX(-8deg);}
.hmembercardtext>h3>span{font-size:24px;}
@media screen and (max-width:1520px){
  .hmembercardtext>p{font-size:16px;}
  .hmembercardtext>h3{font-size:18px;}
  .hmembercardtext>h3>span{font-size:22px;}
}
@media screen and (max-width:1080px){
  .hmembercardtext>p{font-size:14px;}
  .hmembercardtext>h3{font-size:16px;}
  .hmembercardtext>h3>span{font-size:20px;}
}
@media screen and (max-width:780px){
  .hmembercardtext>h3>span{font-size:18px;}
}

/*.hmembercard>figure{width:100%;height:100%;object-fit:cover;display:block;clip-path:polygon(0 10%, 100% 0, 100% 90%, 0 100%);}
.hmembercard>figure:after{padding-top:140%;}
.hmembercard>div{padding-bottom:20px;color:#fff;line-height:1.4;transform:skewY(-8deg);}
.hmembercard>div>p{font-size:18px;}
.hmembercard>div>h3{font-size:20px;transform:skewX(-8deg);}
.hmembercard>div>h3>span{font-size:24px;font-weight:bold;}
@media screen and (max-width:1520px){
  .hmembercard>div>p{font-size:16px;}
  .hmembercard>div>h3{font-size:18px;}
  .hmembercard>div>h3>span{font-size:22px;}
}
@media screen and (max-width:1080px){
  .hmembercard>div>p{font-size:14px;}
  .hmembercard>div>h3{font-size:16px;}
  .hmembercard>div>h3>span{font-size:20px;}
}
@media screen and (max-width:780px){
  .hmembercard>div>h3>span{font-size:18px;}
}*/

.homefrtimes{position:relative;padding:200px 40px;background:url(img/index02.jpg)no-repeat center;overflow:hidden;}
.homefrtimes:after{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background:rgba(255,255,255,.5);}
.homefrtimesmain{position:relative;z-index:2;}
.homefrtimesmain>.titlegroup{color:#2A272F;text-align:center;}
.homefrtimesmain>.buthruop{display:flex;justify-content:center;}
@media screen and (max-width:1520px){
  .homefrtimes{padding:150px 20px;}
}
@media screen and (max-width:1080px){
  .homefrtimes{padding:100px 20px;background-size:100%;}
}
@media screen and (max-width:780px){
  .homefrtimes{padding:90px 20px 40px;background-size:cover;}
}
@media screen and (max-width:580px){
  .homefrtimesmain>.buthruop .btnarrow{width:220px;}
  .homefrtimesmain>.buthruop .btnarrow em{width:calc(100% - 30px);}
}


.homeculture{overflow:hidden;}
.homeculturemain .twocolumn{display:flex;justify-content:space-between;}
.homeculturemain .twocolumn .text{position:relative;padding:100px;width:50%;background-image:linear-gradient(45deg,#286bba,#14a8d0,#286bba);}
.homeculturemain .twocolumn .text:after{position:absolute;top:0px;left:0;content:"";width:100%;height:100%;background:url(img/bg02.png)repeat;opacity:.2;}
.homeculturemain .twocolumn .text .inner{position:relative;z-index:2;}
.homeculturemain .twocolumn .text .inner>h3{margin-top:40px;font-size:34px;color:#fff;line-height:1.4;font-weight:900;}
.homeculturemain .twocolumn .text .inner>p{margin-top:40px;font-size:18px;line-height:2;color:#fff;}
.homeculturemain .twocolumn .pic{width:50%;}
.homeculturemain .twocolumn .pic>figure{height:100%;}
.homeculturemain .twocolumn .pic>figure:after{padding-top:60%;}
@media screen and (max-width:1520px){
  .homeculturemain .twocolumn .text{padding:80px 40px;}
  .homeculturemain .twocolumn .text .inner>h3{margin-top:30px;font-size:30px;}
  .homeculturemain .twocolumn .text .inner>p{margin-top:30px;font-size:16px;}
}
@media screen and (max-width:1080px){
  .homeculturemain .twocolumn .text{padding:60px 20px;}
  .homeculturemain .twocolumn .text .inner>h3{margin-top:20px;font-size:24px;}
  .homeculturemain .twocolumn .text .inner>p{margin-top:20px;font-size:14px;}
}
@media screen and (max-width:780px){
  .homeculturemain .twocolumn{flex-direction:column;}
  .homeculturemain .twocolumn .text{padding:40px 20px;width:100%;}
  .homeculturemain .twocolumn .text .inner>h3{font-size:20px;}
  .homeculturemain .twocolumn .text .inner>.buthruop{display:flex;justify-content:center;}
  .homeculturemain .twocolumn .pic{width:100%;}
}
@media screen and (max-width:580px){
  .homeculturemain .twocolumn .text .inner>.buthruop .btnarrow{width:220px;}
  .homeculturemain .twocolumn .text .inner>.buthruop .btnarrow em{width:calc(100% - 30px);}
}
/* footer */
.footer{padding:60px 40px;overflow:hidden;}
.footermain{margin:0 auto;max-width:1320px;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;}
.footlogo{display:block;width:346px;transition:.3s;}
.footlogo:hover{opacity:0.7;}
.footmenu{width:calc(100% - 380px);max-width:580px;display:flex;justify-content:flex-end;}
.footmenu>ul{margin-left:40px;}
.footmenu>ul>li{margin-bottom:15px;line-height:1;}
.footmenu>ul>li>a{position:relative;font-size:16px;color:#2a272f;font-weight:500;text-decoration:none;}
.footmenu>ul>li>a>.iconfont{display:none;}
.footmenu>ul>li>a:hover{color:#0071bc;}
.footermain>.copyright{position:absolute;left:0;bottom:0;font-size:12px;color:#797979;}
@media screen and (max-width:1520px){
  .footer{padding:50px 20px;}
  .footlogo{width:300px;}
  .footmenu{width:calc(100% - 320px);}
  .footmenu>ul{margin-left:30px;}
  .footmenu>ul>li{margin-bottom:10px;}
  .footmenu>ul>li>a{font-size:14px;}
}
@media screen and (max-width:1080px){
  .footer{padding:40px 20px 20px;}
  .footlogo{width:260px;}
  .footmenu{width:calc(100% - 280px);}
  .footmenu>ul{margin-left:15px;}
  .footmenu>ul>li{margin-bottom:10px;}
}
@media screen and (max-width:780px){
  .footlogo{width:100%;max-width:240px;margin:0 auto 20px;}
  .footmenu{width:100%;margin:0 auto 20px;flex-direction:column;}
  .footmenu>ul{margin-left:0px;}
  .footmenu>ul>li{margin-bottom:0px;}
  .footmenu>ul>li>a{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #D9D9D9;}
  .footmenu>ul>li>a:hover{text-decoration:none;color:var(--themecolor);}
  .footmenu>ul>li>a>.iconfont{display:block;color:#2a272f;}
  .footmenu>ul>li>a:hover>.iconfont{color:var(--themecolor);}
  .footermain>.copyright{position:relative;width:100%;margin-top:20px;text-align:center;}
}
@media screen and (max-width:580px){
  .footlogo{max-width:220px;}
  .footmenu{margin:0 auto 10px;}
}

.pagebanpic{position:relative;width:100%;height:450px;padding:0 40px;}
.pagebanpic:after{padding-top:0;}
.pagebanpic .pagebannertext{height:100%;padding-bottom:60px;justify-content:flex-end;}
@media screen and (max-width:1520px){
  .pagebanpic{height:360px;}
  .pagebanpic .pagebannertext{padding-bottom:30px;}
}
@media screen and (max-width:1080px){
  .pagebanpic{height:300px;padding:0 20px;}
  .pagebanpic .pagebannertext{padding-bottom:20px;}
}
@media screen and (max-width:780px){
  .pagebanpic{height:240px;}
}
@media screen and (max-width:580px){
  .pagebanpic{height:160px;padding:0;}
  .pagebanpic .pagebannertext{padding-bottom:10px;}
}

.pagebanner{position:relative;width:100%;padding:80px 40px;min-height:300px;display:flex;align-items:center;justify-content:center;}
.detailbanner{position:relative;width:100%;padding:50px 40px;display:flex;align-items:center;justify-content:center;}
.pagebanner:after,.detailbanner:after{padding-top:0;}
.pagebannertext{width:100%;display: flex;max-width: 1200px;margin:0 auto;flex-direction: column;justify-content:center; align-items: flex-start;gap: 4px;align-self: stretch;}
.pagebannertext .subtitle{color: var(--white, #FFF);/* セクションタイトル */font-family: Inter;font-size: 68px;font-style: italic;font-weight: 900;line-height: normal;}
.pagebannertext .title{color: var(--white, #FFF);/* セクションサブ */font-family: "Noto Sans JP";font-size: 24px;font-style: normal;font-weight: 500;line-height: normal;}
.pagebannertext .desc{display:inline-block;margin-top:10px;padding:10px 5px;background:#FFF;font-family: Noto Sans JP;font-weight:bolder;font-size:34px;line-height:1.6;}
.pagebannertext .pagesubtitle{color: var(--white, #FFF);font-family: Noto Sans JP;font-size:24px;line-height:1;font-weight: 600;margin-bottom:15px;}
.pagebannertext .pagesubtitle i{margin:0 10px;}
.pagebannertext .pagetitle{color: var(--white, #FFF);font-family: Noto Sans JP;font-weight: 700;font-size: 48px;line-height:1;}
.pagebannertext .pagetitle .small{font-size:24px;line-height:1;font-weight: 900;}
.detailbanner .pagebannertext br{display:none;}
@media screen and (max-width:1520px){
  .pagebanner{min-height:240px;}
  .pagebannertext .subtitle{font-size:50px;}
  .pagebannertext .title{font-size:20px;}
  .pagebannertext .desc{font-size:28px;}
  .pagebannertext .pagesubtitle{font-size:20px;}
  .pagebannertext .pagetitle{font-size:38px;}
  .pagebannertext .pagetitle .small{font-size:20px;}
}
@media screen and (max-width:1080px){
  .pagebanner{padding:50px 20px;}
  .detailbanner{padding:30px 20px;}
  .pagebanner{min-height:200px;}
  .pagebannertext .subtitle{font-size:36px;}
  .pagebannertext .title{font-size:16px;}
  .pagebannertext .desc{font-size:22px;}
  .pagebannertext .pagesubtitle{font-size:16px;margin-bottom:10px;}
  .pagebannertext .pagetitle{font-size:28px;}
  .pagebannertext .pagetitle .small{font-size:16px;}
}
@media screen and (max-width:780px){
  .pagebanner{padding:30px 20px;min-height:150px;}
  .pagebannertext .subtitle{font-size:26px;}
  .pagebannertext .title{font-size:14px;}
  .pagebannertext .desc{font-size:16px;padding:5px;margin-top:5px;}
  /*.pagebannertext .pagesubtitle{font-size:14px;}
  .pagebannertext .pagetitle{font-size:24px;}
  .pagebannertext .pagetitle .small{font-size:14px;}*/
  .detailbanner .pagebannertext{flex-direction:row;justify-content:space-between;align-items:center;}
  .detailbanner .pagebannertext .pagesubtitle{line-height:1.8;}
  .detailbanner .pagebannertext br{display:block;}
  .detailbanner .pagebannertext.workdetailbannertext{flex-direction:column;align-items:flex-start;}
}

.breadcrumbs{padding:30px 40px;}
.breadcrumbmain{display:flex;}
.breadcrumbmain li{display:flex;align-items:center;}
.breadcrumbmain li:not(:last-child):after{content:"";width:7px;height:7px;border:solid #333;border-width:1px 1px 0 0;transform:rotate(45deg);margin:0 10px;}
.breadcrumbmain li a{color: var(--black, #2A272F);font-family: "Noto Sans JP";font-size: 14px;font-style: normal;line-height:1.6;text-decoration:none;transition:.3s;}
.breadcrumbmain li a:hover{color:var(--themecolor);}
@media screen and (max-width:1080px){
  .breadcrumbs{padding:20px;}
  .breadcrumbmain li:not(:last-child):after{margin:0 5px;}
}
@media screen and (max-width:780px){
  .breadcrumbs{padding:15px 20px;}
  .breadcrumbmain li a{font-size:12px;}
}

/*public*/
.ftfnotosans{font-family: Noto Sans JP, sans-serif;}
.ftfinter{font-family: Inter, sans-serif;}

.dashboard{display:flex;justify-content:space-between;flex-wrap: wrap;height:100%;min-height:600px;}

.sidebar{width: 215px;position:relative;padding:50px 0 20px;border-right-width: 1px;border-right-style: solid;border-image:  linear-gradient(180deg, #0858BA 0%, #1995BD 36.41%, #14BD4B 69.78%, #008C38 100%) 1 stretch;border-image-outset: 1px;border-image-slice: 1;}
.sidelist{position:sticky;top:0;/*position: -webkit-sticky;transition:.3s;*/}
.sidelist.active{/*position:absolute;*/top:150px;}
.siditem{display:flex;align-items:center;margin-bottom:24px;font-weight: 700;font-size: 18px;}
.siditem.current{color:var(--themecolor);}
.siditem:hover{text-decoration:none;}
.siditem:before{content:"";display:block;width:16px;border-bottom:2px solid var(--themecolor);margin-right:15px;}

.maincontent{width:calc(100% - 215px);flex: 1;padding:0px 35px 40px;}
@media screen and (max-width:1520px){
  .sidebar{width:195px;min-height:600px;padding:30px 0 20px;}
  .sidelist.active{top:120px;}
  .siditem{font-size:16px;}
  .siditem:before{margin-right:10px;}
  .maincontent{width:calc(100% - 195px);padding: 0px 0 30px 20px;}
}
@media screen and (max-width:1080px){
  .sidebar{width:150px;min-height:600px;padding:20px 0;}
  .sidelist.active{top:100px;}
  .siditem{font-size:14px;}
  .siditem:before{width:12px;margin-right:5px;}
  .maincontent{width:calc(100% - 150px);padding: 0px 0 20px 20px;}
}
@media screen and (max-width:600px){
  .sidebar{display:none;}
  .maincontent{padding:0;width:100%;}
}


/*company*/
.message{padding-top:20px;}
.message .twocolumn .text{width:calc(50% - 20px);}
.message .twocolumn .text p{font-size:18px;line-height:1.8;margin-top:30px;}
.message .twocolumn .pic{width:calc(50% - 20px);}
.company .tablelist dl dt{width:150px;}
.company .tablelist dl dd{width:calc(100% - 160px);}
@media screen and (max-width:1520px){
  .message .twocolumn .text{width:calc(50% - 15px);}
  .message .twocolumn .text p{font-size:16px;line-height:1.6;margin-top:20px;}
  .message .twocolumn .pic{width:calc(50% - 15px);}
  .company .tablelist dl dt{width:120px;}
  .company .tablelist dl dd{width:calc(100% - 130px);}
}
@media screen and (max-width:1080px){
  .message .twocolumn .text{width:calc(50% - 10px);}
  .message .twocolumn .text p{font-size:14px;margin-top:15px;}
  .message .twocolumn .pic{width:calc(50% - 10px);} 
  .company .tablelist dl dt{width:100px;}
  .company .tablelist dl dd{width:calc(100% - 105px);}
}
@media screen and (max-width:780px){
  .message .twocolumn .text{width:100%;order:1;}
  .message .twocolumn .pic{width:100%;margin-bottom:20px;order:0;}
}

/*culture*/
.culture{position:relative;}
.benefitspic{width:320px;}
.trainingpic{width:230px;}
@media screen and (max-width:1520px){
  .benefitspic{width:260px;}
  .trainingpic{width:200px;}
}
@media screen and (max-width:1080px){
  .benefitspic{width:200px;}
  .trainingpic{width:150px;}
}
@media screen and (max-width:780px){
  .benefitstitle{flex-direction:column-reverse;}
  .training{display:flex;flex-direction:column;}
  .trainingtitle{text-align:center;}
  .benefitspic{width:240px;margin:0 auto 20px;}
  .trainingpic{/*position:relative;right:auto;bottom:auto;*/width:240px;margin:0 auto 20px;order:-1;}
  .culturelist .layout .avcol2{width:100%;}
}

.infographicsslide{position:relative;overflow:hidden;}
.infographicsslide .swiper-button-disabled{opacity:0;}
.infographicsslide .swiper-button-prev{left:60px;top:calc(100% - 100px);width:50px;height:50px;background:#FFF;border:2px solid var(--themecolor);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.infographicsslide .swiper-button-prev:before{content:"";width:15px;height:15px;border:solid var(--themecolor);border-width:0 0 2px 2px;transform:translateX(8px) rotate(45deg);}
.infographicsslide .swiper-button-prev:after{content:"";width:20px;height:2px;border-bottom:2px solid var(--themecolor);transform:translateX(-7px);}
.infographicsslide .swiper-button-next{right:calc(100% - 180px);top:calc(100% - 100px);width:50px;height:50px;background:#FFF;border:2px solid var(--themecolor);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.infographicsslide .swiper-button-next:before{content:"";width:20px;height:2px;border-bottom:2px solid var(--themecolor);transform:translateX(7px);}
.infographicsslide .swiper-button-next:after{content:"";width:15px;height:15px;border:solid var(--themecolor);border-width:2px 2px 0 0;transform:translateX(-7px) rotate(45deg);}
@media screen and (max-width:1520px){
  .infographicsslide .swiper-button-prev{left:30px;top:calc(100% - 50px);width:38px;height:38px;}
  .infographicsslide .swiper-button-prev:before{width:12px;height:12px;}
  .infographicsslide .swiper-button-prev:after{width:20px;}
  .infographicsslide .swiper-button-next{right:calc(100% - 120px);top:calc(100% - 50px);width:38px;height:38px;}
  .infographicsslide .swiper-button-next:before{width:20px;}
  .infographicsslide .swiper-button-next:after{width:12px;height:12px;}
}
@media screen and (max-width:1080px){
  .infographicsslide .swiper-button-prev{left:20px;top:calc(100% - 38px);width:30px;height:30px;}
  .infographicsslide .swiper-button-prev:before{width:10px;height:10px;}
  .infographicsslide .swiper-button-prev:after{width:15px;transform:translateX(-5px);}
  .infographicsslide .swiper-button-next{right:calc(100% - 82px);top:calc(100% - 38px);width:30px;height:30px;}
  .infographicsslide .swiper-button-next:before{width:15px;transform:translateX(5px);}
  .infographicsslide .swiper-button-next:after{width:10px;height:10px;}
}
@media screen and (max-width:780px){
  .infographicsslide{padding-bottom:30px;}
  .infographicsslide .swiper-button-prev{top:calc(100% - 20px);left:calc(50% - 50px);}
  .infographicsslide .swiper-button-next{top:calc(100% - 20px);right:calc(50% - 50px);}
}
/* .infocard{} */
.infocardtext{width:calc(50% - 10px);}
.infocardtext p{margin-top:15px;}
.infocardtitle{width:100%;background: linear-gradient(to right, #2ecc71, #00a0e9);}
.infocardpic{width:calc(50% - 10px);}
@media screen and (max-width:1080px){
  .infocardtext{width:calc(50% - 5px);}
  .infocardpic{width:calc(50% - 5px);}
}
@media screen and (max-width:780px){
  .infocardtext{width:100%;margin-bottom:10px;}
  .infocardpic{width:100%;}
}
/* featureitem */
.featureitem{/* margin:38px auto; */width:100%;}
.featureitem:nth-of-type(even){flex-direction:row-reverse;}
.featureitem .pic{width:360px;}
.featureitem .pic figure{width:100%;height:100%;}
.featureitem .text{width:calc(100% - 420px);}
.featuretitle{font-family: Noto Sans JP;}
.featuretitle:before{content:attr(data-title);font-family: "Inter","‌Times New Roman","Arial‌",sans-serif;font-weight: 600;font-style: italic;font-size:96px;line-height:1;position:absolute;left:0;bottom:10px;color:rgba(0, 113, 188, 0.3);}
.featurecontent p{margin-top:20px;font-size:16px;}
@media screen and (max-width: 1520px) {
  .featureitem .pic{width:320px;}
  .featureitem .text{width:calc(100% - 360px);}
  .featuretitle:before{font-size:76px;}
  .featurecontent p{margin-top:15px;font-size:14px;line-height:1.8;}
}
@media screen and (max-width:1080px){
  .featureitem .pic{width:280px;}
  .featureitem .text{width:calc(100% - 300px);}
  .featuretitle:before{font-size:56px;bottom:5px;}
  .featurecontent p{margin-top:10px;font-size:13px;} 
}
@media screen and (max-width:780px){
  .featureitem .pic{width:100%;margin-bottom:15px;}
  .featureitem .pic figure:after{padding-top:70%;}
  .featureitem .text{width:100%;}
  .featuretitle:before{font-size:50px;}
}
/* access */
.access .text{width:calc(50% - 20px);}
.access .text p{line-height:1.8;font-size:18px;}
.access .map{width:calc(50% - 20px);}
.access .map .googlemap,.access .map .googlemap iframe{height:260px;}
@media screen and (max-width: 1520px) {
  .access .text{width:calc(50% - 15px);}
  .access .text p{font-size:16px;}
  .access .map{width:calc(50% - 15px);}
  .access .map .googlemap,.access .map .googlemap iframe{height:240px;}
}
@media screen and (max-width:1080px){
  .access .text{width:calc(50% - 10px);}
  .access .text p{font-size:14px;}
  .access .map{width:calc(50% - 10px);}
  .access .map .googlemap,.access .map .googlemap iframe{height:200px;}
}
@media screen and (max-width:780px){
  .access .text{width:100%;margin-bottom:10px;}
  .access .map{width:100%;}
}
/* .linetitle */
.linetitle:after{content:"";margin-left:20px;width:100%;border-bottom:2px solid;}
/* .item */
.itemvideo{width:calc(50% - 15px);}
.itemvideothumnail{display:flex;text-decoration:none;cursor:pointer;}
.itempic{width:calc(50% - 15px);overflow:hidden;}
.itempic figure{width:100%;}
.itempic figure:after{padding-top:56%;}
.itemtext{width:calc(50% - 15px);}
.itemtext .buthruop .btnarrow em{width:calc(100% - 38px);}
@media screen and (max-width: 1520px) {
  .itemvideo{width:calc(50% - 10px);}
  .itempic{width:calc(50% - 10px);}
  .itemtext{width:calc(50% - 10px);}
}
@media screen and (max-width: 1080px) {
  .itemvideo{width:300px;}
  .itempic{width:300px;}
  .itemtext{width:calc(100% - 320px);}
}
@media screen and (max-width: 768px) {
  .item{max-width:500px;}
  .itemvideo{width:100%;margin-bottom:10px;}
  .itempic{width:100%;margin-bottom:10px;}
  .itemtext{width:100%;}
  .itemtext .buthruop .btnarrow{width:100%;}
}
/* .memberlist{} */
@media screen and (max-width: 780px) {
  .memberlist .layout .avcol3{width:50%;}
}
@media screen and (max-width: 580px) {
  .memberlist .layout .avcol3{width:100%;}
  .memberlist .layout .avcol3 .thumb{max-width:360px;margin:0 auto;}
}
/*thumb  */
.thumb:hover{text-decoration:none;}
.thumb:hover .thumbpic figure{transform:scale(1.1,1.1);}
.thumb:hover .thumbbtn .btnlink span{transform:translateX(5px);}
.thumbpic figure:after{padding-top:110%;}
/* .worklist{} */
@media screen and (max-width: 780px) {
.worklist .layout .avcol2{width:100%;}
.worklist .layout .avcol2 .workcard{max-width:500px;margin:0 auto;}
}
@media screen and (max-width: 580px) {
  .worklist{padding:0;}
}
/* .workcard{} */
.workcard:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);}
.workcard:hover{text-decoration:none;}
.workcard:hover .workcardpic figure{transform:scale(1.1,1.1);}
/*.workcardred:after{background:rgba(47, 3, 3, 0.3);}*/
.workcardred .workcardtext{background: linear-gradient(360deg, #2F0303 0%, rgba(149, 10, 10, 0) 95%);}
/*.workcardgreen{} .workcardgreen:after{background:rgba(3, 47, 25, 0.3);}*/
.workcardgreen .workcardtext{background: linear-gradient(360deg, #032F19 0%, rgba(10, 149, 47, 0) 95%);}
/*.workcardblue{} .workcardblue:after{background:rgba(3, 9, 47, 0.3);}*/
.workcardblue .workcardtext{background: linear-gradient(360deg, #03092F 0%, rgba(31, 10, 149, 0) 95%);}
/*.workcardbrown{} .workcardbrown:after{background:rgba(47, 26, 3, 0.3);}*/
.workcardbrown .workcardtext{background: linear-gradient(360deg, #2F1A03 0%, rgba(149, 91, 10, 0) 95%);}
@media screen and (max-width: 780px) {
  .workcardpic figure:after{padding-top:130%;}
}
/*memberdetail*/
.memberdetail .bgtitle{margin-bottom:50px;}
.memberdetail .daytime{padding:50px;background:#FFF;}
.memberdetail .daytime figure{width:80%;margin:0 auto;}
.memberdetail .memberdetailpic{margin:50px auto;display:flex;justify-content:center;}
.memberdetail .twocolumn .text{width:calc(100% - 390px);font-size:18px;line-height:1.8;}
.memberdetail .twocolumn .text .bgtitle{margin-bottom:15px;}
.memberdetail .twocolumn .pic{width:350px;}
.memberdetail .twocolumn .pic figure:after{padding-top:70%;}
@media screen and (max-width: 1520px) {
  .memberdetail .bgtitle{margin-bottom:30px;}
  .memberdetail .daytime{padding:30px;}
  .memberdetail .daytime figure{width:85%;}
  .memberdetail .memberdetailpic{margin:30px auto;}
  .memberdetail .twocolumn .text{width:calc(100% - 320px);font-size:16px;}
  .memberdetail .twocolumn .text .bgtitle{margin-bottom:10px;}
  .memberdetail .twocolumn .pic{width:280px;}
}
@media screen and (max-width: 1080px) {
  .memberdetail .bgtitle{margin-bottom:20px;}
  .memberdetail .daytime{padding:30px 20px;}
  .memberdetail .daytime figure{width:90%;}
  .memberdetail .memberdetailpic{margin:20px auto;}
  .memberdetail .twocolumn .text{width:calc(100% - 260px);font-size:14px;}
  .memberdetail .twocolumn .pic{width:240px;}
}
@media screen and (max-width: 780px) {
  .memberdetail .daytime{padding:20px 10px;}
  .memberdetail .daytime figure{width:100%;max-width:300px;}
  .memberdetail .twocolumn .text{width:calc(100% - 220px);}
  .memberdetail .twocolumn .pic{width:200px;}
}
@media screen and (max-width: 580px) {
  .memberdetail .twocolumn .text{width:100%;margin-bottom:15px;}
  .memberdetail .twocolumn .pic{width:100%;max-width:300px;margin:0 auto;}
}
.detailvideo{width:100%;max-width:650px;margin:20px auto;}
/*workdetail*/
.workdetail hgroup{margin-bottom:50px;}
.workdetailtop .twocolumn .headline{width:300px;}
.workdetailtop .twocolumn .text{width:calc(100% - 320px);}
.workdetailtop .twocolumn .text p{margin-bottom:25px;line-height:1.8;}
.workdetailpic .twocolumn .pic{width:calc(50% - 20px);}
.workdetailpic .twocolumn .pic figure:after{padding-top:70%;}
@media screen and (max-width: 1520px) {
  .workdetail hgroup{margin-bottom:30px;}
  .workdetailtop .twocolumn .headline{width:240px;}
  .workdetailtop .twocolumn .text{width:calc(100% - 260px);}
  .workdetailtop .twocolumn .text p{margin-bottom:20px;line-height:1.6;}
  .workdetailpic .twocolumn .pic{width:calc(50% - 10px);}
}
@media screen and (max-width: 1080px) {
  .workdetail hgroup{margin-bottom:20px;}
  .workdetailtop .twocolumn .headline{width:200px;}
  .workdetailtop .twocolumn .text{width:calc(100% - 220px);}
  .workdetailtop .twocolumn .text p{margin-bottom:15px;}
  .workdetailpic .twocolumn .pic{width:calc(50% - 5px);} 
}
@media screen and (max-width: 780px) {
  .workdetailtop .twocolumn .headline{width:100%;margin-bottom:15px;}
  .workdetailtop .twocolumn .text{width:100%;}
  .workdetailpic .twocolumn .pic{width:100%;margin:0 auto 10px;}
}
@media screen and (max-width: 620px) {
  .workdetaillist .layout .avcol3{width:100%;}
}
/* tabmenu */
.tabmenu{display:flex;}
.tabmenuitem{border-radius:8px 8px 0 0;margin-right:10px;padding:15px 38px;font-size:20px;font-weight:bolder;text-align:center;cursor:pointer;}
.tabmenuitem.tabtheme{color:var(--themecolor);background:var(--white,#FFF);border:2px solid var(--themecolor);}
.tabmenuitem.tabtheme.current{background:var(--themecolor);color:var(--white,#fff);}
.tabmenuitem.tabgreen{color:var(--green);background:var(--white,#FFF);border:2px solid var(--green);}
.tabmenuitem.tabgreen.current{background:var(--green);color:var(--white,#fff);}
/* tabitem */
.tabitem{background:#FFF;padding:50px;display:none;animation: fadeIn 0.5s;}
.tabitem.current{display:block;}
.tabitem .t3{font-size: 28px;font-weight: 700;line-height: normal;}
.tabitem .tablelist{margin-top:20px;}
.tabitem .tablelist > dl{border-bottom:1px dashed rgba(42, 39, 47, 0.40);}
.tabitem .tablelist > dl > dd dl{display:flex;flex-wrap:wrap;}
.tabitem .tablelist > dl > dd dl dt{margin-right:5px;}
.tabitemtheme{border:5px solid var(--themecolor);}
.tabitemtheme .tablelist > dl > dt{color:var(--themecolor);}
.tabitemgreen{border:5px solid var(--green);}
.tabitemgreen .tablelist > dl > dt{color:var(--green);}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media screen and (max-width: 1520px) {
  .tabmenuitem{margin-right:8px;padding:10px 30px;font-size:18px;}
  .tabmenuitem.tabtheme{border:2px solid var(--themecolor);}
  .tabmenuitem.tabgreen{border:2px solid var(--green);}
  .tabitem{padding:30px;}
  .tabitem .t3{font-size: 24px;}
}
@media screen and (max-width: 1080px) {
  .tabmenuitem{margin-right:6px;padding:10px 20px;font-size:16px;}
  .tabmenuitem.tabtheme{border:2px solid var(--themecolor);}
  .tabmenuitem.tabgreen{border:2px solid var(--green);}
  .tabitem{padding:20px;}
  .tabitem .t3{font-size: 20px;}
  .tabitem .tablelist{margin-top:15px;}
  .tabitem .tablelist > dl > dd dl dt{margin-right:3px;}
  .tabitemtheme{border:3px solid var(--themecolor);}
  .tabitemgreen{border:3px solid var(--green);}
}
@media screen and (max-width: 780px) {
  .tabitem{padding:15px 10px;}
  .tabitem .tablelist > dl > dt{width:120px;}
  .tabitem .tablelist > dl > dd{width:calc(100% - 120px);}
}
@media screen and (max-width: 580px) {
  .tabmenu{justify-content:space-between;}
  .tabmenuitem{width:calc(50% - 5px);margin-right:0;}
  .tabitem .tablelist > dl > dt{width:80px;}
  .tabitem .tablelist > dl > dd{width:calc(100% - 85px);}
}
/* entryform */
.entryform{padding:38px;background:var(--white);}
.entryform .form .btngroup{position:relative;}
.entryform .form .btngroup .button{width:100%;margin:0 10px;}
.entryform .form .btngroup p{display:flex;}
.entryform .form .btngroup .wpcf7-spinner{position:absolute;}
.forminfo{text-align:center;margin-bottom:36px;}
.form dl dt{width:220px;padding-top:10px;}
.form dl dt p{width:100%;display:flex;}
.form dl dd{width:calc(100% - 240px);}
@media screen and (max-width: 1520px) {
  .entryform{padding:30px;}
  .forminfo{margin-bottom:30px;}
  .form dl dt{width:200px;}
  .form dl dd{width:calc(100% - 220px);}
}
@media screen and (max-width: 1080px) {
  .entryform{padding:20px;}
  .forminfo{margin-bottom:20px;}
  .form dl dt{width:150px;}
  .form dl dd{width:calc(100% - 160px);}
}
@media screen and (max-width: 780px) {
  .entryform{padding:10px;}
  .forminfo{text-align:left;padding-bottom:10px;border-bottom:1px solid var(--themecolor);}
  .form dl dt{width:100%;padding-top:0;}
  .form dl dd{width:100%;}
}
/* pagemenu */
.pagemenu{display:flex;}
.pagemenutop{font-size:24px;line-height:1.1;padding-right:30px;margin-right:30px;border-right:1px solid #333;}
.pagemenunext .iconfont{color:#000;font-size:24px;line-height:1.1;}
@media screen and (max-width: 1520px) {
  .pagemenutop{font-size:20px;padding-right:25px;margin-right:25px;}
.pagemenunext .iconfont{font-size:20px;}
}
@media screen and (max-width: 1080px) {
  .pagemenutop{font-size:16px;padding-right:20px;margin-right:20px;}
.pagemenunext .iconfont{font-size:16px;}
}
@media screen and (max-width: 780px) {
  .pagemenutop{ padding-right:15px;margin-right:15px;}
}
/* videoiframe */
.modalboxbtn{cursor:pointer;}
.videoiframe{position:fixed;top:50%;left:50%;z-index:-1;width:100%;max-width:800px;/*height:100%;max-height:600px;*/transform:translate(-50%,-50%);background:#FFF;opacity:0;visibility:hidden;display:flex;justify-content:center;align-items:center;transition:.3s;}
.videoiframe.active{opacity:1;visibility:visible;z-index:110;}
.videoiframe .videobox{width:100%;height:100%;overflow:hidden;}
.videoiframe .videobox iframe{width:100%;height:100%;}
.modalboxclose{position:absolute;top:-15px;right:-15px;width:30px;height:30px;border-radius:50%;border:1px solid var(--themecolor);background:var(--white);padding:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.modalboxclose:before{content:"";width:16px;border-top:2px solid var(--themecolor);transform-origin:center;transform:translate(0px,1px) rotate(45deg);}
.modalboxclose:after{content:"";width:16px;border-top:2px solid var(--themecolor);transform-origin:center;transform:translate(0px,-1px) rotate(-45deg);}
@media screen and (max-width: 1080px) {
  .videoiframe{max-width:600px;max-height:450px;}
  .modalboxclose{top:-10px;right:-10px;width:20px;height:20px;}
}
@media screen and (max-width: 780px) {
  .videoiframe{max-width:360px;max-height:240px;}
}