body{
	font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Verdana, Geneva, Tahoma, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 1.25rem;
	letter-spacing: 0.07em;
	color: #0B2F58;
}
html {
  overflow-x: hidden;
}
img{/*image-rendering:-webkit-optimize-contrast;*/ vertical-align: middle;}
p{text-align: justify;margin:0px;letter-spacing: 0.07em;line-height: 1.8;}
a{text-decoration: none;letter-spacing: 0.07em;line-height: 1.8;}
table{border-collapse:collapse;}
ul{list-style-type: none;margin: 0;padding: 0;}
ul li{letter-spacing: 0.07em;line-height: 1.8;}
h1,h2,h3{margin:0px;letter-spacing: 0.07em;line-height: 1.8;}
table{border-spacing: 0;}
.inner{width: 90%; max-width: 1200px; margin: auto;}
.oswald{font-family: "Oswald", sans-serif;letter-spacing: 0.03em;font-weight: 600;}
.error{text-align: center;margin: 200px 0 100px;}
.w1366{display: block;}
.w1366-2{display: none;}
.w1000{display: block;}
.w1000-2{display: none;}
.w960{display: block;}
.w960-2{display: none;}
.w768{display: block;}
.w768-2{display: none;}
.w650{display: block;}
.w650-2{display: none;}
.w500{display: block;}
.w500-2{display: none;}
.w320{display: block;}
.w320-2{display: none;}

