@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
@font-face{font-family:'icomoon';src:url(fonts/icomoon.eot?c997qy);src:url('fonts/icomoon.eot?c997qy#iefix') format('embedded-opentype'),url(fonts/icomoon.ttf?c997qy) format('truetype'),url(fonts/icomoon.woff?c997qy) format('woff'),url('fonts/icomoon.svg?c997qy#icomoon') format('svg');font-weight:400;font-style:normal;font-display:block}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ctrl:before{font-family:icomoon;z-index:2;content:"\ea50"}
/*mobile*/
.menu-toggle,.mobile-bar-items,.sidebar-nav-mobile{display:none}.menu-toggle{padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px;cursor:pointer}button.menu-toggle{background-color:transparent;width:100%;border:0;text-align:center}button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}.menu-toggle .mobile-menu:empty{display:none}.nav-search-enabled .main-navigation .menu-toggle{text-align:left}.mobile-bar-items{display:none;position:absolute;right:0;top:0;z-index:21;list-style-type:none}.mobile-bar-items a{display:inline-block}nav.toggled ul ul.sub-menu{width:100%}.dropdown-hover .main-navigation.toggled ul li.sfHover>ul,.dropdown-hover .main-navigation.toggled ul li:hover>ul{transition-delay:0s}.toggled .menu-item-has-children .dropdown-menu-toggle{padding-left:20px}.main-navigation.toggled ul ul{transition:0s;visibility:hidden}.main-navigation.toggled .main-nav>ul{display:block}.main-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block;visibility:visible;float:none}.main-navigation.toggled .main-nav li{float:none;clear:both;display:block;text-align:left}.main-navigation.toggled .main-nav li.hide-on-mobile{display:none!important}.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}.main-navigation.toggled .menu li.search-item{display:none!important}.main-navigation.toggled .sf-menu>li.menu-item-float-right{float:none;display:inline-block}@media (max-width:768px){a,body,button,input,select,textarea{transition:all 0s ease-in-out}.top-bar.top-bar-align-left,.top-bar.top-bar-align-right{text-align:center}.top-bar .widget{float:none!important;margin:0 10px!important}.top-bar .widget_nav_menu li{float:none;display:inline-block;padding:5px 0}.footer-bar .widget_nav_menu li:first-child{margin-left:10px}.footer-bar .widget_nav_menu li:last-child{margin-right:10px}.header-aligned-right .site-header,.site-header{text-align:center}.header-widget{float:none;max-width:100%;text-align:center}.content-area,.inside-footer-widgets>div,.sidebar{float:none;width:100%;left:0;right:0}.site-main{margin-left:0!important;margin-right:0!important}body:not(.no-sidebar) .site-main{margin-bottom:0!important}.one-container .sidebar{margin-top:40px}.separate-containers #left-sidebar+#right-sidebar .inside-right-sidebar{margin-top:0}.both-left.separate-containers .inside-left-sidebar,.both-left.separate-containers .inside-right-sidebar,.both-right.separate-containers .inside-left-sidebar,.both-right.separate-containers .inside-right-sidebar{margin-right:0;margin-left:0}.alignleft,.alignright{float:none;display:block;margin-left:auto;margin-right:auto}.post-image-aligned-left .post-image,.post-image-aligned-right .post-image{float:none;margin:2em 0;text-align:center}.comment .children{padding-left:10px;margin-left:0}.edd_download{display:block;float:none!important;margin-bottom:1.5em;width:100%!important}.entry-meta{font-size:inherit}.entry-meta a{line-height:1.8em}.site-info{text-align:center}.copyright-bar{float:none!important;text-align:center!important}.footer-bar{float:none!important;text-align:center!important;margin-bottom:20px}.footer-bar .widget_nav_menu li{float:none;display:inline-block;padding:5px 0}.inside-footer-widgets>div:not(:last-child){margin-bottom:40px}.site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets{margin:0}.site-footer .footer-widgets .footer-widgets-container .inner-padding{padding:0}}
/**/
.loader{
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  z-index: 1000;
}
.loader .logo {
  width: 200px;
}
/* opening */
.common-page-loader { position:fixed; inset:0;display:flex; flex-wrap:wrap;z-index:2;background-image: linear-gradient(#0a4bb9, #000000);}
.loader-panel {flex:1 0 10%; height:100%;transform:translateY(0);background-image: linear-gradient(#4182f0, #023895 60%, #023895);z-index:3;}
.page-logo-loader {position:fixed; inset:0;display:flex; align-items:center; justify-content:center;pointer-events:none;z-index:20;color: #fff;}
.page-logo-groups-container {display:flex; align-items:center; gap:0.4em;font-size:2.2em; font-weight:700;letter-spacing:0.05em;opacity:0;}
.page-logo-groups-container .wordFirst { font-size:1.2em;font-family: 'Arial Black', 'Arial Rounded MT Bold', sans-serif; }
.page-logo-groups-container .wordSecond { margin-left:0.15em;font-family: 'Arial Black', 'Arial Rounded MT Bold', sans-serif; }
.page-logo-groups-container .wordLast { font-size:1.6em; }
.squaresContainer {display:inline-flex; gap:0.2em; margin-left:0.3em;}
.squaresContainer .box {width:0.5em; height:0.5em; background:#fff;opacity:0; transform:scale(0.2);}
/* opening other*/
body.contact .l-page__loader{display: none;}
.l-page__loader {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(#4182f0, #023895 60%, #023895);
	z-index: 9999;
	overflow: hidden;
}
.l-loader__grid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-template-rows: repeat(6, 1fr);
}
.l-loader__grid div {
	background: rgba(255, 255, 255, 0.9);
	opacity: 1;
	transition: opacity 0.5s ease;
}
.l-loader--done .l-loader__logo {
	opacity: 1;
	transform: scale(1);
}
@media screen and (max-width:590px) {
	.page-logo-groups-container .wordLast {font-size: 2.8rem;}
	.page-logo-groups-container .wordFirst,.page-logo-groups-container .wordSecond{font-size: 2.2rem;}
	.page-logo-groups-container{line-height: 1.2;}
}
/*animate スライドイン*/
.anim.slidein {opacity: 0;overflow: hidden;} 
.anim.slidein.show {animation: slideIn 0.6s cubic-bezier(0.5, 0, 0.75, 0) 1 forwards} 
@keyframes slideIn {
  0% {transform: translateX(-180px);opacity: 0;}
  100% {transform: translateX(0);}
  40%,100% {opacity: 1;}
}
/*animate スライドイン右から*/
.anim.slideinL {opacity: 0;overflow: hidden;} 
.anim.slideinL.show {animation: slideInL 0.6s cubic-bezier(0.5, 0, 0.75, 0) 1 forwards} 
@keyframes slideInL {
  0% {transform: translateX(180px);opacity: 0;}
  100% { transform: translateX(0);}
  40%,100% { opacity: 1;}
}
/*animate スライドイン左から*/
.anim.slideinR {opacity: 0} 
.anim.slideinR.show {animation: slideInR 0.6s cubic-bezier(0.5, 0, 0.75, 0) 1 forwards} 
@keyframes slideInR {
  0% {transform: translateX(-180px);opacity: 0;}
  100% { transform: translateX(0);}
  40%,100% { opacity: 1;}
}
/*animate fadeup*/
.anim.fadeup {opacity: 0;overflow: hidden;transform: matrix(1, 0, 0, 1, 0, 100);}
.anim.fadeup.show{animation: fadeup 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;animation-delay: 0.2s;}
@keyframes fadeup {
  0% {transform: translateY(100px);opacity: 0;}
  100% {transform: translateY(0);}
  80%,100% {opacity: 1;}
}
/*ぼかし*/
.anim.blurup {
	opacity: 0;
	transform: translateY(40px);
	filter: blur(12px);
	transition: opacity 1s ease, transform 1s ease, filter 1s ease;
	transition-delay: 0s;
}
.anim.blurup.show {
	opacity: 1;
	transform: translateY(0);
	filter: blur(0);
	transition-delay: .3s;
}
/*スクロールで画像表示（右→左・スムーズ）*/
.reveal-wrap{position:relative;overflow:hidden;height:var(--height);margin-bottom:var(--gap);box-shadow:0 10px 30px rgba(0,0,0,.6)}
.reveal-img {
  overflow: hidden;
}
.reveal-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s ease;
}
/* 表示後 */
.reveal-img.active img {
  clip-path: inset(0 0 0 0);
}
/**/
.anime-UP{ 
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}
.anime-UP.loaded{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
  margin: 0;
  padding: 0;
  border: 0
}
html {
  font-family: sans-serif;
	font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
main {display: block}
progress {vertical-align: baseline}
html {box-sizing: border-box}
*, ::after, ::before {box-sizing: inherit}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}
[type=search] {-webkit-appearance: textfield;outline-offset: -2px}
[type=search]::-webkit-search-decoration {-webkit-appearance: none}
::-moz-focus-inner {border-style: none;padding: 0}
:-moz-focusring {outline: 1px dotted ButtonText}
body {
    font-family: 'Noto Sans JP', "Helvetica Neue", sans-serif;
    font-weight: 500;
    text-transform: none;
    position: relative;
    letter-spacing: 0.2px;
    font-size: 1.6rem;
    line-height: 1.8;
    background-color: rgb(0, 0, 0);
}
@media screen and (max-width:590px) {
	body {font-size: 1.4rem;}
}
p {margin-bottom: 1em}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit
}
pre {
  background: rgba(0, 0, 0, .05);
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
  margin-bottom: 1.5em;
  padding: 20px;
  overflow: auto;
  max-width: 100%
}
blockquote {
  border-left: 5px solid rgba(0, 0, 0, .05);
  padding: 20px;
  font-size: 1.2em;
  font-style: italic;
  margin: 0 0 1.5em;
  position: relative
}
blockquote p:last-child {margin: 0}
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.5em;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}
td{border:none !important;}
td  {
	padding: 1.5em 15px !important;
	border-bottom: 1px solid #c3c4c7 !important;
}
td:first-of-type{width: 27%;}
th {
  padding: 1em 15px;
  border-bottom: 1px solid #c3c4c7;
}
hr {
  background-color: rgba(0, 0, 0, .1);
  border: 0;
  height: 1px;
  margin-bottom: 40px;
  margin-top: 40px
}
fieldset {
  padding: 0;
  border: 0;
  min-width: inherit
}
fieldset legend {
  padding: 0;
  margin-bottom: 1.5em
}
h1 {
  font-size: 3rem;
  margin-bottom: 30px;
  line-height: 1.4em;
  font-weight: 500;
  text-transform: none
}
h2 {
  font-size: 2.6rem;
  margin-bottom: 30px;
  line-height: 1.4em;
  font-weight: 500;
  text-transform: none
}
h3 {
  font-size: 2.2rem;
  margin-bottom: 20px;
  line-height: 1.4em;
  font-weight: 500;
  text-transform: none
}
h4 {font-size: 2rem}
h5 {font-size: 1.8rem}
h4, h5, h6 {margin-bottom: 1em}
ol, ul {margin: 0 0 1.5em 0}
ul {list-style: none}
ol {list-style: decimal}
li>ol, li>ul {
  margin-bottom: 0;
  margin-left: 1.5em
}
dt {font-weight: 500}
dd {margin: 0 1.5em 1.5em}
b, strong {font-weight: 700}
cite, dfn, em, i {font-style: italic}
address {margin: 0 0 1.5em}
code, kbd, tt, var {font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace}
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help
}
ins, mark {text-decoration: none}
sub, sup {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {bottom: 1ex}
sub {top: .5ex}
small {font-size: 75%}
big {font-size: 125%}
figure {margin: 0}
table {
  margin: 0 0 1.5em;
  width: 100%
}
th {font-weight: 500}
img {
  height: auto;
  max-width: 100%
}
button, input[type=button], input[type=reset], input[type=submit] {
    background: #2c3337;
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    -webkit-appearance: button;
    padding: 1em 3em;
    font-weight: 600;
}
button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover{
opacity:0.8;
}

input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
    border: 1px solid #c3c4c7 !important;
    border-radius: 0;
    padding: 10px 15px;
    width: 90%;
    max-width: 520px;
    font-size: 1.5rem;
    background: #222;
    color: #fff;
}
input:-internal-autofill-selected{
    background-color: #222 !important;
    color: #fff !important;
}

textarea {max-width: 90%;}
a, button, input {transition: color .3s ease-in-out, background-color .3s ease-in-out}
a, a:focus, a:hover, a:visited {text-decoration: none}
a { color: #888;transition: color 0.3s ease 0s;}
a:hover{color : #b3b3b3}
.button, .wp-block-button .wp-block-button__link {
  padding: 10px 20px;
  display: inline-block
}
.wp-block-button .wp-block-button__link {
  font-size: inherit;
  line-height: inherit
}
.using-mouse :focus {outline: 0}
.using-mouse ::-moz-focus-inner {border: 0}
.alignleft {
  float: left;
  margin-right: 1.5em
}
.alignright {
  float: right;
  margin-left: 1.5em
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto
}
.has-text-align-right{ text-align: right !important}
.has-text-align-left{text-align: left !important}
.has-text-align-center{text-align: center !important}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
  max-width: 100%;
  height: auto
}
.no-sidebar .entry-content .alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
  width: auto
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute!important;
  width: 1px;
  word-wrap: normal!important
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
  clip: auto!important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: .875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000
}
#primary[tabindex="-1"]:focus {outline: 0}
.main-navigation{
    z-index: 100;
    padding: 0;
    width: 100%;
}
.main-navigation a {
  display: block;
  text-decoration: none;
  font-weight: 600;
  text-transform: none;
  color: #fff !important;
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0
}
.main-navigation .main-nav ul li a{
    font-size: 1.5rem;
    margin: 0 20px;
    position: relative;
    transition: .3s;
    line-height: 50px;
    _webkit-text-shadow: 0 0 8px rgb(14 22 104 / 74%);
    text-shadow: 0 0 8px rgb(14 22 104 / 74%);
}
.main-navigation .inside-navigation {
  display:-webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  justify-content:  flex-end
}
.main-navigation .main-nav>ul {
  display:-webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center
}
.main-navigation .menu-bar-items {
  display:-webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 1.5rem
}
.main-navigation .menu-bar-items a {color: inherit}
.main-navigation .menu-bar-item {position: relative}
.main-navigation .menu-bar-item>a {
  margin-left: 20px;
  margin-right: 20px;
  line-height: 90px
}
.sidebar .main-navigation .main-nav {flex-basis: 100%}
.sidebar .main-navigation .main-nav>ul {flex-direction: column}
.sidebar .main-navigation .menu-bar-items {margin: 0 auto}
.sidebar .main-navigation .menu-bar-items .search-item {order: 10}
.nav-align-right .inside-navigation {justify-content: flex-end}
.main-navigation ul li{position: relative;}
/*上書き________________*/
.single-content {
	width: 94%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 100px 0 180px;
}
h1.page-title{font-size: 1.6rem !important;}
.site-main .post-navigation {
    margin: 3rem 0 1rem;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 18px 0;
    font-size: 14px;
   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}
.nav-next, .nav-previous {
    width: 40%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.nav-next{
    text-align: right;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row-reverse;
    flex-flow: row-reverse
}
.nav-next .gp-icon {margin-top: -8px}
.site-header{
	position: relative;
	width: 100%;
	z-index: 3;
}
.main-title {
  margin: 0;
  font-size: 25px;
  line-height: 1.2em;
  word-wrap: break-word;
  font-weight: 700;
  text-transform: none
}
.site-description{
    margin: 0 auto;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    font-size: 1.2rem;
    width: 90%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
    color: #000;
	z-index: -1;
}
.site-logo{
    width: 85px;
    padding: 20px 0;
}
@media screen and (max-width: 1239px){
    .site-logo{width: 75px;padding: 10px 0;}
    .single-content{display: block;}
}
@media screen and (max-width:590px) {
  .main-navigation a {font-size: 1.4rem;}
}
@media screen and (max-width: 320px){
	.site-logo{max-width: 240px;}
}
.site-logo a {display: block}
.site-header .header-image{
    vertical-align: middle;
    -webkit-filter: drop-shadow(0px 1px 2px rgba(255, 255, 255, 1));
    filter: drop-shadow(0px 1px 2px rgba(255, 255, 255, 1));
}
.inside-header{
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    max-width: 94% !important;
    margin: 0 auto;
}
.nav-float-right #site-navigation{
    margin-left: auto;
    margin-right: 0;
}																																																																																																																																		
.sticky {display: block}
.entry-header .gp-icon, .posted-on .updated {display: none}
.entry-header .cat-links, .entry-header .comments-link, .entry-header .tags-links, .group-blog .byline, .single .byline {display: inline}
.byline{display: none !important;}
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {margin: 4em 0 10em;}
.page-links {
  clear: both;
  margin: 0 0 1.5em
}
.archive .format-aside .entry-header, .archive .format-status .entry-header, .archive .format-status .entry-meta, .archive .format-status .entry-title, .blog .format-aside .entry-header, .blog .format-status .entry-header, .blog .format-status .entry-meta, .blog .format-status .entry-title {display: none}
.archive .format-aside .entry-content, .archive .format-status .entry-content, .blog .format-aside .entry-content, .blog .format-status .entry-content {margin-top: 0}
.archive .format-status .entry-content p:last-child, .blog .format-status .entry-content p:last-child {margin-bottom: 0}
.entry-header, .site-content{
	word-wrap: break-word;
	position: relative;
}
.entry-header:after{
	content: '';
	height: 1px;
	width: 10%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 110%;
}
.entry-title{
    margin-bottom: 15px;
    padding: 0;
    color: #fff;
    background: transparent;
}
.entry-title a{color: #fff;}
.cp_hr {
	position: relative;
	height: 1px;
	border-width: 0;
	background-image: -webkit-linear-gradient(left, transparent 0%, #757575 50%, transparent 100%);
	background-image: linear-gradient(90deg, transparent 0%, #BDBDBD 50%, transparent 100%);
	margin: 80px 0;
}
main .cp_hr:last-child{ height: 0}
.entry-meta{
    font-size: 1.4rem;
    margin: 0 0 20px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 10px;
}
.cat-kind{
    border: .1rem solid #dddddd;
    border-radius: 15px;
    padding: .4rem 20px;
    font-size: 1.3rem;
}
.cat-kind ul{margin: 0;}
.cat-kind a{color:#fff;}
footer.entry-meta {margin-top: 100px}
.cat-links, .comments-link, .tags-links {
  display: block;
  text-align: right
}
.entry-content>p:last-child, .entry-summary>p:last-child, .page-content>p:last-child, .read-more-container, .taxonomy-description p:last-child {
  margin-bottom: 0
}
.archive-posts{margin-top: 60px;}
.archive-posts .post--info{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    padding-block: 2.5rem;
    border-bottom: 1px solid #939393;
}
.archive-posts .post--info .entry-meta{margin: 0;}
.archive-posts .post--info .entry-title{
    margin: 0;
    font-size: 1.9rem;
}
.post-archive{position: relative;}
.deco-span {
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(50%, -50%);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.deco-span::before{
    background-color: #05388f;
    width: 32px;
    height: 32px;
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    z-index: -1;
    border-radius: 100px;
}
.deco-span svg{fill: #fff;pointer-events: none;}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
  position: relative
}
.post-archive a {
    display: block;
    color: #fff;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin: 0 auto 0;
  max-width: 100%
}
.wp-caption .wp-caption-text {
  font-size: 75%;
  padding-top: 5px;
  opacity: .8
}
.wp-caption img {
  position: relative;
  vertical-align: bottom
}
.wp-block-image figcaption {
  font-size: 1.7rem;
  text-align: center
}
.wp-block-gallery, ul.blocks-gallery-grid {
  margin-left: 0
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
  background: rgba(255, 255, 255, .7);
  color: #000;
  padding: 10px;
  box-sizing: border-box
}
.gallery {margin-bottom: 1.5em}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%
}
.gallery-columns-2 .gallery-item {max-width: 50%}
.gallery-columns-3 .gallery-item {max-width: 33.33%}
.gallery-columns-4 .gallery-item {max-width: 25%}
.gallery-columns-5 .gallery-item {max-width: 20%}
.gallery-columns-6 .gallery-item {max-width: 16.66%}
.gallery-columns-7 .gallery-item {max-width: 14.28%}
.gallery-columns-8 .gallery-item {max-width: 12.5%}
.gallery-columns-9 .gallery-item {max-width: 11.11%}
.gallery-caption {display: block}
.site-main .gallery {margin-bottom: 1.5em}
.gallery-item img {vertical-align: bottom}
.gallery-icon {padding: 5px}
embed, iframe, object {max-width: 100%}
.footer-widgets .widget :last-child, .sidebar .widget :last-child {margin-bottom: 0}
.widget h3 {
    margin-bottom: 30px;
    font-size: 1.7rem;
    line-height: 1.5;
    font-weight: 500;
    text-transform: none;
    position: relative
}
.widget h3:after {
    content: '';
    background: #222;
    height: 1px;
    width: 50%;
    position: absolute;
    left: 0;
    top: 2em
}
.widget ol, .widget ul {
  margin: 0
}
.sidebar .widget:last-child {
  margin-bottom: 0
}
.widget ul {
      list-style: none
}
.widget ul li {
  line-height: 1.5;
  position: relative;
  margin-bottom: .5em;
  margin-left: 20px;
}
#right-sidebar .widget ul li::after{
    position: absolute;
    top: 1px;
    left: -18px;
    content: '・';
}
.widget a, .footer-widgets a {
	color: #e5e1e1;
  position: relative;
  display: block;
  transition: .3s
}
.widgets a::after, .footer-widgets a::after {
  position: absolute;
  bottom: -0.3em;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #337a45;
  transition: .3s;
  transform: translateX(-50%)
}
.widgets a:hover::after, .footer-widgets a:hover::after{
  width: 100%
}
#right-sidebar .widget a {
    font-size: 1.5rem;
    display: inline-block
}
.widget ul li ul {
  margin-left: 1em;
  margin-top: .5em
}
.site-content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}
head .grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100% !important;
}
.page-header {
  margin-bottom: 40px
}
.sidebar .widget {
  margin-bottom: 40px
}
.both-left .inside-right-sidebar, .both-right .inside-right-sidebar {margin-left: 10px}
.one-container.both-right .site-main, .one-container.right-sidebar .site-main {margin-right: 40px}
.one-container.both-left .site-main, .one-container.left-sidebar .site-main {margin-left: 40px}
.one-container.both-sidebars .site-main {margin: 0 40px 0 40px}
.one-container.archive .post:not(:last-child), .one-container.blog .post:not(:last-child) {padding-bottom: 40px}
.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .paging-navigation {padding: 20px 0}
.separate-containers .page-header {padding: 0}
.separate-containers .site-main { margin: 20px 0 80px 0;}
body.home .separate-containers .site-main {margin: 0;}
.separate-containers.no-sidebar .site-main {
  margin-left: 0;
  margin-right: 0
}
.separate-containers.both-right .site-main, .separate-containers.right-sidebar .site-main {margin-left: 0}
.separate-containers.both-left .site-main, .separate-containers.left-sidebar .site-main {margin-right: 0}
.separate-containers .inside-left-sidebar {
  margin-top: 20px;
  margin-bottom: 20px
}
.inside-page-header, .wp-block-group__inner-container {padding: 40px}
.widget-area .main-navigation { margin-bottom: 20px}
.one-container .site-main>:last-child, .separate-containers .site-main>:last-child {margin-bottom: 0}
.full-width-content .container.grid-container {max-width: 100%}
.full-width-content.no-sidebar.separate-containers .site-main {margin: 0}
.full-width-content.one-container .site-content, .full-width-content.separate-containers .inside-article {padding: 0}
.full-width-content .entry-content .alignwide {
  margin-left: 0;
  width: auto;
  max-width: unset
}
.contained-content.one-container .site-content, .contained-content.separate-containers .inside-article {padding: 0}
.sidebar .grid-container {
  max-width: 100%;
  width: 100%
}
.both-left .is-left-sidebar, .both-sidebars .is-left-sidebar, .left-sidebar .sidebar {order: -10}
.both-left .is-right-sidebar {order: -5}
.both-right .is-left-sidebar {order: 5}
.both-right .is-right-sidebar, .both-sidebars .is-right-sidebar {order: 10}
.inside-site-info{
    padding: 40px 0 20px 0
}
.post-image:not(:first-child) {margin-top: 2em}
.featured-image {line-height: 0}
.separate-containers .featured-image {margin-top: 20px}
.separate-containers .inside-article>.featured-image {
  margin-top: 0;
  margin-bottom: 2em
}
.one-container .inside-article>.featured-image {
  margin-top: 0;
  margin-bottom: 2em
}
.gp-icon {
  display: inline-flex;
  align-self: center
}
.gp-icon svg {
  height: 1.2em;
  width: 1.2em;
  top: .2em;
  position: relative;
  fill: currentColor
}
.close-search .icon-search svg:nth-child(1), .icon-menu-bars svg:nth-child(2), .icon-search svg:nth-child(2), .toggled .icon-menu-bars svg:nth-child(1) {
  display: none
}
.close-search .icon-search svg:nth-child(2), .toggled .icon-menu-bars svg:nth-child(2) {
  display: block
}
.entry-meta .gp-icon {
  margin-right: .6em;
  opacity: .7
}
/**/
@media screen and (min-width:1051px) {
    #menu-gnav li .dropdown{
    width: 200px;
    position: absolute;
    left: -45px;
    top: 95%;
    background: #0f2176;
    padding: 1rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    opacity: 0;
    }
    #menu-gnav li .dropdown:before{
    content: "";
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -10px;
    border-width: 10px;
    border-color: transparent;
    border-style: solid;
    border-bottom-color: #0e2177;
    z-index: 1000;
    }
}

#menu-gnav li.has-dropdown:hover .dropdown{
    pointer-events: all;
    display: block;
    z-index: 1;
    -webkit-animation: dropdown .6s cubic-bezier(.165, .84, .44, 1) 0s;
    animation: dropdown .6s cubic-bezier(.165, .84, .44, 1) 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.dropdown ul {display: block !important;}
.dropdown a{
    -webkit-transition: all .4s cubic-bezier(.165, .84, .44, 1) !important;
    transition: all .4s cubic-bezier(.165, .84, .44, 1) !important;
    -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1) !important;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1) !important;
    color: #fff !important;
    display: block;
    text-align: center;
    font-weight: 700;
    margin: 0 !important;
}
 @keyframes dropdown {
      100% { -webkit-transform: translateY(0);transform: translateY(0); opacity: 1}
}
/**/
nav.toggled .icon-arrow-left svg {transform: rotate(-90deg)}
nav.toggled .icon-arrow-right svg {transform: rotate(90deg)}
nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg {transform: rotate(180deg)}
nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg {transform: rotate(-270deg)}
nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg {transform: rotate(270deg)}
.container.grid-container  {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.menu-toggle, .mobile-bar-items, .sidebar-nav-mobile {display: none}
.menu-toggle{
    line-height: 1;
    margin: 0;
    text-transform: none;
    font-size: 2.2rem;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: -45%;
    z-index: 1000;
}
.menu-toggle .mobile-menu {display: none;}
.menu-toggle .mobile-menu:empty {display: none}
.menu-toggle:before,.toggled .menu-toggle:before{content:none;}
.has-menu-bar-items button.menu-toggle {flex-grow: 0}
nav.toggled ul .dropdown {width: 100%}
.toggled .menu-item-has-children .dropdown-menu-toggle {padding-left: 20px}
.main-navigation.toggled .main-nav {
  flex-basis: 100%;
  order: 3
}
.main-navigation.toggled .main-nav>.dropdown {display: block}
.main-navigation.toggled .main-nav li {
  width: 100%;
  border-bottom: dotted 1px #ccc
}
.main-navigation.toggled .main-nav ul .dropdown {
  transition: 0s;
  visibility: hidden
}
.main-navigation.toggled .main-nav ul ul.toggled-on {
  position: relative;
  top: 0;
  left: auto!important;
  right: auto!important;
  width: 100%;
  pointer-events: auto;
  height: auto;
  opacity: 1;
  display: block;
  visibility: visible;
  float: none
}
.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {float: right}
.mobile-menu-control-wrapper {
  display: none;
  margin-left: auto;
  align-items: center;
      margin-right: 0
}
.has-inline-mobile-toggle #site-navigation.toggled {
    margin-top: 0.3em;
    padding-bottom: 30px
}
@media screen and (min-width:1051px) {
  .main-navigation .main-nav ul > li > a::after {
    position: absolute;
    bottom: 1px;
    left: 0;
    content: '';
    width: 0;
    height: 1px;
	background-color: #9faaba;
    transition: .3s
  }
  .main-navigation .main-nav ul li a:hover::after{width: 100%}
  .single-area { width: 100%;}
  .is-right-sidebar {width: calc((100% - 70%) - 80px);}
   .triangle,.triangle .fa{display:none;}
   button.accordion-header{background: transparent;border: none;padding: 0;}
   button.accordion-header a{padding: 0;padding: 0;}
	.accordion-header .icon {display:none;}
}
@media screen and (max-width:1050px) {
    .main-navigation.toggled .main-nav ul .dropdown{display: none;}
    .triangle{
        position: absolute;
        cursor: pointer;
        right: 10%;
        top: 0px;
        font-size: 2.8rem;
        transition: all .5s ease;
    }
    #menu-gnav{
        display: block;
        position: fixed;
        top: 0;
        height: 100%;
        z-index: 100;
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 15px;
        background: #0e1668;
        color: #fff;
        left: -100%;
        padding: 60px 8%;
    }
    .has-dropdown:hover .dropdown{
    width: 95%;
    position: relative;
    left: 5%;
    top: auto;
    box-shadow: none;
    pointer-events: all;
    display: block;
    z-index: 1;
    visibility: visible;
    -webkit-animation: dropdown .6s cubic-bezier(.165, .84, .44, 1) 0s;
    animation: dropdown .6s cubic-bezier(.165, .84, .44, 1) 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
    }
    .main-navigation .main-nav ul li a{margin-left: 10px;}
    .dropdown a{text-align: left !important;}
    .has-dropdown:hover .dropdown ul{visibility: visible;}
    .mobile-menu-open #menu-gnav{transition: left 0.2s ease;left: 0px;}
    toggle_contents {display: none; padding: 5px 10px;}
    .hide-on-mobile,.h-tel {display: none!important}
    a, body, button, input, select, textarea {transition: all 0s ease-in-out}
    .inside-header {font-size: 1.1rem;flex-wrap: wrap;width: 94%;max-width: 94% !important;}
    .main-navigation a {flex-direction: column;text-shadow: none !important;}
    .has-inline-mobile-toggle .mobile-menu-control-wrapper { display: flex;flex-wrap: wrap;width: 55px;}
    .has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation {flex-basis: 100%}
    .main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder) {display: block;}
    .main-navigation ul, .gen-sidebar-nav, .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav>ul, .has-inline-    mobile-toggle #site-navigation .inside-navigation>*:not(.navigation-search):not(.main-nav) {display: none;}
  .main-navigation ul .dropdown li:last-of-type {border-bottom: none;}
  .main-navigation .main-nav ul .sub-menu li a{border-bottom: none;}
  
	.accordion {width: 100%;padding:0;}
	.accordion-header {
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: left !important;
		background: transparent;
		border: none;
		justify-content: space-between;
		align-items: center;
		display: flex;
		cursor: pointer;
  }
	.accordion-header a{margin: 0;padding: 0;}
	.accordion-header .icon {display:block;font-size: 20px;}
	.accordion-content {max-height: 0;overflow: hidden;padding-left: 15px;}
	.accordion-item.open .accordion-content {overflow: visible;visibility: visible;display: block !important;}
	.accordion-item.open .accordion-content ul{overflow: visible;visibility: visible;display: block !important;}
	.accordion-content a {
		display: block;
		padding: 10px 0;
		line-height: 40px !important;
  }
  .site-header .header-widget {
    margin-top: 1.5em;
    margin-left: auto;
    margin-right: auto;
    text-align: center
  }
  .site-content { flex-direction: column}
  .container .site-content .content-area { width: auto !important}
  .is-right-sidebar.sidebar {
    width: auto !important;
    order: initial;
    border-top: 1px solid #ccc;
    padding: 40px 0
  }
  .is-left-sidebar+.is-right-sidebar .inside-right-sidebar { margin-top: 0}
  .both-left .inside-left-sidebar, .both-left .inside-right-sidebar, .both-right .inside-left-sidebar, .both-right .inside-right-sidebar {
    margin-right: 0;
    margin-left: 0
  }
  #main {margin-left: 0;margin-right: 0}
  body:not(.no-sidebar) #main {padding: 0 0 30px;}
  body.home #main {padding: 0;margin-top: calc(100vh - 75px);}
  .entry-title {font-size: 24px}
  .alignleft, .alignright {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto
  }
  .entry-meta {font-size: inherit}
  .entry-meta a {line-height: 1.8em}
}
@media screen and (min-width:769px) and (max-width:1024px) {
  .hide-on-tablet {display: none!important}
}
@media screen and (min-width:1025px) {
  .hide-on-desktop {display: none!important}
}
@media screen and (max-width:820px) {
  .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header, .wp-block-group__inner-container{padding: 30px 0 0 0 !important}
	.entry-title {font-size: 2.2rem}
}
@media screen and (max-width:590px) {
  td{ display:block;width:100%;}
	.archive-posts{margin-top: 30px;}
	.archive-posts .post--info {display: block;padding-block: 1.5rem;}
	.archive-posts .post--info .entry-title{font-size: 1.6rem;margin: 10px 0 0;}
}

