:root {
  --primary-color: #2555A5;
  --secondary-color: #C9161D;
  --tertiary-color: #24974C;
  --quaternary-color: #3297CB;
}




html {
 overflow-y: scroll;
}

body{font-size: clamp(0.875rem, 0.7593rem + 0.2407vw, 1rem); letter-spacing:0.5px;font-family: 'Noto Sans JP'; line-height:1.5; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt";container-type: inline-size;}
.global_inner{width:80%;margin:0 auto; position:relative;padding: 0 20px;}
img{width:100%; height:auto;}
a img{transition:0.2s all;}
a img:hover{transform: scale(1.2);transition:0.2s all; letter-spacing:2px;}
a img.no-zoom:hover{transform: scale(1.0);}
.box{display:flex;justify-content: space-between; }

h1,h2,h3,h4,h5,h6{font-weight:700; position:relative;}
h2{font-size:25px; font-weight:bold;}
h2 span{display:block; font-size:15px; line-height:1;}
.copy{font-weight:700; }


@media screen and (max-width: 768px) {
body{font-size:15px; letter-spacing:1px;}
.global_inner{  width:90%; min-width:auto; padding:0;}
.box{flex-direction: column; }

}

header{position: fixed;top: 20px; left: 50%; transform: translateX(-50%); width: 98%; z-index:3;background:#FFF; display:flex;align-items: center;justify-content: space-between;height:70px }
header #navArea{}
header #navArea .inner{width:100%;}
nav{display:flex;justify-content: space-between;align-items: center;margin-left:0px; margin-right:0px;}
header .logo{margin-left:40px;}
header .logo a{display:flex;align-items: center;}
header .logo img{width:180px; height:auto;}
header .logo img:hover{transform: scale(1.0);}
header ul.btn-menu{display:none;}

nav ul{display:flex;align-items: center;flex-wrap: wrap;}
nav ul li{font-size:16px;position: relative;}
nav ul li a{color:#222;  padding-right:20px; padding-left:20px;transition:0.5s all; font-weight:bold; display:flex;align-items: center;position:relative;}
nav ul li img{width:18px; margin-left:5px;}
nav ul li img:hover{transform: scale(1.0);}
nav ul li.current:after{ content:"";position:absolute; bottom:-7px;left: 50%; transform: translateX(-50%); height:3px; width:50px; background:var(--primary-color);}



nav ul li a:hover{transition:0.1s all; text-decoration:none;}
nav ul li:first-child a{margin-left:0px;}
nav ul li:last-child:after{content:"";}

nav ul li.contact{background:var(--primary-color); margin-right:10px; margin-left:20px;}
nav ul li.contact span{font-size:11px;}
nav ul li.contact a{flex-direction: column; color:#FFF; padding-top:5px; padding-bottom:5px;}
nav ul li.contact a:hover{text-decoration:none;}
/* ==========================================
  ドロップダウンメニュー
========================================== */
nav ul li.menu-item {position: relative;}
nav ul li ul.dropdown-menu li{width:100%;transition:0.4s all;}
nav ul li ul.dropdown-menu li:last-child a{border-bottom:none;}
nav ul li ul.dropdown-menu li:after{content:none;}
nav ul li ul.dropdown-menu li:hover{background:var(--primary-color);transition:0.4s all; text-decoration:none;}
nav ul li ul.dropdown-menu li:hover a{color:#FFF;}

@media screen and (min-width: 769px) {
nav ul li ul.dropdown-menu {    position: absolute;top: 120%;left: 0;box-shadow: 0 4px 6px rgba(0,0,0,0.1);opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;z-index: 100; min-width:240px;margin-top:19px;}
nav ul li.menu-item:hover ul.dropdown-menu {opacity: 1;visibility: visible;}
nav ul li.menu-item::before{content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 20px; }
 nav ul li ul.dropdown-menu {background-color: #FFF;flex-direction: column;width: fit-content;white-space: nowrap;}

 nav ul li ul.dropdown-menu li a .arrow{
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  right: 25px;
  padding-right: 0;
}
nav ul li ul.dropdown-menu li:hover .ic_arrow.black:before,
nav ul li ul.dropdown-menu li:hover .ic_arrow.black:after{
  background-image: url(/wp-content/themes/innovaturetech/assets/image/ic_arrow.svg);
}
nav ul li ul.dropdown-menu li a {  display: block;  padding: 20px 40px 20px 30px;  border-bottom: 1px solid #eee; color:#000; font-weight:normal;}

}

@media screen and (max-width: 768px) {
nav ul li ul.dropdown-menu {white-space: normal; width:100%;    max-height: 0;    overflow: hidden;    transition: max-height 0.3s ease-out;}
nav ul li ul.dropdown-menu.is-active {max-height: 500px;  }
nav ul li ul.dropdown-menu li{margin-bottom:0;}
nav ul li ul.dropdown-menu li a{font-size:16px; padding:10px 10px 10px 10px;border-bottom:1px solid #eee; display:flex;align-items: center; font-weight:400;}
nav ul li ul.dropdown-menu li a .arrow{ top: 50%;
  transform: translateY(-50%);bottom: auto;}
nav ul li img{display:none;}

}






@media screen and (max-width: 1050px) {
nav ul li a{padding-left:10px; padding-right:10px;}
header .logo img{width:160px;}
}
@media screen and (max-width: 910px) {
nav ul li{font-size:15px;}
nav ul li a{padding-left:5px; padding-right:5px;}
header .logo img{width:140px;}
}


/*====================
ハンバーガーメニュー
=====================*/
@media screen and (max-width: 768px) {
header{height:70px; position:fixed;left: unset;right: 0;width: 100%;transform: unset;top: 0px; z-index:3;display:flex;align-items: center;justify-content: space-between; padding:0px 10px; border-radius:0px;}
nav {display: block;position: fixed;top: 0;right: -300px;bottom: 0;width: 300px;background-color:var(--primary-color);-webkit-overflow-scrolling: touch;transition: all 0.5s;z-index: 102;opacity: 0;margin-left:0px; margin-right:0px;}
nav ul li:after{content:none;}
nav ul li a{color:#FFF; font-size:20px;}
header .logo{margin-left:10px; margin-right: auto;}
header .logo img{width:auto; height:40px;}
header ul.btn-menu{	display: flex;	flex-direction: row;padding: 0px;margin: 0px;position:absolute;right:70px;}
header ul.btn-menu img{width:110px;}
header ul.btn-menu li{	margin:0 5px 0 0;padding: 0px;}

.open nav {right: 0;opacity: 1;top:0px;width:50%;box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08);width:100%; padding-top:60px; overflow:scroll;}
.open nav{ color:#FFF;}
nav {right: -220px;width: 220px;}
header ul{font-size:24px;flex-direction: column;align-items: flex-start;padding: 0 20px 20px 20px}
header ul.menu{width: 100%;}
header ul.menu li{text-align:left; margin-bottom:20px; }
header ul.menu > li{width:100%;}
header ul.menu > li > a{ padding-left: 0px; }
.btn_contact{background:var(--primary-color); margin-right:70px; }
.btn_contact span{font-size:11px; display:block;}
.btn_contact a{color:#FFF; padding:5px 15px; text-align:center;display:block;}
.btn_contact a:hover{text-decoration:none;}






/*============
ハンバーガーメニューのトグル
=============*/
#toggle_btn {display: block;position: fixed;top:10px; right:15px;width: 50px;height: 50px;transition: all .5s;cursor: pointer;z-index: 103; background:#FFF; border-radius:50%; border:solid 2px var(--primary-color);}
#toggle_btn p{font-size:12px;}
#toggle_btn span {display: block;position: absolute;left: 12px;width: 22px;height: 3px;background-color:var(--primary-color);border-radius: 4px;transition: all .5s;}
#toggle_btn span:nth-child(1) {top: 14px;}
#toggle_btn span:nth-child(2) {top: 22px;}
#toggle_btn span:nth-child(3) {top: 30px;}
.open #toggle_btn span {background-color: var(--primary-color);}
.open #toggle_btn span:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.open #toggle_btn span:nth-child(2) {opacity: 0;}
.open #toggle_btn span:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}

}


/*========================
キービジュアル
=========================*/
.kv{ height:100vh; position:relative;}
.kv img{height:100%; width:100%; object-fit:cover;}
.kv .copy{font-size: clamp(3.125rem, 1.6212rem + 3.1288vw, 4.75rem);position: absolute; bottom: 15%; left: 7%;  color:#FFF; font-weight:700;}


@media screen and (max-width: 768px) {
.kv{ height:500px;}
.kv .copy{font-size:32px;}
}

/*========================
TOP:ニュース
=========================*/
.news_list{max-width:1400px; margin:100px auto 0 auto;}
.news_list .box{justify-content: flex-start;align-items: flex-start;}
.news_list .box .heading{width:250px; border-left:solid 7px var(--quaternary-color); margin-top:15px; padding-left:20px;}
.news_list .box .item dl{display:flex; align-items: flex-start;border-top:solid 1px #DDDDDD; padding:15px 0;}
.news_list .box .item a:last-child dl{border-bottom:solid 1px #DDDDDD;}
.news_list .box .item dl dt{border-radius:20px; width:120px;min-width:120px; background:var(--quaternary-color); color:#FFF; padding:5px 12px; font-weight:500; font-size:13px; margin-right:20px;}


@media screen and (max-width: 768px) {
.news_list{margin:40px auto 0 auto;}
.news_list .box .heading{margin-left:auto; margin-right:auto; margin-bottom:30px;border-left:none; padding-left:0;}
.news_list .box .heading h2{text-align:center;}
.news_list .box .heading h2:after{content:""; height:4px; width:50px;position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); background:var(--quaternary-color);}
.news_list .box .item dl{flex-direction: column;}
.news_list .box .item dl dt{width:135px;}
.news_list .box .item dl dd{margin-top:10px;}
.news_list .box .item a:nth-of-type(n+2){ display: none; }
.news_list .box .item a:first-child dl{border-bottom:solid 1px #DDDDDD;}

}



/*========================
TOP:企業情報
=========================*/
.top_company{background:url(/wp-content/themes/innovaturetech/assets/image/top_company_bg.png) no-repeat; padding:70px 5% 150px 5%; margin-top:80px; }
.top_company .box{justify-content: center;align-items: flex-end;}
.top_company .box .photo{width:50%; padding:0 7%;}
.top_company .box .text_area{ width:50%;}
.top_company .box .text_area .copy{font-size: clamp(1.875rem, 0.8339rem + 2.1661vw, 3rem);/*48/30*/ font-weight:700; margin-top:60px;}
.top_company .box .text_area .text{max-width:620px; margin-top:30px;}
.top_company .box .text_area .heading{ position:relative;}
.top_company .box .text_area .heading:after{ content:"";background:var(--tertiary-color); width:60px; height:6px; position:absolute; bottom:-7px;}
.top_company .box a.viewmore{background:var(--tertiary-color); margin-top:100px;}


@media screen and (max-width: 768px) {
.top_company{padding:70px 5% 70px 5%;  }
.top_company .box{flex-direction: column-reverse;align-items:center;}
.top_company .box .photo{width:100%; padding:0%; margin-top:70px;}
.top_company .box .text_area{ width:100%;}
.top_company .box .text_area .heading{text-align:center;}
.top_company .box .text_area .heading:after{position:absolute; bottom:-7px;left: 50%; transform: translateX(-50%);}
.top_company .box .text_area .copy{font-size: 27px; margin-top:30px;}
.top_company .box .viewmore{margin-top:45px;}
}


/*========================
TOP:注力する３つの領域
=========================*/
.top_focus{background:url(/wp-content/themes/innovaturetech/assets/image/top_focus_bg.png) no-repeat;position: relative;    background-size: cover;  color:#FFF; text-align:center; padding:100px 0 150px 0; background-position:center;}
.top_focus::before {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: linear-gradient(to right, rgba(0, 67, 130, .5), rgba(33, 187, 231, .5));}
.top_focus .heading{position:relative; margin-bottom:50px;}
.top_focus .heading:after{ content:"";background:#FFF; width:60px; height:6px; position:absolute; bottom:-7px; left: 50%;    transform: translateX(-50%);}
.top_focus .text{position:relative;}
.top_focus .text span{font-size:125%; display:block; margin-bottom:30px; font-weight:500;}
.top_focus .box{background:#FFF;flex-direction: column;position: relative;  width:80%; min-width:1000px; margin:80px auto 0 auto; color:#000; padding:70px 0 150px 0;  }
.top_focus .box .item{ position:relative; width: 100%;display:flex;justify-content: center;align-items: center; text-align:left; margin-top:100px;}
.top_focus .box .item .photo{    text-align: center; width:100%;}
.top_focus .box .item .photo img{height:auto; width:90%;position: relative;}


.top_focus .box .item .ax{position:absolute; left:6%; top:10%;}
.top_focus .box .item .ax a.viewmore{background:var(--primary-color); margin-top:30px;z-index: 1;     width:290px;}
.top_focus .box .item .gcc{position:absolute; left:69%; top:45%;}
.top_focus .box .item .gcc a.viewmore{background:var(--secondary-color); margin-top:30px;z-index: 1;     width:230px;}
.top_focus .box .item .cloud{position:absolute; left:6%; top:97%;}
.top_focus .box .item .cloud a.viewmore{background:var(--tertiary-color); margin-top:30px;z-index: 1;     width:200px;}


@media screen and (max-width: 768px) {
.top_focus{padding:50px 0 30px 0; }
.top_focus .text{padding:0 5%; text-align:left; }
.top_focus .box{width:90%; min-width:unset; margin:50px auto 0 auto; padding:30px 0 30px 0;  }
.top_focus .box .item{margin-top:60px;}
.top_focus .box .item .ax{left:6%; top:12%;}
.top_focus .box .item .ax .viewmore{margin-top:0px;}
.top_focus .box .item .gcc{left:26%; top:90%;}
.top_focus .box .item .gcc .viewmore{margin-top:0px; width:230px;}
.top_focus .box .item .cloud{left:14%; top:69%;}
.top_focus .box .item .cloud .viewmore{margin-top:0px;width:200px;}
.top_focus .box .item .ax a.viewmore{ margin-top:0px;}
.top_focus .box .item .gcc a.viewmore{ margin-top:0px;}
.top_focus .box .item .cloud a.viewmore{margin-top:0px;}
}


/*========================
TOP:提供価値
=========================*/
.top_strengths{padding-top:100px; padding-bottom:150px;background:url(/wp-content/themes/innovaturetech/assets/image/top_strengths_bg.png) no-repeat; background-size: cover; }
.top_strengths .heading{ border-left:solid 7px var(--primary-color);padding-left:20px; }
.top_strengths .box{align-items: flex-start; margin-top:50px;}
.top_strengths .box .item{width:30.5%; background:#FFF;box-shadow: 4.7px 4.7px 16.59px 0px rgba(0, 0, 0, 0.3); padding:40px 2.5%;}
.top_strengths .box .item:nth-child(1) h3{color: var(--tertiary-color);}
.top_strengths .box .item:nth-child(1) h3 span{background: var(--tertiary-color);}
.top_strengths .box .item:nth-child(2){margin-top:50px;}
.top_strengths .box .item:nth-child(2) h3{color: var(--quaternary-color);}
.top_strengths .box .item:nth-child(2) h3 span{background: var(--quaternary-color);}
.top_strengths .box .item:nth-child(3){margin-top:100px;}
.top_strengths .box .item:nth-child(3) h3{color: var(--secondary-color);}
.top_strengths .box .item:nth-child(3) h3 span{background: var(--secondary-color);}

.top_strengths .box .item h3{font-size: clamp(1.125rem, 0.5481rem + 1.2019vw, 1.75rem);/*28/18*/ display:flex;align-items: center; line-height:1.2;min-height:100px;}
.top_strengths .box .item h3 span{padding:10px; color:#FFF; line-height:1; margin-right:20px;}
.top_strengths .box .item .photo{width:80%; margin:30px auto 0 auto;}
.top_strengths .box .item .text{ margin-top:20px;}

@media screen and (max-width: 768px) {
.top_strengths{padding-top:50px; padding-bottom:50px; }
.top_strengths .box .item{width:100%; padding:40px 20px;}
.top_strengths .box .item h3{min-height:unset; font-size:25px;}
.top_strengths .box .item:nth-child(2){margin-top:30px;}
.top_strengths .box .item:nth-child(3){margin-top:30px;}
}



/*========================
TOP:採用情報
=========================*/
.top_recruit{ padding-bottom:150px;}
.top_recruit .heading{height:400px;background:url(/wp-content/themes/innovaturetech/assets/image/top_recruit_bg.png) no-repeat; background-size: cover; position:relative;}
.top_recruit .heading::before {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: linear-gradient(to right, rgba(0, 67, 130, .5), rgba(33, 187, 231, .5));}

.top_recruit .heading h2{position: absolute;    top: 30%;    left: 50%;    transform: translateX(-50%); color:#FFF; text-align:center;}
.top_recruit .heading h2:after{ content:"";background:#FFF; width:60px; height:6px; position:absolute; bottom:-7px; left: 50%;    transform: translateX(-50%);}

.top_recruit .box{justify-content: center;margin-top: -100px;}
.top_recruit .box .photo{width:50%; padding:0 7%;}
.top_recruit .box .photo img{height:100%; object-fit:cover;}
.top_recruit .box .text_area{ width:50%; padding-top:150px;}
.top_recruit .box .text_area .copy{font-size: clamp(1.875rem, 1.4712rem + 0.8413vw, 2.3125rem);/*37/30*/ color:var(--primary-color);}
.top_recruit .box .text_area .text{max-width:620px; margin-top:30px;}
.top_recruit .box .text_area .heading{ position:relative;}
.top_recruit .box .text_area .heading:after{ content:"";background:var(--tertiary-color); width:60px; height:6px; position:absolute; bottom:-7px;}
.top_recruit .box .text_area a.viewmore{background:var(--primary-color); margin-top:100px;}

@media screen and (max-width: 768px) {
.top_recruit{padding-bottom:100px;}
.top_recruit .heading{height:270px;}
.top_recruit .box{margin-top: -70px;}
.top_recruit .box .photo{width:100%; padding:0; margin-left:auto; margin-right:auto;}
.top_recruit .box .text_area{ width:100%; padding-top:30px;}
.top_recruit .box .text_area .text{margin-top:25px;}
.top_recruit .box .text_area .viewmore{margin-top:50px; margin-left:auto; margin-right:auto;}

}

/*========================
TOP:企業ロゴ
=========================*/
.top_ohter_logo{ margin-top:100px;}
.top_ohter_logo .swiper-wrapper{ transition-timing-function: linear !important; }

.top_ohter_logo .swiper-slide{
  width: auto;
  height: 80px;
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top_ohter_logo .swiper-slide img{
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 50px;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
.top_ohter_logo{ margin-top:50px;}
.top_ohter_logo .swiper-slide{
  height: 60px;
  padding: 0 10px;
}
.top_ohter_logo .swiper-slide img{
  max-width: 100px;
  max-height: 38px;
}
}



/*========================
フット:コンタクト
=========================*/
.foot_contact{height:400px;background:url(/wp-content/themes/innovaturetech/assets/image/foot_contact.png) no-repeat; background-size: cover;display:flex;justify-content: center;align-items: center; position:relative;    background-position: center;}
.foot_contact::before {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: linear-gradient(to right, rgba(0, 67, 130, .5), rgba(33, 187, 231, .5));}
.foot_contact .item{background:#FFF; position:relative; text-align:center; padding:30px ;width:700px; margin:0 auto;background:url(/wp-content/themes/innovaturetech/assets/image/foot_contact_bg.png) no-repeat; background-size: cover;}
.foot_contact .item h2{ position:relative;}
.foot_contact .item h2:after{ content:"";background:var(--secondary-color); width:60px; height:6px; position:absolute; bottom:-7px; left: 50%;    transform: translateX(-50%);}
.foot_contact .item .text{margin-top:30px;}
.foot_contact .item a.viewmore {
    background: var(--secondary-color);
    margin-top: 20px;
	width:150px;
	margin-left:auto; margin-right:auto;
	text-align:left;padding: 10px 15px;
}

@media screen and (max-width: 768px) {
.foot_contact{padding:40px 30px; height:auto;}
.foot_contact .item{background-position:top;}
}

/*========================
下層：見出し
=========================*/
.head{position:relative; height:380px;}
.head h1{ font-size:50px;position: absolute; top: 60%; left: 7%; transform: translateY(-50%); color:#FFF; }
.head h1 span{display:block;font-size:25px; line-height:1;}
.head img{height:100%; object-fit:cover;object-position: bottom;}


.head2{ height:700px; display:flex;justify-content: center;align-items: center;}


.head2 .box{width:85%; margin:0 auto; margin-top:80px;}
.head2 .box .text_area{width:calc(100% - 400px);}
.head2 .box .text_area h1{font-size: clamp(1.5625rem, 0.1166rem + 3.0084vw, 3.125rem);/*50/25*/}
.head2 .box .text_area h1 span{display:block;font-size:25px; line-height:1;}
.head2 .box .text_area .copy{margin-top:7%;font-size: clamp(1.25rem, 0.556rem + 1.444vw, 2rem);/*32/20*/}

.head2 .box .text_area .text{margin-top:4%; width:60%; min-width:400px;}
.head2 .box .photo{width:300px; position:relative;}
.head2 .box .photo img{position:absolute;top:-20px; left:-20px;height: 100%;object-fit: cover;}

.head2.gcc{background:url(/wp-content/themes/innovaturetech/assets/image/service_gcc_head.jpg) no-repeat; background-size: cover;}
.head2.gcc h1{color:var(--secondary-color);}
.head2.gcc .copy{color:var(--secondary-color);}
.head2.gcc .photo{background:var(--secondary-color);}

.head2.ai{background:url(/wp-content/themes/innovaturetech/assets/image/service_ai_head.jpg) no-repeat; background-size: cover;}
.head2.ai h1{color:var(--primary-color);}
.head2.ai .copy{color:var(--primary-color);}
.head2.ai .photo{background:var(--primary-color);}

.head2.cloud{background:url(/wp-content/themes/innovaturetech/assets/image/service_cloud_head.jpg) no-repeat; background-size: cover;}
.head2.cloud h1{color:var(--tertiary-color);}
.head2.cloud .copy{color:var(--tertiary-color);}
.head2.cloud .photo{background:var(--tertiary-color);}


.head2.careers .box{margin-top:150px;}

.head2.careers{background:url(/wp-content/themes/innovaturetech/assets/image/careers_head.jpg) no-repeat; background-size: cover; background-position:center;}
.head2.careers h1{color:#FFF;}
.head2.careers .box .text_area .copy{ margin-top:3%;}
.head2.careers .box .text_area .copy span{color:var(--primary-color); background:#FFF;padding:5px 15px; margin-bottom:10px; display:block; width:fit-content; }
.head2.careers .box .text_area .text{ font-size:15px; margin-top:3%;color:#FFF;background: #7F7F7FA3;background-blend-mode: multiply; padding:15px;}



@media screen and (max-width: 768px) {
.head{height:auto; margin-top:70px;}
.head h1{font-size:27px;top: 50%;}
.head h1 span{font-size:15px; }
.head img{height:110px; }

.head2{height:auto; margin-top:70px; padding-bottom:50px;}
.head2 .box{width:90%; margin:0 auto; margin-top:20px;}

.head2 .box .text_area{width:100%;}
.head2 .box .text_area h1{font-size: 32px; line-height:1.3;}
.head2 .box .text_area h1 span{font-size:24px;}
.head2.cloud .box .text_area h1{margin-top:20px;}
.head2 .box .text_area .text{margin-top:20px; width:100%; min-width:unset;}
.head2 .box .text_area .copy{margin-top:10px; }
.head2 .box .photo{margin:30px auto 0 auto; width:80%;}
.head2 .box .photo img{
  position: static;
  width: 100%;
  height: auto;
  transform: translate(-10px, -10px);
}

.head2.gcc{background:url(/wp-content/themes/innovaturetech/assets/image/service_gcc_head_sp.jpg) no-repeat; background-size: cover;}
.head2.ai{background:url(/wp-content/themes/innovaturetech/assets/image/service_ai_head_sp.jpg) no-repeat; background-size: cover;}
.head2.cloud{background:url(/wp-content/themes/innovaturetech/assets/image/service_cloud_head_sp.jpg) no-repeat; background-size: cover;}


.head2.careers{background:url(/wp-content/themes/innovaturetech/assets/image/careers_head_sp.jpg) no-repeat; background-size: cover; background-position:center; height:400px;}
.head2.careers .box{margin-top:90px}
.head2.careers .box .text_area .copy{font-size:16px;}
.head2.careers .box .text_area .copy span{margin-bottom:5px;}
.head2.careers .box .text_area .text{background: #7F7F7FA3;background-blend-mode: multiply; padding:15px; font-size:12px;}
.head2.careers .box .text_area h1{text-shadow: 0px 4px 4px #00000040;}

}



/*========================
小見出し
=========================*/

@media screen and (max-width: 768px) {
.heading{ border-left:none !important;padding-left:0px !important; }
.heading h2{text-align:center;}
.heading h2:after{ content:"";background:var(--primary-color); width:60px; height:6px; position:absolute; bottom:-7px; left: 50%;    transform: translateX(-50%);}
}

/*========================
下層:企業情報
=========================*/
.company .head{height:570px;}
.company .head h1{ top: 80%; left: 6%;  }
.company .head img{object-position: top;}

.company .message{ margin-top:100px;}
.company .message .box{align-items: center;}
.company .message .box .photo{width:50%; text-align:center;}
.company .message .box .photo img{max-width:420px;}
.company .message .text_area{width:50%;}
.company .message .box .text_area .heading{ position:relative;}
.company .message .box .text_area .heading:after{ content:"";background:var(--primary-color); width:60px; height:6px; position:absolute; bottom:-7px;}
.company .message .box .text_area .copy{margin-top:50px;font-size: clamp(1.5625rem, 0.1166rem + 3.0084vw, 3.125rem);/*50/25*/}
.company .message .box .text_area .text{margin-top:40px;}
.company .message .box .text_area .name{font-weight:700;margin-top:50px;}

.company .team{background:url(/wp-content/themes/innovaturetech/assets/image/company_team_bg.png) no-repeat; background-size: cover; padding-top:130px; padding-bottom:200px;}
.company .team h2{ position:relative; text-align:center;}
.company .team h2:after{ content:"";background:var(--secondary-color); width:60px; height:6px; position:absolute; bottom:-7px; left: 50%;    transform: translateX(-50%);}

.company .team .box{flex-wrap: wrap; margin-top:50px;justify-content: flex-start;}
.company .team .box .item{width:30%;margin-right:5%;box-shadow: 4px 4px 4px 0px #0000004D; margin-bottom:40px; padding:1.5% 1.5% 3% 1.5%; background:#FFF;}
.company .team .box .item:nth-child(3n){margin-right:0;}
.company .team .box .item .name_en{font-size:15px;}
.company .team .box .item .name{font-size: clamp(1.125rem, 0.7201rem + 0.8424vw, 1.5625rem);/*25/18*/ font-weight:700;}
.company .team .box .item .photo{margin-bottom:20px;}

.company .our_name{background:url(/wp-content/themes/innovaturetech/assets/image/company_our_name_bg.png) no-repeat; background-size: cover; height:650px; background-position:center; padding-top:100px;}
.company .our_name .heading{ border-left:solid 7px var(--primary-color);padding-left:20px;  }
.company .our_name .box{align-items: center;}
.company .our_name .box .text_area{width:70%;}
.company .our_name .box .text_area .copy{color:var(--primary-color); font-size: clamp(1.4375rem, 0.4543rem + 2.0457vw, 2.5rem);/*40/23*/ margin-top:50px;}
.company .our_name .box .text_area .text{margin-top:50px; width:75%;}
.company .our_name .box .photo{width:30%;}
.company .our_name .box .photo img{max-width:360px;}


.company .philosophy{ padding:100px 0; text-align:center;}
.company .philosophy h2{position:relative;}
.company .philosophy h2:after{ content:"";background:var(--primary-color); width:60px; height:6px; position:absolute; bottom:-7px; left: 50%;    transform: translateX(-50%);}

.company .philosophy h3{font-size: clamp(1.125rem, 0.7201rem + 0.8424vw, 1.5625rem);/*25/18*/ margin-top:100px;color:var(--primary-color);}
.company .philosophy .copy{font-size: clamp(1.25rem, 0.7873rem + 0.9627vw, 1.75rem);/*28/20*/ font-weight:400;}
.company .philosophy .box{ margin-top:40px;}
.company .philosophy .box .item{box-shadow: 4.69px 4.69px 18.8px 0px #23181533; border-radius:10px; text-align:center; width:30%; padding:2% 1.5% 3% 1.5%; background:#FDFDFE;}

.company .philosophy .box .item h4{font-size: clamp(0.9375rem, 0.3591rem + 1.2034vw, 1.5625rem);/*25/15*/}
.company .philosophy .box .item h4.quaternary{color:var(--quaternary-color);}
.company .philosophy .box .item h4.secondary{color:var(--secondary-color);}
.company .philosophy .box .item h4.tertiary{color:var(--tertiary-color);}

.company .philosophy .box .item h4 span{font-size: clamp(0.625rem, 0.3358rem + 0.6017vw, 0.9375rem);/*15/10*/ display:block; color:#231815;}

.company .philosophy .box .item .text{margin-top:30px;}

.company .philosophy .box .item .photo{background:#FFF; width:130px; height:130px; border-radius:50%; padding:20px; display:flex;justify-content: center;align-items: center; margin-left:auto; margin-right:auto; margin-top:5%;}
.company .philosophy .box .item .photo img{max-height:80px; width:auto;}

.company .profile{background:#F0F0F3; padding:70px 0;}
.company .profile h2{ position:relative; text-align:center;}
.company .profile h2:after{ content:"";background:var(--secondary-color); width:60px; height:6px; position:absolute; bottom:-7px; left: 50%;    transform: translateX(-50%);}
.company .profile table{width:fit-content; margin-left:auto; margin-right:auto; margin-top:70px;}
.company .profile table th, .company .profile table td{border-bottom:solid 1px #CACACB; padding-top:15px; padding-bottom:15px; font-weight:400;}
.company .profile table tr:last-child th,.company .profile table tr:last-child td{border-bottom:none;}
.company .profile table th{width:20%; padding-left:50px; padding-right:50px; min-width:180px;}
.company .profile table td{width:80%; }

.company .access{ padding:100px 0;}
.company .access .heading{ border-left:solid 7px var(--tertiary-color);padding-left:20px;  }
.company .access .box{justify-content: center;align-items: center; margin-top:80px;}
.company .access .box .text_area{margin-right:100px;}
.company .access .box .text_area h3{font-size: clamp(1rem, 0.7687rem + 0.4813vw, 1.25rem);/*20/16*/}
.company .access .box .text_area .text{margin-top:25px;}
.company .access .box .map{width:50%; max-width:460px;}
.company .access .box a.viewmore{background:var(--tertiary-color); margin-top:30px;z-index: 1;     width:150px;}

.company .other_country{background:url(/wp-content/themes/innovaturetech/assets/image/company_other_country_bg.png) no-repeat; background-size: cover; padding:100px 0; color:#FFF;background-position: top right; height:600px;}
.company .other_country .heading{ border-left:solid 7px #FFF;padding-left:20px; }
.company .other_country .copy{color:#FFF; font-size: clamp(1.4375rem, 0.4543rem + 2.0457vw, 2.5rem);/*40/23*/ margin-top:50px;text-shadow: 0 2px 6px rgba(0,0,0,.6);}
.company .other_country .text{margin-top:40px; max-width:450px;text-shadow: 0 2px 6px rgba(0,0,0,1); font-weight:500;}

@media screen and (max-width: 768px) {
.company .head{height:auto;}
.company .head h1{ top: 30%; left: 6%;  }
.company .message{padding-bottom:80px; margin-top:90px;}
.company .message .text_area{width:100%;}
.company .message .box .text_area .heading{text-align:center;}
.company .message .box .text_area .heading:after{left: 50%; transform: translateX(-50%);}
.company .message .box .photo{margin-top:20px; width:100%;}
.company .message .box .text_area .text{margin-top:30px;}
.company .message .box .text_area .name{margin-top:40px;}
.company .team{padding-top:70px; padding-bottom:100px;}
.company .team .box .item{width:100%; margin-right:0; padding:20px;margin-bottom: 20px;}
.company .our_name{padding-top:40px;}
.company .our_name .box{flex-direction: column-reverse;}
.company .our_name .box .photo{width:70%; margin-top:30px;}
.company .our_name .box .text_area{width:100%;}
.company .our_name .box .text_area .copy{margin-top:30px;}
.company .our_name .box .text_area .text{width:100%;margin-top:20px;}
.company .philosophy{padding:80px 0;}
.company .philosophy h3{margin-top:50px; font-size:25px;}
.company .philosophy .copy{font-size:20px;}
.company .philosophy .box .item{ width:100%; padding:20px; margin-bottom:20px; }
.company .philosophy .box .item h4{font-size:25px;}
.company .philosophy .box .item h4 span{font-size:15px; font-weight:700;}
.company .philosophy .box .item .text{margin-top:10px;}
.company .philosophy .box .item .photo{margin-top:0;}
.company .profile{padding:60px 0;}
.company .profile h2:after{ background:var(--primary-color);}
.company .profile table th{padding-left:0px; padding-right:20px; min-width:unset; width:auto; white-space:nowrap;}
.company .profile table th, .company .profile table td{ font-size:14.5px;}
.company .access{padding:60px 0;}
.company .access .heading h2:after{ background:var(--tertiary-color);}
.company .access .box{flex-direction: column-reverse; margin-top:30px;}
.company .access .box .map{width:100%; max-width:unset;}
.company .access .box .text_area{margin-right:0; margin-top:40px;}
.company .other_country{padding:30px 0;  height:auto;}
.company .other_country .heading h2:after{ background:#FFF;}
.company .other_country .copy{ margin-top:40px;}


}


/*========================
下層:サービス
=========================*/
.service{}

.service h2.line{text-align:center;margin-bottom:60px;position:relative;}
.service h2.line span{display:inline-block; margin-left:3px; margin-right:3px; font-size:25px;}
.service h2.line span.note{font-size:14px; display:block; line-height:1.5;}
.service h2.line span.emphasis {
  -webkit-text-emphasis: filled circle var(--primary-color);
  text-emphasis: filled dot var(--primary-color);
  -webkit-text-emphasis-position: over;
  text-emphasis-position: over right;
  font-size: clamp(1.875rem, 1.181rem + 1.444vw, 2.625rem);
}


.service h2.line:after {
    content: "";
   
    width: 180px;
    height: 6px;
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}   
.service .gcc h2.line:after{ background:var(--secondary-color);}
.service .ai h2.line:after{ background:var(--primary-color);}
.service .cloud h2.line:after{ background:var(--tertiary-color);}



.service .introduction{ height:700px;background:url(/wp-content/themes/innovaturetech/assets/image/service_introduction_bg.png) no-repeat; background-size: cover; padding:100px 0; text-align:center;    background-position: center;}
.service .introduction h2{font-size: clamp(1.875rem, 1.4123rem + 0.9627vw, 2.375rem)/*;38/30*/; color:var(--primary-color);}
.service .introduction .text{ margin-top:40px;}
.service .introduction .ribon{display:flex;justify-content: center; margin-top:50px;}
.service .introduction .ribon .item{margin-left:10px; margin-right:10px; width:220px;}

.service .navi{background:url(/wp-content/themes/innovaturetech/assets/image/service_navi_bg.png) no-repeat; background-size: cover; padding:150px 0 100px 0;}
.service .navi .box{ background:#FFF; padding:30px 30px 30px 80px; margin-bottom:70px;align-items: center;}
.service .navi .box .text_area{width:65%;}
.service .navi .box .text_area .text{margin-top:20px;}
.service .navi .box .text_area h3{font-size: clamp(1.5rem, 1.153rem + 0.722vw, 1.875rem);/*30/24*/}
.service .navi .box .text_area a.viewmore{margin-top:40px; width:150px;}
.service .navi .box:nth-child(1) h3{color:var(--primary-color);}
.service .navi .box:nth-child(2) h3{color:var(--tertiary-color);}
.service .navi .box:nth-child(3) h3{color:var(--secondary-color);}

.service .navi .box:nth-child(1) a.viewmore{background:var(--primary-color);}
.service .navi .box:nth-child(2) a.viewmore{background:var(--tertiary-color);}
.service .navi .box:nth-child(3) a.viewmore{background:var(--secondary-color);}

.service .navi .box:nth-child(2){flex-direction: row-reverse;padding:30px 80px 30px 30px;}

.service .navi .box .photo{width:30%; margin-top:-60px;align-self: stretch;}
.service .navi .box .photo img{  width:100%;  height:100%;  object-fit: cover;  display:block;}


.service .case_study{background:url(/wp-content/themes/innovaturetech/assets/image/service_case_study_bg.png) no-repeat; background-size: cover; padding:100px 0; background-position: center;}

.service .case_study .heading{border-left:solid 7px var(--primary-color);padding-left:20px; }
.service .case_study .box{padding:20px;}
.service .case_study .box .item{box-shadow: 3.16px 3.16px 12.65px 0px #23181533; background:#FFF; margin-left:10px; margin-right:10px; padding:20px; width:31%; padding-bottom:60px;}
.service .case_study .box .item .text{margin-top:20px; padding:0 5px;}
.service .case_study .box .item a.viewmore {
    background: var(--secondary-color);
    margin-top: 20px;
	width:150px;
	margin-left:auto; margin-right:auto;
	text-align:left;padding: 10px 15px;
}


.service .network{background:url(/wp-content/themes/innovaturetech/assets/image/service_network_bg.jpg) no-repeat; background-size: cover; height:700px; padding-top:130px; color:#FFF;background-position: top right;}

.service .network .heading{border-left:solid 7px #FFF;padding-left:20px; }
.service .network .copy{font-size: clamp(1.875rem, 1.4123rem + 0.9627vw, 2.375rem)/*;38/30*/; margin-top:80px;text-shadow: 0 2px 6px rgba(0,0,0,.6);}
.service .network .text{margin-top:50px; width:50%;text-shadow: 0 2px 6px rgba(0,0,0,1); font-weight:500;}


 
.service .about{background:url(/wp-content/themes/innovaturetech/assets/image/service_about_bg.jpg) no-repeat; background-size: cover; padding:100px 0;color:#FFF; }
.service .about h2{font-size:30px; }
.service .about .box{flex-wrap: wrap; margin-top:60px;}
.service .about .text{margin-top:40px;}
.service .about .box .item{width:32%; background:#FFF; color:#000; position:relative;padding:25px;width:32%;box-shadow: 5.51px 5.51px 11.02px 0px #23181533; margin-bottom:30px;}
.service .about .box.gcc .item{width:24%; }
.service .about .box .item .step{position:absolute; left:20px; top:20px; background:var(--primary-color); color:#FFF; padding:5px 15px; text-align:center;}
.service .about .box .item .photo{text-align:center;}
.service .about .box .item .photo img{width:150px;}
.service .about .box .item h3{font-size: clamp(1rem, 0.7687rem + 0.4813vw, 1.25rem);/*20/16*/ color:var(--primary-color);margin-top:10px; text-align:center;}
.service .about .box .item .text{margin-top:10px;}

.service .chart{padding:100px 0; background:#FFF;}


.service .subject{background:url(/wp-content/themes/innovaturetech/assets/image/service_subject_bg.jpg) no-repeat; background-size: cover; padding-top:70px; padding-bottom:100px;}


.service .subject .box{justify-content: center; margin-bottom:40px;}
.service .subject .box .item{margin-left:10px; margin-right:10px;box-shadow: 4.7px 4.7px 16.59px 0px rgba(0, 0, 0, 0.3); width:30%; background:#FFF; border-radius:10px;    overflow: hidden;}
.service .subject .box .item .photo{padding:20px 15%;}
.service .subject .box .item .text{color:#FFF; padding:20px 20px;height: 100%;font-size: clamp(1rem, 0.8843rem + 0.2407vw, 1.125rem);/*18/16*/}
.service .subject.gcc .box .item .text{background:var(--secondary-color); }
.service .subject.ai .box .item .text{background:var(--primary-color);}
.service .subject.cloud .box .item .text{background:var(--tertiary-color);}

.service .subject.cloud .box .item{width:23%;}
.service .subject.cloud .box .item:nth-child(-n+3){ width: calc(25% - 20px); }
.service .subject.cloud .box .item:nth-child(n+4){ width: calc(25% - 20px); }


.service .reason{background:url(/wp-content/themes/innovaturetech/assets/image/service_reason_bg.jpg) no-repeat; background-size: cover; padding:100px 0; }
.service .reason h2{color:#FFF;}
.service .reason h2.line:after {
    background:#FFF;
}   

.service .reason .heading h2{font-size:25px; text-align:center; color:#FFF;}
.service .reason .box{flex-wrap: wrap;justify-content: center; max-width:1000px; margin-left:auto; margin-right:auto; margin-top:80px;}
.service .reason .box .item{margin:0 2% 4% 2%; background:#FFF; border-radius:10px; overflow:hidden; width:45%; padding:16px 16px 30px 16px;text-align:center; }
.service .reason .box .item h3{font-family: "Murecho", sans-serif;font-size: clamp(1.25rem, 0.6716rem + 1.2034vw, 1.875rem);/*30/20*/ border-radius:10px; line-height:1.2; color:#FFF; padding:10px; min-height:100px;display:flex;align-items: center;justify-content: center;}
.service .reason .box.gcc .item h3{background:var(--secondary-color);}
.service .reason .box.ai .item h3{background:var(--primary-color);}
.service .reason .box.cloud .item h3{background:var(--tertiary-color);}
.service .reason .box .item .text{font-weight:700;margin-top:10px; text-align:left;}
.service .reason .box .item .photo{margin-top:10px;}
.service .reason .box .item .photo img{max-width:220px; width:70%;}


.service .different{padding-top:100px; padding-bottom:150px;background:url(/wp-content/themes/innovaturetech/assets/image/service_different_bg.jpg) no-repeat; background-size: cover; background-position:bottom;}

.service .different table{width:90%; margin-left:auto; margin-right:auto; margin-top:60px;}
.service .different table th,.service .different table td{border:1px solid #231815; border-collapse:collapse; padding:20px 20px 20px 3%; background:#FFF;}
.service .different table th{font-size: clamp(1.125rem, 0.7201rem + 0.8424vw, 1.5625rem);/*25/18*/ text-align:center;}
.service .different table td{font-size: clamp(1rem, 0.653rem + 0.722vw, 1.375rem);/*22/16*/}
.service .different table td:nth-child(1){width:18%;}
.service .different table td:nth-child(2){width:37%;}
.service .different table td:nth-child(3){width:45%; color:#FFF;border-bottom:1px solid #FFF;}
.service .different table th:nth-child(3){width:45%; color:#FFF;border-bottom:1px solid #FFF;}
.service .different table tr:last-child td:nth-child(3){border-bottom:1px solid #231815;}
.service .different.gcc table td:nth-child(3){background:var(--secondary-color);}
.service .different.gcc table th:nth-child(3){background:var(--secondary-color);}
.service .different.ai table td:nth-child(3){background:var(--primary-color);}
.service .different.ai table th:nth-child(3){background:var(--primary-color);}
.service .different.cloud table td:nth-child(3){background:var(--tertiary-color);}
.service .different.cloud table th:nth-child(3){background:var(--tertiary-color);}

.service .different .flow{margin-top:130px;}
.service .different .flow .photo{ margin-top:60px;}


.service .other_service{ padding-bottom:200px;}
.service .other_service h2{ position:relative; text-align:center;}
.service .other_service h2:after{ content:""; width:200px; height:6px; position:absolute; bottom:-7px; left: 50%;    transform: translateX(-50%);}

.service .other_service.gcc h2:after{background:var(--secondary-color);}
.service .other_service.ai h2:after{background:var(--primary-color);}
.service .other_service.cloud h2:after{background:var(--tertiary-color);}



.service .other_service .box{justify-content: center; margin-top:60px;}
.service .other_service .box .item{width:44%; margin-right:3%; margin-left:3%;}

.service .other_service .box .item h3{font-size: clamp(1.25rem, 0.6716rem + 1.2034vw, 1.875rem);/*30/20*/ text-align:center; margin-top:10px; min-height:80px;display:flex;justify-content: center;align-items: center;}
.service .other_service .box .item.primary h3{color:var(--primary-color);}
.service .other_service .box .item.primary a.viewmore{background:var(--primary-color);}
.service .other_service .box .item.tertiary h3{color:var(--tertiary-color);}
.service .other_service .box .item.tertiary a.viewmore{background:var(--tertiary-color);}
.service .other_service .box .item.secondary h3{color:var(--secondary-color);}
.service .other_service .box .item.secondary a.viewmore{background:var(--secondary-color);}
.service .other_service .box .item a.viewmore{margin-left:auto; margin-right:auto; margin-top:10px}



@media screen and (max-width: 768px) {
.service .introduction{ height:auto; padding:50px 0; text-align:left;    }
.service .introduction .text{margin-top:10px;}
.service .introduction .ribon{margin-top:40px;flex-wrap: wrap;}
.service .introduction .ribon .item{width:44%; margin-left:3%; margin-right:3%; margin-bottom:20px;}
.service .navi{padding:50px 0;}
.service .navi .box{padding:20px 20px 30px 20px;}
.service .navi .box .text_area{width:100%;}
.service .navi .box .photo{width:100%; margin-top:40px;}
.service .navi .box .viewmore{margin-top:30px;}
.service .navi .box:nth-child(2){flex-direction: column;padding:20px 20px 30px 20px;}
.service .case_study{padding:40px 0;}
.service .case_study .box {margin-top:30px; padding:0;}
.service .case_study .box .item{margin-left:0px; margin-right:0px; padding:20px; width:100%; padding-bottom:60px; margin-bottom:30px;}
.service .network{background:url(/wp-content/themes/innovaturetech/assets/image/service_network_bg_sp.jpg) no-repeat;height:auto; padding-top:30px; height:580px;background-size: cover;}
.service .network .copy{ margin-top:35px; font-size:27px;}
.service .network .text{margin-top:35px; width:100%;}
.service .network .heading h2:after{ background:#FFF;}

.service .about{background:url(/wp-content/themes/innovaturetech/assets/image/service_about_bg_sp.jpg) no-repeat; background-size: cover; padding:60px 0; }
.service .about .text{margin-top:30px;}

.service .about .box .item{width:100%; display:flex; padding:20px 15px;justify-content: space-between;margin-bottom: 15px;}
.service .about .box.gcc .item{width:100%;}
.service .about .box .item .photo{width:100px;}
.service .about .box .item .photo img{width:100%;}
.service .about .box .item .text_area{width:calc(100% - 110px);}
.service .about .box.ai .item .text_area{padding-top:30px;}
.service .about .box .item .text_area .text{font-size:14px;}
.service .about .box .item h3{text-align:left; margin-top:10px;}
.service .about .box .item .step{left: 125px;}




.service .chart{padding:80px 0;}

.service .subject{padding-top:60px;padding-bottom: 100px;background:url(/wp-content/themes/innovaturetech/assets/image/service_subject_bg_sp.jpg) no-repeat; background-size: cover;}
.service .subject .box{margin-bottom:0;}
.service .subject .box .item{width:95%; margin-left:auto; margin-right:auto; margin-bottom:20px;}
.service .subject.cloud .box .item:nth-child(-n+3){width:100%;}
.service .subject.cloud .box .item:nth-child(n+4){width:100%;}
.service .reason{background:url(/wp-content/themes/innovaturetech/assets/image/service_reason_bg_sp.jpg) no-repeat; background-size: cover; padding:60px 0; }
.service .reason .box{margin-top:40px;}
.service .reason .box .item{width:95%; margin-left:auto; margin-right:auto; margin-bottom:20px;}
.service .reason .box .item h3{ font-size:27px;min-height:90px;}
.service .reason .box .item .text{width:80%; margin-left:auto; margin-right:auto;}
.service .different{padding-bottom:70px;}
.service .different table{width:100%;}
.service .different table th,.service .different table td{padding:15px 5px; font-size:14px; vertical-align:middle;}
.service .different table td:first-child{text-align:center;}
.service .different table th{font-size:16px; text-align:center;}
.service .different table td:nth-child(1){width:16%;}
.service .different table td:nth-child(2){width:37%;}
.service .different table td:nth-child(3){width:47%;}
.service .different table th:nth-child(3){width:47%;}


.service .different .flow{margin-top:100px;}
.service .other_service{ padding-bottom:60px;}
.service .other_service .box .item{width:100%; margin-right:0%; margin-left:0%; margin-bottom:40px;}
.service .other_service .box .item h3{font-size: clamp(1.25rem, 0.6716rem + 1.2034vw, 1.875rem);/*30/20*/margin-top:10px; min-height:unset;}

}






/*========================
下層：採用情報
=========================*/
.careers .message{background:url(/wp-content/themes/innovaturetech/assets/image/careers_message_bg.jpg) no-repeat; background-size: cover; padding:140px 0; background-position:bottom;}
.careers .message .heading{ border-left:solid 7px var(--primary-color);padding-left:20px; }
.careers .message .box{margin-top:40px;align-items: center;}
.careers .message .box .copy{font-size: clamp(1.4375rem, 0.4543rem + 2.0457vw, 2.5rem);/*40/23*/  color:var(--primary-color);}
.careers .message .box .text_area{width:45%;}
.careers .message .box .text_area .text{margin-top:40px;}
.careers .message .box .photo{width:50%;}

.careers .innovature{background:url(/wp-content/themes/innovaturetech/assets/image/careers_innovature_bg.jpg) no-repeat; background-size: cover; padding:100px 0; background-position:bottom;}
.careers .innovature .heading{ border-left:solid 7px #FFF;padding-left:20px; color:#FFF;}
.careers .innovature .box{margin-top:60px;align-items: flex-start;}
.careers .innovature .box .item{box-shadow: 4.7px 4.7px 16.59px 0px #000000BF; width:30%; background:#FFF; padding:3% 2%;}
.careers .innovature .box .item h3{font-size: clamp(1.25rem, 0.6716rem + 1.2034vw, 1.875rem);/*30/20*/ display:flex;align-items: center;}
.careers .innovature .box .item h3 span{padding:10px; text-align:center; color:#FFF; margin-right:15px;font-size: clamp(1.25rem, 0.9608rem + 0.6017vw, 1.5625rem);/*25/20*/}
.careers .innovature .box .item h3.tertiary{color:var(--tertiary-color);}
.careers .innovature .box .item h3.quaternary{color:var(--quaternary-color);}
.careers .innovature .box .item h3.secondary{color:var(--secondary-color);}
.careers .innovature .box .item h3.tertiary span{background:var(--tertiary-color);}
.careers .innovature .box .item h3.quaternary span{background:var(--quaternary-color);}
.careers .innovature .box .item h3.secondary span{background:var(--secondary-color);}
.careers .innovature .box .item .photo{width:80%; margin-left:auto; margin-right:auto; margin-top:20px;}
.careers .innovature .box .item .text{margin-top:20px;}
.careers .innovature .box .item:nth-child(2){margin-top:50px;}
.careers .innovature .box .item:nth-child(3){margin-top:100px;}

.careers .recruitment{padding:100px 0;}
.careers .recruitment h2{text-align:center;}
.careers .recruitment h2:after{ content:"";background:var(--primary-color); width:60px; height:6px; position:absolute; bottom:-7px; left: 50%;    transform: translateX(-50%);}
.careers .recruitment .card{ margin-top:100px;}

.careers .recruitment .card .box{
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.careers .recruitment .card .box .item{
  width: calc((100% - 45px) / 4); text-align:center;   /* gap 10px × 3本ぶんを引く */ color:#FFF; text-align:center;   font-weight:700;border-radius:10px;transition:0.4s all;font-size: clamp(0.9375rem, 0.4748rem + 0.9627vw, 1.4375rem);/*23/15*/ min-height:150px;}
.careers .recruitment .card .box .item:nth-child(1){border: solid 2px var(--primary-color); color: var(--primary-color);}
.careers .recruitment .card .box .item:nth-child(2){border: solid 2px var(--tertiary-color); color: var(--tertiary-color);}
.careers .recruitment .card .box .item:nth-child(3){border: solid 2px var(--secondary-color); color: var(--secondary-color);}
.careers .recruitment .card .box .item:nth-child(4){border: solid 2px var(--quaternary-color); color: var(--quaternary-color);}
.careers .recruitment .card .box .item:nth-child(n+5){ border: solid 2px var(--primary-color); color: var(--primary-color);border-radius:50px; min-height:60px;}
.careers .recruitment .card .box .item a{ padding:6%;display:flex;align-items: center;justify-content: center;border-radius:10px;height: 100%;}

.careers .recruitment .card .box .item:nth-child(1):hover{background:var(--primary-color);color: #FFF;}
.careers .recruitment .card .box .item:nth-child(2):hover{background:var(--tertiary-color);color: #FFF;}
.careers .recruitment .card .box .item:nth-child(3):hover{background:var(--secondary-color);color: #FFF;}
.careers .recruitment .card .box .item:nth-child(4):hover{background:var(--quaternary-color);color: #FFF;}
.careers .recruitment .card .box .item:nth-child(n+5):hover{ background:var(--primary-color);color: #FFF;border-radius:50px; min-height:60px;}


.careers .recruitment .card .box .item:hover{transition:0.4s all;}

.careers .recruitment .list{margin-top:150px;}
.careers .recruitment .list .item{margin-bottom:20px; position:relative;padding:4%;}
.careers .recruitment .list .item:before{width:100%; height:100%; position:absolute;top:0; left:0;  z-index:1;background-repeat: no-repeat;background-position: center center;
  background-size: cover;}
.careers .recruitment .list .item:nth-child(1):before{ content:"";background:url(/wp-content/themes/innovaturetech/assets/image/careers_recruitment_list01.png) ; }
.careers .recruitment .list .item:nth-child(2):before{ content:"";background:url(/wp-content/themes/innovaturetech/assets/image/careers_recruitment_list02.png) ; }
.careers .recruitment .list .item:nth-child(3):before{ content:"";background:url(/wp-content/themes/innovaturetech/assets/image/careers_recruitment_list03.png); }
.careers .recruitment .list .item:nth-child(4):before{ content:"";background:url(/wp-content/themes/innovaturetech/assets/image/careers_recruitment_list04.png); }
.careers .recruitment .list .item:nth-child(n+5):before{ content:"";background:url(/wp-content/themes/innovaturetech/assets/image/careers_recruitment_list01.png) ; }
.careers .recruitment .list .item .photo{ position:absolute; top:0; left:0; width:100%;height: 100%;}
.careers .recruitment .list .item .photo img{height:100%; object-fit:cover;}
.careers .recruitment .list .item .heading{color:#FFF; display:flex;justify-content: space-between; position:relative; z-index:1;align-items: center;}
.careers .recruitment .list .item .heading .text_area{width:70%;}
.careers .recruitment .list .item .heading .text_area .text{position:relative; margin-top:20px;}
.careers .recruitment .list .item .heading h3{font-size: clamp(1.125rem, 0.5481rem + 1.2019vw, 1.75rem);/*28/18*/}
.careers .recruitment .list .item .heading h3 br{display:none;}
.careers .recruitment .list .item .heading a.viewmore {    background: #FFF;    margin-top: 0px;	width:150px;	margin-left:auto; margin-right:auto;	text-align:left;padding: 10px 15px;	color:var(--primary-color);}
.careers .recruitment .list .item:nth-child(2) .heading a.viewmore {color:var(--tertiary-color);}
.careers .recruitment .list .item:nth-child(3) .heading a.viewmore {color:var(--secondary-color);}
.careers .recruitment .list .item:nth-child(4) .heading a.viewmore {color:var(--quaternary-color);}
.careers .recruitment .list .item .box{position: relative; margin-top:40px;z-index:1;}
.careers .recruitment .list .item .box .unit{ background:#EFEFF0; padding:2%; width:32%;}
.careers .recruitment .list .item .box .unit h4{font-size:20px;}
.careers .recruitment .list .item .box .unit h4 span{display:block;font-size:16px; font-weight:400;}
.careers .recruitment .list .item .box .unit .text{margin-top:20px; text-align:justify;}

.recruitment_detail{padding-bottom:0px;}
.recruitment_detail .head{height:570px;}
.recruitment_detail .item{margin-top:100px;}
.recruitment_detail .item:first-of-type{margin-top:70px;}
.recruitment_detail .item:nth-of-type(2){margin-top:20px;}
.recruitment_detail .item dl dt{background:var(--primary-color); color:#FFF; padding:5px 20px; text-align:center; width:170px; margin-right:70px;}
.recruitment_detail .item dl.flex{display:flex;align-items: center;}
.recruitment_detail .item dl.flex .text{margin-top:0;}
.recruitment_detail .item dd.big{font-size:22px; font-weight:700;}
.recruitment_detail .item dd.flow{ margin-top:60px;}
.recruitment_detail .item dd.flow .photo{width:80%; margin-left:auto; margin-right:auto;}
.recruitment_detail .item dl .text{margin-top:25px;}
.recruitment_detail .item dd ul{ }
.recruitment_detail .item dd ul > div{ text-align:center;}
.recruitment_detail .item dd ul li{margin-top:10px; font-size:17px; font-weight:700;display:flex;align-items: center;}
.recruitment_detail .item dd ul li img{width:18px; margin-right:5px;}
.recruitment_detail .item dd ul li:first-of-type{margin-top:20px;}
.recruitment_detail .item dd .character{width:fit-content; background:#EFEFF0; padding:20px 3%; margin-top:30px;}
.recruitment_detail .item dd .character .lead{text-align:center;}


.recruitment_detail .item dd table{ margin-top:70px;}
.recruitment_detail .item dd table th, .recruitment_detail .item dd table td{border-bottom:solid 1px #CACACB; padding-top:15px; padding-bottom:15px; font-weight:400;}
.recruitment_detail .item dd table tr:last-child th,.recruitment_detail .item dd table tr:last-child td{border-bottom:none;}
.recruitment_detail .item dd table th{width:20%; padding-left:50px; padding-right:50px; min-width:180px; font-weight:700;}
.recruitment_detail .item dd table td{width:80%; }

.recruitment_detail .foot{height:400px;background:url(/wp-content/themes/innovaturetech/assets/image/careers_foot.jpg) no-repeat; background-size: cover;display:flex;justify-content: center;align-items: center; position:relative;    background-position: center; margin-top:250px;}
.recruitment_detail .foot .item{background:#FFF; position:relative; text-align:center; padding:30px ;width:700px; margin:0 auto;background:url(/wp-content/themes/innovaturetech/assets/image/foot_contact_bg.png) no-repeat; background-size: cover;}
.recruitment_detail .foot .item h2{ position:relative;}
.recruitment_detail .foot .item h2:after{ content:"";background:var(--secondary-color); width:60px; height:6px; position:absolute; bottom:-7px; left: 50%;    transform: translateX(-50%);}
.recruitment_detail .foot .item a.viewmore {
    background: var(--secondary-color);
    margin-top: 20px;
	width:150px;
	margin-left:auto; margin-right:auto;
	text-align:left;padding: 10px 15px;
}
.recruitment_detail .foot .item a.viewmore.gray{background: #8D8D8D; text-align:right;    padding-right: 30px;}
.recruitment_detail .foot .item a.viewmore.gray .arrow{right:unset; left:15px; padding-right:15px;}
.recruitment_detail .foot .item a.viewmore.gray .arrow .ic_arrow{ transform: scaleX(-1); }
.recruitment_detail .foot .item .links{display:flex;justify-content: center; margin-top:40px;}
.recruitment_detail .foot .item .links a{margin-left:10px; margin-right:10px;}






@media screen and (max-width: 768px) {
.careers .message{padding:60px 0;}
.careers .message .box .text_area{width:100%;margin-top:30px;}
.careers .message .box .photo{width:100%; margin-top:30px;}

.careers .innovature{padding:60px 0;}
.careers .innovature .box{margin-top:50px;}
.careers .innovature .box .item{width:100%; padding:20px;}

.careers .innovature .box .item{
  width: 100%;
  display: grid;
  grid-template-columns: 110px 1fr;
  grid-template-areas:
    "photo title"
    "photo text";
  column-gap: 20px;
  align-items: start;
  padding: 20px 10px;
  margin-bottom: 20px;
   align-items: center;
}

.careers .innovature .box .item .photo{
  grid-area: photo;
  width: 100%;
  margin: 0;
}

.careers .innovature .box .item h3{
  grid-area: title;
  margin-top: 0;
}

.careers .innovature .box .item .text{
  grid-area: text;
  margin-top: 10px;
}

/* PC用のずらし配置を解除 */
.careers .innovature .box .item:nth-child(2),
.careers .innovature .box .item:nth-child(3){ margin-top: 0; }

.careers .innovature .heading h2:after{background:#FFF;}


.careers .recruitment{padding:60px 0;}
.careers .recruitment .card{margin-top:40px;}
.careers .recruitment .card .box{flex-direction: row; gap:8px;}
.careers .recruitment .card .box .item{
  width: calc((100% - 8px) / 2);   /* gap 8px × 1本ぶんを引く */
  min-height: 100px;
  font-size: 14.5px;
}
.careers .recruitment .card .box .item a{ padding: 5px;  }
.careers .recruitment .card .box .item:nth-child(n+5){min-height:50px; margin-top:20px;}
.careers .recruitment .list{margin-top:100px;}

.careers .recruitment .list .item{
  display: flex;
  flex-direction: column;
  padding: 60px 20px 60px 20px;
}

.careers .recruitment .list .item .heading{ display: contents; }

.careers .recruitment .list .item .heading .text_area{
  width: 100%;
  order: 1;
  position: relative;
  z-index: 1;
}
.careers .recruitment .list .item .heading .text_area .text{ text-align: justify; }

.careers .recruitment .list .item .box{
  order: 2;
  margin-top: 25px;
}

.careers .recruitment .list .item .heading > a{
  order: 3;
  margin-top: 0px;
  position: relative;
  z-index: 1;
}

.careers .recruitment .list .item .box .unit{
  width: 100%;
  padding: 20px;
  display: flex;
  margin-bottom: 20px;
}
.careers .recruitment .list .item .box .unit h4{ width: 120px; font-size: 19px; margin-right: 10px; }
.careers .recruitment .list .item .box .unit .text{ width: calc(100% - 120px); margin-top: 0; }
.careers .recruitment .list .item > *{ order: 9; }
.recruitment_detail{padding-bottom:0px;}
.recruitment_detail .head{height:230px;}
.recruitment_detail .head img{height:100%; object-fit:cover;}
.recruitment_detail .item{margin-top:60px;}
.recruitment_detail .item dd.big{font-size:20px;}
.recruitment_detail .item dl dt{margin-right:30px; padding:5px 15px; font-size:14px; width:140px; }
.recruitment_detail .item dl .text{margin-top:20px;}
.recruitment_detail .item dd .character{width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);}
.recruitment_detail .item dd ul li{font-size:14px;align-items: flex-start;}
.recruitment_detail .item dd ul li img{margin-top:3px; margin-right:8px;}
.recruitment_detail .item dd table{margin-top:20px;}
.recruitment_detail .item dd table th,.recruitment_detail .item dd table td{width:100%; display:block;}
.recruitment_detail .item dd table th{padding-left:0; padding-bottom:0; padding-right:0;border-bottom:none;}
.recruitment_detail .item dd table td{padding-top:5px;}
.recruitment_detail .item dd.flow{margin-top:40px;}
.recruitment_detail .item dd.flow .photo{width:70%; max-width:400px; margin-left:auto; margin-right:auto;}



.recruitment_detail .foot{padding:40px 30px; height:auto;}
.recruitment_detail .foot .item{background-position:top;}


.recruitment_detail .foot{margin-top:100px;}
.recruitment_detail .foot .item .links{flex-direction: column-reverse;align-items: center;margin-top:15px;}
}




/*========================
下層：ニュースアーカイブ
=========================*/
.news_archive{ padding-bottom:100px;}
.news_archive .box{flex-direction: column;}
.news_archive .box .item{display:flex;justify-content: space-between;box-shadow: 2.83px 2.83px 10px 0px #A39C9BBF; padding:30px; margin-bottom:70px;}
.news_archive .box .item .photo{width:35%;align-self: stretch;}

.news_archive .box .item .photo img{  width:100%;  height:100%;  object-fit: cover;  display:block;}



.news_archive .box .item .text_area{width:60%; padding-top:10px;}
.news_archive .box .item .text_area .category{border:solid 2px var(--primary-color); padding:7px 25px; text-align:center; color: var(--primary-color); width:fit-content; font-weight:700; line-height:1; margin-bottom:40px;}
.news_archive .box .item .content_excerpt{  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;}
.news_archive .box .item .text_area  a.viewmore{background:var(--primary-color); color:#FFF; width:170px; padding:10px 20px; margin-top:40px;}

.news_archive .cat_list{border-bottom:solid 1px var(--primary-color); padding-bottom:40px; margin:100px 0; display:flex;}
.news_archive .cat_list ul{display:flex; margin-left:30px;}
.news_archive .cat_list ul li{border:solid 2px var(--primary-color); text-align:center; font-size:18px; color:var(--primary-color); margin-right:30px; font-weight:500;}
.news_archive .cat_list ul li.active{ background:var(--primary-color); color:#FFF;}
.news_archive .cat_list ul li a{display:block;padding:5px 25px; }

.news_archive .cat_list .cat_select{ position: relative; }

.news_archive .cat_list .cat_select .cat_select_trigger{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 18px;
  border: 1px solid var(--primary-color);
  background: #FFF;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}
.news_archive .cat_list .cat_select .cat_select_trigger::after{
  content: "";
  width: 12px;
  height: 12px;
  margin-left: 12px;
  margin-top: -6px;              /* 線の太さぶん、視覚的な中心を合わせる */
  flex-shrink: 0;
  border-right: 3px solid var(--primary-color);
  border-bottom: 3px solid var(--primary-color);
  transform: rotate(45deg);
  transition: transform .3s;
}

.news_archive .cat_list .cat_select.is-open .cat_select_trigger::after{
  margin-top: 6px;
  transform: rotate(-135deg);    /* 開いたら上向き */
}
.news_archive .cat_list .cat_select .cat_select_list{
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  background: #FFF;
  margin-top:0;
}
.news_archive .cat_list .cat_select.is-open .cat_select_list{ display: block; }

.news_archive .cat_list .cat_select .cat_select_list li{
  margin: 0;
  padding: 14px 18px;
  border: 1px solid var(--primary-color);
  border-top: none;
  background: #FFF;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  text-align:left;
}
.news_archive .cat_list .cat_select .cat_select_list li.active{
  background: var(--primary-color);
  color: #FFF;
}




@media screen and (max-width: 768px) {
.news_archive .cat_list{margin-top:60px; margin-bottom:0;flex-direction: column; border-bottom:none;}
.news_archive .cat_list h2{border-bottom:solid 1px var(--primary-color); padding-bottom:5px;}
.news_archive .cat_list ul{flex-direction: column;    margin-left: 0px; margin-top:20px;}
.news_archive .box .item{flex-direction: column; padding:15px 15px 30px 15px; position:relative; margin-bottom:30px;}
.news_archive .box .item .photo{width:100%;}
.news_archive .box .item .photo img{height:220px; object-fit:cover;}
.news_archive .box .item .text_area{width:100%; padding-top:0px; margin-top:20px;}
.news_archive .box .item .text_area .category{margin-bottom:0; position:absolute;top:15px; left:15px; background:#FFF;border:solid 1px var(--primary-color);}

}



/*========================
下層：ニュース詳細
=========================*/
.news_detail{padding-bottom:100px;}
.news_detail .heading{display:flex;align-items: center; margin-top:90px;}
.news_detail .heading .category{border:solid 2px var(--primary-color); text-align:center; font-size:18px; color:var(--primary-color);padding:5px 25px; margin-right:30px; }
.news_detail h2{margin-top:40px;font-size: clamp(1.5625rem, 1.2733rem + 0.6017vw, 1.875rem);/*30/25*/}
.news_detail .photo{margin-top:40px;}
.news_detail .content_excerpt{margin-top:40px; line-height:1.8;}
.news_detail .content_excerpt p{margin-bottom:30px;}
.news_detail a.viewmore{background:var(--primary-color); color:#FFF; width:200px; padding:10px 20px; margin-top:150px; margin-left:auto; margin-right:auto;}
.news_detail img{width: revert-layer;}

.news_detail .photo img{width:100%; height:400px; object-fit:cover;}
.news_detail .copy{font-size: clamp(1.5625rem, 1.2733rem + 0.6017vw, 1.875rem);/*30/25*/ font-weight:bold;margin-bottom:30px;}

@media screen and (max-width: 768px) {
.news_detail .heading{margin-top:60px;}
.news_detail h2{margin-top:30px;}
.news_detail .photo img{height:300px;}
.news_detail a .viewmore{margin-top:60px;}
}




/*========================
下層：コラムアーカイブ
=========================*/
.column{ margin-top:100px;}
.column .contents{display:flex;}
.column .contents .navi{width:300px; padding-right:30px; border-right:solid 1px var(--primary-color); margin-right:50px;}
.column .contents .box{width:calc(100% - 400px);padding-bottom:100px;}

.column .cat_list{}
.column .cat_list ul{ padding-right:80px;}
.column .cat_list ul li{ font-size:18px; color:var(--primary-color); margin-bottom:10px; font-weight:500;}
/*.column .cat_list ul li:first-child{border:none; color:#231815;padding: 7px 10px;}
.column .cat_list li[data-filter="all"]{padding:0 !important; background:none !important;}
.column .cat_list li[data-filter="all"] a{border:none !important; color:#000 !important; font-size:25px !important; font-weight:700; padding:7px 0 !important;}
.column .cat_list li[data-filter="all"] a .arrow{display:none;}




.column .cat_list ul li.active:first-child{padding: 7px 10px;}*/

.column .cat_list ul li.active{ background:var(--primary-color); color:#FFF;}
.column .cat_list ul li a{display:block}

.column .cat_list ul li.active a.viewmore{border:solid 2px var(--primary-color); color:#FFF;  border-radius:0; width:auto; margin-top:0;}
.column .cat_list ul li a.viewmore{border:solid 2px var(--primary-color); color:var(--primary-color);  border-radius:0; width:auto; margin-top:0;}
.column .cat_list ul li.active a .viewmore{color:#FFF;}

.column .cat_list ul li .ic_arrow:before,.column_archive .cat_list ul li .ic_arrow:after {background:url(/wp-content/themes/innovaturetech/assets/image/ic_arrow_blue.svg);  }



.column_archive .box{ display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 30px;}

.column_archive .box .item{box-shadow: 2.83px 2.83px 10px 0px #A39C9BBF; padding:25px 15px;}


.column_archive .box .item .content_excerpt{  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.column_archive .box .item .photo{overflow:hidden; margin-bottom:25px;}
.column_archive .box .item .photo img{object-fit:cover; aspect-ratio: 16 / 9;}
.column_archive .box .item .text_area .category{background:var(--primary-color); padding:7px 25px; text-align:center; color: #FFF; width:fit-content; font-weight:700; line-height:1; margin-bottom:15px; font-size:14px;}
.column_archive .box .item .text_area h3{font-size: clamp(1rem, 0.8843rem + 0.2407vw, 1.125rem);/*18/16*/ margin-bottom:25px;}


.column_archive .box .item:hover img{transform: scale(1.2);transition:0.2s all; letter-spacing:2px;}


.column_archive .pager{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 100px;
  grid-column: 1 / -1;
}


/* 数字（通常）＝白背景・青文字 */
.column_archive .pager .page-numbers{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 35px;
  height: 35px;
  background: #FFF;
  color: #2555A5;
  text-decoration: none;
  border-radius: 0;
}

/* 現在ページ＝青背景・白文字 */
.column_archive .pager .page-numbers.current{
  background: #2555A5;
  color: #FFF;
}

/* 前へ・次へ＝青背景の丸 */
.column_archive .pager .page-numbers.prev,
.column_archive .pager .page-numbers.next{
  background: #2555A5;
  border-radius: 50%;
}
.column_archive .pager .page-numbers.prev img,
.column_archive .pager .page-numbers.next img{
  display: block;
  width: 9px;
  height: 14px;
}

/* … */
.column_archive .pager .page-numbers.dots{
  background: transparent;
  color: #2555A5;
}

@media screen and (max-width: 768px) {
.column{margin-top:60px;}
.column .contents{flex-direction: column;}
.column .contents .navi{border-right:none; padding-right:0; margin-right:0; width:100%; margin-bottom:20px;}
.column .contents .box{width:100%;}
.column_archive .box{flex-direction: column; display:flex;}

.column .cat_list .cat_select{ position: relative; }

.column .cat_list .cat_select .cat_select_trigger{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 18px;
  border: 1px solid var(--primary-color);
  background: #FFF;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}
.column .cat_list .cat_select .cat_select_trigger::after{
  content: "";
  width: 12px;
  height: 12px;
  margin-left: 12px;
  margin-top: -6px;
  flex-shrink: 0;
  border-right: 3px solid var(--primary-color);
  border-bottom: 3px solid var(--primary-color);
  transform: rotate(45deg);
  transition: transform .3s;
}
.column .cat_list .cat_select.is-open .cat_select_trigger::after{
  margin-top: 6px;
  transform: rotate(-135deg);
}

.column .cat_list .cat_select .cat_select_list{
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding-right: 0;
  z-index: 10;
  background: #FFF;
}
.column .cat_list .cat_select.is-open .cat_select_list{ display: block; }

.column .cat_list .cat_select .cat_select_list li{
  margin: 0;
  padding: 0;
  border: 1px solid var(--primary-color);
  border-top: none;
  background: #FFF;
}

.column .cat_list .cat_select .cat_select_list li a{
  display: block;
  padding: 14px 18px;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
}
.column .cat_list .cat_select .cat_select_list li.active{ background: var(--primary-color); }
.column .cat_list .cat_select .cat_select_list li.active a{ color: #FFF; }
.column .cat_list ul li.active:first-child{padding:0;}
}


/*========================
下層：コラム詳細
=========================*/
.column_detail{}
.column_detail .heading{display:flex;align-items: center; }
.column_detail .heading .category{border:solid 2px var(--primary-color); text-align:center; font-size:18px; color:var(--primary-color);padding:5px 25px; margin-right:30px; }
.column_detail h2{margin-top:20px;font-size: clamp(1.5625rem, 1.2733rem + 0.6017vw, 1.875rem);/*30/25*/}
.column_detail h2.small{ font-size: clamp(1.25rem, 0.9608rem + 0.6017vw, 1.5625rem);/*25/20*/ margin-top:100px;}
.column_detail h2.small span.date{display:inline-block; margin-left:30px;  font-weight:400;}
.column_detail .photo{margin-top:40px;}
.column_detail .photo img{max-height:450px; object-fit:cover;}
.column_detail .content_excerpt{margin-top:40px; line-height:1.8;}
.column_detail .content_excerpt p{margin-bottom:20px;}
.column_detail .box{flex-direction: column;padding-bottom:100px;    justify-content: flex-start;}
.column_detail .box a.viewmore{background:var(--primary-color); color:#FFF; width:200px; padding:10px 20px; margin-top:150px; margin-left:auto; margin-right:auto;}
.column_detail .navi .related{padding-bottom:100px;}
.column_detail .navi .related .text_area{padding:10px;}
.column_detail .navi .related .content_excerpt{margin-top:20px; font-size:14px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.column_detail .navi .related .category{background:var(--primary-color); padding:7px 25px; text-align:center; color: #FFF; width:fit-content; font-weight:700; line-height:1; margin-bottom:15px; font-size:14px; margin-top:10px;}
.column_detail .navi .related .photo{ margin-top:0; overflow:hidden;}
.column_detail .navi .related .item{border:solid 1px #9FA0A0; margin-bottom:30px;}
.column_detail .navi .related .date{font-size:12px;}
.column_detail .navi .related h2{font-size: clamp(1.25rem, 0.9608rem + 0.6017vw, 1.5625rem);/*25/20*/ margin-top:40px; margin-bottom:20px;}
.column_detail .navi .related h3{font-size:16px;}

.column_detail .navi .related .item:hover img{transform: scale(1.2);transition:0.2s all; letter-spacing:2px;}

.column_detail ol{padding-left:40px;list-style-type: decimal;}



@media screen and (max-width: 768px) {
.column.column_detail .contents{flex-direction: column-reverse;}
.column_detail .box a .viewmore{margin-top:60px;}
}



/*========================
下層：よくあるご質問
=========================*/

.faq{ padding-bottom:150px; padding-top:140px;}
.faq .box{ border-radius:25px; border:solid 1px #009245; overflow:hidden; margin-bottom:60px;}
.faq .box h2{ background:#009245; color:#FFF; padding:10px; text-align:center; font-size:18px; margin-bottom:0;}
.faq .box .item{border-bottom:solid 2px #009245; }
.faq .accordion-container{ border-radius:50px; background:#FFF; padding:0px 40px 40px 40px; }
.faq h3.js-accordion-title{position: relative;background:var(--primary-color); color:#FFF; margin-top:30px; font-size:20px; font-weight:400; }
.faq h3.js-accordion-title:hover{cursor:pointer;}
.faq h3.js-accordion-title span{position: relative;display: flex;padding: 25px 0 25px 120px; color:#FFF;}
.faq h3.js-accordion-title span:before{ content:"Q";color:var(--secondary-color); background:#FFF; border-radius:50%; width:45px; height:45px; font-size:30px; margin-right:20px;position: absolute;left: 40px; top:15px;line-height:1; font-weight:bold;font-weight: 400;text-align: center; padding-top:4px;}

/* 開閉アイコン(＋−) 横棒 */
.faq .js-accordion-title:before {
  content: '';
  width: 24px;
  height: 3px;
  background: #FFF;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s ease-in-out;
  z-index: 1;
}

/* 開閉アイコン(＋−) 縦棒 */
.faq .js-accordion-title:after {
  content: '';
  width: 3px;
  height: 24px;
  background: #FFF;
  position: absolute;
  right: 30.5px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s ease-in-out;
  z-index: 1;
}

/* 開いたら縦棒を消して−にする */
.faq .js-accordion-title.open:after {
  transform: translateY(-50%) rotate(90deg);
  opacity: 0;
}

.faq .accordion-content{padding-left:120px; padding-top:30px; padding-bottom:30px; padding-right:30px; position:relative; color:#000; background:#F2F2F2;}
.faq .accordion-content:before{ content:"A";background:var(--primary-color); color:#FFF; border-radius:50%; width:45px; height:45px; font-size:30px;text-align:center;position:absolute; left:40px; top: 50%;transform: translateY(-50%); line-height:1;font-weight:bold;font-weight: 400; padding-top:4px;}
.faq .text{text-align:center; border-top:solid 2px #000; margin-top:0px; padding-top:30px;}


@media screen and (max-width: 768px) {
.faq{padding-bottom:40px; padding-top:100px;}
.faq .global_inner{width:100%;}
.faq h3{font-size:18px;}
.faq h3 span{padding: 20px 50px 20px 40px;}
.faq h3 span:before{font-size:40px;left: 0px; top:20px;}
.faq .accordion-container{padding:0 0px 20px 0px;}
.faq .accordion-content {    padding-left: 80px;    padding-top: 20px; padding-bottom:20px;}
.faq .js-accordion-title:before{width: 20px;}
.faq .js-accordion-title:after{height: 20px;right: 28.5px;}
.faq h3.js-accordion-title{font-size:15px; margin-top:20px;}
.faq h3.js-accordion-title span{position: relative;display: flex;padding: 25px 45px 25px 80px;}
.faq h3.js-accordion-title span:before{ top: 50%;transform: translateY(-50%); left:20px; }

.faq .accordion-content:before{left:20px;top: 15px; transform:none;}

}



/*========================
お問い合わせ
=========================*/
.contact .text{text-align:center; margin-top:150px;}
.form{ max-width:750px; margin-left:auto; margin-right:auto; margin-top: 70px; padding:70px; background:#F6F7F7;  }
.form .item{margin-bottom:30px;}
.form .item .title{display:flex;align-items: center; margin-bottom:10px;}
.form .item .title .must{padding:3px 5px; text-align:center; width:40px;font-size:11px; margin-left:15px;}
.form .item .title .must.on{background:var(--primary-color); color:#FFF; }

.form .item input[type=text],.form input[type=email],.form input[type=tel],.form .item textarea{border:solid 1px #CCC; padding:10px 15px; background:#FFF; width:100%;}



.radio_btn_item .wpcf7-list-item{  display: inline-block;  margin: 0;  vertical-align: top;}
.radio_btn_item label{  display: inline-block;  margin-right: 20px;  cursor: pointer;}
.radio_btn_item input[type=radio]{  display: none;}
.radio_btn_item input[type=radio] + span{display: inline-flex;align-items: center;min-height: 25px;padding-left: 40px;position: relative;line-height: 1.5;}
.radio_btn_item input[type=radio] + span::before,
.radio_btn_item input[type=radio] + span::after{
  content: '';  display: block;  position: absolute;  box-sizing: border-box;  border-radius: 50%;  left: 0;  top: 50%;  transform: translateY(-50%);  width: 20px;  height: 20px;  background: #FFF;  border: solid 1px var(--primary-color);}
.radio_btn_item input[type=radio] + span::after{  background: var(--primary-color);  opacity: 0;}
.radio_btn_item input[type=radio]:checked + span::after{  opacity: 1;}

/* 1. デフォルトのチェックボックスの見た目を消してサイズを定義 */
input[type="checkbox"] {appearance: none;-webkit-appearance: none;width: 25px;height: 25px;border: 2px solid var(--primary-color);border-radius: 3px;background-color: #fff;cursor: pointer;display: inline-block;position: relative;vertical-align: middle; margin-right:30px;}
input[type="checkbox"]:checked {background-color: var(--primary-color);}
input[type="checkbox"]:checked::after {content: '';position: absolute;left: 7px;top: 1px;width: 9px;height: 15px;border: solid #fff;border-width: 0 3px 3px 0;transform: rotate(45deg);}


.contact .policy{display:flex;align-items: center;justify-content: flex-start;margin-top:40px;}
.contact .policy a{color: var(--primary-color);}
.contact .policy .wpcf7-form-control-wrap{width:auto !important;}
.contact .policy .wpcf7-checkbox{margin-right:20px;}
.contact .formbtn{border-radius:25px;  padding:10px 100px;  background:var(--primary-color); text-align:center; color:#FFF; margin-left:auto; margin-right:auto;display: block; margin-top:60px;}

.wpcf7 .wpcf7-submit:disabled{background: #CCC;}
.wpcf7-list-item{margin:0 !important;}
@media screen and (max-width: 768px) {
.contact .text{margin-top:80px;}
.form{margin-top:50px; padding:30px;}
input[type="checkbox"]{margin-right:20px;}
}


/*========================
お問い合わせ（サンクスページ）
=========================*/
.thanks{ margin-top:180px; text-align:center; max-width:800px; margin-left:auto; margin-right:auto; padding-bottom:200px;}
.thanks .photo{width:150px; margin-left:auto; margin-right:auto;}
.thanks h1{font-size: clamp(1.25rem, 0.556rem + 1.444vw, 2rem);/*32/20*/ margin-top:40px;}
.thanks .copy{ font-size:24px; margin-top:15px; font-weight:500;}
.thanks .text{margin-top:100px; margin-bottom:30px; text-align:left; padding-bottom:60px; border-bottom:solid 1px #000;}
.thanks .text2{text-align:left;}
.thanks a .viewmore{background:var(--primary-color); color:#FFF; width:200px; margin-left:auto; margin-right:auto; margin-top:100px; }

@media screen and (max-width: 768px) {
.thanks{ margin-top:120px;padding-bottom:60px;}
.thanks h1{font-size: 27px;/*32/20*/ margin-top:40px;}
.thanks .copy{ font-size:17px; }
.thanks .text{margin-top:80px; }
}

/*========================
個人情報保護方針
=========================*/
.privacy_policy{padding-bottom:100px;}
.privacy_policy ol{
  list-style: decimal;
  padding-left: 1.5em;
  margin-bottom: 20px;
  padding-left: 40px;
  margin-top:20px;
}
.privacy_policy ol > li{
  list-style: decimal;
  margin-bottom: 15px;
}
.privacy_policy ul{
  list-style: circle;
  padding-left: 1.5em;
  margin-top: 8px;
}
.privacy_policy ul > li{
  list-style: disc;
}
.privacy_policy p{margin-top:20px;}
.privacy_policy h4{color:var(--primary-color); margin-top:30px;}


.privacy_policy table {
    background-color: transparent;
    width: 100%;
    margin-block-end:15px;font-size: .9em;
    border-spacing: 0;
    border-collapse: collapse;
	margin-top:10px;
}

.privacy_policy table td,.privacy_policy table th {
    padding: 15px;
    line-height: 1.5;
    vertical-align: top;
    border: 1px solid hsla(0,0%,50.2%,.5019607843)
}
.privacy_policy table th {
    font-weight: 700
}

.privacy_policy table tfoot th,table thead th {
    font-size: 1em
}

.privacy_policy table caption+thead tr:first-child td,.privacy_policy table caption+thead tr:first-child th,.privacy_policy table colgroup+thead tr:first-child td,.privacy_policy table colgroup+thead tr:first-child th,.privacy_policy table thead:first-child tr:first-child td,.privacy_policy table thead:first-child tr:first-child th {
    border-block-start:1px solid hsla(0,0%,50.2%,.5019607843)}

.privacy_policy table tbody>tr:nth-child(odd)>td,.privacy_policy table tbody>tr:nth-child(odd)>th {
    background-color: hsla(0,0%,50.2%,.0705882353)
}

.privacy_policy table tbody tr:hover>td,.privacy_policy table tbody tr:hover>th {
    background-color: hsla(0,0%,50.2%,.1019607843)
}

.privacy_policy table tbody+tbody {
    border-block-start:2px solid hsla(0,0%,50.2%,.5019607843)}

.privacy_policy  a{color:#4E8FEC;}

@media (max-width: 767px) {
.privacy_policy ol{padding-left:10px;}
.privacy_policy table table {
        font-size:.8em
    }

.privacy_policy table table td,.privacy_policy table table th {
        padding: 7px;
        line-height: 1.3
    }
.privacy_policy table td:first-child{min-width:120px;}

.privacy_policy table table th {
        font-weight: 400
    }
}

/*========================
クッキーポリシー
=========================*/
.cookie_policy{margin:200px 0;}
.cookie_policy .text{margin-top:40px;}

@media (max-width: 767px) {
.cookie_policy{margin:60px 0;}
.cookie_policy .text{margin-top:30px;}
}
/*========================
404
=========================*/
.page-404{margin-top:200px; text-align:center; padding-bottom:200px;}
.page-404 h1{font-size: clamp(3.125rem, 1.9683rem + 2.4067vw, 4.375rem);/*70/50*/}
.page-404 p{font-size:24px; margin-top:70px; font-weight:500;}
.page-404 .text{margin-top:70px;}
.page-404 a .viewmore{background:var(--primary-color); color:#FFF; width:200px; margin-left:auto; margin-right:auto; margin-top:70px; }

@media (max-width: 767px) {
.page-404{padding-bottom:60px;}
.page-404 p{margin-top:30px; font-weight:700;  }
.page-404 .text{margin-top:30px;}
}
/*====================
フッター
=====================*/
footer{padding:60px 0 0px 0; }
footer h3{font-size:40px; font-weight:normal;margin-bottom:40px; color:#000;}
footer .content{display:flex;justify-content: space-between;align-items: flex-start;font-weight: 400;}

footer .footer-info{ margin-right:40px;}
footer .logo{width: 200px; margin-bottom:20px;}
footer .sns{ margin-bottom:20px;}
footer .sns ul{display:flex; align-items: center;margin-top:20px;}
footer .sns ul li{margin-right:20px;}
footer .sns ul li img{width:22px;}
footer .sns ul li.privacymark img{width:50px;}


footer .content .menu{display:flex; }
footer .content .menu ul{ margin-left:60px;}
footer .content .menu ul li{margin-bottom:20px; }
footer .content .menu ul li:last-child{margin-bottom:0;}
footer .content .menu ul li a{margin-bottom:30px;color: #000; }



footer .btn_privacy{	width: 200px;	text-align: center;	margin-top: 40px;	margin-right: auto;	margin-bottom: 0;	margin-left: auto;}
footer .copyright{text-align:center; font-size:13.5px; font-weight:500; color:#FFF;margin-top:40px;background:var(--primary-color); padding:8px 0;}

@media screen and (max-width: 768px) {
footer{padding:30px 0 0px 0; }
footer h3{font-size:30px;}
footer .content{flex-wrap: wrap;flex-direction: column-reverse;}
footer .content .menu{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  width: 100%;
  margin-top: 0px;
}

footer .content .menu .logo.sp{
  grid-column: 1 / -1;
  width: 160px;
  margin-bottom: 30px;
}

footer .content .menu ul{ margin-left: 0; }

footer .content .menu ul:nth-of-type(1){ grid-column: 1; grid-row: 2 / span 2; }

footer .content .menu ul:nth-of-type(2){ grid-column: 2; grid-row: 2; }

footer .content .menu ul:nth-of-type(3){ grid-column: 2; grid-row: 3; margin-top: 20px; }

footer .content .menu ul li{ margin-bottom: 10px; }
footer .content .menu ul li a{ margin-bottom: 0; }

footer .footer-info{width:100%; margin-top:30px;}
footer .sns{margin-top:50px; margin-bottom:0;}
footer .sns ul{justify-content: center;}
footer .sns ul li{margin-right:10px; margin-left:10px;}
footer .sns ul li img{width:60px;}
footer .sns ul li.privacymark img{width:60px;}
footer .copyright{font-size:11px; }
}
/*==============================
もっと見る
==============================*/
a .viewmore{position:relative;  color: #FFF; transition:0.3s all;letter-spacing:0;font-size:14px;padding-right:30px; font-weight:500; width:130px;border-radius:25px; padding:7px 15px;}
a .viewmore:hover{transition:0.3s all; }
a .viewmore .arrow{top: 50%; transform: translateY(-50%); bottom:unset; padding-right:30px;}


a.viewmore{position:relative;  color: #FFF; transition:0.3s all;letter-spacing:0;font-size:14px;padding-right:30px; font-weight:500; width:130px;border-radius:25px; padding:7px 15px; display:block;}
a.viewmore:hover{transition:0.3s all; }
a.viewmore .arrow{top: 50%; transform: translateY(-50%); bottom:unset; padding-right:30px;}

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

/*==============================
矢印
==============================*/

.arrow {position: absolute;  right: 15px;  bottom: 0px;  padding-right: 40px;width:16px; height:12px; }
.ic_arrow {overflow: hidden;  position: absolute;  right: 0px;  bottom: 0px;  width:16px; height:12px;  margin: auto 0;  line-height: 1;  animation-duration: 0.6s;}
.ic_arrow:before,.ic_arrow:after {content: "";background:url(/wp-content/themes/innovaturetech/assets/image/ic_arrow.svg);  width:16px; height:12px;position: absolute;top: 0;right: 0;animation-fill-mode: forwards;animation-duration: 0.4s;}
.ic_arrow:after {transform: translateX(-100%);}
a:hover .arrow .ic_arrow:before {animation-name: transformRightLeft;  animation-delay: 0s;}
a:hover .arrow .ic_arrow:after {animation-name: transformLeftRight; animation-delay: 0.2s;}

.ic_arrow.blue:before,.ic_arrow.blue:after {content: "";background-image:url(/wp-content/themes/innovaturetech/assets/image/ic_arrow_blue.svg);  }
.ic_arrow.lightblue:before,.ic_arrow.lightblue:after {content: "";background-image:url(/wp-content/themes/innovaturetech/assets/image/ic_arrow_lightblue.svg);  }
.ic_arrow.red:before,.ic_arrow.red:after {content: "";background-image:url(/wp-content/themes/innovaturetech/assets/image/ic_arrow_red.svg);  }
.ic_arrow.green:before,.ic_arrow.green:after {content: "";background-image:url(/wp-content/themes/innovaturetech/assets/image/ic_arrow_green.svg);  }
.ic_arrow.black:before,.ic_arrow.black:after {content: "";background-image:url(/wp-content/themes/innovaturetech/assets/image/ic_arrow_black.svg);  }


@keyframes transformLeftRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes transformRightLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes transformLeftRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes transformRightLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}











/*========================
ページトップ
=========================*/
#page_top {position: fixed;bottom: 100px;left: calc(100vw - 80px); display:none; z-index:1;}
#page_top a {background-color: #999;color: #fff;text-align: center;	text-decoration: none;font-size: 24px;padding-top: 6px;	padding-right: 15px;padding-bottom: 10px;padding-left: 15px;}
#page_top a:hover {background-color: #666;text-decoration: none;}

@media screen and (max-width: 768px) {
#page_top {bottom: calc(100vh - 93vh);left:auto; right:10px; }
#page_top a{}
}


/*====================
Read more
=====================*/
.more {transition:1s all;background: #39B54A;    letter-spacing: 0;    font-size: 14px;    border-bottom: none; width:fit-content;}
.more.right {justify-content: flex-end;}
.more.center {justify-content: center;}
.more a{transition:0.4s all;display: block;    padding: 5px 15px;    color: #FFF;	}
.more a img{width:100px;}

@media screen and (max-width: 768px) {
.more{justify-content: center;}
.more a{margin-top:20px;font-size:14px;}
.more a:before{top:30px;left:-80px;}
.more.right {justify-content: center;}
}

/*====================
ボタン
=====================*/
.btn {transition:1s all; display:flex;}
.btn.right {justify-content: flex-end;}
.btn.center {justify-content: center;}
.btn a{ display:block;text-align:center; border-radius:5px; padding:7px 0px; width:200px; color:#000; border:solid 1px #000; margin-top:40px;font-size:16px;transition:0.4s all;}

@media screen and (max-width: 768px) {
.btn{font-size:17px;}
}

/*====================
ページネーション
=====================*/
nav.pagination{display: flex;    justify-content: space-between;    align-items: center; position:static; width:auto; opacity:1; background-color:transparent;}

.nav-links{width:100%; margin-top:100px;margin-bottom:20px;}
.nav-links ul {  list-style: none;  display: flex;  justify-content: center;  gap: 8px;}
.nav-links li{width:auto !important;border-bottom:none !important;}

.nav-links li:hover{background-color: transparent !important;}
.nav-links li:after{content:none;}
.nav-links li a{padding:0px !important; line-height:45px; text-align:center;}
.nav-links li > * {  display: flex;  align-items: center;  justify-content: center;  font-size: 14px;  height: 45px;}
.nav-links li > *:not(.dots) {  width: 45px !important;   color: #000;  transition: color 0.3s ease, background 0.3s ease;line-height: 45px;    text-align: center;}
.nav-links li > .current{  color: #FFF;  background: #39B54A;}
.nav-links li > .current:hover{text-decoration:none !important;}

.nav-links li > a:hover {	color: #000;	background-color: #F6F6F6;text-decoration:none !important;}

.nav-links li i{color:#39B54A; font-size:20px;}
.nav-links li i:hover{text-decoration:none;}

@media screen and (max-width: 768px) {
.nav-links{margin-top:40px;margin-bottom:0px;}
}



.pagenation{display:flex;justify-content: space-between; margin-top:100px;}
.pagenation .unit{width:50%;}
.pagenation .unit a{color:#39B54A;}
.pagenation .unit:last-child{text-align:right;}
.pagenation .unit > div{display:flex; font-size:13px; margin-bottom:20px;}
.pagenation .unit:last-child > div{flex-direction: row-reverse;}
.pagenation .unit .date{ margin-bottom:0px;}
.pagenation .unit .title{border-bottom:none; padding-bottom:0px;}
.pagenation .unit .title a{color:#000; font-size:13px;}
.arrow-left,.arrow-right {position: relative;display: inline-block;padding: 10px;}
.arrow-left::before, .arrow-right::before {  content: '';  width: 20px;  height: 20px;  border-top: solid 2px #39B54A;  border-right: solid 2px #39B54A;  position: absolute;  left: 0px;  top: 1px;}

.arrow-left::before{ transform: rotate(-135deg);}
.arrow-right::before {  transform: rotate(45deg);}


/*=======  下からフェードアップ  =======*/
.fadeup {opacity: 0;}
.fadeup.isShow {  opacity: 1;animation: fadeUp 0.3s ease 0.3s 1 normal backwards;}

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


@media screen and (max-width: 768px) {
.pc{display:none !important;}
}

@media screen and (min-width: 769px) {
.sp{display:none !important;} 
}