/*ページトップ*/
/*リンクを右下に固定*/
#page-top {
	position: -webkit-sticky;
    position: sticky;
    bottom: 30px;
	right: 30px;
    float: right;
	z-index: 2;
	margin-top: -50px;
}
#page-top-recruit {
	position: -webkit-sticky;
    position: sticky;
    bottom: 30px;
	right: 110px;
    float: right;
	z-index: 2;
}
#page-top a,#page-top-recruit a{
	transition:all 0.3s;
}
#page-top img{
	width: 54px;
}
#page-top-recruit img{
	width: 88px;
}
@media screen and (max-width: 1366px){
	.w1366{display: none;}
	.w1366-2{display: block;}
}
@media screen and (max-width: 1000px){
	.w1000{display: none;}
	.w1000-2{display: block;}
}
@media screen and (max-width: 960px){
	.w960{display: none;}
	.w960-2{display: block;}
}
@media screen and (max-width: 768px){
	.w768{display: none;}
	.w768-2{display: block;}
	.error{margin: 150px 0 100px;}
	#page-top img{width: 45px;}
	#page-top-recruit {right: 50px;}
	#page-top-recruit img {width: 66px;}
}
@media screen and (max-width: 650px){
	.w650{display: none;}
	.w650-2{display: block;}
}
@media screen and (max-width: 500px){
	body{font-size: 1rem;}
	.w500{display: none;}
	.w500-2{display: block;}
	#page-top{bottom: 10px;right: 10px;margin-top: -30px;}
	#page-top img{width: 40px;}
}
@media (min-width: 500px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
@media screen and (max-width: 320px){
	.w320{display: none;}
	.w320-2{display: block;}
}

/*ヘッダー***************************/
#header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 90px;
	position: fixed;
    z-index: 10;
	transition: all, 0.5s;
	top:0;
	left:0;
	background-color: rgba(255, 255, 255, 0.4); /* 背景色 */
  -webkit-backdrop-filter: blur(10px); /* ぼかしエフェクト */
  backdrop-filter: blur(10px);
}
#header-recruit{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 90px;
	position: fixed;
    z-index: 10;
	transition: all, 0.5s;
	top:0;
	left:0;
}
#header h1 img,#header-recruit h1 img{
	width: 319px;
	margin-left: 20px;
}
#header h1 a,#header-recruit h1 a{
	display: flex;
	align-items: flex-end;
}
#header-recruit h1 a p{
	font-size: 1.125rem;
	margin: 0px 0px 0px 20px;
	color: #000;
}
nav,nav ul.navbar,nav ul.navbar-recruit{
	display: flex;
	align-items: center;
}
nav ul.navbar li a,nav ul.navbar-recruit li a{
	text-decoration: none;
	display: block;
	cursor: pointer;
	padding-right: 40px;
	color: #0B2F58;
	text-align: center;
    font-weight: bold;
	font-size: 1.125rem;
}
nav ul.navbar li a span,nav ul.navbar-recruit li a span,.btn_entry span{
	display: block;
	font-size: 1rem;
	color: #707070;
	line-height: 1.1;
}
nav ul.navbar li a:hover,nav ul.navbar-recruit li a:hover{
	opacity: 0.5;
}
.btn_entry{
	background-color: #FFED00;
	width: 170px;
	height: 90px;
	color: #0B2F58;
	text-align: center;
    font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 1.125rem;
}
.btn_mail{
	background-color: #2275D1;
	width: 90px;
	height: 90px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.btn_mail img{
	width: 30px;
}
.btn_entry:hover,.btn_mail:hover{
	opacity: 0.6;
}
@media screen and (max-width: 1455px){
	#header,#header-recruit {height: 80px;}
	#header h1 img, #header-recruit h1 img {width: 250px;}
	#header-recruit h1 a p {font-size: 1rem;margin: 0px 0px 0px 10px;}
	nav ul.navbar li a, nav ul.navbar-recruit li a {padding-right: 20px;font-size: 0.875rem;}
	nav ul.navbar li a span, nav ul.navbar-recruit li a span, .btn_entry span {font-size: 0.75rem;}
	.btn_entry {height: 80px;font-size: 0.875rem;width: 140px;}
	.btn_mail {width: 80px;height: 80px;}
}
@media screen and (max-width: 1195px){
	#header,#header-recruit {height: 70px;}
	#header h1 img, #header-recruit h1 img {width: 200px;}
	#header-recruit h1 a p {font-size: 0.875rem;}
	nav ul.navbar-recruit li a {padding-right: 10px;}
	.btn_entry {height: 70px;width: 130px;}
	.btn_mail {width: 70px;height: 70px;}	
}
@media screen and (max-width: 1000px){
	#header,#header-recruit{height: 55px;}
	.btn_entry{margin-right: 55px;height: 55px;}
	.spnav {
  display: block;
  position: fixed;
  top: 0;
  left: -400px;
  bottom: 0;
  width: 400px;
  height: 100vh;
  background: #F6F5F0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  z-index: 3;
  opacity: 0;
}
.open .spnav {
  left: 0;
  opacity: 1;
}
.spnav .spinner {
  padding: 25px 5%;
}
.spnav .spinner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.spnav .spinner ul li {
  position: relative;
  margin: 0;
  border-bottom: 1px solid #333;
}
.spnav .spinner ul li a {
  display: block;
	color: #000;
  font-size: 0.875rem;
	font-weight: bold;
  padding: 1.5em 1em;
  text-decoration: none;
  transition-duration: 0.2s;
	background: url("../images/arrow-black.png") no-repeat center right/20px;
}
.spnav .spinner ul li a span{
	color: #707070;
	font-size: 0.75rem;
	margin-left: 10px;
}
.toggle_btn {
	position: fixed;
        top: 0;
        right: 0;
        width: 55px;
        height: 55px;
        transition: all .5s;
        cursor: pointer;
        z-index: 3;
        background-color: #2275D1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
.toggle_btn span {
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top: 22px;
}
.toggle_btn span:nth-child(2) {
  top: 50%;
}
.toggle_btn span:nth-child(3) {
  bottom: 20px;
}
.open .toggle_btn span {
  background-color: #fff;
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(6px) rotate(-315deg);
  transform: translateY(6px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-6px) rotate(315deg);
  transform: translateY(-6px) rotate(315deg);
}
#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 100%;*/
  height: 100vh;
  background: #000;
  opacity: .8;
  z-index: 2;
  cursor: pointer;
}
.spnav .btn_entry {margin-top: 20px;margin-right: 0;height: 70px;width: 100%;}
.spnav .btn_mail{width: 100%;text-align: center;font-size: 0.875rem;color: #fff;margin-top: 10px;}
}
@media screen and (max-width: 600px){
	#header h1 img, #header-kasou h1 img, #header-recruit h1 img {width: 140px;margin-left: 15px;}
	#header-recruit h1 a{display: flex;flex-direction: column;justify-content: center;align-items: center;}
	#header-recruit h1 a p {text-align: center;font-size: 0.625rem;}
	.btn_entry {font-size: 0.75rem;width: 110px;}
	.spnav {width: 70%;}
	.open .toggle_btn span:nth-child(1) {
        -webkit-transform: translateY(5px) rotate(-315deg);
        transform: translateY(5px) rotate(-315deg);
    }
	nav ul.navbar li a span, nav ul.navbar-recruit li a span, .btn_entry span {font-size: 0.625rem;}
	.spnav .spinner ul li a,.spnav .btn_mail{font-size: 0.75rem;}
	.spnav .spinner ul li a span{font-size: 0.625rem;}
}
@media screen and (max-width: 450px){
	.spnav .spinner ul li a span{display: block;margin-left: 0px;}
}
@media screen and (max-width: 360px){
	#header h1 img, #header-kasou h1 img, #header-recruit h1 img {width: 140px;margin-left: 10px;}
	.spnav .spinner ul li a {padding: 1.5em 1em 1.5em 0em;}
}
@media screen and (max-width: 320px){
	.btn_entry{width: 100px;font-size: 0.6875rem;}
	.spnav .spinner ul li a, .spnav .btn_mail{font-size: 0.6875rem;}
}

/*メインビジュアル***************************/
.mv{
	position: relative;
}
.mv .moyou{
	width: 100%;
    position: absolute;
    bottom: 0;
    background: url(../images/main_bg1.png) no-repeat bottom center / 100%;
    height: 500px;
}
.zoom-fade{
	width: 100%;
    height: 100vh;
	overflow: hidden; 
}
.mv .slick-slider{z-index: -1!important;}
.zoom-fade__item {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 100vh!important;
}
.add-animation {
  animation: zoom-fade 10s both;
}
@keyframes zoom-fade {

  0% {
    /*transform: scale(1.05);*/
    transform: scale(1.2);
  }

  100% {
    /*transform: scale(1);*/
    transform: scale(1);
  }

}
.mv .bg{
	animation: fadeOutCatch 1s ease 10s forwards;
	position: absolute;
	top:50%;
  left:50px;
  transform:translate(0%,-50%);
}
@keyframes fadeOutCatch{
	from{
		opacity: 1;
		visibility: visible;
	}
	to{
		opacity: 0;
		visibility: hidden;
	}
}
.mv .bg .bg-wrap {
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
.mv .bg .bg-wrap::before {
  animation: bg 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  background: linear-gradient(to right, #123B69FF 50%,#2275D1FF 100%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: left center;
}
.mv .bg .bg-wrap .inn,.mv .bg .bg-wrap .inn2{
  color: #fff;
  display: inline-block;
  font-size: 3.75rem;
  font-weight: bold;
  padding: 5px 10px 8px 20px;
  position: relative;
  z-index: 1;
	font-feature-settings: "palt";
}
.mv .bg .bg-wrap .inn{font-size: 3.75rem;letter-spacing: 0.1em;}
.mv .bg .bg-wrap .inn2{font-size: 2.5rem;letter-spacing: 0.08em;}
@keyframes bg {
  0% {
    opacity: 0;
    transform: scaleX(0) translateX(0);
  }
  30% {
    transform: scaleX(1) translateX(0);
  }
  100% {
    transform: scaleX(1) translateX(0);
  }
  30%, 100% {
    opacity: 1;
  }
}
.mv .bg .en{
	letter-spacing: 0.15em;
    font-size: 1.625rem;
	font-weight: bold;
	display: inline-block;
     background-image: linear-gradient(90deg, rgba(255, 246, 124, 1), rgba(255, 165, 0, 1) 18%, rgba(188, 91, 0, 1) 27%, rgba(255, 240, 43, 1) 34%, rgba(255, 165, 0, 1) 51%, rgba(188, 91, 0, 1) 56%, rgba(255, 231, 38, 1) 62%);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation-name: gradationTextAnimation;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
	margin-top: 20px;
}
@keyframes gradationTextAnimation{
    0% {
    background-position: 0 0;
  }
	50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
@media screen and (max-width: 1450px){
	.mv .moyou{display: none;}
}
@media screen and (max-width: 960px){
	.mv .bg .bg-wrap .inn{font-size: 3.125rem;}
	.mv .bg .bg-wrap .inn2{font-size: 1.875rem;}
	.zoom-fade{height: 70vh;}
	.zoom-fade__item {height: 70vh!important;}
	.mv .bg .en{font-size: 1.25rem;}
}
@media screen and (max-width: 768px){
	.mv .bg .bg-wrap .inn{font-size: 2.125rem;}
	.mv .bg .bg-wrap .inn2{font-size: 1.25rem;}
	.mv .bg .en {font-size: 1rem;}
	.zoom-fade{height: 60vh;}
	.zoom-fade__item {height: 60vh!important;}
	.mv .bg{left: 10px;}
}
@media screen and (max-width: 500px){
	.zoom-fade{height: 50vh;}
	.zoom-fade__item {height: 50vh!important;}
	.mv .bg .bg-wrap{margin-top: 5px;}
	.mv .bg .bg-wrap .inn, .mv .bg .bg-wrap .inn2{padding: 5px 8px 5px 10px;}
	.mv .bg .bg-wrap .inn {font-size: 1.25rem;}
	.mv .bg .bg-wrap .inn2 {font-size: 0.875rem;}
	.mv .bg .en {font-size: 0.625rem;margin-top: 10px;letter-spacing: 0.1em;}
}



/*サブビジュアル***************************/
.bg-image-clip {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 758px;
	clip-path: inset(0);
	clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
	z-index: -1
}
.bg-image-fixed {
  position: fixed;
  top: 0;
  width: 100%;
  height: 758px;
  background-size: cover;
  background-position: center;
}
.sub_about,.sub_news,.sub_works,.sub_service{
	height: 758px;
	position: relative;
}
.sub_about{background: url("../images/sub_pic_about.jpg") no-repeat center center/cover;}
.sub_news{background: url("../images/sub_pic_news.jpg") no-repeat center center/cover;}
.sub_works{background: url("../images/sub_pic_works.jpg") no-repeat center center/cover;}
.sub_service{background: url("../images/sub_pic_service.jpg") no-repeat center center/cover;}
.sub div{
	position:absolute;
	top:50%;
	left:10%;
	transform:translate(-10%,-50%);
}
.pagettl {
	display: flex;
	align-items: center;
	font-size: 2.5rem;
	color: #fff;
}
.pagettl span {
	color: #FFED00;
	font-size: 1.125rem;
	margin-right: 20px;
}
.sub img{
	position: absolute;
	top:50%;
	right: -20%;
	transform:translate(50%,-50%);
	width:auto;
	height: 73px;
}
.sub_topics{
	background-color: #F6F5F1;
	display: flex;
    align-items:flex-end;
	position: relative;
}
.topics_img{
	max-width: 1500px;
	width: 80%;
	margin: -25px 50px 0 0;
}
.sub_topics div{
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
	margin-bottom: 50px;
	margin-top: 100px;
}
.sub_topics div .topics_midashi{
	width: auto;
    height: 73px;
}
.sub_topics div h2{
	width: 93px;
	margin-top: -30px;
}
.sub_topics div h2 img{
	width: 100%;
}
.sub_topics .topics_drone{
	width: 101px;
	position: absolute;
	bottom: 0;
	left:50%;
  transform:translate(-100%,-10%);
}
@media screen and (max-width: 1676px){
	.sub_topics div{margin-bottom: 0;}
}
@media screen and (max-width: 1560px){
	.sub_topics div h2{width: 80px;}
}
@media screen and (max-width: 1366px){
	.bg-image-clip,.bg-image-fixed,.sub_about, .sub_news, .sub_works, .sub_service{height: 600px;}
}
@media screen and (max-width: 1155px){
	.topics_img{margin: -25px 20px 0 0;}
}
@media screen and (max-width: 960px){
	.bg-image-clip,.bg-image-fixed,.sub_about, .sub_news, .sub_works, .sub_service{height: 500px;}
}
@media screen and (max-width: 768px){
	.bg-image-clip,.bg-image-fixed,.sub_about, .sub_news, .sub_service{height: 400px;}
	.pagettl{font-size: 1.875rem;}
}
@media screen and (max-width: 500px){
	.bg-image-clip{clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);}
	.bg-image-clip,.bg-image-fixed,.sub_about, .sub_news, .sub_works, .sub_service{height: 300px;}
	.pagettl {font-size: 1.25rem;}
	.pagettl span{margin-right: 10px;}
	.sub img{height: 40px;}
}

/*全ページ共通***************************/
.section-body {
  position: relative;
  padding-top: 70px;
  margin-top: 758px;
  width: 100%;
}
.linkbtn{
	background: url(../images/arrow.png) no-repeat center right 20px / 8px;
    background-color: #FFED00;
    font-weight: bold;
    color: #0B2F58;
    width: 190px;
    display: block;
    border-radius: 30px;
    padding: 15px 30px 15px 30px;
}
.linkbtn:hover{
	background: url(../images/arrow.png) no-repeat center right 20px / 8px;
    background-color: #FFC502;
}
/*アニメーション要素のスタイル*/
.animation_bottom-top{
	opacity : 0;
	visibility: hidden;
	transition: 1s;
	transform: translateY(100px);
	animation-duration:1.0s;
	
}
/*アニメーション要素までスクロールした時のスタイル*/
.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
@media screen and (max-width: 1366px){
	.section-body{margin-top: 600px;}
}
@media screen and (max-width: 960px){
	.section-body{margin-top: 500px;}
}
@media screen and (max-width: 768px){
	.section-body{margin-top: 400px;}
	.linkbtn{width: 150px;}
}
@media screen and (max-width: 500px){
	.section-body{margin-top: 300px;}
	.linkbtn{width: 120px;}
}

/*トップページ***************************/
.top{
	background: url(../images/main_bg2.png) no-repeat;
	background-size: 100%;
	height: 1200px;
    /*background-size: cover;*/
    /*height: 130vh;*/
    /*margin-top: -350px;*/
	position: relative;
}
.top .main_txt{
	width: 80%;
    max-width: 1000px;
	margin: auto;
	border: 1px solid #fff;
	background: url("../images/main_txt_logo.png") no-repeat top right/202px;
	background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
	border-radius: 20px;
	padding: 80px 5%;
	position: absolute;
	top:30%;
	left:50%;
	transform:translate(-50%,-50%);;
	z-index: 1;
	box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.16);
}
.top .main_txt .ttl{
	text-align: center;
	font-weight: bold;
	font-size: 2.5rem;
	line-height: 1.6;
	margin-bottom: 30px;
}
.top .main_txt .txt_img{
	position: absolute;
	width: 305px;
	top: 15%;
    left: 10%;
}
.top .linkbtn{
	margin: 50px 0 0 auto;
}
/*マーカーアニメーション*/
.rb-marker {
    background: linear-gradient(to right, rgba(232, 245, 255, 1) 50%, transparent 50%);
    background: -moz-linear-gradient(left, rgba(232, 245, 255, 1) 50%, transparent 50%);
    background: -webkit-linear-gradient(left, rgba(232, 245, 255, 1) 50%, transparent 50%);
    background-repeat: no-repeat;
    background-size: 200% .8em; 
    background-position: 100% .7em;
    transition: all 1.3s ease-in;
}
.rb-marker.is-active {
    background-position: 0% .7em;
}
.top .moyou{
	position: absolute;
    width: 234px;
    top: 0%;
    left: -50px;
    transform: translate(-50%, 0%);
}
@media screen and (max-width: 1450px){
	.top{
	background: url(../images/main_bg.png) no-repeat center center;
        background-size: cover;
        height: 1300px;
        margin-top: -600px;
        position: relative;}
	.top .main_txt{top: 50%;}
	.custombg{padding-top: 300px;}
}
@media screen and (max-width: 1220px){
	.top .main_txt .txt_img {width: 270px;top: 10%;left: 8%;}
}
@media screen and (max-width: 960px){
	.top .main_txt {background: url(../images/main_txt_logo.png) no-repeat top right / 150px;background-color: rgba(255, 255, 255, 0.4);}
	.top .main_txt .ttl{font-size: 1.875rem;line-height: 1.4;}
	.top .main_txt .txt_img {top: 5%;left: 6%;width: 200px;}
}
@media screen and (max-width: 768px){
	.top{height: 1100px;margin-top: -550px;}
	.top .moyou{width: 150px;top: 5%;left: -40px;}
	.top .main_txt{background: url(../images/main_txt_logo.png) no-repeat top right / 120px;background-color: rgba(255, 255, 255, 0.4);}
}
@media screen and (max-width: 500px){
	.top {height: 900px;margin-top: -480px;}
	.top .main_txt .ttl{font-size: 1.25rem;}
	.top .main_txt .txt_img{width: 150px;}
	.top .main_txt {background: url(../images/main_txt_logo.png) no-repeat top right / 80px;background-color: rgba(255, 255, 255, 0.4);padding: 80px 5% 50px;}
	.top .linkbtn {margin: 30px 0 0 auto;}
	.top .moyou {width: 32%;}
}

/*トップ-事業内容*/
.top_service{
	margin-top: -400px;
	padding: 220px 0 200px;
	position: relative;
}
.top_service .inner{
	width: 80%;
    margin: 0 0 0 auto;
	max-width: none;
}
.top_service .flex{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.top_service .naiyo{
	width: 50%;
	margin-right: 5%;
}
.top_service .midashi{
	position: relative;
	margin-bottom: 40px;
}
.top_service .midashi .ttl{
	position: absolute;
    left: 0;
}
.top_service .midashi .pagettl{
	display: flex;
    align-items: center;
    font-size: 2.5rem;
    color: #0B2F58;
	position: relative;
    z-index: 1;
}
.top_service .midashi img{
	position: absolute;
    top: 50%;
    right: -10%;
    transform: translate(50%, -50%);
    width: auto;
    height: 50px;
}
.top_service .midashi .linkbtn{
	margin: 0 0 0 auto;
}
.top_service .jigyo li{
	border-bottom: 1px solid #B7B7B7;
	margin-bottom: 30px;
}
.top_service .jigyo li:nth-child(1){margin-top: 100px;}
.top_service .jigyo li:nth-child(3){margin-bottom: 0px;}
.top_service .jigyo li a{
	display: block;
	color: #0B2F58;
	background: url("../images/arrow-blue.png") no-repeat center right/44px;
	padding: 0 90px 30px 0;
}
.top_service .jigyo li a:hover{opacity: 0.6;}
.top_service .jigyo li a h3{
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.top_service .jigyo li:nth-child(1) h3::after,
.top_service .jigyo li:nth-child(2) h3::after,
.top_service .jigyo li:nth-child(3) h3::after{
	content: "";
    display: inline-block;
	width: 50%;
    height: 50px;
	vertical-align: middle;
	margin: -10px 0 0 -15px;
	position: relative;
    z-index: -1;
}
.top_service .jigyo li:nth-child(1) h3::after{background: url("../images/top_civil.png") no-repeat left center/contain;}
.top_service .jigyo li:nth-child(2) h3::after{background: url("../images/top_architectural.png") no-repeat left center/contain;}
.top_service .jigyo li:nth-child(3) h3::after{background: url("../images/top_housing.png") no-repeat left center/contain;}
.top_service .jigyo li a p{
	font-size: 1.125rem;
}
.top_service .jigyo li a p span{
	font-weight: bold;
	color: #2275D1;
	font-size: 1.5rem;
}
.slider-mask{
	overflow: hidden; 
	border-radius: 20px 0 0 20px;
	width: 45%;
}
.slider-fade{
	width: 100%;
}
.slider-fade__item img{
	width: 100%;
}
.slick-dotted.slick-slider{
	margin-bottom: 0px!important;
}
.slider-fade,
.slick-track,
.slick-slide {
	transform: translateZ(0);
	backface-visibility: hidden;
	will-change: transform;
}
.slick-dots{bottom: 10px!important;text-align: right!important;}
.slick-dots li{margin: 0!important;display: inline-table!important;}
.slick-dots li:nth-child(5){margin-right: 10px!important;}
.slick-dots li button{
	font-size: 0!important;
  width: 15px!important;
  height: 15px!important;
  background-color: #E8F5FF!important;
  border-radius: 50%!important;
  border: none!important;
  margin: 0 6px!important;
  padding: 0!important;
  position: relative!important;
}
.slick-dots li button:before{content: none!important;}
.slick-dots li.slick-active button {background-color: #2275D1!important;}
.slick-dots li.slick-active button:before{color: #2275D1!important;opacity: 1!important;}

.top_service .pengin1{
	position: absolute;
	width: 81px;
	top: 0;
    right: 5%;
}
.top_service .pengin2{
	position:absolute;
	width: 123px;
	bottom: 50px;
    left: 5%;
}
@media screen and (max-width: 1955px){
	.top_service .inner{width: 95%;}
}
@media screen and (max-width: 1955px){
	.top_service .naiyo {width: 45%;}
	.slider-mask{width: 50%;}
}
@media screen and (max-width: 1450px){
	.top_service{margin-top: -150px;}
}
@media screen and (max-width: 1366px){
	.top_service .w1366-2{width: 95%;}
}
@media screen and (max-width: 1024px){
	.top_service .inner {width: 90%;margin: auto;}
	.top_service .flex{flex-flow: column;}
	.top_service .naiyo {width: 100%;margin-right: 0;}
	.slider-mask{width: 70%; border-radius: 20px;margin: 50px auto 0;}
}
@media screen and (max-width: 960px){
	.top_service .w1366-2{width: 100%;}
	.top_service .pengin2{bottom: 10px;left: 3%;}
}
@media screen and (max-width: 768px){
	.top_service .midashi .pagettl{font-size: 1.875rem;}
	.top_service .pengin1{width: 60px;}
	.top_service .pengin2{width: 100px;}
}
@media screen and (max-width: 500px){
	.top_service {margin-top: -100px;padding: 100px 0 150px;}
	.top_service .midashi{padding-bottom: 20px;}
	.top_service .midashi .pagettl{font-size: 1.25rem;}
	.top_service .midashi img{height: 40px;}
	.top_service .linkbtn{margin-top: 30px;}
	.top_service .jigyo li:nth-child(1) {margin-top: 50px;}
	.top_service .jigyo li a{background: url(../images/arrow-blue.png) no-repeat center right / 25px;padding: 0 50px 30px 0;}
	.top_service .jigyo li a p {font-size: 1rem;}
	.top_service .jigyo li a h3{font-size: 1.25rem;}
	.top_service .jigyo li a p span{font-size: 1.125rem;}
	.top_service .pengin1 {width: 40px;}
	.top_service .pengin2 {width: 70px;}
	.slider-mask{width: 90%;}
}

/*トップ-最新情報*/
.top_news{
	background: url("../images/noise_blue.jpg") no-repeat center center/cover;
	padding: 130px 0;
	position:relative;
	z-index: 0;
}
.top_news .flex{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.top_news .midashi{
	position: relative;
	margin-bottom: 60px;
	width: 35%;
}
.top_news .midashi div{
	position: absolute;
    left: 0;
}
.top_news .midashi .pagettl{
	display: flex;
    align-items: center;
    font-size: 2.5rem;
    color: #0B2F58;
}
.top_news .midashi img{
	position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(50%, -50%);
    width: auto;
    height: 73px;
	z-index: -1;
}
.top_news .midashi .linkbtn{
	margin-top: 120px;
}
.top_news .news .item{margin-bottom: 0!important;}
.top_news .news .item li:nth-child(3){
	margin-bottom: 0;
}
.top_news .news{
	background: none;
	margin-bottom:0;
	width: 65%;
}
.top_news .moyou{
	position: absolute;
	width: 245px;
	right: 0;
	bottom: -90px;
}
@media screen and (max-width: 1790px){
	.top_news .moyou{width: 220px;bottom: -170px;}
}
@media screen and (max-width: 1000px){
	.top_news .flex{flex-flow: column;}
	.top_news .midashi{margin-bottom: 120px;width: 100%;}
	.top_news .news{width: 100%;}
	.top_news .news .item{margin-bottom: 50px!important;}
	.top_news .moyou{bottom: -100px;}
}
@media screen and (max-width: 768px){
	.top_news .midashi .pagettl{font-size: 1.875rem;}
	.top_news .moyou{width: 150px;bottom: -50px;}
}
@media screen and (max-width: 500px){
	.top_news{padding: 100px 0;}
	.top_news .midashi {margin-bottom: 70px;}
	.top_news .midashi .pagettl{font-size: 1.25rem;}
	.top_news .midashi img{height: 50px;}
	.top_news .moyou{width: 30%;}
}
















/*トップ-おおしまがじん*/
.top_topics{
	background: url("../images/top_topicsbg.jpg") no-repeat center center/cover;
	padding: 130px 0;
	padding: 0 10%;
}
.top_topics .flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}
.top_topics .ttl{
	width: 93px;
}
.top_topics .topics{
	background: none;
	width: calc(100% - 200px);
	padding-bottom: 0;
	padding-top: 200px;
}
.top_topics .topics .txtarea{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 80px;
}
.top_topics .topics .txtarea .txt{
	position: relative;
	width: calc(100% - 300px);
}
.top_topics .topics .txtarea img{
	width: 172px;
	position: absolute;
	top: -60px;
}
.top_topics .topics .pic img.arrow{
	position: absolute;
	right: 0!important;
	bottom: 0!important;
	top: auto;
    left: auto;
	width: 44px;
	height: 44px;
}
.top_topics .topics .txtarea p{
	color: #fff;
	margin-left: 90px;
}
.top_topics .top_area{
	padding: 80px 0;
	transition: all, 0.5s;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.6); 
  border-right-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.1);
	border-radius: 20px 20px 0px 0px;
}
.top_topics .top_area .point{
	display: flex;
	justify-content: center;
}
.top_topics .top_area .top_item{
	width: 22%;
	margin-right: 6%;
	color: #0B2F58;
}
.top_topics .top_area .top_item:nth-child(3){
	margin-right: 0;
}
.top_topics .top_area .top_item .pic{
	margin: 0;
}

.top_topics .top_area .top_item .day{
	margin-left:0;
	padding-left:0;
	font-size: 1rem;
}
.top_topics .top_area .top_item .ttl{
	width: 100%;
}
@media screen and (max-width: 1620px){
	.top_topics .topics{width: calc(100% - 150px);}
	.top_topics .top_area .top_item {width: 26%;}
}
@media screen and (max-width: 1220px){
	.top_topics{padding: 0 5%;}
	.top_topics .topics .pic img.arrow{right: -20px !important;bottom: -20px !important;}
}
@media screen and (max-width: 1000px){
	.top_topics .flex{flex-flow: column;padding-top: 120px;}
	.top_topics .ttl {width: 70px;}
	.top_topics .topics{width: 100%;padding-top: 50px;}
	.top_topics .topics .txtarea p{margin-left: 0px;}
	.top_topics .topics .txtarea img{top: -90px;}
}
@media screen and (max-width: 768px){
	.top_topics{background: url(../images/top_topicsbg2.jpg) no-repeat center right / cover;}
	.top_topics .flex{padding-top: 60px;}
	.top_topics .ttl {width: 50px;}
	.top_topics .top_area .top_item {width: 40%;}
	.top_topics .top_area .top_item:nth-child(3){display: none;}
	.top_topics .top_area .top_item:nth-child(2){margin-right: 0%;}
}
@media screen and (max-width: 500px){
	.top_topics .topics{padding-top: 20px;}
	.top_topics .topics .pic img.arrow{width: 25px;height: 25px;right: -10px !important;bottom: -10px !important;}
	.top_topics .topics .txtarea{margin-bottom: 30px;}
	.top_topics .topics .txtarea img {width: 100px;top: -50px;}
	.top_topics .topics .txtarea .txt{width: 100%;}
	.top_topics .top_area{padding: 50px 0;}
	.top_topics .top_area .point{margin-bottom: 50px;}
	.top_topics .top_area .top_item .day{font-size: 0.875rem;}
	.top_topics .linkbtn{margin: auto;}
}

/*トップ-採用情報*/
.top_others{
	background:
    url("../images/others_bg1.png") no-repeat top center/100%,
    url("../images/others_bg2.png") no-repeat bottom center/100%;
	padding: 350px 0 200px;
}
.top_recruit{
	width: 90%;
	max-width: 1480px;
	margin: auto;
	border-radius: 20px;
	background-image: linear-gradient(90deg, rgba(207, 240, 77, 1), rgba(40, 188, 237, 1) 65%, rgba(34, 117, 209, 1));
	box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.16);
	position: relative;
	padding: 100px 0px;
}
.top_recruit .illust{
	width: 514px;
	position: absolute;
	top: -100px;
    right: 50px;
}
.top_recruit .midashi{
	position: relative;
    margin-bottom: 80px;
}
.top_recruit .midashi div {
    position: absolute;
    left: 7%;
}
.top_recruit .midashi .pagettl {
    display: flex;
    align-items: center;
    font-size: 2.5rem;
    color: #0B2F58;
	z-index: 1;
    position: relative;
}
.top_recruit .midashi img {
    position: absolute;
    top: 30%;
    right: -40%;
    transform: translate(50%, -50%);
    width: auto;
    height: 73px;
}
.top_recruit .txt{
	width: calc( 90% - 564px );
    margin: 0px 0 0px 7%;
}
.top_recruit .txt p{
	margin-bottom: 50px;
}
.top_recruit .linkbtn{
	margin: 0 0 0 auto;
}
@media screen and (max-width: 1290px){
	.top_recruit{padding: 100px 0px 70px;}
	.top_recruit .illust {width: 450px;top: -20px;}
}
@media screen and (max-width: 1147px){
	.top_recruit {padding: 70px 0px 50px;}
	.top_recruit .midashi div{left: 5%;}
	.top_recruit .txt {width: calc(90% - 450px);margin: 0px 0 0px 5%;}
	.top_recruit .midashi img{right: -30%;height: 60px;}
	.top_recruit .illust {width: 400px;}
}
@media screen and (max-width: 960px){
	.top_others{padding: 200px 0 180px;}
	.top_recruit .txt {width: 90%;margin: 0px 5% 450px;}
	.top_recruit .illust {width: 400px;top: auto;left: 50%;transform: translate(-50%, 0%);bottom: 40px;}
}
@media screen and (max-width: 768px){
	.top_recruit .midashi .pagettl{font-size: 1.875rem;}
}
@media screen and (max-width: 500px){
	.top_others {padding: 100px 0;}
	.top_recruit {padding: 50px 0px;}
	.top_recruit .midashi{margin-bottom: 50px;}
	.top_recruit .midashi .pagettl {font-size: 1.25rem;}
	.top_recruit .midashi img {right: -40%;height: 44px;}
	.top_recruit .txt{margin: 0px 5% 290px;}
	.top_recruit .txt p{margin-bottom: 30px;}
	.top_recruit .illust {width: 260px;}
}
@media screen and (max-width: 375px){
	.top_recruit .txt{margin: 0px 5% 250px;}
	.top_recruit .illust {width: 220px;}
}

@keyframes hero-gradient-animation{0%{--c-0:hsla(205.71428571428575,92%,85%,1); --y-0:9%; --x-0:94%; --s-start-0:8%; --s-end-0:74%; --s-start-1:8%; --s-end-1:74%; --y-1:50%; --c-1:hsla(212.3684210526316,72%,58%,1); --x-1:64%; --c-2:hsla(211.54285714285717,0%,100%,1); --x-2:33%; --y-2:8%; --s-start-2:8%; --s-end-2:74%; --s-start-3:8%; --s-end-3:74%; --x-3:88%; --y-3:82%; --c-3:hsla(211.54285714285717,0%,100%,1);}100%{--c-0:hsla(205.71428571428578,92%,85%,0.67); --y-0:85%; --x-0:8%; --s-start-0:6; --s-end-0:82; --s-start-1:6; --s-end-1:82; --y-1:44%; --c-1:hsla(212.3684210526316,0%,100%,1); --x-1:62%; --c-2:hsla(211.54285714285714,0%,100%,1); --x-2:37%; --y-2:8%; --s-start-2:6; --s-end-2:82; --s-start-3:15.805673479154848%; --s-end-3:82; --x-3:95%; --y-3:91%; --c-3:hsla(211.54285714285714,0%,100%,1);}}@property --c-0{syntax:'<color>';inherits:false;initial-value:hsla(205.71428571428575,92%,85%,1)}@property --y-0{syntax:'<percentage>';inherits:false;initial-value:9%}@property --x-0{syntax:'<percentage>';inherits:false;initial-value:94%}@property --s-start-0{syntax:'<percentage>';inherits:false;initial-value:8%}@property --s-end-0{syntax:'<percentage>';inherits:false;initial-value:74%}@property --s-start-1{syntax:'<percentage>';inherits:false;initial-value:8%}@property --s-end-1{syntax:'<percentage>';inherits:false;initial-value:74%}@property --y-1{syntax:'<percentage>';inherits:false;initial-value:50%}@property --c-1{syntax:'<color>';inherits:false;initial-value:hsla(212.3684210526316,72%,58%,1)}@property --x-1{syntax:'<percentage>';inherits:false;initial-value:64%}@property --c-2{syntax:'<color>';inherits:false;initial-value:hsla(211.54285714285717,0%,100%,1)}@property --x-2{syntax:'<percentage>';inherits:false;initial-value:33%}@property --y-2{syntax:'<percentage>';inherits:false;initial-value:8%}@property --s-start-2{syntax:'<percentage>';inherits:false;initial-value:8%}@property --s-end-2{syntax:'<percentage>';inherits:false;initial-value:74%}@property --s-start-3{syntax:'<percentage>';inherits:false;initial-value:8%}@property --s-end-3{syntax:'<percentage>';inherits:false;initial-value:74%}@property --x-3{syntax:'<percentage>';inherits:false;initial-value:88%}@property --y-3{syntax:'<percentage>';inherits:false;initial-value:82%}@property --c-3{syntax:'<color>';inherits:false;initial-value:hsla(211.54285714285717,0%,100%,1)}.custombg,.custombg2{--c-0:hsla(205.71428571428575,92%,85%,1);--y-0:9%;--x-0:94%;--y-1:50%;--c-1:hsla(212.3684210526316,72%,58%,1);--x-1:64%;--c-2:hsla(211.54285714285717,0%,100%,1);--x-2:33%;--y-2:8%;--x-3:88%;--y-3:82%;--c-3:hsla(211.54285714285717,0%,100%,1);;background-color:hsla(161,0%,100%,1);background-image:radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2),transparent var(--s-end-2));animation:hero-gradient-animation 18s ease-in-out infinite alternate;}

/*インスタ埋め込み*/
.top_instagram{
	margin-top: 150px;
}
.top_instagram .ttl img{
	display: block;
	margin: auto;
}
.top_instagram .ttl img:nth-child(1){width: 52px;position: relative;}
.top_instagram .ttl img:nth-child(2){width: 303px;margin-top: -20px;}
.pengin3{
	width: 190px;
	margin-left: 8%;
	margin-top: -120px;
}
#sb_instagram #sbi_images{
	padding:0!important;
}
@media screen and (max-width: 960px){
	.top_instagram .ttl img:nth-child(2){width: 250px;}
	.pengin3 {width: 100px;margin-left: 5%;margin-top: 0px;}
}
@media screen and (max-width: 500px){
	.top_instagram {margin-top: 100px;}
	.top_instagram .ttl img:nth-child(1) {width: 30px;}
	.top_instagram .ttl img:nth-child(2) {width: 170px;}
	.pengin3 {width: 60px;}
}





/*私たちについて***************************/
.about{
	clip-path: polygon(0 4.4%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -300px;
}
.about .message{
	background: url("../images/about_bg.jpg") no-repeat center center/cover;
	padding-top: 300px;
	padding-bottom: 100px;
}
.about .message h3{
	font-size: 1.875rem;
	position: relative;
  margin-bottom: 2.5em;
	text-align: center;
	color: #fff;
	letter-spacing: 0.1em;
}
.about .message h3::before{
	content: '';
  position: absolute;
  bottom: -35px;
  display: inline-block;
  width: 33px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
}
.about .message .copy{
	text-align: center;
}
.about .message .copy p{
	writing-mode: vertical-rl;
    display: inline-block;
	font-size: 2.25rem;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.25em;
}
.about .message .flex{
	display: flex;
	align-items:center;
	justify-content: space-between;
	width: 90%; max-width: 1088px;
	margin: 50px auto 0;
}
.about .message .flex img{
	width: 318px;
	margin-right: 50px;
}
.about .message .flex p{
	color: #fff;
}
.about .message .flex .name{
	font-size: 1rem;
	text-align: right;
    margin-top: 50px;
}
.about .message .flex .name span{
	font-size: 1.25rem;
	padding-left: 20px;
}
.about .box{
	margin: 130px auto;
}
.about .box h3{
	font-size: 1.875rem;
	letter-spacing: 0.1em;
	position: relative;
  padding-left: 20px;
	margin-bottom: 50px;
}
.about .box h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(to bottom, #2275D1 0%, #2275D1 50%, #113B69 50%, #113B69 100%);
}
.about .box_bg {
	background: url("../images/noise_blue.jpg") no-repeat center center/cover;
	padding: 130px 0;
}
.about .rinen{
	display: flex;
	justify-content: space-between;
}
.about .rinen p{
	position: relative;
    padding: 40px 4%;
    top: 0;
    border: 1px solid #C6C6C6;
    color: #2275D1;
    font-size: 1.375rem;
    font-weight: bold;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 24%;
}
.about .rinen p::before,
.about .rinen p::after {
    position: absolute;
    /*top: -3px;*/
    width: 15px;
    height: 100%;
    content: '';
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
}
.about .rinen p::before {
    border-left: solid 1px #000;
    left: -1px;
}
.about .rinen p::after {
    border-right: solid 1px #000;
    right: -1px;
}
.about table.houshin{
	width: 100%;
	margin: -20px 0 30px;
	letter-spacing: 0.07em;
    line-height: 1.8;
}
.about table.houshin th,.about table.houshin td{
	border-bottom: 1px solid #C1C1C1;
	padding: 20px 0px;
}
.about table.houshin th{
	text-align:left;
	color: #2275D1;
	font-weight: bold;
	font-size: 1.375rem;
	width: 340px;
}
.about table.gaiyo{
	width: 100%;
	margin: -25px 0 100px;
	letter-spacing: 0.07em;
    line-height: 1.8;
}
.about table.gaiyo th,.about table.gaiyo td{
	padding: 35px 0;
}
.about table.gaiyo th{
	border-bottom: 2px solid #2275D1;
	width: 177px;
}
.about table.gaiyo td{
	border-bottom: 1px solid #C1C1C1;
	padding-left: 60px;
}
.about table.gaiyo td a{
	color: #000;
	pointer-events: none;
}
.about table.enkaku{width: 100%;letter-spacing: 0.07em;line-height: 1.8;}
.about table.enkaku th,.about table.enkaku td{padding: 0px;border: none;}
.about table.enkaku th{text-align: left;width: 210px;font-weight: normal;}
.about table.enkaku th span{color: #2275D1;}
.about .map{
	width: 100%;
	height: 520px;
	margin-bottom: -130px;
}
@media screen and (max-width: 1145px){
	.about {clip-path: polygon(0 3.5%, 100% 0, 100% 100%, 0% 100%);margin-top: -270px;}
}
@media screen and (max-width: 960px){
	.about {clip-path: polygon(0 2.5%, 100% 0, 100% 100%, 0% 100%);margin-top: -220px;}
	.about .message {padding-top: 200px;}
}
@media screen and (max-width: 768px){
	.about {clip-path: polygon(0 1.6%, 100% 0, 100% 100%, 0% 100%);margin-top: -190px;}
	.about .message .flex{display: block;}
	.about .message .flex img{margin: 0 auto 30px;display: block;}
	.about .rinen{flex-flow: column;}
	.about .rinen p{width: 92%;margin-bottom: 20px;}
	.about .rinen p:last-child{margin-bottom: 0;}
	.about table.houshin th,.about table.houshin td{display: block;width: 100%;}
	.about table.houshin th{border-bottom:none;padding-bottom: 0;}
	.about table.houshin td{padding-top: 5px;}
	.about table.gaiyo th,.about table.gaiyo td{display: block;width: 100%;}
	.about table.gaiyo th{border-bottom:none;padding-bottom: 0;text-align: left;}
	.about table.gaiyo td{padding-left: 0;border-bottom: 2px solid #2275D1;padding-top: 5px;}
	.about table.enkaku td{border-bottom: none;padding-top: 0;}
}
@media screen and (max-width: 500px){
	.about {clip-path: polygon(0 0.9%, 100% 0, 100% 100%, 0% 100%);margin-top: -130px;}
	.about .message{padding-top: 120px;padding-bottom: 100px;}
	.about .message h3{font-size: 1.25rem;}
	.about .message h3::before{bottom: -25px;}
	.about .message .copy p{font-size: 1.375rem;}
	.about .message .flex img{width: 50%;}
	.about .message .flex .name span,.about .rinen p,.about table.houshin th{font-size: 1rem;}
	.about .box{margin: 100px auto;}
	.about .box h3 {font-size: 1.25rem;}
	.about .box_bg{padding: 100px 0;}
	.about .map{height: 400px;}
}

/*事業内容***************************/
.service .feature:nth-child(2){background-image: linear-gradient(#ffffff, #e8f5ff 10%);}
.service .feature:nth-child(4){background-color: #E8F5FF;margin-bottom: 180px;}
.service .flex{
	display: flex;
	align-items: flex-start;
	padding: 150px 0 80px;
}
.service .ttl{
	position: relative;
	width: 500px;
}
.service .ttl h3{
	font-size: 2.25rem;
}
.service .ttl img{
	position: absolute;
	top:-10px;
	left: 0;
	width: 349px;
}
.service .txt{
	width: calc(100% - 500px);
}
.service .txt .jigyo{
	font-size: 1.375rem;
    letter-spacing: 0.1em;
    position: relative;
    padding-left: 20px;
    margin: 60px 0 20px;
	font-weight: bold;
}
.service .txt .jigyo::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(to bottom, #2275D1 0%, #2275D1 50%, #113B69 50%, #113B69 100%);
}
.service .txt p span{
	color: #2275D1;
	font-size: 1.875rem;
	font-weight: bold;
	margin-bottom: -20px;
    display: block;
    line-height: 1.5;
}
.service .txt .mb30{
	margin-bottom: 30px;
}
.service .linkbtn{
	margin: 60px 0 0 auto;
}
.service .pic{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.service .pic img{
	width: 50%;
}
.service video{
	width: 100%;
	margin: 30px auto 0;
	display: block;
}
@media screen and (max-width: 1200px){
	.service .ttl{width: 400px;}
	.service .txt {width: calc(100% - 400px);}
}
@media screen and (max-width: 960px){
	.service .flex{flex-flow: column;padding: 100px 0 80px;}
	.service .ttl{width: 100%;}
	.service .ttl h3{margin-bottom: 20px;}
	.service .txt { width: 100%;}
}
@media screen and (max-width: 768px){
	.service .ttl h3 {font-size: 1.875rem;}
	.service .txt .jigyo {font-size: 1.125rem;}
	.service .txt p span{font-size: 1.375rem;}
}
@media screen and (max-width: 500px){
	.service .feature:nth-child(4) {margin-bottom: 100px;}
	.service .ttl img{top: -15px;width: 250px;}
	.service .ttl h3 {font-size: 1.25rem;}
	.service .txt p span {font-size: 1.125rem;}
	.service .txt .jigyo {font-size: 1rem;margin: 40px 0 20px;}
}

/*施工実績***************************/
.works{
	margin-bottom: 180px;
}
.works .flex,.works .category{
	display: flex;
	align-items: center;
	justify-content: center;
}
.works .flex p{
	font-size: 1.125rem;
	font-weight: bold;
	position: relative;
	padding-right: 100px;
	margin-right: 20px;
}
.works .flex p::after{
	position: absolute;
    top: calc(50% - 1px);
    right: 0;
    width: 40%;
    height: 1px;
    content: '';
    background: #C1C1C1;
}
.works .flex p span {
  position: relative;
  padding-right: 1em;
  background: #fff;
}
.works .category a{
	text-align: center;
	width: 130px;
    padding: 10px;
	margin-right: 10px;
}
.works .category a:nth-child(1){border: 1px solid #000;color: #000;}
.works .category a:nth-child(1):hover,.works .category a:nth-child(1).is-active{background-color: #000;color: #fff;}
.works .category a:nth-child(2){border: 1px solid #25B144;color: #25B144;}
.works .category a:nth-child(2):hover,.works .category a:nth-child(2).is-active{background-color: #25B144;color: #fff;}
.works .category a:nth-child(3){border: 1px solid #2375D2;color: #2375D2;}
.works .category a:nth-child(3):hover,.works .category a:nth-child(3).is-active{background-color: #2375D2;color: #fff;}
.works .category a:nth-child(4){border: 1px solid #AE74FA;color: #AE74FA;margin-right: 0;}
.works .category a:nth-child(4):hover,.works .category a:nth-child(4).is-active{background-color: #AE74FA;color: #fff;}

.works .wrap{
	display: flex;
    flex-wrap: wrap;
    width: 100%;
	margin-top: 100px;
}
.works .wrap .modal{
	display: block;
    text-decoration: none;
    width: 32%;
}
.works .wrap .modal:nth-child(n+4){
	margin-top: 40px;
}
.works .wrap .modal:not(:nth-child(3n+3)){
	margin-right: 2%;
}

/*ホバー*/
.works .wrap .item{
	cursor: pointer;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	position: relative;
  overflow: hidden;
}

.works .wrap .item::before,
.works .wrap .item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  opacity: 0;
}
.works .wrap .item::before {
  background-image: linear-gradient(90deg, rgba(34, 117, 209, 1), rgba(18, 59, 105, 1));
  width: 100%;
  height: 300px;
}
.works .wrap .item::after {
	content: "";
	display: inline-block;
	color: #fff;
  content: "詳しく見る";
	text-align: center;
  font-weight: bold;
  position:absolute;
  top:40%;
  left:50%;
  transform:translate(-50%,-50%);
	border: 1px solid #fff;
	padding: 10px 0px;
}
.works .wrap .item:hover::before{opacity: 0.8;}
.works .wrap .item:hover::after {opacity: 1;}

/*サムネ*/
.works .wrap .item .thumbnail{
	overflow: hidden;
    width: 100%;
    height: 300px;
	margin-bottom: 5px;
}
.works .wrap .item .thumbnail img{
	object-fit: cover;
    object-position: center;
    width: 100%;
    height: 300px;
}
.works_category{
	color: #fff;
	font-size: 0.875rem;
	padding: 5px 10px;
	padding: 3px 10px;
    display: inline-block;
}
.category-civil_construction{background-color: #25B144;}
.category-architectural_construction{background-color: #2375D2;}
.category-housing_construction{background-color: #AE74FA;}
.works .ttl{padding-top: 10px; color: #0B2F58;line-height: 1.5;text-align: left;}

/* =========================
  モーダル
========================= */
.sliderModal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 100;
}

.modal-content {
  background: #fff;
  width: 90%;
  max-width: 1000px;
  border: 5px solid #2375D2;
  box-sizing: border-box;
}

/* 閉じる */
.modal__close-label {
  background-color: #2375D2;
  color: #fff;
  width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  cursor: pointer;
  margin: -5px -5px 0 auto;
}

/* =========================
  レイアウト
========================= */
.modal-body {
  display: flex;
  gap: 30px;
  padding: 40px;
	margin-top: -50px;
}
.modal-slider {
  width: 60%;
}
.modal-text {
  width: 40%;
}
.modal-text .categoryarea{
	font-weight: bold;
	font-size: 14px;
}
.categoryarea-civil_construction{color: #25B144;}
.categoryarea-architectural_construction{color: #2375D2;}
.categoryarea-housing_construction{color: #AE74FA;}

.modal-text .sekou{
	font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #C1C1C1;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 1.3;
    margin-top: 5px;
}
.modal-text div p{
	font-size: 18px;
	margin-bottom: 10px;
}
.modal-text div p:last-child{
	margin-bottom: 0;
}
.modal-text div p span{
	font-weight: bold;
}


/* =========================
  メインスライダー
========================= */
.work_slider {
  width: 100%;
  height: 400px;
  overflow: hidden;
  margin-bottom: 10px;
}

.work_slider .slick-list,
.work_slider .slick-track,
.work_slider .slick-slide {
  height: 100%;
}

.work_slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* =========================
  サムネ
========================= */
/* サムネイルの余白 */
.work_thumbnail .slick-slide {
  padding: 0 5px;
}

/* サムネ枠 */
.work_thumbnail-img {
  height: 80px!important;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.3s ease;
}


/* サムネ画像 */
.work_thumbnail-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/*その他実績*/
.jisseki_accordion-content {
  display: none;
	position: relative;
}
.jisseki_accordion-header {
	padding: 20px 0px;
	transition: background .3s ease;
	cursor: pointer;
	position: relative;
	text-align: center;
	width: 90%;
    margin: auto;
	color: #fff;
}
.jisseki_accordion-header::before,
.jisseki_accordion-header::after{
  position:absolute;
  content:'';
  top:1px;
  right:20px;
  bottom:0;
  width:15px;
  height:2px;
  margin:auto;
  background:#fff;
}
.jisseki_accordion-header::after{
  transform:rotate(-90deg);
  transition:transform 0.3s;
}
.jisseki_accordion-header.active::after{transform:rotate(0deg);}
ul.jisseki{
	width: 70%;
    margin: auto;
    padding: 50px 10%;
}
ul.jisseki li{
	border-bottom: 1px solid #B7B7B7;
	padding-bottom: 10px;
    margin-bottom: 10px;
}
ul.jisseki li:last-child{margin-bottom: 0;}

.doboku_bg{background-color: #25B144;}
.doboku_jissekibg{background-color: #F0FDF4;}
.kenchiku_bg{background-color: #2375D2;}
.kenchiku_jissekibg{background-color: #F4F9FF;}
.zyutaku_bg{background-color: #AE74FA;}
.zyutaku_jissekibg{background-color: #F9F5FF;}
.works .navigation.pagination {
    text-align: center;
    margin: 70px auto 100px;
    border-top: 1px solid #B7B7B7;
}
.works .navigation.pagination .nav-links {
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 100%;
    gap: 8px;
    margin: 50px auto 0;
}
.works .navigation.pagination .page-numbers.current {
    background: #2275D1;
    color: #fff;
    font-weight: bold;
    opacity: 1;
}
.works .navigation.pagination .page-numbers {
    width: 45px;
    height: 45px;
    background-color: #E8F5FF;
    color: #0B2F58;
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
	font-size: 14px;
}
@media screen and (max-width: 1186px){
	.works .wrap .item::before,.works .wrap .item .thumbnail,.works .wrap .item .thumbnail img{height: 250px;}
}
@media screen and (max-width: 960px){
	.works .flex{flex-flow: column;}
	.works .flex p{margin-bottom: 70px;margin-right: 0px;padding-right: 0px;}
	.works .flex p span {padding-right: 0em;}
	.works .flex p::after{transform: rotate(90deg);right: 30%;top: 63px;}
	.works .wrap .item::before,.works .wrap .item .thumbnail,.works .wrap .item .thumbnail img{height: 200px;}
	.work_slider{height: 300px;}
}
@media screen and (max-width: 768px){
	.works .wrap .item::before,.works .wrap .item .thumbnail,.works .wrap .item .thumbnail img{height: 170px;}
	.works .wrap .item::after {top:35%;font-size: 14px;}
	.works .category{width: 90%;margin: auto; flex-wrap: wrap;}
	.works .category a{width: calc(48% - 20px);margin-right: 0px;}
	.works .category a:not(:nth-child(2n+2)) {margin-right: 2%;}
	.works .category a:nth-child(n+3) {margin-top: 2%;}
	.modal-body{flex-flow: column-reverse;}
	.modal-text {width: 100%;}
	.modal-slider{width: 80%;margin: auto;}
}
@media screen and (max-width: 500px){
	.works {margin-bottom: 100px;}
	.works .flex p,.works .category a{font-size: 1rem;}
	.works .wrap{margin-top: 70px;}
	.works .wrap .modal{width: 47.5%;}
	.works .wrap .modal:nth-child(n+3) {margin-top: 20px;}
	.works .wrap .modal:not(:nth-child(3n+3)) {margin-right: 0%;}
	.works .wrap .modal:not(:nth-child(2n+2)) {margin-right: 4%;}
	.works .wrap .item::before,.works .wrap .item .thumbnail,.works .wrap .item .thumbnail img{height: 170px;}
	.category_doboku, .category_kenchiku, .category_zyutaku{font-size: 0.75rem;}
	.modal-body{padding: 30px;}
	.modal-text .sekou{font-size: 16px;}
	.modal-text div p{font-size: 14px;}
	.modal-slider {width: 100%;}
	.work_slider{height: 200px;}
	.works_category{font-size: 0.75rem;}
	.works .ttl{font-size: 1rem;}
	.jisseki_accordion-header{width: 100%;}
	ul.jisseki{width: 80%;padding: 40px 10%;}
	ul.jisseki li{font-size: 0.75rem;}
}
@media screen and (max-width: 450px){
	.works .wrap .item::before,.works .wrap .item .thumbnail,.works .wrap .item .thumbnail img{height: 150px;}
}
@media screen and (max-width: 390px){
	.works .wrap .item::before,.works .wrap .item .thumbnail,.works .wrap .item .thumbnail img{height: 130px;}
	.works .wrap .item::after{top: 32%;font-size: 12px;}
}
@media screen and (max-width: 360px){
	.work_slider{height: 170px;}
}

/*最新情報***************************/
.news .category_flex{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 130px;
}
.news .category_flex a{
	background-color: #fff;
	border: 2px solid #2275D1;
	border-radius: 20px;
	text-align: center;
	color: #2275D1;
	width: 190px;
    padding: 15px 0px;
	margin-right: 1%;
}
.news .category_flex a:last-child{
	margin-right: 0%;
}
.news .category_flex a:hover,.news .category_flex a.is-active{
	background-color: #2275D1;
	border: 2px solid #2275D1;
	color: #fff;
}
.news .archivetitle{
	font-size: 1.125rem;
    margin-bottom: 50px;
}
.news .item{
	margin-bottom: 100px;
}
.news .item li{
	border-bottom: 1px solid #B7B7B7;
	margin-bottom: 30px;
    padding-bottom: 30px;
}
.news .item li a{
	display: block;
	color: #0B2F58;
	background: url("../images/arrow-blue.png") no-repeat center right/44px;
}
.news .item li a:hover{
	opacity: 0.6;
}
.news .item .item_flex{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.news .item .item_flex .category{
	background-color: #2275D1;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	width: 125px;
	margin-left: 20px;
}
.news .item .item_flex p{
	font-size: 1rem;
}
.news .item .ttl{
	padding-right: 100px;
}

/*ページネーション*/
.navigation.pagination {
  margin: -50px 0 180px;
  text-align: center;
}
.navigation.pagination .nav-links {
	display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  max-width: 100%;
  margin: auto;
}

/* 各ページ番号 */
.navigation.pagination .page-numbers {
  display: inline-block;
  width: 45px;
	height: 45px;
  background-color: #E8F5FF;
  color: #000;
  line-height: 1;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
	border-radius: 10px;
	font-size: 14px;
}
.navigation.pagination .page-numbers:hover {
  opacity: 0.6;
}

/* 現在ページ */
.navigation.pagination .page-numbers.current {
  background: #8DCDFF;
  color: #000;
	font-weight: bold;
	opacity: 1;
}
.navigation.pagination .page-numbers.dots {
  border: none;
  cursor: default;
}


/*詳細ページ*/
.ttl-detail{
	margin-bottom: 50px;
}
.txt-detail{
	border-bottom: 1px solid #B7B7B7;
	padding-bottom: 80px;
	margin-bottom: 50px;
}
.txt-detail img{
	width: 80%;
	margin: 30px auto;
	display: block;
}
.backbtn{
	position: absolute;
	top:50%;
  left:50%;
  transform:translate(-50%,-50%);
	width: 150px;
    text-align: center;
    color: #0B2F58;
    padding: 10px 0;
    margin: auto;
    background-color: #8DCDFF;
    display: block;
	border-radius: 10px;
	font-weight: bold;
}
/* 前へ｜一覧へ戻る｜次へ */
.post-nav-wrap {
  display: flex;
    justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin: -50px 0 180px;
	position: relative;
}

/* 前・次 */
.post-nav.prev {
  text-align: left;
}

.post-nav.next {
  text-align: right;
}

.post-nav.prev a,
.post-nav.next a {
  width: 45px;
    height: 45px;
    background-color: #E8F5FF;
    color: #0B2F58;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}
.post-nav.prev a:hover,
.post-nav.next a:hover{
	opacity: 0.6;
}
@media screen and (max-width: 500px){
	.news .category_flex{flex-flow: wrap;margin-bottom: 80px;justify-content: space-between;}
	.news .category_flex a{margin-bottom: 5px;border-radius: 10px;padding: 10px 0px;}
	.news .category_flex a:first-child{width: 100%;}
	.news .category_flex a:nth-child(n+2){width: 49%;box-sizing:border-box}
	.news .category_flex a:not(:nth-child(2n+2)){margin-right: 0%;}
	.news .archivetitle{font-size: 1rem;margin-bottom: 30px;}
	.news .item .item_flex p{font-size: 0.875rem;}
	.news .item .ttl {padding-right: 50px;}
	.news .item li a{background: url(../images/arrow-blue.png) no-repeat center right / 25px;}
	.news .item .item_flex .category{font-size: 0.75rem;width: 100px;border-radius: 5px;}
	.ttl-detail{margin-bottom: 20px;}
	.txt-detail{padding-bottom: 40px;}
	.txt-detail img{width: 100%;}
	.backbtn{width: 100px;font-size: 12px;}
	.navigation.pagination,.post-nav-wrap{margin: -50px 0 100px;}
}
@media screen and (max-width: 360px){
	.news .category_flex a{width: 90px;}
	.news .category_flex a:not(:nth-child(2n+2)) {margin-right: 0%;}
	.news .category_flex a:not(:nth-child(3n+3)) {margin-right: 1%;}
}

/*オオシまガジン***************************/
.topics{
	background: url(../images/topics_bg.jpg) no-repeat center bottom / cover;
    background-color: #F6F5F1;
    padding-bottom: 180px;
    background-size: 100% 80vh;
}
.topics .category_flex{
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: wrap;
	padding-top: 150px;
}
.topics .category_flex a{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	width: 310px;
	display: block;
	border-radius: 50px;
	background-color: #fff;
	position: relative;
	padding: 25px;
	color: #0B2F58;
	margin-bottom: 50px;
	cursor: pointer;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.topics .category_flex a:nth-child(1){border: 2px solid #000;}
.topics .category_flex a:nth-child(1):hover,.topics .category_flex a:nth-child(1).is-active{background-color: #000;color: #fff;}
.topics .category_flex a:nth-child(2){border: 2px solid #8EC23D;}
.topics .category_flex a:nth-child(2):hover,.topics .category_flex a:nth-child(2).is-active{background-color: #8EC23D;color: #fff;}
.topics .category_flex a:nth-child(3){border: 2px solid #F29B96;}
.topics .category_flex a:nth-child(3):hover,.topics .category_flex a:nth-child(3).is-active{background-color: #F29B96;color: #fff;}
.topics .category_flex a:nth-child(4){border: 2px solid #949A9E;}
.topics .category_flex a:nth-child(4):hover,.topics .category_flex a:nth-child(4).is-active{background-color: #949A9E;color: #fff;}
.topics .category_flex a:nth-child(5){border: 2px solid #F3993A;}
.topics .category_flex a:nth-child(5):hover,.topics .category_flex a:nth-child(5).is-active{background-color: #F3993A;color: #fff;}
.topics .category_flex a:nth-child(6){border: 2px solid #6C9BD2;}
.topics .category_flex a:nth-child(6):hover,.topics .category_flex a:nth-child(6).is-active{background-color: #6C9BD2;color: #fff;}
.topics .category_flex a img{
	position: absolute;
    right: -20px;
    bottom: -2px;
	width: 127px;
}
.topics .area{
	width: 90%;
	max-width: 1346px;
	display: flex;
    flex-wrap: wrap;
	margin: 200px auto 100px;
}
.topics .item {
	width: calc(31.5% - 60px);
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 20px;
    padding: 30px;
	color: #0B2F58;
}
.topics .item:not(:nth-child(3n+3)) {
  margin-right: 2%;
}
.topics .item:nth-child(n+4) {
  margin-top: 150px;
}
.topics .item:hover{
	opacity: 0.6;
}
.topics .pic{
	position: relative;
    width: 100%;
    padding-top: 100%;
    margin: -120px auto 0;
    border-radius: 50%;
    background-color: #fff;
}
.topics .pic img{
	position: absolute;
    width: 92%;
    height: 92%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
	clip-path: circle(50% at 50% 50%);
}
.topics .category{
	background-color: #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 30px;
	width: 150px;
	position: absolute;
    top: 30px;
    left: 12px;
	font-size: 1.125rem;
}
.category-construction_site{border: 2px solid #8EC23D;}
.category-women_patrol{border: 2px solid #F29B96;}
.category-kawaraban{border: 2px solid #949A9E;}
.category-sdgs{border: 2px solid #F3993A;}
.category-kokodake{border: 2px solid #6C9BD2;}
.topics .day{
	border-bottom: 2px solid #0B2F58;
	display: inline-block;
    margin-left: -30px;
    padding-left: 30px;
	margin-bottom: 20px;
	font-size: 1rem;
}

/*詳細ページ*/
.topics-detail{
	background: url(../images/topics_bg.jpg) no-repeat center bottom / cover;
    background-color: #F6F5F1;
    padding-bottom: 150px;
    background-size: 100% 80vh;
}
.topics-detail .item{
	padding-top: 100px;
}
.topics-detail .item_flex{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.topics-detail .category{
	background-color: #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 30px;
	width: 140px;
	margin-right: 20px;
	font-size: 1rem;
}
.topics-detail .txt-detail{border-bottom: 1px solid #000;}
.topics-detail .backbtn{background-color: #FFC502;}
.topics .navigation.pagination{
	text-align: center;
    width: 90%;
    max-width: 1346px;
    margin: auto;
	border-top: 1px solid #000;
}
.topics .navigation.pagination .nav-links {
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 100%;
	gap: 8px;
    margin: 50px auto 0;
}
.topics .navigation.pagination .page-numbers.current{
	background: #FFC502;
    color: #000;
    font-weight: bold;
    opacity: 1;
}
.topics .navigation.pagination .page-numbers {
    width: 45px;
    height: 45px;
    background-color: #FFFDE8;
    color: #000;
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
	font-size: 14px;
}
.topics-detail .post-nav-wrap {
  display: flex;
    justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin: 50px 0 0px;
	position: relative;
}
.topics-detail .post-nav.prev a, .topics-detail .post-nav.next a {
    width: 45px;
    height: 45px;
    background-color: #FFFDE8;
    color: #0B2F58;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}
@media screen and (max-width: 1290px){
	.topics .category_flex{padding-top: 100px;}
	.topics .category_flex a{width: 250px;margin-bottom: 30px;}
	.topics .category_flex a img{width: 110px;}
}
@media screen and (max-width: 1050px){
	.topics .category_flex a {width: 220px;padding: 20px;}
	.topics .category_flex a img{width: 90px;}
}
@media screen and (max-width: 1000px){
	.sub_topics{flex-flow: column-reverse;}
	.sub_topics div{margin: 90px auto -250px;position: relative;z-index: 1;}
	.topics_img {margin: 0 auto 0 0;width: 98%;}
	.sub_topics .topics_drone{width: 80px;transform: translate(-100%, 20%);}
}
@media screen and (max-width: 960px){
	.topics .item{padding: 20px;width: calc(31.0% - 40px);}
	.topics .day {margin-left: -20px;padding-left: 20px;}
	.topics .category {left: -20px;}
}
@media screen and (max-width: 930px){
	.topics .category_flex a{width: 40%;margin-bottom: 50px;}
	.topics .category_flex a img{width: 110px;}
}
@media screen and (max-width: 768px){
	.sub_topics div h2{width: 70px;}
	.topics .category_flex a {margin-bottom: 30px;}
	.topics .category_flex a img {width: 90px;}
	.topics .item{width: calc(48.0% - 40px);}
	.topics .item:not(:nth-child(3n+3)){margin-right: 0%;}
	.topics .item:not(:nth-child(2n+2)){margin-right: 2%;}
	.topics .item:nth-child(n+3) {margin-top: 150px;}
}
@media screen and (max-width: 638px){
	.topics .category_flex a {margin-bottom: 15px;}
	.topics .category_flex a img{right: 0px;width: 50px;}
}
@media screen and (max-width: 500px){
	.topics,.topics-detail{padding-bottom: 100px;}
	.sub_topics .topics_drone {width: 50px;}
	.sub_topics div{margin: 90px auto -150px;}
	.sub_topics div .topics_midashi{height: 40px;}
	.sub_topics div h2 {width: 50px;margin-top: -15px;}
	.topics .area {margin: 120px auto 0;padding-bottom: 80px;}
	.topics .pic{margin: -80px auto 0;}
	.topics .day{font-size: 0.875rem;}
	.topics .item{width: calc(47.5% - 40px);}
	.topics .item:nth-child(n+3) {margin-top: 80px;}
	.topics .category{top: 10px;font-size: 0.625rem;width: 84px;}
	.topics .category_flex {padding-top: 70px;}
	.topics .category_flex a{width: 37%;margin-bottom: 15px;font-size: 14px;}
	.topics .category_flex a img{width: 40px;}
	.topics-detail .item {padding-top: 60px;}
	.topics-detail .category{font-size: 0.75rem;width: 100px;margin-right: 10px;}
}
@media screen and (max-width: 390px){
	.topics .category_flex a {width: calc(48% - 40px);}
	.topics .day {margin-top: 15px;}
}
@media screen and (max-width: 360px){
	 .topics .category_flex a img {width: 30px;}
}

/*採用情報***************************/
/*メインビジュアル*/
.recruit_bg{
	background-color: #F6F5F0;
}
.recruit_mv{
	width: 100%;
	margin: auto;
	text-align: center;
	background-color: #fff;
}
.recruit_mv .recruit_mv_bg{
	background-color: #F6F5F0;
	border-radius: 0 0 200px 0;
	padding: 90px 0px 110px;
}
.recruit_mv .mv_illust{
	width: 98%;
	max-width: 1700px;
	margin: auto;
	position: relative;
}
.recruit_mv .mv_illust img{
	width: 100%;
}


/***************************/
.map_instagram,.map_workstyle,.map_service,.map_about,.map_ict,.map_news,.map_kokodake,.map_sdgs,.map_patrol,.map_kawaraban{
	position:absolute;
	z-index: 1;
	background: url("../images/pin.png") no-repeat center center/291px;
	width: 17%;
	height: 84px;
}
.map_instagram{top: calc(760% / 14.78);left: calc(325% / 14.78);}
.map_workstyle{top: calc(190% / 14.78);right: calc(500% / 14.78);}
.map_service{top: calc(320% / 14.78);left: calc(70% / 14.78);}
.map_about{top: calc(470% / 14.78);left: calc(255% / 14.78);}
.map_ict{top: calc(845% / 14.78);left: calc(150% / 14.78);}
.map_news{top: calc(90% / 14.78);left: calc(450% / 14.78);}
.map_kokodake{top: calc(805% / 14.78);left: calc(670% / 14.78);}
.map_sdgs{top: calc(805% / 14.78);left: calc(855% / 14.78);}
.map_patrol{top: calc(505% / 14.78);left: calc(955% / 14.78);}
.map_kawaraban{top: calc(720% / 14.78);left: calc(1155% / 14.78);}

.map_instagram:hover,.map_workstyle:hover,.map_service:hover,.map_about:hover,.map_ict:hover,.map_news:hover,.map_kokodake:hover,.map_sdgs:hover,.map_patrol:hover,.map_kawaraban:hover{
	width: 17%;
	height: 76px;
}
.map_instagram:hover{background: url("../images/pin_instagram.png") no-repeat center center/100%;}
.map_workstyle:hover{background: url("../images/pin_workstyle.png") no-repeat center center/100%;}
.map_service:hover{background: url("../images/pin_service.png") no-repeat center center/100%;}
.map_about:hover{background: url("../images/pin_about.png") no-repeat center center/100%;}
.map_ict:hover{background: url("../images/pin_ict.png") no-repeat center center/100%;}
.map_news:hover{background: url("../images/pin_news.png") no-repeat center center/100%;}
.map_kokodake:hover{background: url("../images/pin_kokodake.png") no-repeat center center/100%;}
.map_sdgs:hover{background: url("../images/pin_sdgs.png") no-repeat center center/100%;}
.map_patrol:hover{background: url("../images/pin_patrol.png") no-repeat center center/100%;}
.map_kawaraban:hover{background: url("../images/pin_kawaraban.png") no-repeat center center/100%;}

@media screen and (max-width: 1340px){
	.map_instagram,.map_workstyle,.map_service,.map_about,.map_ict,.map_news,.map_kokodake,.map_sdgs,.map_patrol,.map_kawaraban{
		background: url(../images/pin.png) no-repeat center center / 191px;
	}
	.map_instagram {top: calc(750% / 14.78);}
	.map_workstyle {top: calc(170% / 14.78);}
}
@media screen and (max-width: 1024px){
	.map_instagram,.map_workstyle,.map_service,.map_about,.map_ict,.map_news,.map_kokodake,.map_sdgs,.map_patrol,.map_kawaraban{
		background: url(../images/pin.png) no-repeat center center / 150px;
	}
}
@media screen and (max-width: 960px){
	.map_instagram,.map_workstyle,.map_service,.map_about,.map_ict,.map_news,.map_kokodake,.map_sdgs,.map_patrol,.map_kawaraban{height: 60px;}
	.map_instagram:hover,.map_workstyle:hover,.map_service:hover,.map_about:hover,.map_ict:hover,.map_news:hover,.map_kokodake:hover,.map_sdgs:hover,.map_patrol:hover,.map_kawaraban:hover{height: 60px;}
}
/***************************/

.recruit_mv .oswald{
	text-align: center;
	display: inline-block;
	font-size: 8vw;
	background: linear-gradient(90deg, rgba(255, 255, 31, 1), rgba(255, 146, 255, 1) 25%, rgba(40, 188, 237, 1) 50%, rgba(255, 135, 0, 1) 75%, rgba(9, 0, 255, 1));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: -300px;
	position: relative;
	z-index: 1;
}
.recruit_mv .catch{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: -30px;
}
.recruit_mv .entry_btn{
	width: 201px;
	height: 201px;
	position: absolute;
    bottom: 150px;
    right: 0;
	animation:5s linear infinite rotation;
}
.recruit_mv .entry_btn::before {
	animation: 20s 0s rotate linear infinite;
	background: url("../images/recruit_mv-btn.png") no-repeat center center/contain;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.recruit_mv .entry_btn p{
	font-family: "Oswald", sans-serif;
	font-size: 26px;
	color: #000;
	letter-spacing: 0.03em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 201px;
	position: relative;
	z-index: 1;
	font-weight: 600;
}
.recruit_mv .entry_btn p img{
	width: 23px;
	padding-top: 8px;
}
@media screen and (max-width: 1530px){
	.recruit_mv .entry_btn {width: 170px;height: 170px;bottom: 100px;}
	.recruit_mv .entry_btn p {height: 170px;}
	.recruit_mv .entry_btn p img {width: 18px;padding-top: 5px;}
}
@media screen and (max-width: 1190px){
	.recruit_mv .entry_btn {top: 10px;}
}
@media screen and (max-width: 960px){
	.recruit_mv .oswald {font-size: 8.5vw;}
	.recruit_mv .catch{font-size: 1.25rem;margin-top: -10px;}
	.recruit_mv .entry_btn {width: 140px;height: 140px;}
	.recruit_mv .entry_btn p {height: 140px;font-size: 1.125rem;}
	.recruit_mv .entry_btn p img {width: 10px;}
}
@media screen and (max-width: 768px){
	.recruit_mv .recruit_mv_bg {border-radius: 0 0 100px 0;}
}
@media screen and (max-width: 500px){
	.recruit_mv .recruit_mv_bg {padding: 100px 0px;}
	.recruit_mv .catch{font-size: 0.875rem;margin-top: 0px;}
	.recruit_mv .entry_btn {width: 90px;height: 90px;right: 20px;top: -20px;}
	.recruit_mv .entry_btn p {height: 90px;font-size: 0.875rem;}
}
@media screen and (max-width: 360px){
	.recruit_mv .entry_btn{top: -30px;}
}


/*サブビジュアル*/
.wrapper{
	overflow: hidden;
}
.recruit_sub{
	background-color: #F6F5F0;
	border-radius: 0 0 200px 200px;
	padding: 200px 0px;
	position: relative;
	margin-bottom: 200px;
}
.heading09,.heading08{
	font-size: 1.875rem;
	letter-spacing: 0.07em;
	margin-left: 20%;
	width: 80%;
	z-index: 2;
    position: relative;
}
.heading09::before,.heading08::before {
	content: attr(data-en);
	display: block;
	color: #000;
	font-size: 5rem;
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	letter-spacing: 0.07em;
}
.sub_illust{
	width: 253px;
	position: absolute;
    bottom: 0;
    left: 200px;
}
.svg {
  display: block;
    width: 45%;
    height: auto;
    position: absolute;
    top: -50px;
    right: -40px;
    z-index: 1;
}
.svg_bg{
	position: absolute;
    bottom: -80px;
    right: 25%;
}
@media screen and (max-width: 1800px){
	.svg {width: 50%;}
	.svg_bg {bottom: -50px;right: 23%;}
}
@media screen and (max-width: 1580px){
	.svg {width: 55%;}
	.svg_bg {bottom: -50px;right: 30%;width: 300px;}
}
@media screen and (max-width: 1386px){
	.heading09,.heading08{font-size: 1.5rem;}
	.heading09::before,.heading08::before{font-size: 3.75rem;}
	.svg {width: 60%;top: -30px;}
	.sub_illust {width: 180px;}
}
@media screen and (max-width: 1100px){
	.heading09,.heading08 {margin-left: 8%;}
	.svg {width: 70%;top: -10px;}
}
@media screen and (max-width: 1000px){
	.recruit_sub{padding: 150px 0px;}
	.heading09,.heading08 {margin-left: 5%;width: 95%;}
	.svg_bg {bottom: -10px;right: 35%;width: 200px;}
	.sub_illust {width: 150px;left: 150px;}
}
@media screen and (max-width: 768px){
	.recruit_sub{margin-bottom: 100px;border-radius: 0 0 100px 0;}
	.heading09,.heading08{font-size: 0.875rem;}
	.heading09::before,.heading10::before{font-size: 2.5rem;}
	.svg{width: 55%;top: 50%;transform: translate(0%, -50%);right: -5%;}
	.svg_bg {right: 0;width: 20%;bottom: 5%;;}
	.sub_illust {left: 40px;}
}
@media screen and (max-width: 500px){
	.heading09::before {margin-bottom: 5px;font-size: 1.75rem;}
	.heading08::before {content: "New graduate\A Entry";white-space: pre-line;margin-bottom: 10px;font-size: 1.75rem;line-height: 1.2;}
	.recruit_sub {padding: 100px 0px;margin-bottom: 80px;}
	.svg {width: 75%;}
	.svg_bg {bottom: 20%;}
	.sub_illust {width: 90px;left: 20px;}
}

.r_bg{
	background-color: #F6F5F0;
}
.r_bg_radius{
	background-color: #fff;
	border-radius: 200px 0px 0px 200px;
	position: relative;
	z-index: 1;
}
.recruit_midashi .oswald{
	font-size: 3.75rem;
	border: 2px solid #000;
	background-color: #fff;
	width: fit-content;
	padding: 0 20px;
	line-height: 1.3em;
}
.recruit_midashi h2{
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-size: 1.625rem;
	width: fit-content;
	padding: 10px 20px;;
}
@media screen and (max-width: 768px){
	.recruit_midashi .oswald {font-size: 2.5rem;}
	.recruit_midashi h2 {font-size: 1.25rem;}
}
@media screen and (max-width: 410px){
	.recruit_midashi .oswald { font-size: 1.875rem;}
	.recruit_midashi h2 {font-size: 0.875rem;}
}

/*代表メッセージ*/
#r_message{
	position: relative;
}
#r_message .bg1{
	position: absolute;
    top: -50px;
    right: 0;
    width: 429px;
	z-index: -1;
}
#r_message .bg2{
	position: absolute;
	top: 0;
	left: 0;
	width: 379px;
	z-index: -1;
}
@media screen and (max-width: 1730px){
	#r_message .bg1 {width: 300px;}
}
@media screen and (max-width: 768px){
	#r_message .bg1 {width: 150px;}
}

/*職種紹介*/
#r_introduction{
	padding: 150px 0px 200px;
	position: relative;
}
#r_introduction .flex{
	display: flex;
	justify-content: space-between;
	margin: 50px 0px 60px;
	position: relative;
}
#r_introduction .flex div:nth-child(1){
	background: url("../images/recruit_introduction1.jpg") no-repeat center center/cover;
	border-radius: 20px;
	box-shadow: 10px 10px 0px 0px rgba(255, 197, 2, 1);
}
#r_introduction .flex div:nth-child(2){
	background: url("../images/recruit_introduction2.jpg") no-repeat center center/cover;
	border-radius: 20px;
	box-shadow: 10px 10px 0px 0px rgba(65, 211, 255, 1);
}
#r_introduction .flex div{
	width: 48%;
	height: 340px;
	border: 2px solid #000;
	border-radius: 20px;
	color: #fff;
	font-size: 1.25rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#r_introduction .bg1{
	width: 212px;
	position: absolute;
	left: -170px;
    top: 90px;
	z-index: -1;
}
#r_introduction .bg2{
	width: 273px;
    position: absolute;
    right: -270px;
    bottom: -190px;
    z-index: -1;
}
#r_introduction .bg3{
	width: 248px;
	position: absolute;
	left: 5%;
    bottom: 0;
    z-index: -1;
}
.accordion-content {
  display: none;
	position: relative;
}
.accordion-header {
	padding: 20px 2px;
	transition: background .3s ease;
	cursor: pointer;
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 1.25rem;
	width: 90%;
    max-width: 1200px;
    margin: 10px auto 0px;
}
.or{background-color: #FFC502;}
.or-border{border: 2px solid #FFC502;}
.or-table{background-color: #FFC502;padding-bottom: 40px;}
.bu{background-color: #41D3FF;}
.bu-border{border: 2px solid #41D3FF;}
.accordion-header::before,
.accordion-header::after{
  position:absolute;
  content:'';
  top:1px;
  right:20px;
  bottom:0;
  width:15px;
  height:2px;
  margin:auto;
  background:#000;
}
.accordion-header::after{
  transform:rotate(-90deg);
  transition:transform 0.3s;
}
.accordion-header.active::after{transform:rotate(0deg);}
.accordion-content .midashi{
	background-color: #FFED00;
	width: fit-content;
	font-size: 1.25rem;
	font-weight: bold;
	padding: 10px 20px;
	margin: 50px 0px 20px;
}
.accordion-content .content_box,.accordion-content .content_box2{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 60px;
}
.accordion-content .content_box div,.accordion-content .content_box2 div{
	width: 60%;
}
.accordion-content .content_box div ul,.accordion-content .content_box2 div ul{
	background-color: #F6F5F1;
	border-radius: 20px;
	padding: 20px 25px;
	margin-top: 20px;
}
.accordion-content .content_box div ul li,.accordion-content .content_box2 div ul li {
	margin-left: 1em;
	text-indent: -1em;
	line-height: 1.8;
}
.accordion-content .content_box img,.accordion-content .content_box2 img{
	width: 36%;
    border-radius: 20px;
}
.schedule{
	background-color: #F6F5F1;
	padding: 20px 0px 80px;
}
.schedule .schedule_box{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	margin-top: 40px;
}
.schedule .schedule_box::before{
	position: absolute;
    content: "";
    top:65px;
	left:50%;
	transform:translate(-50%,-50%);
    width: 85%;
    height: 2px;
    background-color: #000;
}
.schedule .schedule_box div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}
.schedule .schedule_box div:nth-child(1),.schedule .schedule_box div:nth-child(4){width: 22%;}
.schedule .schedule_box div:nth-child(2),.schedule .schedule_box div:nth-child(3){width: 28%;}
.schedule .schedule_box .time{
	border: 2px solid #000;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.schedule .schedule_box .time_contents{
	font-weight: bold;
	font-size: 1.25rem;
	text-align: center;
	line-height: 1.5;
	margin-top: 10px;
}
.schedule .pic{
	display: flex;
	justify-content: space-between;
	margin-top: 100px;
}
.schedule .pic img{
	width: 49%;
	border-radius: 20px;
}
.accordion-content .bg4{
	width: 304px;
	position: absolute;
	left: 0;
    top: 500px;
}
.accordion-content .bg5{
	width: 291px;
	position: absolute;
	right: 0;
    top: 850px;
}
#r_introduction .bg2-2{
	display: none;
}
@media screen and (max-width: 1784px){
	#r_introduction .bg2{display: none;}
	#r_introduction .bg2-2{display: block;width: 220px;position: absolute;right: 0;}
}
@media screen and (max-width: 1590px){
	.accordion-content .bg4 {top: 650px;}
}
@media screen and (max-width: 1460px){
	#r_introduction .bg2-2{bottom: -50px;}
}
@media screen and (max-width: 1333px){
	.accordion-content .bg4 {width: 200px;top: 600px;}
	.accordion-content .bg5 {width: 190px;}
}
@media screen and (max-width: 960px){
	#r_introduction .flex div {height: 250px;}
	#r_introduction .bg1 {width: 150px;left: -100px;top: 60px;}
	.schedule .schedule_box .time_contents{font-size: 1rem;}
}
@media screen and (max-width: 768px){
	.r_bg_radius {border-radius: 100px 0px 0px 100px;}
	#r_introduction {padding: 100px 0px;}
	#r_introduction .bg2-2{width: 200px;bottom: -100px;}
	.accordion-header,.accordion-content .midashi{font-size: 1rem;}
	.accordion-content .content_box{flex-flow: column;}
	.accordion-content .content_box2{flex-flow:column-reverse;}
	.accordion-content .content_box img, .accordion-content .content_box2 img {width: 100%; margin-bottom: 20px;}
	.accordion-content .content_box div, .accordion-content .content_box2 div {width: 100%;}
	.schedule .schedule_box{flex-flow: column;}
	.schedule .schedule_box::before{
		content: "";
        position: absolute;
        left: 62px;
        top: 0px;
        background: #000000;
        width: 2px;
        height: 80%;
        transform: translate(0%, 0%);
	}
	.schedule .mt{margin-top: -20px;}
	.schedule .schedule_box .pt{padding-top: 20px;}
	.schedule .schedule_box div{flex-direction: row;justify-content: flex-start;}
	.schedule .schedule_box div:nth-child(1), .schedule .schedule_box div:nth-child(4),
	.schedule .schedule_box div:nth-child(2), .schedule .schedule_box div:nth-child(3){width: 100%;margin-bottom: 20px;}
	.schedule .schedule_box .time{margin-right: 20px;}
	.schedule .schedule_box .time_contents{margin-top: 0;width: calc( 100% - 140px );text-align: left;}
	.schedule .pic {flex-flow: column;margin-top: 50px;}
	.schedule .pic img {width: 100%;}
	.schedule .pic img:nth-child(2){margin-top: 10px;}
	#r_introduction .bg3{display: none;}
}
@media screen and (max-width: 500px){
	#r_introduction .flex{margin: 50px 0px 30px;}
	#r_introduction .flex div {width: 46%;height: 150px;font-size: 1rem;}
	#r_introduction .flex div:nth-child(1){box-shadow: 5px 5px 0px 0px rgba(255, 197, 2, 1);}
	#r_introduction .flex div:nth-child(2){box-shadow: 5px 5px 0px 0px rgba(65, 211, 255, 1);}
	#r_introduction .bg2-2 { width: 100px;bottom: -20px;}
	.schedule .schedule_box .time_contents{font-size: 0.875rem;}
}
@media screen and (max-width: 390px){
	.schedule .schedule_box::before {left: 47px;}
	.schedule .schedule_box .time {width: 90px;height: 90px;}
}

/*3分で分かる大島組の働き方*/
#r_workstyle{
	padding-bottom: 200px;
}
#r_workstyle .data_ttl:hover{
	opacity: 0.6;
}
.heading11 {
	font-size: 2.5rem;
	letter-spacing: 0.07em;
	color: #fff;
	background: url(../images/recruit_work.png) no-repeat center top/735px;
	height: 735px;
	text-align: center;
	position: relative;
	z-index: -1;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
	line-height: 1.2;
}
.heading11::after {
	content: attr(data-en);
	display: block;
	font-size: 2.125rem;
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	letter-spacing: 0.07em;
	padding-top: 30px;
}
.heading11 span{
	display: contents;
	font-size: 4.75rem;
}
.workstyle_pic1{
	width: 439px;
	position: absolute;
	bottom: 5%;
    left: -7%;
	z-index: -2;
}
.workstyle_pic2{
	width: 590px;
	position: absolute;
	top: 7%;
    right: -16%;
}
.workstyle_btn{
	width: 90px;
	position: absolute;
	bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0%);
}
.workstyle_moyou{
	width: 888px;
	position: absolute;
	bottom: 10%;
    left: 35%;
    transform: translate(-35%, -10%);
	z-index: -2;
}
#r_workstyle .bg6{
	width: 288px;
	margin-left: -30px;
}
@media screen and (max-width: 1460px){
	#r_workstyle{margin-top: 100px;}
	.workstyle_pic1 {width: 350px;left: -3%;}
	.workstyle_pic2 {width: 400px;right: 0%;}
}
@media screen and (max-width: 1280px){
	.heading11{background: url(../images/recruit_work.png) no-repeat center top / 600px;height: 600px;}
	.workstyle_pic1 {width: 300px;left: 0%;}
	.workstyle_pic2 {width: 320px;right: 6%;}
	.workstyle_btn {width: 70px;}
	#r_workstyle .bg6 {width: 200px;}
}
@media screen and (max-width: 1085px){
	.workstyle_pic1{z-index: 1;}
	.workstyle_pic2{top: 2%;}
}
@media screen and (max-width: 768px){
	#r_workstyle {margin-top: 150px;padding-bottom: 0px;}
	.heading11 {font-size: 1.5rem;background: url(../images/recruit_work.png) no-repeat center top / 500px;height: 500px;}
	.heading11 span {font-size: 3.125rem;}
	.workstyle_pic1 {width: 200px;}
	.workstyle_pic2 {width: 250px;right: 0%;}
	.workstyle_btn {width: 53px;}
	.workstyle_moyou {width: 100%;}
	#r_workstyle .bg6 {width: 150px;margin-top: 50px;}
}
@media screen and (max-width: 500px){
	#r_workstyle {margin-top: 60px;}
	.heading11 {background: url(../images/recruit_work.png) no-repeat center top / 300px;height: 300px; font-size: 1.25rem;}
	.heading11 span {font-size: 1.875rem;}
	.heading11::after {font-size: 1rem;}
	.workstyle_pic1 {width: 100px;}
	.workstyle_pic2 {width: 120px;}
	.workstyle_btn {width: 40px;}
	#r_workstyle .bg6 { width: 100px; margin: 30px 0px 50px;}
}
@media screen and (max-width: 320px){
	.heading11 {background: url(../images/recruit_work.png) no-repeat center top / 260px;height: 260px; }
}

/*募集要項*/
.r_application{
	background-color: #fff;
	margin-top: -150px;
}
.r_application .recruit_midashi{
	padding-top: 150px;
}
.recruit_application{ 
	padding: 150px 0px 150px;
    background: url(../images/recruit_bg_moyou.png) repeat center center / 50px;
	background-color: #F6F5F0;
	border-radius: 0 0 200px 0;
	position: relative;
}
.recruit_application .item{
	font-size: 2.5rem;
	font-weight: bold;
	display: flex;
    align-items: center;
	margin: 60px 0 20px;
}
.r_application .accordion-header{
	width: 100%;
	padding: 20px 0px;
}
.recruit_application .item .mark{
	color: #FFDF74;
	font-size: 1.25rem;
	padding-right: 10px;
}
.recruit_application .item .mark2{
	color: #C9F3FF;
	font-size: 1.25rem;
	padding-right: 10px;
}
.recruit_application .new{
	width: 94%;
	margin: auto;
	background-color: #fff;
	border: 2px solid #000;
	border-radius: 20px;
}
.recruit_application .new table{
	width: 90%;
    margin: 50px auto;
    line-height: 1.8;
}
.recruit_application .new table th{
	border-bottom: 1px solid #FFC502;
	text-align: left;
	vertical-align: top;
	padding: 20px 0px;
	width: 180px;
}
.recruit_application .new table td{
	border-bottom: 1px solid #707070;
	padding: 20px 0px 20px 20px;
}
.recruit_application .item .bikou{
	font-size: 1.25rem;
	font-weight: bold;
	padding-left: 30px;
}
.recruit_application table.career{
	width: 100%;
	border-top: 1px solid #000;
    line-height: 1.8;
	margin-bottom: 40px;
}
.recruit_application table.career th{
	background-color: #41D3FF;
	text-align: center;
	padding: 20px 0px;
	border-bottom: 1px solid #000;
	width: 330px;
	font-size: 1.25rem;
}
.recruit_application table.career td{
	background-color: #fff;
	padding: 20px;
	border-bottom: 1px solid #000;
	width: calc( 100% - 330px );
}
.recruit_application ul.banner{
	display: flex;
	flex-wrap: wrap;
}
.recruit_application ul.banner li{
	background-color: #fff;
	width: 32.3%;
	height: 115px;
}
.recruit_application ul.banner li:not(:nth-child(3n+3)) {
	margin-right: 1.5%;
}
.recruit_application ul.banner li:nth-child(n+4){
	margin-top: 20px;
}
.recruit_application ul.banner li:hover,.recruit_application .hozyo:hover{
	opacity: 0.6;
}
.recruit_application ul.banner li a{
	width: 70%;
    height: 115px;
    padding: 0 15%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.recruit_application ul.banner li a img{
	width: 100%;
	/*height: 100%;*/
}
.recruit_application .hozyo{
	display: block;
    background: url(../images/recruit_arrow-white.png) no-repeat center right 30px / 15px;
    background-color: #FF7192;
    border: 2px solid #000;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 80px;
    max-width: 980px;
    margin: 130px auto;
    padding: 50px;
}
.r_entry_btn{
	display: block;
    background: url(../images/recruit_arrow-red.png) no-repeat center right 30px / 23px,linear-gradient(90deg, rgba(255, 177, 177, 1), rgba(245, 215, 86, 1));
    font-size: 30px;
    font-weight: bold;
    width: 60%;
    max-width: 660px;
    border-radius: 20px;
    box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 1);
    border: 2px solid #000;
    color: #000;
    text-align: center;
    margin: -100px auto 0;
    padding: 40px 20px;
    line-height: 1.3;
    cursor: pointer;
    position: relative;
}
.r_entry_btn:hover {
  transform: translate(10px,10px);
  box-shadow: none;
}
.r_entry_btn span.oswald{
	font-size: 1.625rem;
}
.application_illust{
	position: absolute;
	bottom: 0;
	width: 90%;
	max-width: 1200px;
	margin: auto;
}
.application_illust img:first-child{
	position: absolute;
	width: 132px;
	left: 0;
	bottom: 0;
}
.application_illust img:last-child{
	position: absolute;
	width: 160px;
	right: 0;
	bottom: 0;
}
.recruit_application .bg7{
	width: 272px;
	position: absolute;
	top: 0;
    right: 20px;
	mix-blend-mode: multiply;
	z-index: 1;
}
@media screen and (max-width: 1822px){
	.accordion-content .bg4 {width: 250px;}
	.accordion-content .bg5 {width: 230px;}
}
@media screen and (max-width: 1550px){
	.application_illust img:first-child {width: 92px;left: 100px;}
	.application_illust img:last-child { width: 120px;right: 90px;}
}
@media screen and (max-width: 1310px){
	.r_entry_btn {width: 500px;}
	.recruit_application .bg7 {width: 200px;top: 40px;}
}
@media screen and (max-width: 960px){
	.application_illust{position: static;display: flex;justify-content: center;align-items: flex-end;margin-bottom: -60px;}
	.application_illust img:first-child,.application_illust img:last-child{position: static;}
	.application_illust img:first-child{margin-right: 20px;width: 120px;}
	.application_illust img:last-child{width: 148px;}
}
@media screen and (max-width: 768px){
	.r_application .recruit_midashi {padding-top: 100px;}
	.recruit_application{border-radius: 0 0 100px 0;}
	.recruit_application .item {font-size: 1.25rem;display: block;}
	.recruit_application .item .bikou{display: block;font-size: 1rem;}
	.recruit_application .new table th,.recruit_application .new table td{display: block;width: 100%;}
	.recruit_application .new table th{border-bottom: none;padding: 20px 0px 0px;}
	.recruit_application .new table td{position: relative;padding: 5px 0px 20px 0px;}
	.recruit_application .new table td::before{content: '';position: absolute;bottom: -1px;width: 50%;height: 1px;background: #FFC502;}
	.recruit_application table.career th{font-size: 1rem;display: block;width: 100%;}
	.recruit_application table.career td{display: block;width: calc( 100% - 40px );}
	.recruit_application ul.banner li {width: 49.2%;}
	.recruit_application ul.banner li:nth-child(n+3) {margin-top: 10px;}
	.recruit_application ul.banner li:not(:nth-child(3n+3)) {margin-right: 0%;}
	.recruit_application ul.banner li:not(:nth-child(2n+2)) {margin-right: 1.5%;}
	.recruit_application .hozyo{border-radius: 100px;font-size: 1.25rem;}
	.r_entry_btn{width: 60%;font-size: 1.25rem;}
	.r_entry_btn span.oswald {font-size: 1rem;}
	.application_illust img:first-child{width: 100px;}
	.application_illust img:last-child {width: 121px;}
	.recruit_application .bg7 {width: 100px;top: 90px;}
}
@media screen and (max-width: 500px){
	.recruit_application .item .bikou{font-size: 0.875rem;}
	.recruit_application .new{width: 90%;}
	.recruit_application .new table{margin: 20px auto 50px;}
	.recruit_application ul.banner li,.recruit_application ul.banner li a{height: 80px;}
	.recruit_application .hozyo {font-size: 1rem;margin: 80px auto;padding: 20px;background: url(../images/recruit_arrow-white.png) no-repeat center right 10px / 10px;background-color: #FF7192;}
	.application_illust img:first-child {width: 80px;}
	.application_illust img:last-child{width: 97px;}
	.r_entry_btn {background: url(../images/recruit_arrow-red.png) no-repeat center right 10px / 10px, linear-gradient(90deg, rgba(255, 177, 177, 1), rgba(245, 215, 86, 1));font-size: 1rem;box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 1);}
}
@media screen and (max-width: 390px){
	.r_entry_btn{width: 70%;}
}

/*instagram*/
.recruit_instagram{
	background-color: #fff;
	padding: 0px 0px 150px;
    margin-top: 200px;
}
.recruit_instagram .inner{
	position: relative;
	max-width: 600px;
}
.recruit_instagram .bg1{
	width: 259px;
	position: absolute;
	left: -140px;
	bottom: 0;
	mix-blend-mode:multiply;
}
.recruit_instagram .bg2{
	width: 228px;
	position: absolute;
	right: -210px;
    top: 30px;
}
.recruit_instagram .bg{
	max-width: 561px;
	margin: auto;
}
.recruit_instagram .sns{
	background: url(../images/recruit_bg11.png) no-repeat center center / 561px;
	position: relative;
	display: block;
}
.recruit_instagram .sns:hover{
	transform: translateY(-10px);
}
.recruit_instagram .sns .txt{
	text-align: center;
	margin: auto;
	height: 306px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.recruit_instagram .sns .txt img{
	width: 41px;
	margin-bottom: 10px;
	padding-right: 100px;
}
.recruit_instagram .sns .txt p{
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5;
	color: #fff;
	padding-right: 100px;
}
.recruit_instagram .arrow-black{
	position: absolute;
	bottom: 0px;
	width: 53px;
	left: 41%;
    transform: translate(-50%, 15px);
}
.recruit_instagram .sns_illust{
	width: 205px;
	position: absolute;
	right: 0;
	bottom: -15px;
}
.r_animation {
    opacity: 0; /* 最初は非表示にしておく */
    transition: all 1s;
}
/* フェードイン用のクラス */
.fadeIn {
    opacity: 1;
}

@media screen and (max-width: 1024px){
	.recruit_instagram .sns {background: url(../images/recruit_bg11.png) no-repeat center center / 500px;}
	.recruit_instagram .bg1 {width: 200px;left: -60px;}
	.recruit_instagram .bg2 {width: 200px;right: -150px;}
	.recruit_instagram .sns .txt p{font-size: 1.25rem;}
}
@media screen and (max-width: 960px){
	.recruit_instagram .bg1 {width: 150px;left: 0px;}
	.recruit_instagram .bg2 {width: 150px;right: -80px;}
	.recruit_instagram .sns_illust {width: 160px;right: 50px;}
}
@media screen and (max-width: 768px){
	.recruit_instagram {padding: 0px 0px 100px;margin-top: 150px;}
	.recruit_instagram .bg2 {right: 0px;}
}
@media screen and (max-width: 600px){
	.recruit_instagram .sns {background: url("../images/recruit_bg11_sp.png") no-repeat center center / 100%}
	.recruit_instagram .sns .txt {height: 389.5px;}
}
@media screen and (max-width: 560px){
	.recruit_instagram {padding: 0px 0px 80px;margin-top: 80px;}
	.recruit_instagram .arrow-black {transform: translate(-50%, 0px);}
}
@media screen and (max-width: 500px){
	.recruit_instagram .bg1 {width: 100px;bottom: 50px;}
	.recruit_instagram .bg2 {width: 90px;}
	.recruit_instagram .sns .txt p {font-size: 1rem;}
	.recruit_instagram .sns .txt img {width: 26px;}
	.recruit_instagram .sns .txt img,.recruit_instagram .sns .txt p{padding-right: 0;}
	.recruit_instagram .arrow-black {transform: translate(-50%, -50%);left: 50%;width: 40px;bottom: 20px;}
	.recruit_instagram .sns_illust {width: 100px;right: 0px;bottom: 20px;}
}
@media screen and (max-width: 390px){
	.recruit_instagram .arrow-black{bottom: 40px;}
}
@media screen and (max-width: 360px){
	.recruit_instagram .arrow-black {width: 40px;bottom: 40px;}
}
@media screen and (max-width: 320px){
	.recruit_instagram .arrow-black {bottom: 60px;}
	.recruit_instagram .sns_illust {bottom: 40px;}
}

/*3分で分かる大島組の働き方***************************/
.data{
	background-color: #fff;
    border-radius: 0px 0px 0px 200px;
	position: relative;
    z-index: 1;
    padding-bottom: 260px;
	overflow-x: hidden;
}
.data_ttl{
	width: 90%;
	max-width: 1200px;
	margin: auto;
	position: relative;
}
.heading10 {
	font-size: 1.625rem;
	letter-spacing: 0.07em;
	color: #fff;
	background: url(../images/recruit_work.png) no-repeat center top/735px;
	height: 735px;
	text-align: center;
	position: relative;
	z-index: -1;
}
.heading10::before {
	content: attr(data-en);
	display: block;
	font-size: 3.75rem;
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	letter-spacing: 0.07em;
	padding-top: 150px;
}
.data_pic1{
	width: 346px;
	position: absolute;
	top: 150px;
    left: -70px;
	z-index: -2;
}
.data_pic2{
	width: 430px;
	position: absolute;
	top: 40px;
    right: -50px;
	z-index: 2;
}
.nidan {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
    z-index:1;
}
.m-t{margin-top: -360px;}
.nidan .item,.nidan .voice{
	width: 48.2%;
	border: 2px solid #000;
	border-radius: 20px;
	background-color: #fff;
}
.nidan .item:not(:nth-child(2n+2)) ,.nidan .voice:not(:nth-child(2n+2)){
  margin-right: 2%;
}
.nidan .item:nth-child(n+3), .nidan .voice:nth-child(n+3){
  margin-top: 30px;
}
.nidan .item img{
	max-width: 538px;
	width: 90%;
	margin: 30px auto;
	display: block;
}
.nidan .item .midashi,.type .item .midashi{
	font-size: 1.375rem;
	font-weight: bold;
	border-bottom: 2px solid #000;
    display: inline-block;
    padding-bottom: 5px;
	padding: 30px 0 5px 30px;
}
.nidan .item .midashi span,.nidan .voice .midashi span{
	font-size: 1rem;
}
.nidan .voice ul.message,.nidan .voice ul.message2{
	width: 90%;
	margin: 10px auto 0;
}
.nidan .voice ul.message li,.nidan .voice ul.message2 li{
	text-align: center;
	border-radius: 30px;
	font-size: 1.125rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
	padding: 10px;
}
.nidan .voice ul.message li:last-child,.nidan .voice ul.message2 li:last-child{margin-bottom: 0;}
.nidan .voice ul.message li:nth-child(odd){background-color: #CBF3FF;}
.nidan .voice ul.message li:nth-child(even){background-color: #EDFBFF;}
.nidan .voice ul.message2 li:nth-child(odd){background-color: #FFF3CB;}
.nidan .voice ul.message2 li:nth-child(even){background-color: #FFFAE8;}
.nidan .voice img{
	max-width: 84px;
	width: 70%;
	margin: 30px auto;
	display: block;
}
.ichidan {
	display: flex;
	justify-content: space-between;
}
.ichidan .item{
	width: 23%;
	border: 2px solid #000;
	border-radius: 20px;
	margin: 30px 0px;
}
.ichidan .item .midashi,.nidan .voice .midashi{
	font-size: 1.375rem;
	font-weight: bold;
	padding: 30px 0 5px 0px;
	line-height: 1.3;
	margin-bottom: 20px;
}
.ichidan .item .midashi p,.nidan .voice .midashi p{
	border-bottom: 2px solid #000;
    display: inline-block;
	padding: 0 0 10px 30px;
    line-height: 1.3;
}
.ichidan .item .midashi p span{
	font-size: 1rem;
}
.ichidan .item .txt{
	text-align: center;
	font-weight: bold;
	line-height: 2.2;
}
.ichidan .item .txt .oswald{
	font-size: 2.5rem;
	margin-top: -25px;
    display: inline-block;
}
.ichidan .item .txt span{
	font-size: 1.5rem;
}
.ichidan .item img{
	max-width: 118px;
	width: 70%;
	margin: 20px auto 50px;
	display: block;
}
.ichidan .box-child,.nidan .box-child{
	display:flex;
	flex-direction:column;
}
.ichidan .box-child-text{
	flex-grow:1;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.nidan .box-child-text{
	flex-grow:1;
	display: flex;
  flex-direction: column;
  justify-content:flex-start;
  align-items: center;
}
.triangle_bottom{
  width: 23px;
  height: 17px;
  clip-path: polygon(0 0,100% 0, 50% 100%);
}
.triangle_blue{background-color: #EDFBFF;}
.triangle_orange{background-color: #FFF3CB;}
.triangle_yellow{background-color: #FFFAE8;}
.type{
	width: 100%;
	border: 2px solid #000;
	border-radius: 20px;
	margin-top: 30px;
}
.type_graph{
	max-width: 455px;
	width: 70%;
	margin: 30px auto;
	display: block;
}
.type_bunseki{
	max-width: 813px;
	width: 90%;
	margin: 30px auto;
	display: block;
}
.type .item .txt{
	text-align: center;
	font-size: 1.125rem;
	margin: 50px 5% 20px;
}
.type .item .teikyo{
	text-align: center;
	font-size: 0.875rem;
	margin: 50px 0px 80px;
}
.type .hukidashi{display: flex;align-items: flex-start;justify-content: flex-end;margin: 0 -70px -170px 0;}
.type .hukidashi img:first-child{width: 359px;margin-right: -80px;}
.type .hukidashi img:last-child{width: 192px;}
@media screen and (max-width: 1366px){
	.type .hukidashi{width: 100%;}
}
@media screen and (max-width: 1240px){
	.heading10 {background: url(../images/recruit_work.png) no-repeat center top / 600px;}
	.data_pic1 { width: 246px;left: -50px;}
	.data_pic2 {width: 300px;top: 20%;}
}
@media screen and (max-width: 1145px){
	.nidan .item .midashi, .type .item .midashi{padding: 20px 0 5px 10px;}
	.ichidan .item .midashi, .nidan .voice .midashi{padding: 20px 0 5px 0px;}
	.ichidan .item .midashi p, .nidan .voice .midashi p {padding: 0 0 10px 10px;}
}
@media screen and (max-width: 960px){
	.data_pic1 {width: 190px;}
	.data_pic2 {width: 200px;top: 20%;}
	.ichidan {flex-flow: wrap;}
	.ichidan .item{width: 48.2%;margin: 30px 0px 0px;}
	.ichidan .item:nth-child(3),.ichidan .item:nth-child(4){margin-bottom: 30px;}
}
@media screen and (max-width: 768px){
	.heading10{font-size: 1.25rem;background: url(../images/recruit_work.png) no-repeat center top / 70%;height: 600px;}
	.heading10::before{font-size: 2.5rem;padding-top: 100px;}
	.data {border-radius: 0px 0px 0px 100px;padding-bottom: 200px;}
	.data_pic1{z-index: 1;left: -20px;width: 25%;top: 60px;}
	.data_pic2 {top: 5%;width: 30%;right: -20px;}
	.nidan .item, .nidan .voice {width: 100%;}
	.nidan .item:not(:nth-child(2n+2)), .nidan .voice:not(:nth-child(2n+2)) {margin-right: 0%;}
	.nidan .item:nth-child(n+2), .nidan .voice:nth-child(n+2),.ichidan .item{margin-top: 20px;}
	.nidan .item .midashi, .type .item .midashi,.ichidan .item .midashi, .nidan .voice .midashi{font-size: 1rem;}
	.nidan .item .midashi span, .nidan .voice .midashi span,.ichidan .item .midashi p span{font-size: 0.75rem;}
	.ichidan .item:nth-child(3), .ichidan .item:nth-child(4) {margin-bottom: 20px;}
	.nidan .voice ul.message li, .nidan .voice ul.message2 li,.type .item .txt{font-size: 1rem;}
	.type .hukidashi {margin: 0 -70px -100px 0;}
	.type .hukidashi img:first-child { width: 260px;margin-right: -60px;}
	.type .hukidashi img:last-child {width: 140px;}
}
@media screen and (max-width: 560px){
	.heading10 {font-size: 1.25rem;background: url(../images/recruit_work.png) no-repeat center top / 90%;}
	.nidan .item, .nidan .voice{width: 100%;}
	.nidan .item:not(:nth-child(2n+2)), .nidan .voice:not(:nth-child(2n+2)) {margin-right: 0%;}
}
@media screen and (max-width: 500px){
	.ichidan .item img {width: 40%;margin: 0px auto 20px;}
	.nidan .voice img {max-width: 60px;width: 40%;}
	.nidan .voice ul.message li, .nidan .voice ul.message2 li, .type .item .txt{font-size: 0.875rem;}
	.type .item .teikyo{font-size: 0.75rem;margin: 50px 0px;}
}
@media screen and (max-width: 430px){
	.data_pic1 {width: 35%;top: 0px;}
	.data_pic2 {top: 0%;width: 40%;}
	.type .hukidashi img:first-child {width: 200px;margin-right: -50px;}
	.type .hukidashi img:last-child {width: 100px;}
}
@media screen and (max-width: 390px){
	.data {padding-bottom: 150px;}
	.heading10 {font-size: 0.875rem;height: 530px;}
	.heading10::before {font-size: 1.375rem; padding-top: 70px;}
	.data_pic1{top: 20px;}
}
@media screen and (max-width: 320px){
	.type .hukidashi {margin: 0 -70px -50px 0;}
	.type .hukidashi img:first-child {width: 170px;margin-right: -40px;}
	.type .hukidashi img:last-child {width: 80px;}
}

/*福利厚生*/
#support{
	padding: 150px 0px 300px;
    background: url(../images/recruit_bg_moyou.png) repeat center center / 50px;
    background-color: #F6F5F0;
    margin-top: -150px;
    margin-bottom: -350px;
}
.welfare{
	margin-top: 150px;
}
.welfare .area{
	margin-top: 130px;
}
.welfare .block-blue{
	background-color: #fff;
	border: 2px solid #000;
	padding: 100px 60px;
	position: relative;
	box-shadow: 10px 10px 0px 0px rgba(65, 211, 255, 1);
	border-radius: 100px 0px 0px 0px;
	margin-bottom: 100px;
}
.welfare .block-blue .midashi,.welfare .block-orange .midashi,.welfare .block-pink .midashi{
	text-align: center;
	font-size: 1.375rem;
	font-weight: bold;
	border: 2px solid #000;
	border-radius: 10px;
	width: 90px;
    height: 90px;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
	position: absolute;
    top: -50px;
}
.welfare .blue{background-color: #41D3FF;}
.welfare .orange{background-color: #FFC502;}
.welfare .pink{background-color: #FF88BB;}
.welfare .flex{
	display: flex;
	justify-content: space-between;
}
.welfare .flex .kyuka{
	width: calc( 48% - 50px );
}
.welfare .flex ul{
	width: 100%
}
.welfare ul li{
	border-bottom: 1px solid #707070;
	padding-bottom: 10px;
    margin-bottom: 10px;
	font-size: 1.125rem;
}
.welfare ul li:last-child{margin-bottom: 0;}
.welfare ul li p{
	margin-left: 1.0em;
	text-indent: -1.0em;
}
.welfare .block-blue ul li span{color: #41D3FF;}
.welfare .block-orange ul li span{color: #FFC502;}
.welfare .block-pink ul li span{color: #FF88BB;}
.welfare .comment{
	width: 42%;
	border: 2px solid #000;
	border-radius: 20px;
	padding: 50px 40px;
	position: relative;
	margin-left: 5%;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.welfare .comment p{font-size: 1.125rem;}
.welfare .comment .ttl{
	background-color: #000;
    text-align: center;
    color: #fff;
    font-weight: bold;
    display: table;
    margin: auto;
    border-radius: 40px;
    padding: 5px 40px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
    top: 2px;
    width: 300px;
}
.welfare .comment .ttl::before{
	content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, 50%);
    bottom: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #000;
}
.welfare .block-orange{
	background-color: #fff;
	border: 2px solid #000;
	padding: 100px 50px;
	position: relative;
	box-shadow: 10px 10px 0px 0px rgba(255, 197, 2, 1);
	border-radius: 0px 0px 0px 100px;
	width: calc( 48% - 100px );
	margin-right: 4%;
}
.welfare .block-orange .bikou{font-size: 1.125rem;margin-top: 10px;}
.welfare .block-orange .bikou a{color: #000;font-weight: bold;}
.welfare .block-orange .bikou a:hover{text-decoration: underline;}
.welfare .block-pink{
	background-color: #fff;
	border: 2px solid #000;
	padding: 100px 50px;
	position: relative;
	box-shadow: 10px 10px 0px 0px rgba(255, 136, 187, 1);
	border-radius: 0px 100px 0px 0px;
	width: calc( 48% - 100px );
}
.kingaku{margin-left: 20px;}
@media screen and (max-width: 960px){
	.welfare .flex{flex-flow: column;}
	.welfare .flex .kyuka {width: 100%;}
	.welfare .comment {width: 90%;padding: 50px 5%;margin-left: 0%;margin-top: 50px;}
	.welfare .comment .ttl{width: 70%;}
	.welfare .block-orange {width: calc(100% - 100px);margin-right: 0%;}
	.welfare .block-pink {margin-top: 100px;width: calc(100% - 100px);}
	.kingaku{margin-left: 0px;display: block;}
}
@media screen and (max-width: 768px){
	.welfare .block-blue .midashi, .welfare .block-orange .midashi, .welfare .block-pink .midashi{font-size: 1.25rem;}
}
@media screen and (max-width: 500px){
	.welfare .area {margin-top: 80px;}
	.welfare .block-blue .midashi, .welfare .block-orange .midashi, .welfare .block-pink .midashi{font-size: 0.875rem;width: 70px;height: 70px;top: -30px;}
	.welfare .block-blue {box-shadow: 5px 5px 0px 0px rgba(65, 211, 255, 1);padding: 80px 40px 50px;margin-bottom: 70px;border-radius: 50px 0px 0px 0px;}
	.welfare .block-orange {box-shadow: 5px 5px 0px 0px rgba(255, 197, 2, 1);padding: 80px 40px 50px;width: calc(100% - 80px);border-radius: 0px 0px 0px 50px;}
	.welfare .block-pink { box-shadow: 5px 5px 0px 0px rgba(255, 136, 187, 1);padding: 80px 40px 50px;width: calc(100% - 80px);margin-top: 70px;border-radius: 0px 50px 0px 0px;}
	.welfare ul li,.welfare .comment p,.welfare .block-orange .bikou{font-size: 0.875rem;}
}
@media screen and (max-width: 390px){
	.welfare {margin-top: 100px;}
	.welfare .comment .ttl {padding: 5px 10px;width: 90%;}
}

/*研修制度*/
.training{
	margin-top: 170px;
}
.training .area{
	margin-top: 80px;
}
.training .block{
	background-color: #fff;
    border: 2px solid #000;
    padding: 60px 80px 60px 0px;
    box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 1);
    border-radius: 20px;
	width: calc(95% - 80px);
    margin: 0 0 0 auto;
}
.training .block p{font-size: 1.125rem;}
.training .block .flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #707070;
	padding-bottom: 40px;
    margin-bottom: 40px;
}
.training .block .flex .midashi{
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 1.375rem;
	border: 2px solid #000;
	width: 240px;
	margin: 0 50px 0 -5%;
	padding: 20px 0px;
}
.training .block .flex p{
	width: calc( 100% - 290px );
}
.training .block .sonota{
	text-align: center;
	padding-left: 80px;
}
.bg_green{background-color: #71B86B;}
.bg_yellow{background-color: #FFE74C;}

.training .area .support{
	display: flex;
	justify-content: space-between;
    width: 95%;
    margin: 100px 0 0 auto;
}
.training .area .support .block2{
	background-color: #fff;
    border: 2px solid #000;
    padding: 50px 60px; 
    box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 1);
    border-radius: 20px;
	width: calc(49% - 120px);
}
.training .area .support .block2:first-child{
	margin-right: 3%;
}
.training .area .support .block2 .midashi{
	border-radius: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 1.375rem;
    border: 2px solid #000;
    width: 240px;
	margin: -90px auto 50px;
    padding: 20px 0px;
}
.training .area .support .block2 div:nth-child(2){border-bottom: 1px solid #707070;margin-bottom: 40px;padding-bottom: 40px;}
.training .area .support .block2 div p{font-size: 1.125rem;}
.training .area .support .block2 div p:first-child{font-weight: bold;font-size: 1.25rem;line-height: 1.4;margin-bottom: 15px;}
.training .area .support .block2 div p .bikou{font-weight: normal;font-size: 1rem;}
.training .color_green{color: #71B86B;}
.training .color_yellow{color: #FFE74C;}

/*ループスライダー*/
.loopslider{width: 100%;margin-top: 200px;}
.loopslider .pr{margin-right: 20px;}
.loopslider img{width: 100%;}
.slick-track {
  will-change: transform;
  transform: translate3d(0, 0, 0);
}
.slick-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

@media screen and (max-width: 768px){
	.training .block {padding: 60px 40px;width: calc(100% - 80px);margin: auto;}
	.training .block .flex{flex-flow: column;}
	.training .block .flex .midashi{font-size: 1.25rem;margin: 0 auto 20px;width: 100%;}
	.training .block .flex p {width: 100%;}
	.training .block .sonota {padding-left: 0;}
	.training .area .support {width: 100%;margin:50px auto 0;flex-flow: column;}
	.training .area .support .block2 {padding: 60px 40px;width: calc(100% - 80px);}
	.training .area .support .block2:first-child { margin-right: 0;margin-bottom: 50px;}
	.training .area .support .block2 .midashi {margin: 0px auto 50px;width: 100%;}
	.loopslider {margin-top: 100px;}
}
@media screen and (max-width: 500px){
	#support{margin-bottom:-320px;}
	.training {margin-top: 130px;}
	.training .area {margin-top: 50px;}
	.training .block,.training .area .support .block2{box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 1);}
	.training .block .flex .midashi,.training .area .support .block2 .midashi{font-size: 1rem;}
	.training .block .flex p,.training .block .sonota,.training .area .support .block2 div p .bikou,.training .area .support .block2 div p{font-size: 0.875rem;}
	.training .area .support .block2 div p:first-child {font-size: 1rem;}
	.loopslider .pr{margin-right: 10px;}
}

/*新卒エントリー***************************/
#entryform{
	padding: 150px 0px 300px;
    background: url(../images/recruit_bg_moyou.png) repeat center center / 50px;
    background-color: #F6F5F0;
    margin-top: -200px;
    margin-bottom: -180px;
}
#entryform2{
	padding: 0px 0px 100px;
	margin-top: 300px;
}
.flow{
	background-color: #fff;
    border-radius: 0px 0px 200px 0px;
	position: relative;
    z-index: 1;
	padding-bottom: 600px;
}
.flow  .mt{
	margin-top: 100px;
}
.flow .flex{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 50px;
	position: relative;
}
.flow .flex::before{
	position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 4px;
    background-color: #000;
}
.flow .flex .box{
	width: calc(80% / 3);
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 0 8px #fff, 0 0 0 11px #000;
	text-align:center;
	margin-right: 90px;
	position: relative;
}
.flow .flex .box::before{
	content: '';
	display: block;
	padding-top: 100%;
}
.flow .flex .box:last-child{
	margin-right: 0px;
}
.flow .flex .box .oswald{
	font-size: 3.75rem;
	background-color: #fff;
	border-radius: 100%;
	width: 105px;
	height: 105px;
	text-align: center;
	position: absolute;
	top: -20px;
    left: -30px;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flow .flex .box div{
	padding: 10%;
}
.flow .flex .box img{
	width: 118px;
	margin-bottom: 20px;
}
.flow .flex .box p{
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.4;
}
.flow .flex .box p span{
	font-size: 1rem;
	font-weight: normal;
}
.flow .green{background-color: #7CE1E2;}
.flow .yellow{background-color: #FFE74C;}
.form{
	width: calc(90% - 100px);
    max-width: 1400px;
    margin: -300px auto 0;
    box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 1);
    border: 2px solid #000;
    border-radius: 20px;
    background: linear-gradient(90deg, rgba(255, 177, 177, 1), rgba(245, 215, 86, 1));
    padding: 50px;
    position: relative;
    z-index: 1;
}
.form_bg{
	background-color: #fff;
	border-radius: 20px;
	padding: 100px 10% 10%;
}
.form .recruit_midashi{
	position: absolute;
    top: -45px;
    left: 100px;
}
.hissu{
	font-size: 1.25rem;
	text-align: center;
	margin-bottom: 20px;
}
.hissu span{
	color: #FF0A0A;
	font-weight: bold;
}
.nyuryoku{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0px 0px 20px;
	margin-bottom: 50px;
}
.form .flex{
	display: flex;
	align-items: center;
	padding: 25px 0px 0px;
}
.form .formtextarea{
	align-items: flex-start!important;
}
.form .flex .formboxmidashi{
	text-align: left;
	width: 320px;
	font-size: 1.125rem;
    font-weight: bold;
}
.form .flex .formnyuryoku{
	width: calc(100% - 320px);
	font-weight: normal;
	font-size: 1.125rem;
	text-align: left;
	word-break: break-all;
}
.form label{
	margin-right: 20px;
	position: relative;
    cursor: pointer;
    display: block;
}
.form input[type="text"],textarea,.form input[type="tel"],.form input[type="email"]{
	width: calc(100% - 40px);
    padding: 20px;
	border: 1px solid #000;
	border-radius: 10px;
	font-size: 1.125rem;
}
.form .number {
	width: calc(30% - 40px)!important;
    padding: 20px!important;
	border: 1px solid #000!important;
	border-radius: 10px!important;
	font-size: 1.125rem!important;
}
.form input[type="checkbox"],.form input[type="radio"] {
  content: "";
  display: inline-block;
  height: 20px;
  position: relative;
  top: -2px;
  vertical-align: middle;
  width: 20px;
}
select{
	width: 130px;
    padding: 20px;
	border: 1px solid #000;
	border-radius: 10px;
	font-size: 1.125rem;
	-webkit-appearance: none;
	appearance: none; /* デフォルトの矢印を非表示 */
	background: url("../images/recruit_form_arrow.png") no-repeat center right 15px/14px;
}
/* Safari */
_::-webkit-full-page-media, _:future, :root .form input[type="radio"],.form input[type="checkbox"] {
    vertical-align:middle;
}
.form .seireki {
    width: 90px !important;
}
.form .tsuki{
	width: 100px !important;
}
.form .yuubin{
	width: 50% !important;
}
.wpcf7-acceptance input[type="checkbox"] {
  display: inline-block !important;
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
}

.wpcf7-submit.kakunin_btn,input.kakunin_btn{
    background: url(../images/recruit_arrow-white.png) no-repeat center right 15px / 15px;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 50px;
    padding: 25px 15px;
    max-width: 350px;
    width: 80%;
    display: block;
    margin: auto;
	font-size: 1.125rem;
	cursor: pointer;
}
.wpcf7-submit.kakunin_btn:hover,input.kakunin_btn:hover{
	opacity: 0.7;
}

input.wpcf7-previous.kakunin_btn {
  display: block!important;
}

.policy{
	background-color: #F6F5F1;
	padding: 50px 12%;
	margin-top: 80px;
}
.policy .ttl{
	font-size: 1.125rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
.wpcf7-list-item{margin: 0!important;}
.wpcf7 form .wpcf7-response-output {
    color: #dc3232;
    text-align: center;
    border: none !important;
    padding: 0 !important;
    margin: 2em 0em 1em !important;
}
.current-check {
 position: absolute;
  top: 0;
  left: -90vw;
}
.comp{
	text-align: center;
    margin-bottom: -80px;
    padding-bottom: 200px;
}
@media screen and (max-width: 1175px){
	.form_bg{padding: 100px 5% 10%;}
	.form .flex .formboxmidashi{width: 280px;}
	.form .flex .formnyuryoku{width: calc(100% - 280px);}
}
@media screen and (max-width: 1133px){
	.flow .flex .box img {width: 80px;}
	.flow .flex .box .oswald {font-size: 2.5rem;width: 80px;height: 80px;top: -10px;left: -20px;}
	.flow .flex:nth-child(3)::before{display: none;}
}
@media screen and (max-width: 960px){
	.flow{padding-bottom: 500px;}
	.flow .flex .box{width: calc(70% / 2);}
	.form{width: calc(90% - 60px);padding: 30px;}
	.form .recruit_midashi{left: 70px;}
	.form .flex{display: block;}
	.form .flex .formboxmidashi,.form .flex .formnyuryoku{width: 100%;}
	.form .flex .formboxmidashi{margin-bottom: 10px;}
}
@media screen and (max-width: 768px){
	.flow .mt {margin-top: 50px;}
	.flow .flex{flex-flow: column;margin-bottom: 0px;}
	.flow .flex::before{width: 4px;height: 100%;}
	.flow .flex .box{width: calc(90% / 2);margin-right: 0px;margin-bottom: 50px;}
	.wpcf7-submit.kakunin_btn,input.kakunin_btn{font-size: 1rem;}
}
@media screen and (max-width: 617px){
	.form .seireki {width: calc(90% - 40px) !important;margin-bottom: 10px;}
}
@media screen and (max-width: 500px){
	#entryform{margin-bottom: -200px;}
	#entryform2{margin-top: 50px;padding: 0px 0px 80px;}
	.flow {padding-bottom: 150px;border-radius: 0px 0px 100px 0px;}
	.flow .flex .box {width: 70%;}
	.flow .flex .box p{font-size: 1rem;}
	.flow .flex .box p span {font-size: 0.75rem;line-height: 1.8;display: block;}
	.flow .flex .box .oswald {font-size: 1.625rem;width: 60px;height: 60px;top: 0px;}
	.flow .flex .box img {width: 60px;}
	.form .recruit_midashi{left: 50px;}
	.form{margin: 0px auto;width: calc(90% - 40px);padding: 20px;box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 1);}
	.form_bg {padding: 80px 5% 10%;}
	.hissu {font-size: 1rem;}
	.form .flex .formboxmidashi,.form .flex .formnyuryoku{font-size: 0.875rem;}
	.form input[type="text"], textarea, .form input[type="tel"], .form input[type="email"]{width: calc(100% - 30px);padding: 15px;font-size: 0.875rem;}
	.form .number{width: calc(50% - 30px)!important;padding: 15px!important;font-size: 0.875rem!important;}
	select{padding: 15px;font-size: 0.875rem;background: url(../images/recruit_form_arrow.png) no-repeat center right 10px / 10px;}
	.wpcf7-submit.kakunin_btn,input.kakunin_btn{font-size: 0.875rem;padding: 20px 15px;}
	.policy{padding: 30px 8%;margin-top: 40px;}
	.policy .ttl {font-size: 1rem;}
	.comp {padding-bottom: 100px;}
}
@media screen and (max-width: 410px){
	.form .recruit_midashi{top: -25px;left: 40px;}
}
@media screen and (max-width: 390px){
	.form .tsuki {width: 80px !important;}
}

/*フッター***************************/
.f_contact{
	background: url(../images/footer.jpg) no-repeat center left/cover;
	width: 100%;
	height: 804px;
	margin-bottom: -50px;
	position: relative;
}
.f_contact .position{
	position:absolute;
  bottom: 0%;
  left:50%;
  transform:translate(-50%,-30%);
	width: 100%;
}
.f_contact .ttl{
	position:relative;
}
.f_contact .ttl h2{
	display: flex;
    align-items: center;
    font-size: 2.5rem;
    color: #fff;
}
.f_contact .ttl img{
	position: absolute;
    top: 40%;
    left: 5%;
    transform: translate(50%, -50%);
    width: auto;
    height: 73px;
}
.f_contact .txt{
	color: #fff;
	margin-top: 20px;
}
.f_contact .link{
	display:flex;
	justify-content: center;
	height: 140px;
	box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.2);
	width: 90%;
	max-width: 1400px;
    border-radius: 20px;
	margin: 60px auto 0;
}
.f_contact .link a:first-child{
	font-size: 1.875rem;
	background: url(../images/recruit_icon-tel-white.png) no-repeat center left 50px/29px;
	background-color: #133E6D;
	border-right: 1px solid #2275D1;
	border-radius: 20px 0px 0px 20px;
}
.f_contact .link a:last-child{
	font-size: 1.25rem;
	background: url(../images/recruit_headericon-mail.png) no-repeat center left 50px/38px;
	background-color: #133E6D;
	border-radius: 0px 20px 20px 0px;
}
.f_contact .link a:first-child,.f_contact .link a:last-child{
	text-align: center;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: bold;
}
.f_contact .link a:last-child:hover{
	background: url(../images/recruit_icon-mail.png) no-repeat center left 50px/38px;
	background-color: #fff;
	color: #2275D1;
}
.f_navi{
	background: url(../images/f_moyou.jpg) no-repeat center center/cover;
	width: 100%;
	height: 100%;
	margin-top: 50px;
}
.f_navi .flex{
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 50px 0 100px;
}
.f_navi .f_logo{
	width: 289px;
	margin-bottom: 10px;
}
.f_navi .f_address{
	color: #fff;
	font-size: 1rem;
}
.f_navi .f_address a{
	color: #fff;
	pointer-events: none;
}
ul.f_navbar{
	display: grid;
    width: fit-content;
    column-gap: 2em;
    grid-template-columns: repeat(4, auto);
}
ul.f_navbar li{
	margin-bottom: 10px;
}
ul.f_navbar li a{
	color: #fff;
}
ul.f_navbar li a:hover{
	opacity: 0.5;
}
@media screen and (max-width: 768px){
	.f_contact{background: url(../images/footer2.jpg) no-repeat top left / cover;height: 640px;}
}
@media screen and (max-width: 500px){
	.f_contact{height: 500px;}
}
@media screen and (max-width: 320px){
	.f_contact{height: 550px;}
}

/*採用情報フッター*/
.footer-recruit{
	background: url(../images/recruit_footer.png) no-repeat center bottom/1420px;
	background-color: #2275D1;
	border-radius: 200px 200px 0px 0px;
	padding: 100px 0px 0px;
	margin-top: 70px;
}
.footer-recruit .f_logo{
	width: 488px;
	margin: auto;
	display: block;
}
ul.f_navbar-recruit{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 50px 0 300px;
}
ul.f_navbar-recruit li{
	padding-right: 40px;
}
ul.f_navbar-recruit li:last-child{
	padding-right: 0px;
}
ul.f_navbar-recruit li a{
	font-size: 1.125rem;
	text-decoration: none;
	display: block;
	cursor: pointer;
	color: #fff;
	text-align: center;
    font-weight: bold;
}
ul.f_navbar-recruit li a span{
	display: block;
	font-size: 0.875rem;
	color: #fff;
}
ul.f_navbar-recruit li a:hover{
	opacity: 0.5;
}
.f_linkbtn{
	display: flex;
	justify-content: space-between;
	padding: 0 10%;
	margin-bottom: 50px;
}
.f_linkbtn a:nth-child(1){
	border: 1px solid #133E6D;
	border-radius: 20px;
	background: url(../images/recruit_icon-site.png) no-repeat center left 20px/22px;
	background-color: #fff;
	font-weight: bold;
	width: 22%;
	text-align: center;
	color: #2275D1;
	padding: 25px 0px;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.f_linkbtn a:nth-child(1):hover{
	background: url("../images/recruit_icon-site_hover.png") no-repeat center left 20px/22px;
	background-color: #133E6D;
	color: #fff;
}
.f_linkbtn .contact{
	display: flex;
	width: 75%;
}
.f_linkbtn .contact p{
	background-color: #133E6D;
	color: #fff;
	font-weight: bold;
	width: 20%;
	text-align: center;
	border-radius: 20px 0px 0px 20px;
	padding: 25px 0px;
	border: 1px solid #133E6D;
}
.f_linkbtn a:nth-child(2),.f_linkbtn a:nth-child(3){
	display: block;
	width: 40%;
	border: 1px solid #133E6D;
	font-weight: bold;
	text-align: center;
	color: #2275D1;
	padding: 25px 0px;
}
.f_linkbtn a:nth-child(2){
	background: url(../images/recruit_icon-tel.png) no-repeat center left 20px/17px;
	background-color: #fff;
	font-size: 1.25rem;
}
.f_linkbtn a:nth-child(3){
	background: url(../images/recruit_icon-mail.png) no-repeat center left 20px/22px;
	background-color: #fff;
	border-radius: 0px 20px 20px 0px;
	margin-left: -1px;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.f_linkbtn a:nth-child(3):hover{
	background: url("../images/recruit_icon-mail_hover.png") no-repeat center left 20px/22px;
	background-color: #133E6D;
	color: #fff;
}
/*共通*/
.f_others{
	border-top: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
}
.f_others a,.f_others p{
	color: #fff;
	font-size: 0.875rem;
}
.f_others a:nth-child(1){
	margin-right: 25px;
}
.f_others a img{
	width: 24px;
	padding-right: 10px;
	margin-top: -5px;
}
.f_others a:hover{
	opacity: 0.6;
}
@media screen and (max-width: 1530px){
	.f_linkbtn {padding: 0 5%;}
}
@media screen and (max-width: 1350px){
	.f_linkbtn .contact p {width: 15%;}
	.f_linkbtn a:nth-child(1),.f_linkbtn .contact p, .f_linkbtn a:nth-child(3){font-size: 0.875rem;}
	.f_linkbtn a:nth-child(3){width: 50%;}
}
@media screen and (max-width: 1110px){
	.f_contact .link a:first-child{background: url(../images/recruit_icon-tel-white.png) no-repeat center left 35px / 20px;background-color: #133E6D;}
	.f_contact .link a:last-child{background: url(../images/recruit_headericon-mail.png) no-repeat center left 30px / 30px;background-color: #133E6D;}
	.f_contact .link a:last-child:hover{background: url(../images/recruit_icon-mail.png) no-repeat center left 30px / 30px;background-color: #fff; }
}
@media screen and (max-width: 1024px){
	f_linkbtn a:nth-child(1) {width: 24%;}
}
@media screen and (max-width: 960px){
	.f_contact .link{flex-flow: column;}
	.f_contact .link a:first-child,.f_contact .link a:last-child{width: 100%;height: 80px;padding: 30px 0;}
	.f_contact .link a:first-child{border-radius: 20px 20px 0px 0px;border-right: none;border-bottom: 1px solid #2275D1;}
	.f_contact .link a:last-child{border-radius: 0px 0px 20px 20px;}
	.f_navi .flex{display: block;padding: 60px 0;}
	.f_navi .f_logo{margin: 0 auto 10px;display: block;}
	.f_navi .f_address{text-align: center;}
	ul.f_navbar{margin: 30px auto 0;}
	.footer-recruit{background: url(../images/recruit_footer.png) no-repeat center bottom / 920px;background-color: #2275D1;padding: 80px 0px 0px;}
	ul.f_navbar-recruit {flex-flow: column;margin: 30px 0;}
	ul.f_navbar-recruit li {padding-right: 0px;padding-bottom: 20px;}
	ul.f_navbar-recruit li:last-child{padding-bottom: 0px;}
	ul.f_navbar-recruit li a {font-size: 0.875rem;}
	ul.f_navbar-recruit li a span{font-size:.75rem;}
	.f_linkbtn{flex-flow: column;margin-bottom: 300px;}
	.f_linkbtn a:nth-child(1){width: 100%;}
	.f_linkbtn .contact{width: 100%;flex-flow: column;margin-top: 10px;}
	.f_linkbtn .contact p{width: 100%;border-radius: 20px 20px 0px 0px;padding: 10px 0px;}
	.f_linkbtn a:nth-child(2), .f_linkbtn a:nth-child(3) {width: 100%;}
	.f_linkbtn a:nth-child(3) {border-radius: 0px 0px 20px 20px;margin-left: 0px;margin-top: -1px;}
	.f_others a, .f_others p {font-size: 0.75rem;}
}
@media screen and (max-width: 768px){
	.f_contact .ttl h2{font-size: 1.875rem;}
	.footer-recruit{border-radius: 100px 100px 0px 0px;padding: 80px 0px 0px;margin-top: 55px;}
	.footer-recruit .f_logo{width: 300px;}
}
@media screen and (max-width: 500px){
	.f_contact .ttl h2 {font-size: 1.25rem;}
	.f_contact .ttl img{height: 40px;left: 10%;}
	.f_contact .link{margin: 30px auto 0;}
	.f_contact .link a:first-child{font-size: 1.125rem;background: url(../images/recruit_icon-tel-white.png) no-repeat center left 20px / 12px;background-color: #133E6D;padding: 20px 0;}
	.f_contact .link a:last-child{font-size: 0.875rem;background: url(../images/recruit_headericon-mail.png) no-repeat center left 20px / 15px;background-color: #133E6D;padding: 20px 0;}
	.f_contact .link a:last-child:hover{font-size: 0.875rem;background: url(../images/recruit_icon-mail.png) no-repeat center left 20px / 15px;background-color: #fff;}
	.f_navi .f_logo{width: 200px;}
	.f_navi .f_address{font-size: 0.875rem;}
	ul.f_navbar{grid-template-columns: repeat(2, auto);}
	.footer-recruit {background: url(../images/recruit_footer.png) no-repeat center bottom / 550px;background-color: #2275D1;}
	.f_linkbtn {margin-bottom: 100px;}
	.f_linkbtn a:nth-child(2), .f_linkbtn a:nth-child(3){padding: 20px 0;}
	.f_others{flex-flow: column;}
	.f_others p{margin-top: 20px;}
}
@media screen and (max-width: 360px){
	.footer-recruit {border-radius: 70px 70px 0px 0px;}
}
@media screen and (max-width: 320px){
	.f_others a:nth-child(1) {margin-right: 10px;}
}