/*-パソコンにはパソコン用のスマホにはスマホ用の改行を作る-
 お問い合わせ・<br class="br-sp">ご相談-*/
@media screen and (min-width: 481px){
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 480px){
  .br-pc { display:none; }
  .br-sp { display:block; }
}
.btn,button {
    font-weight: 500;
    transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1);
    display: inline-block;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
    text-align: center !important;
    position: relative;
    overflow: hidden;
    margin: 0
}
button.search-submit {
    padding: 0.7em;
    vertical-align: inherit;
}
.btn-g{
	background: #222;
	color: #fff;
	border: 2px solid #222;
	min-width: 260px;
	margin: 0 auto;
background-image: linear-gradient(#023895, #023895);
}
.btn-g a:hover{color: #fff}
.btn-w {
    background: #fff;
    color: #1d5098;
    border: 2px solid #1d5098;
    border-radius: 30px;
    min-width: 260px;
}
.btn-w a,.btn-w:hover span{color: #1d5098 !important}
.btn a, button a {
    display: block;
    color: #fff;
    font-weight: 600;
      padding: .7em 2em;
}
.btn-arrow {
  position: relative;
  transition: background-color 300ms ease-out;
}
.btn-arrow span {
    display: inline-block;
    position: relative;
    transition: all 300ms ease-out;
    will-change: transform;
}
.btn-arrow:hover span {
    transform: translate3d(-1rem, 0, 0);
    color: #fff
}
.btn-arrow svg{
    position: absolute;
    width: 1.1em;
    right: 0px;
    right: 0rem;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 300ms ease-out;
    will-change: right, opacity;
}
.btn-arrow:hover svg {
    opacity: 1;
    right: -2rem;
}
.btn-area{
    padding: 3rem 0 0 0;
    margin: auto
}
#js-scroll-top {
    position: fixed;
    bottom: 0;
    z-index: 10;
    width: 50px;
    height: 50px;
    right: 0;
    display: none;
    border: none;
    cursor: pointer;
}
.generate-back-to-top{
    position: fixed;
    bottom: 0;
    right: 0;
    line-height: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    z-index: 10;
    transition: opacity 300ms ease-in-out;
}
a.generate-back-to-top {
  background-color: rgba( 0, 0, 0, 0.4);
  color: #ffffff;
}
a.generate-back-to-top:hover, a.generate-back-to-top:focus {
  background-color: rgba( 0, 0, 0, 0.6);
  color: #ffffff;
}
a.generate-back-to-top:before{
    content: '';
    width: 10px;
    height: 10px;
    border: 0;
    border-top: solid 2px rgba(255, 255, 255, 1);
    border-right: solid 2px rgba(255, 255, 255, 1);
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    left: 45%;
    bottom: 0;
    margin: auto;
}

/*breadcrumb_______________*/
#breadcrumb{
    position: relative;
    z-index: 1;
    font-size: 1.35rem;
    width: 94%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 10px 0 20px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
#breadcrumb ul {list-style: none;margin:0;color: #fff;}
#breadcrumb li { position: relative;float: left}
#breadcrumb li:before {content: "/";margin: 0 0.5em}
#breadcrumb li:before {content: "/";margin: 0 0.5em}
#breadcrumb li:first-of-type:before {content: none;margin: 0}
#breadcrumb li:nth-of-type(4n) {display: none}
#breadcrumb li:nth-of-type(4n):before {content: none;margin: 0}
/*pagination__________*/
.paging-navigation{text-align: center;}
.paging-navigation .nav-links{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 30px 0;
  flex-wrap: wrap;
}
.page-numbers, .page-links a, .nav-previous a, .nav-next a {
    padding: 10px 15px;
    margin: 0 2px 0 0;
    line-height: 1;
    text-decoration: none;
    border-radius: 2px;
    font-weight: 600;
    font-size: 1.4rem;
	color:#fff;
}
.page-numbers.current, a.page-numbers:hover, .page-links a:hover {
   border: 1px solid #666;
}
.navigation.pagination {text-align: center}
/*footer__________*/
#footer{
	position: relative;
	overflow: hidden;
	background-image: linear-gradient(155deg, #000000, #032562, #043a94 30%, #032562 40%, #000000, #000000);
	z-index: -1;
}
#footer--body {
  position: relative;
  overflow: hidden;
  padding-top: 120px;
  padding-bottom:20px;
    color: #fff;
}
#footer--body:before{
    content: "";
    position: absolute;
    right: 0;
    top: 65%;
    background-color: rgb(0 0 0);
    width: 100%;
    height: 100%;
    -webkit-transform: skew(0, -24deg);
    transform: skew(0, -24deg);
    z-index: -1;
}
/*f-contact__________*/
.ftr_contact{
	padding: 0;
	position: relative;
}
.ftr_contact .section-inner{
    width: 90%;
    max-width: 730px;
    text-align: center;
    padding: 0;																																																																																																																																																																																																																																																																													}																																																																																																																																																																																																																																																																											
.ftr_contact .section-inner p{
    font-weight: 600;
    line-height: 1.5;
}
.ftr_contact ul {
    list-style: none;
    line-height: 1;
    margin: 30px 0 0 0;
    padding: 35px 30px 15px;
    display: -webkit-flex;
    display: flex;
    flex-flow: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-start;
    background: #fff;
    -webkit-box-shadow: 0 0 30px rgba(14, 22, 104, .1);
    box-shadow: 0 0 30px rgba(14, 22, 104, .1);
}
.ftr_contact li{
    color: #222;
    position: relative;
    font-weight: 600;
    width: 47%;
    display: -webkit-flex;
    display: flex;
    flex-flow: column;
    -webkit-justify-content: center;
    justify-content: center;
}
.ftr_contact li h4 {
    font-size: 1.8rem;
}
.ftr_contact li.tel a{
    font-size: 32px;
    color: #222;
    padding: 0 0 10px 0;
}
.ftr_contact li img{width: 20px;margin-right: 5px;}
.ftr_contact li.web a{
    padding: 1.2em 0;
    display: block;
    width: 260px;
    background: #222;
    color: #fff;
    border: 2px solid #222;
    min-width: 260px;
    margin: 0 auto;
    background-image: linear-gradient(#023895, #023895);
}
.ftr_contact li.web a span{position: relative;}
.ftr_contact li.web a span:before{
    content: '';
    background: url(../images/ico-mail.svg) no-repeat;
    position: absolute;
    left: -30px;
    top: 5px;
    width: 20px;
    height: 12.5px;
}
.ftr_contact li a:hover {
    background: #fff;
    border: 2px solid #1d5098;
    color: #1d5098;
}
.ftr_contact li a:hover span:before{
    background: url(../images/ico-mail-on.svg) no-repeat;
}
@media screen and (min-width: 751px) {
	a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}
}
@media screen and (max-width:640px) {
  .ftr_contact {padding: 40px 0}
  .ftr_contact ul {flex-flow: column;margin: 0;padding: 10px 20px 25px;}
  .ftr_contact li {width: 100%;margin: 20px 0 0 0}
  .ftr_contact h3{font-size: 2rem;}
  .ftr_contact li h3, .ftr_contact li h3{font-size: 19px}
  .ftr_contact li.tel{border-bottom: 1px solid #ccc;}
  .ftr_contact li h4{font-size: 1.6rem;}
}
@media screen and (max-width:320px) {
  .ftr_contact li.web a {width: 240px;}
}
/*f-link__________*/
.ft-link{
    position: relative;
    max-width: 1080px;
    margin: 100px auto 100px;
}
.ft-link .section-inner{
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content:space-between;
}
.ft-link .f-company{
    width: 30%;
}
.ft-link .f-company h4{
    margin-bottom: 0.5em;
    max-width: 300px;
}
.ft-link .f-company h4 img{
    -webkit-filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 1));
    filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 1));
}
.footer-image.sp{display:none}
.ft-link .f-company .f-tel a {
    color: #fff;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 2px;
}
.ft-link .f-company .f-tel a span{
    font-weight: 400;
    font-size: 1rem;
}
.ft-link .nav{margin-right: 5%;}
.ft-link .nav ul li{
    margin-bottom: 10px;
}
.ft-link .nav ul li a{
    color: #fff;
    position: relative;
    font-size: 1.4rem;
}
.ft-link .nav ul li a::after{
	position: absolute;
	bottom: -5px;
	left: 0;
	content: '';
	width: 0;
	height: 2px;
	background-color: #959799;
	transition: .3s;
}
.ft-link .nav ul li a:hover::after {width: 100%;}
.ft-link .nav .btn-area{
	text-align: right;
	padding: 0;
}
.ft-link .nav .btn-area .btn a{
	padding: 0.5em 2em;
	font-size: 1.6rem;
}
.ft-link .f-company h2 { margin-bottom: 10px;}
.ft-link .f-company p{line-height: 1.5;margin-bottom: 0.5em;}
.ft-link .f-company p.f-tel a{
	color: #fff;
	text-decoration: none;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: .7px;
}
.ft-link .f-company p.f-tel a span{
	font-size: 1.6rem;
}
.site-footer{
    color: #fff;
    position: relative;
}
.site-info{
    text-align: center;
    font-size: 12px;
}
@media screen and (max-width:768px) {
  #footer--body{padding-top: 80px;}
  .ft-link{margin: 80px auto 40px;}
  .ft-link .section-inner {display: block;padding: 0;text-align: center;color: #fff;}
  .ft-link .f-company h4{margin: auto;max-width: 240px;}
  .footer-image.sp{display:block}
  .footer-image.pc{display:none}
  .ft-link .section-inner .flex {flex-flow: column}
  .ft-link .nav ul{display: none}
  .ft-link .f-company{width:100%}
  .ft-link .f-company p.f-tel a {color: #fff;}
  #footer--body:before{top: 60%;}
}
@media screen and (max-width:590px) {
  #footer--body{padding-top: 30px;}
}

/*home__________*/
.video-container {
  width: 100%;
  height: 100vh; /* 画面の高さ */
  overflow: hidden;
  position: relative;
}
.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 動画の比率を保ったまま領域を埋める */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.contents {
  height: 100vh;
  display: grid;
  place-items: center;
  font-size: max(22px, 3vw);
}
.home-main {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 100vh;
	width: 100vw;
}
.home-main_inner {
    position: relative;
}
.home-main_inner .photo{
    position: relative;
}
.home-main_inner .photo img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    vertical-align: bottom;
}
#hero--text{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 3;
	color: #fff;
}
#hero--text-en{
    font-weight: 900;
    line-height: 1.8;
    margin-bottom: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-pack: justify; */
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-text-shadow: 0 0 20px rgba(0 0 0 / 70%);
    text-shadow: 0 0 20px rgb(0 0 0 / 70%);
    font-size: clamp(18px, 6.5vw, 100px);
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}
#hero--text-ja{
    font-weight: 900;
    margin-bottom: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-pack: justify; */
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-text-shadow: 0 0 20px rgba(0 0 0 / 70%);
    text-shadow: 0 0 20px rgb(0 0 0 / 70%);
    font-size: clamp(16px, 3vw, 50px);
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}
.scroll-down-container {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 1;
}
.scroll-down a{
    color: #ffffff;
    font-size: 1rem;
    letter-spacing: 2px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    display: block;
    background-size: 14px auto;
    z-index: 2;
    text-decoration: none;
    transform: translate(-50%, -50%);
}
.scroll-down a:before{
    position: absolute;
    top: calc(50% - 43px);
    left: calc(50% - 8px);
    transform: rotate(-45deg);
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    border: 1px solid #ffffff;
    border-width: 0px 0 2px 2px;
}
.scroll-down a:after{
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid #ffffff;
    content: "";
    border-radius: 100%;
    top: calc(50% - 50px);
    left: calc(50% - 19px);
}
.scroll-down a span::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    box-sizing: border-box;
    box-shadow: 0 0 0 0 #000;
    opacity: 0;
    animation: circle 3s infinite;
    top: calc(50% - 49px);
    left: calc(50% - 18px);
}
@keyframes circle {
  0% { opacity: 0; }
  30% { opacity: 1; }
  60% { box-shadow: 0 0 0 40px rgba(255,255,255,.1); opacity: 0; }
  100% { opacity: 0; }
}
.site-home{margin-top: calc(100vh - 120px);}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
}
.section-inner{
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	text-align: center;
}
.section--title{
    font-weight: 900;
    color: #4182f0;
    font-size: max(1.8rem, 18px);
    line-height: 1em;
    margin-bottom: 5rem;
}
.section--title span{
    display: block;
    color: #000;
    font-size: max(8.6rem, 86px);
    line-height: .9em;
    margin-top: max(2rem, 20px);
    font-family: "Poppins", sans-serif;
}
#top-about .section--title span,
#top-work .section--title span,
.ftr_contact .section--title span{color: #fff;}
.flex {
    display: -webkit-flex;
    display: flex;
    flex-flow: wrap;
    -webkit-justify-content:space-between;
    justify-content: space-between
}
.flex.align-items{
    -webkit-align-items: center;
    align-items: center
}
.flex.reverse{
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}
/**/
.p-top-headline__bg-wrap{
    position: absolute;
    width: calc(100% - 3.2rem);
    bottom: -1rem;
    z-index: 3;
    font-size: 16rem;
    line-height: 1;
    color: rgb(36 54 89 / 55%);
    font-weight: 900;
    overflow: hidden;
    letter-spacing: .1em;
    margin-left: 1.6rem;
}
.p-top-headline__bg {
    width: 100%;
    opacity: 0;
    transform: translateY(5rem);
    transition: opacity .6s cubic-bezier(.6, .05, 0, .93) .3s, transform .6s cubic-bezier(.6, .05, 0, .93) .3s;
}
.p-top-headline__bg.is-active {
    transform: translateY(0);
    opacity: 1;
}
.p-top-headline__bg-inner{
    font-family: "Poppins", sans-serif;
	letter-spacing:.1rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content;
    animation: slide-loop 50s linear infinite;
    transition: opacity 3s cubic-bezier(.26, .06, 0, 1);
}
@keyframes slide-loop {
  0% {ransform: translate(0);}
  100% {transform: translate(-50%);}
}
/**/
.index--information{
    padding: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    max-width: 980px;
    margin: 0 auto;
    background-image: linear-gradient(90deg, rgb(34 34 34), rgb(44 44 44));
    color: #fff;
    z-index: 2;
}
.index--information .information--title {
	width: 160px;
	-ms-flex: 160px;
	-webkit-box-flex: 160px;
	flex: 160px;
	color: #c8c8c8;
	text-align: center;
	letter-spacing: 1px;
	position: relative;
}
.index--information .information--title:before {
	content: "";
	position: absolute;
	right: 10px;
	bottom: 0;
	border: 1px solid #646464;
	height: 20px;
}
.information{
    width: calc(100% - 200px);
    font-size: 1.5rem;
}
.index--information .information--title h4 {
	margin: 0;
	font-size: 1.5rem;
}
.index--information .information--body {
	overflow: hidden;
	padding: 0 10px;
}
.index--information .information--body time{
	margin-right: 20px;
	font-size: 90%;
}
.index--information .information--body a{ color:#fff;}
/**/
.top-intro{position: relative;}
.top-intro:before{
    content: '';
    position: absolute;
    top: -900px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 1);
    transform: skewY(332deg) translateY(-90px);
    z-index: 1;
}
#top-about{
    position: relative;
    padding: 140px 0 150px;
    z-index: 5;
    color: #fff;
}
#top-about .section-inner{
	max-width: 100%;
	display: flex;
	gap: 80px;
	text-align: left;
}
#top-about .section-inner .photo{
	width: 50%;
}
#top-about .section-inner .photo img{
	width: 100%;
	object-fit: cover;
}
#top-about .section-inner .text{
	width: calc((100% - 50%) - 80px);
	padding: 30px 0 0 10vw;
}
#top-about .btn-area{text-align: left;}
/**/
#top-service {
    margin-top: 100px;
    position: relative;
}
.content-inner-lg-y {
    padding: 80px 0;
}
#top-service .skew02:before{
    content: "";
    position: absolute;
    left: 0;
    top: -70%;
    width: 100%;
    height: 80%;
    -webkit-transform: skew(0, 341deg);
    transform: skew(0, 341deg);
    z-index: 1;
}
#top-service #bg02 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	background-image: url(../img/service-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
}
#top-service .container{
    position: relative;
    z-index: 4;
    width: 94%;
    max-width: 1080px;
    margin: 0 auto;
}
#top-service .container .row{justify-content: flex-end;}
#top-service .wrapper {
    background-color: #fff;
    padding: 60px;
    position: relative;
    -webkit-box-shadow: 0 0 30px rgba(14, 22, 104, .1);
    box-shadow: 0 0 30px rgba(14, 22, 104, .1);
}
.top-service-text{
	margin-left: 50%;
	text-align: justify;
}
#top-service .wrapper h3{
    font-size: 2.8rem;
    font-weight: 700;
}
/**/
#top-work{
	padding: 80px 0;
	position: relative;
    color: #fff;
}
#top-work:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 500px;
    height: 75%;
    background-color: #f0f0f1;
    z-index: -1;
    background-image: linear-gradient(#023895, #030f27);
}
#top-work .section--title{
	margin: 0 0 0 5%;
	padding-bottom: 7rem;
}
#top-work .swiper-work{
    width: 100%;
    box-sizing: border-box;
    margin-left: 25vw;
}
.tpics_ctrl{
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 61%;
    left: 5%;
    align-items: center;
    justify-content: space-between;
    width: 130px;
    z-index: 10;
}
.swiper-controller{
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 30px 0;
}
body.home .swiper-controller{
    margin: 60px 0 0;
    margin-left: 25vw;
    justify-content: flex-start;
}
.swiper-button-prev, .swiper-button-next {
    height: 50px !important;
    width: 50px !important;
    top: 0 !important;
    position: relative !important;
    margin: 0 !important;
    border: 1px solid #fff;
    border-radius: 50%;
    left: auto;
    right: auto;
}
.dli-chevron-round-right {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1em;
  transform: translateX(-25%) rotate(45deg);
}
.dli-chevron-round-right::before, .dli-chevron-round-right::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}
.dli-chevron-round-right::before {
  top: 0;
  left: 0;
  right: 0;
  height: 0.1em;
}
.dli-chevron-round-right::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.1em;
}
.dli-chevron-left{
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1;
    width: 1em;
    height: 1em;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(25%) rotate(-135deg);
}
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}
.swiper-slide .photo {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 → 9 ÷ 16 × 100 */
  overflow: hidden;
}
.swiper-slide .photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#top-work .btn-area{
    padding: 6rem 0 0 0;
    text-align: center;
}
/**/
#top-recruit{
    position: relative;
    padding: 100px 0 0;
    overflow: hidden;
}
#top-recruit #bg03 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/service-bg.jpeg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 2;
}
#top-recruit .skew02:before {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transform: skew(0, -24deg);
    transform: skew(0, -24deg);
    z-index: 3;
}
#top-recruit .container{
    position: relative;
    z-index: 4;
    width: 94%;
    max-width: 1080px;
    margin: 0 auto;
}
#top-recruit .wrapper {
    background-color: #fff;
    padding: 60px;
    position: relative;
    -webkit-box-shadow: 0 0 30px rgba(14, 22, 104, .1);
    box-shadow: 0 0 30px rgba(14, 22, 104, .1);
}
#top-recruit .top-service-text{
    margin-left: 0;
    margin-right: 50%;
    text-align: justify;
}
/*test*/
.index__recruit {
    margin-top: 20rem;
    position: relative;
    z-index: 11;
transform: translate(0);
        will-change: transform;
}
index__recruit__contents {
    background-color: #fff;
    color: #000;
    height: 300lvh;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.index__recruit__viewport {
    height: 100lvh;
    position: relative;
    width: 100%;
}
.index__recruit__visual {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.index__recruit__visual__img {
    height: 36rem;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 36rem;
}
.index__recruit__visual__img2{
    margin-left: -40vw;
    margin-top: -45vh;
    transform: translate(calc(-50% + -5rem * var(--progress)), calc(-50% + -5rem * var(--progress)));
}
.index__recruit__visual__img2 img {
    left: auto;
    right: 0;
    transform: translate(calc(2.5rem * var(--progress)), calc(2.5rem * var(--progress)));
    width: calc(100% + 5rem);
}
.index__recruit__visual__img3{
    margin-left: -45vw;
    margin-top: 0;
    transform: translate(calc(-50% + -5rem * var(--progress)), calc(-50% + 5rem * var(--progress)));
}
.index__recruit__visual__img3 img {
    left: auto;
    right: 0;
    transform: translate(calc(2.5rem * var(--progress)), calc(-2.5rem * var(--progress)));
    width: calc(100% + 2.5rem);
}
.index__recruit__visual__img4 {
    margin-left: 20vw;
    margin-top: -40vh;
    transform: translate(calc(-50% + 5rem * var(--progress)), calc(-50% + -5rem * var(--progress)));
}
.index__recruit__visual__img4 img {
    left: 0;
    right: auto;
    transform: translate(calc(-2.5rem * var(--progress)), calc(2.5rem * var(--progress)));
    width: calc(100% + 2.5rem);
}
.index__recruit__visual__img6{
    margin-left: 25vw;
    margin-top: 5vh;
    transform: translate(calc(-50% + 5rem * var(--progress)), calc(-50% + 5rem * var(--progress)));
}
.index__recruit__visual__img6 img {
    left: 0;
    right: auto;
    transform: translate(calc(-2.5rem * var(--progress)), calc(-2.5rem * var(--progress)));
    width: calc(100% + 5rem);
}
.index__recruit__visual__mainimg {z-index: -1;}
.index__recruit__main {
    background-color: hsla(0, 0%, 100%, .9);
    height: auto;
    left: 50%;
    min-height: 60rem;
    padding: 4rem 4rem 2.5rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    width: max(40rem, 400px);
    z-index: 1;
}
.index__recruit__main__title {
    text-align: center;
}
.index__recruit__main__lead {
    font-size: max(2.8rem, 28px);
    letter-spacing: 0;
    line-height: 1.3571428571em;
    text-align: center;
}
.index__recruit__main__text{
    margin-top: max(3rem, 30px);
    text-align: justify;
}
.index__recruit__main .btn-area{
    text-align: center;
    padding: 2rem 0 0 0;
}
.image-zoom {
    margin: 0;
    padding: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 1);
  }
.index__recruit__visual__mainimg.image-wrap {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
.index__recruit__visual__mainimg img {
    width: 10vw;
    max-width: 100vw;
    transition: transform 0.3s linear;
    transform: scale(1);
}
.index__recruit .section--title span{font-size:max(6rem, 60px)}
.zoom-in-img {
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
}
/*ホバーエフェクト*/
.zoom-in-img img {
  transform: scale(1);
  transition: .5s ease-in-out
}
.zoom-in-img:hover img {transform: scale(1.15)}

@media screen and (max-width:1240px) {
  .section-inner {width: 94%}
}
@media screen and (max-width:1080px) {
  #top-about .section-inner .text{padding: 30px 0 0 0;}
  .index__recruit__visual {height: 112%;}
  .index__recruit__visual__img{width: 25rem;height:25rem;}
  .index__recruit__visual__img2{margin-left: -48vw;}
  .index__recruit__visual__img3{margin-left: -46vw;}
  .index__recruit__visual__img4{margin-left: 22vw;}
}
@media screen and (max-width:820px) {
  #top-about{padding: 80px 0 60px;}
  #top-about .section-inner{display: block;}
  #top-about .section-inner .text{width: 100%;padding: 30px 0 60px 0;}
  #top-about .section-inner .photo{width: 100%;}
	.p-top-headline__bg-wrap{bottom: -60px;font-size: 12rem;}
  .top-service-text{margin-left: 10%;padding-top: 10%;}
  .index__recruit__visual {height: 100%;}
  .image-zoom, .index__recruit__viewport{height: 90vh;}
}
@media screen and (max-width:590px) {
	#hero--text-en{font-size: 3.2rem;justify-content: center;}
	#hero--text-ja{justify-content: center;}
	.index--information .information--title{width: 100%;flex: auto;}
	.index--information .information--title:before{right: auto;height: 1px;width: 40%;bottom: -5px;left: 50%;
    transform: translateX(-50%);}
    .index--information .information--body{width: 100%;flex: 100%;padding: 20px 0 0;}
    .index--information .information--body time{display: block;font-size: 1.4rem;}
	.section--title{font-size: max(1.6rem, 16px); margin-bottom: 2.5rem;}
    .section--title span{font-size: max(5.4rem, 54px);letter-spacing: 0;}
    .p-top-headline__bg-wrap{font-size: 10rem;}
    #top-service{padding-top: 10px;}
    #top-service .skew02:before{height: 70%;}
    #top-service .container .row{display: block;}
    #top-service .wrapper{padding: 40px 8%;}
    .top-service-text{margin:10% 8% 0}
    .top-service-text h3{font-size: 2.1rem;}
    #top-work .section--title{padding-bottom: 5rem;}
    #top-work .swiper-work{width: 90%;margin: 0 auto;}
	body.home .swiper-controller{justify-content: center;margin: 40px 0 0;}
    .tpics_ctrl{top: 70%;left: 50%;transform: translateX(-50%) !important;}
    .swiper-button-prev, .swiper-button-next{height: 40px !important;width: 40px !important;}
	#top-work{padding: 80px 0 30px;}
    #top-work:before{width: 90vw;height: 77%;}
    .image-zoom, .index__recruit__viewport{height: 110vh;}
    .index__recruit__main{width: 85%;}
    .index__recruit__main__lead{font-size: max(2.2rem, 22px);}
    .index__recruit__visual__img2, .index__recruit__visual__img3{margin-left: -52vw;}
    .index__recruit__visual__img2{margin-top: -50vh;}
	.index__recruit__visual__img6{margin-top: 15vh;}
    .index__recruit .section--title span{font-size: max(4rem, 40px);}
    .index__recruit__visual__mainimg img{height: 10vh; max-height: 100vh;width: auto;object-fit: cover;}
}
/*page共通_________________*/
#page{
    position: relative;
    z-index: 10;
    overflow:hidden;
}
body.home .site-page{
  opacity: 0;
  transform: translateY(40px);
  position: relative;
  z-index: 1;
}
.black-overlay {
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at center, rgba(0,0,0,0.9) 0%, rgba(0,0,0,1) 100%);
  opacity: 0;
  pointer-events: none;
  z-index: 10;
}
.page-content{
    width: 94%;
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 100px;
}
.page-head{
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	height: 550px;
	width: 100%;
}
.page-head:before {
    content: "";
    position: absolute;
    right: 70%;
    top: 0;
    width: 200%;
    height: 100%;
    z-index: 1;
    background: rgba(14, 22, 104, .5);
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: skew(-55deg, 0);
    transform: skew(-55deg, 0);
}
.page-head:after {
    content: "";
    position: absolute;
    right: 70%;
    top: 0;
    width: 200%;
    height: 100%;
    z-index: 1;
    background: rgba(30, 72, 157, .5);
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: skew(60deg, 0);
    transform: skew(60deg, 0);
}
.page-head-inner{
	position: relative;
	width: 94%;
	max-width: 1400px;
	margin: 0 auto;
	padding-top: 300px;
	z-index: 4;
}
/* === タイトルのfadeup === */
.anim.fade-up {
	opacity: 0;
	transform: translateY(60px);
	transition: opacity 0.8s ease, transform 0.8s ease;
	transition-delay: 0s;
}
body.loaded .anim.fade-up {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.6s;
}
.page-head-inner .section--title span{color: rgba(255, 255, 255, 1);}
body.loaded .p-top-headline__bg-wrap{top: 240px;}
.site.main-container{
	margin-top: 400px;
	padding-top: 30px;
	background: #000;
	color: #fff;
	position: relative;
	z-index: -1;
}
.entry-content .section--title span{color:#fff;}
.page-inner1220{
	position: relative;
	width: 94%;
	max-width: 1220px;
	margin: 0 auto;
}

@media screen and (max-width:1024px) {
  /*.page-content{padding-bottom: 60px;}*/
}
@media screen and (max-width:820px) {
  /*.page-head-title h1{font-size: 3rem}
  .headline {text-align: center}*/
}
@media screen and (max-width:590px) {
  .site-logo{width: 55px;}
	.page-content{padding-top: 30px;padding-bottom: 40px;}
  .page-head{height: 350px;}
   .page-head-inner{height: 350px;padding-top: 50%;}
	.site.main-container{margin-top: 250px;padding-top: 20px;}
	.single-content{padding: 50px 0;}
	#breadcrumb{font-size: 1.3rem;}
	body.loaded .p-top-headline__bg-wrap{top: 150px;}
	.cp_hr{margin: 40px 0;}
	td:first-of-type{width:50%}
}
/*
Company
________________________________________*/
.sec-company{
	margin-bottom: 80px;
}
.sec-body{padding-left:25rem}
.google-map iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
@media screen and (max-width:1024px) {
  .sec-body{padding-left:0}
}

/*
works
________________________________________*/
.work-content{
    width: 94%;
    max-width: 1400px;
    margin: 0 auto;
}
.sec-works-area{margin: 60px 0 120px;}
.sec-works-area .section-inner{
    display: flex;
    flex-flow: wrap;
    gap: 30px;
	width: 100%;
    max-width: 100%;
    margin-top: 30px;
}
.sec-works-area .gallery_ichiran{margin-bottom: 60px;}
.sec-works-area .section-inner .work-item {
	text-align: left;
	width: calc((100% - 60px) / 3);
	position: relative;
	transition: .3s ease-in-out;
}
.sec-works-area .section-inner .work-item img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.work-link-ttl{
    margin: 15px 0;
    color: #fff;
}
.work-link-ttl h3{font-size: 1.9rem;}
.work-kind{
    display: inline-block;
    border: 1px solid #eee;
    font-size: 1.4rem;
    line-height: 1;
    padding: .4rem 1.5rem;
    margin-bottom: 10px;
}
body.single-work .swiper{
    width: 850px;
    margin: 0 auto;
}
body.single-work .swiper .swiper-slide {
	height: auto;
}
body.single-work .swiper .swiper-slide img {
	height: 100%;
}
.slider-thumbnail .swiper-slide{
    opacity: .5;
    transition: opacity .5s;
    width: calc(100% / 4) !important;
    height: auto;
}
.slider-thumbnail .swiper-slide img{
    height: 100%;
    object-fit: cover;
    max-height: 140px;
}
.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.taxonomy__list{
    margin: 140px 0;
    border-top: 1px solid #ccc;
    padding: 40px 0 0;
}
.infinite-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.infinite-slider .swiper-slide{
    height: 100%;
    width:360px !important;
}
.infinite-slider .swiper-slide .photo{
    height: 260px;
    width: 360px !important;
    position: relative;
}
.infinite-slider .photo-item:hover::after{
    content: none;
}
.infinite-slider .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.head-line h2.title.work{font-size: 3.4rem;}
.work-spec{
    max-width: 850px;
    margin: 0 auto;
}
.single-work .btn-area{text-align: center;}
.work-detail-nav {
    max-width: 850px;
    margin: 40px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.work-detail-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c3c4c7;
    color: #fff;
    text-decoration: none;
  transition: all 0.3s ease;
}
.work-detail-nav .nav-prev a,
.work-detail-nav .nav-nexts a {
  width: 80px;
  height: 70px;
  font-size: 2.4rem;
}
.work-detail-nav .nav-archive{padding:0;}
.work-detail-nav .nav-archive a {
    width: 400px;
    height: 70px;
    font-size: 1.6rem;
}
.nav-prev a:hover {
  transform: translateX(-6px);
}
.nav-nexts a:hover {
  transform: translateX(6px);
}

@media screen and (max-width:820px) {
	.sec-works-area .section-inner .work-item{width: calc((100% - 30px) / 2);}
	.sec-works-area{margin: 0 0 60px;}
	body.single-work .swiper{width:100%;}
	.work-link-ttl h3{font-size:1.8rem;}
}
@media screen and (max-width:590px) {
	.sec-work h2, .sec-works-area h2{font-size: 2.4rem;}
	.work-detail-nav .nav-archive a{width: auto;}
	.sec-works-area .section-inner .work-item{width: 100%;}
	.head-line h2.title.work{font-size: 2.2rem;}
}

/*
service
________________________________________*/
body.service .page-content{
    width: 100%;
    max-width: 100%;
	padding-top: 0;
}
.service-main{
    min-height: 500px !important;
    margin-bottom: 80px;
}
.service--title{
    font-size: 5rem;
    font-weight: 800;
    text-align: center;
}
.service-item{}
.service-item .text h2{
    font-size: 4rem;
    font-weight: 600;
    padding-left: 60px;
}
.service-item .text p{
    padding: 0 12vw 0 60px;
    text-align: justify;
}
.service-item.reverse{flex-flow: row-reverse;}
.service-item.reverse h2, .service-item.reverse p{padding: 0 60px 0 12vw;}

/*
benefits
________________________________________*/
.sec-benefits .wp-block-group__inner-container{padding: 0 0 80px;}
.sec-benefits .wp-block-columns{gap: 120px;}
.sec-benefits .photo{flex-basis: 40% !important;}
.sec-benefits .text{flex-basis: calc((100% - 40%) - 120px) !important;}
.sec-benefits .service-item .text h2{padding-left: 0;}
.sec-benefits .service-item .text p{padding: 0;}
.welfare-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.welfare-item img{
    width: 100%;
    height: 340px;
    object-fit: cover;
    display: block;
}
.welfare-item h3 {
    font-size: 16px;
    margin-top: 10px;
}
.WELFARE-h2{
    font-size: 3.5rem;
    font-weight: 800;
}
body.benefits .service-item .text h2{font-size: 3.5rem;}
body.benefits .sec-benefits .photo img{
    max-height: 400px;
    object-fit: contain;
}
/*
recruit
________________________________________
.box-design{
    position: relative;
    margin: 2em auto 0;
    padding: 3em 1em 1em;
    border: solid 3px #1d5098;
    border-radius: 8px;
    background: #fff;
    max-width: 780px;
}
.box-design .box-title{
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 2.2rem;
    background: #FFF;
    color: #1d5098;
    font-weight: 600;
}
.box-design p{
    margin: 0; 
    padding: 0;
}
.box-design ul {
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    list-style: none;
    flex-flow: wrap;
    text-align: center;
    gap: 80px
}
.box-design li{
    position: relative;
    font-weight: 600;
    display: -webkit-flex;
    display: flex;
    flex-flow: column;
    -webkit-justify-content: center;
    justify-content: center;
}
.box-design li h4 {
    font-size: 1.8rem;
}
.box-design li.tel a{
    font-size: 32px;
    color: #222;
    padding: 0 0 10px 0;
}
.box-design li.web a {
    background: #1d5098;
    color: #fff;
    font-size: 1.6rem;
    padding: 1.2em 0;
    display: block;
    width: 260px;
    margin: 0 auto;
    border-radius: 30px;
}
.box-design li img {
    width: 20px;
    margin-right: 5px;
}
@media screen and (max-width:1023px) {
  .sec-works-area .section-inner .photo-item{width: calc((100% - 30px) / 2);}
}
*/
/*
問い合わせ
________________________________________*/
.inner_tel{
    width: 94%;
    max-width: 880px;
    background: #ffffff;
    padding: 30px 5%;
    border-radius: 20px;
    box-shadow: 2px 3px 3px #1e5199;
    text-align: center;
    font-weight: 600;
}
.inner_tel ul{
    margin: 0;
    display: flex;
    justify-content: space-around;
    color: #222;
}
.inner_tel a{color: #222222;}
.inner_tel h4{margin-bottom: 10px;}
.inner_tel img{
    width: 30px;
    margin-right: 8px;
}
.inner_tel .txt {
    padding: 0;
    position: relative;
    font-size: 4rem;
    font-weight: 600;
}
.inner_tel p{margin: 0}
.cont--title{
    font-size: 3.6rem;
    font-weight: 700;
    margin-bottom: 60px;
}
.tb_contact{}
.tb_contact th{
    width: 25%;
    text-align: left;
}
.tb_contact td:first-of-type{width: auto;}
.requiredIcon {
    background-color: #C00;
    padding: 3px 5px;
    margin-right: 5px;
    font-size: 11px;
    color: #FFF;
    border-radius: 4px;
    box-shadow: 0px 0px 5px #CCC;
}
.optionalIcon{
    background-color: #666;
    padding: 3px 5px;
    margin-right: 5px;
    font-size: 11px;
    color: #FFF;
    border-radius: 4px;
    box-shadow: 0px 0px 5px #CCC;
}
.tb_contact td p{margin:0}
.kiyakubox-area {
    margin: 30px 0 0 0;
}
.kiyakubox-area h4 {
    margin: 0 0 10px 0;
}
.kiyakubox{
    height: 18em;
    overflow: scroll;
    border: #999999 1px solid;
    margin-bottom: 20px;
    padding: 1em 1.5em;
    font-size: 14px;
    text-align: left;
}
.kiyakubox dt, .kiyakubox dd {
    margin: 0 0 10px 0;
    font-weight: 600;
}
.kiyakubox dt{font-size: 16px;}
.formy_btn{
    margin-top: 60px;
    text-align: center;
    display: flex;
    justify-content: center;
}
.formy_btn li{
    margin: 0 2%;
}
.mw_wp_form_preview .tb_form{
    box-shadow: 2px 2px 5px #777;
    background: whitesmoke;
}

.more-button {
    text-align: center;
    margin-top: 30px
}
[data-class="wpcf7cf_group"]{margin-left: 5rem;}
input[type=checkbox] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
margin-right:0.5em;
}
#wpcf7cpcnf th p, #wpcf7cpcnf td p{margin:0;}
#wpcf7cpcnf th{width:25%;}

@media screen and (max-width:800px) {
  .inner_tel {width: 100%}
}
@media screen and (max-width:767px) {
  .inner_tel ul {flex-flow: column;gap: 20px;}
  .inner_tel ul .tel{border-bottom: 1px solid #ccc;padding-bottom: 20px;}
}
@media screen and (max-width:590px) {
  .inner_tel{padding: 20px;text-align: center;}
	.cont--title{font-size: 2.4rem;text-align: center;}
	.inner_tel h4{margin-bottom:0}
	.inner_tel img{width: 25px;}
	.inner_tel .txt{font-size: 3rem;}
	.tb_contact th,.tb_contact td{display:block;width:100%}
  input[type=text], textarea, input[type="email"] {max-width: 310px}
  .tb_contact td{display:block;width:100% !important}
	.sec-contact{margin: 30px 0 80px;padding: 40px 0;}
	input[type=email], input[type=tel], input[type=text], input[type=url], select, textarea{padding: 10px;}
	[data-class="wpcf7cf_group"]{display: block;margin-left: 2rem;}
	#wpcf7cpcnf th, #wpcf7cpcnf td{display:block; width:100%}
}

/*
service
________________________________________
body.service .page-content{
    width: 100%;
    max-width: 100%;
}
.service-intro{
    max-width: 1220px;
    margin: 0 auto 100px;
}
.service-intro .text-box{
    color: #222;
    background: rgb(255 255 255 / 87%);
    margin: 5% 2% 3% 45% !important;
    padding: 1.25em 5em !important;
}
.service-intro .text-box h2{
    color: rgb(29 80 152 / 66%);
    font-size: 2.2rem;
    font-weight: 900;
}
.service-intro .text-box h3{
    font-size: 2.6rem;
    font-weight: 800;
}
.service-2block{
    margin: 0 auto;
    padding: 40px 0 60px 0;
    gap: 80px;
}
.service-2block .photo{
    width: 100%;
}
.service-2block .photo img{
    border-radius: 0 40px 40px 0;
    height: 500px;
    width: 100%;
    object-fit: cover;
}
.service-2block.reverse .photo img{
    border-radius: 40px 0 0 40px;
    height: 500px;
    width: 100%;
    object-fit: cover;
}
.service-2block .text {
    width: calc((100% - 50%) - 80px);
    padding: 30px 10vw 0 0;
}
.service-2block.reverse .text {
    width: calc((100% - 50%) - 80px);
    padding: 30px 0 0 10vw;
}
.service-2block .text h2 {
    font-size: 3rem;
    font-weight: 800;
    color: #1d5098;
}
@media screen and (max-width:590px) {
  .service-intro .text-box{margin: 5% 2% 3% 2% !important;padding: 1.25em 5% !important;}
  .service-intro .text-box h3{font-size: 2.2rem;}
  .service-intro{margin: 0 auto 60px;}
  .service-2block{padding: 40px 0 19px 0;gap: 0;}
  .service-2block .text, .service-2block.reverse .text{margin: auto;padding: 30px 5% 0 5%;width:100%;}
  .service-2block.reverse{flex-flow: column-reverse;}
  .service-2block .photo img, .service-2block.reverse .photo img{height: 360px;}
}


/**********
Margin-Top & Padding-Top
*********
	.mt00 { margin-top:  0px !important; }    .pt00 { padding-top:  0px !important; }
	.mt05 { margin-top:  5px !important; }    .pt05 { padding-top:  5px !important; }
	.mt10 { margin-top: 10px !important; }    .pt10 { padding-top: 10px !important; }
	.mt15 { margin-top: 15px !important; }    .pt15 { padding-top: 15px !important; }
	.mt20 { margin-top: 20px !important; }    .pt20 { padding-top: 20px !important; }
	.mt25 { margin-top: 25px !important; }    .pt25 { padding-top: 25px !important; }
	.mt30 { margin-top: 30px !important; }    .pt30 { padding-top: 30px !important; }
	.mt35 { margin-top: 35px !important; }    .pt35 { padding-top: 35px !important; }
	.mt40 { margin-top: 40px !important; }    .pt40 { padding-top: 40px !important; }
	.mt45 { margin-top: 45px !important; }    .pt45 { padding-top: 45px !important; }
	.mt50 { margin-top: 50px !important; }    .pt50 { padding-top: 50px !important; }
	.mt55 { margin-top: 55px !important; }    .pt55 { padding-top: 55px !important; }
	.mt60 { margin-top: 60px !important; }    .pt60 { padding-top: 60px !important; }
	.mt65 { margin-top: 65px !important; }    .pt65 { padding-top: 65px !important; }
	.mt70 { margin-top: 70px !important; }    .pt70 { padding-top: 70px !important; }
	.mt75 { margin-top: 75px !important; }    .pt75 { padding-top: 75px !important; }
	.mt80 { margin-top: 80px !important; }    .pt80 { padding-top: 80px !important; }
	.mt85 { margin-top: 85px !important; }    .pt85 { padding-top: 85px !important; }
	.mt90 { margin-top: 90px !important; }    .pt90 { padding-top: 90px !important; }
	.mt95 { margin-top: 95px !important; }    .pt95 { padding-top: 95px !important; }
	.mt100{ margin-top:100px !important; }    .pt100{ padding-top:100px !important; }
/**********
Margin-Bottom & Padding-Bottom
*********
	.mb00 { margin-bottom:  0px !important; } .pb00 { padding-bottom:  0px !important; }
	.mb05 { margin-bottom:  5px !important; } .pb05 { padding-bottom:  5px !important; }
	.mb10 { margin-bottom: 10px !important; } .pb10 { padding-bottom: 10px !important; }
	.mb15 { margin-bottom: 15px !important; } .pb15 { padding-bottom: 15px !important; }
	.mb20 { margin-bottom: 20px !important; } .pb20 { padding-bottom: 20px !important; }
	.mb25 { margin-bottom: 25px !important; } .pb25 { padding-bottom: 25px !important; }
	.mb30 { margin-bottom: 30px !important; } .pb30 { padding-bottom: 30px !important; }
	.mb35 { margin-bottom: 35px !important; } .pb35 { padding-bottom: 35px !important; }
	.mb40 { margin-bottom: 40px !important; } .pb40 { padding-bottom: 40px !important; }
	.mb45 { margin-bottom: 45px !important; } .pb45 { padding-bottom: 45px !important; }
	.mb50 { margin-bottom: 50px !important; } .pb50 { padding-bottom: 50px !important; }
	.mb55 { margin-bottom: 55px !important; } .pb55 { padding-bottom: 55px !important; }
	.mb60 { margin-bottom: 60px !important; } .pb60 { padding-bottom: 60px !important; }
	.mb65 { margin-bottom: 65px !important; } .pb65 { padding-bottom: 65px !important; }
	.mb70 { margin-bottom: 70px !important; } .pb70 { padding-bottom: 70px !important; }
	.mb75 { margin-bottom: 75px !important; } .pb75 { padding-bottom: 75px !important; }
	.mb80 { margin-bottom: 80px !important; } .pb80 { padding-bottom: 80px !important; }
	.mb85 { margin-bottom: 85px !important; } .pb85 { padding-bottom: 85px !important; }
	.mb90 { margin-bottom: 90px !important; } .pb90 { padding-bottom: 90px !important; }
	.mb95 { margin-bottom: 95px !important; } .pt95 { padding-bottom: 95px !important; }
	.mb100{ margin-bottom:100px !important; } .pb100{ padding-bottom:100px !important; }
/**********
//Margin-Left & Padding-Left
*********
	.ml00 { margin-left:  0px !important; }   .pl00 { padding-left:  0px !important; }
	.ml05 { margin-left:  5px !important; }   .pl05 { padding-left:  5px !important; }
	.ml10 { margin-left: 10px !important; }   .pl10 { padding-left: 10px !important; }
	.ml15 { margin-left: 15px !important; }   .pl15 { padding-left: 15px !important; }
	.ml20 { margin-left: 20px !important; }   .pl20 { padding-left: 20px !important; }
	.ml25 { margin-left: 25px !important; }   .pl25 { padding-left: 25px !important; }
	.ml30 { margin-left: 30px !important; }   .pl30 { padding-left: 30px !important; }
	.ml35 { margin-left: 35px !important; }   .pl35 { padding-left: 35px !important; }
	.ml40 { margin-left: 40px !important; }   .pl40 { padding-left: 40px !important; }
	.ml45 { margin-left: 45px !important; }   .pl45 { padding-left: 45px !important; }
	.ml50 { margin-left: 50px !important; }   .pl50 { padding-left: 50px !important; }
	.ml55 { margin-left: 55px !important; }   .pl55 { padding-left: 55px !important; }
	.ml60 { margin-left: 60px !important; }   .pl60 { padding-left: 60px !important; }
	.ml65 { margin-left: 65px !important; }   .pl65 { padding-left: 65px !important; }
	.ml70 { margin-left: 70px !important; }   .pl70 { padding-left: 70px !important; }
	.ml75 { margin-left: 75px !important; }   .pl75 { padding-left: 75px !important; }
	.ml80 { margin-left: 80px !important; }   .pl80 { padding-left: 80px !important; }
	.ml85 { margin-left: 85px !important; }   .pb85 { padding-left: 85px !important; }
	.ml90 { margin-left: 90px !important; }   .pl90 { padding-left: 90px !important; }
	.ml95 { margin-left: 95px !important; }   .pt95 { padding-left: 95px !important; }
	.ml100{ margin-left:100px !important; }   .pl100{ padding-left:100px !important; }
*/