body{font-size:16px; letter-spacing:0.5px;font-family: 'Noto Sans JP'; color:#1A1A1A; font-weight:400; line-height:1.625; /*font-feature-settings: "palt"; -webkit-font-feature-settings: "palt";*/}
.global_inner{max-width:1180px; margin:0 auto; position:relative;padding: 0 20px;}
img{width:100%; height:auto;}
a img{transition:0.3s all;}
@media (hover: hover) and (pointer: fine) {
a img:hover{transform: scale(1.15);transition:0.3s all; }
}

h1,h2,h3,h4,h5,h6{line-height:1;}







.recruit h2{ font-size:32px;position:relative; font-weight:700; margin-bottom:50px;}
.recruit h2:after{ content:"";position: absolute; bottom: -25px; left: -15px;width:202px; height:15px;background:url(/db/img/recruit/text_span_small.svg) no-repeat;}
.recruit h2 span{ display:block; white-space: nowrap; font-family: "Montserrat", sans-serif;color: transparent; background-clip: text;-webkit-background-clip: text; background-image: url(/db/img/recruit/text_bg.png);background-repeat: no-repeat;background-position: left top; margin-bottom:10px;line-height: 1.05; background-size:cover;}

.recruit h2.top{color:#FFF; margin-bottom:0; }
.recruit h2.top:after{ width:190px; height:30px; background:url(/db/img/recruit/text_span.svg) no-repeat;bottom: -35px; }
.recruit h2.top span{ font-size:90px; color:rgba(255, 255, 255, 0.3); margin-bottom:10px; }



.recruit h3{ font-size:24px;font-weight:700; line-height:1.6; margin-bottom:20px;}
 
 

@media screen and (max-width: 768px) {
body{font-size:14px;font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; }
.recruit h2{font-size:24px; margin-bottom:45px;}
.recruit h2:after{background-size: contain !important; width:150px;}
.recruit h2.top{text-align: center;}
.recruit h2.top:after{ width:120px; height:30px; background:url(/db/img/recruit/text_span.svg) no-repeat;bottom: -35px; }
.recruit h2.top span{font-size:44px;}

.recruit h3{ font-size:20px;}
}





header{position: fixed;top: 20px; left: 50%; transform: translateX(-50%); width: 98%; z-index:3;background:#FFF; display:flex;align-items: center;justify-content: space-between;height:80px;border-radius:10px;box-shadow: 0 0 8px 0px rgba(26, 63, 123, 0.25); }
header #navArea{}
header #navArea .inner{width:100%;}
nav{display:flex;justify-content: space-between;align-items: center;margin-left:20px; margin-right:20px; font-weight:500;}
header .logo{margin-left:30px;  font-size:14px; color:#717171; letter-spacing:1px; font-weight:bold;font-family: "Montserrat", sans-serif;}
header .logo a{display:flex;align-items: center;}
header .logo img{width:170px; height:auto; margin-right:20px;}
@media (hover: hover) and (pointer: fine) {
header .logo img:hover{transform: scale(1.0);}
}
nav ul{display:flex;align-items: center;flex-wrap: wrap;}
nav ul li{transition:0.2s all; }
nav ul li a{padding-right:10px; padding-left:10px;transition:0.5s all; }
nav ul li:last-child a{background:#F7FF0E; border-radius:25px; padding-left:35px; padding-right:35px; padding-top:15px; padding-bottom:15px; margin-left:20px;}
@media (hover: hover) and (pointer: fine) {
nav ul li:last-child a:hover{ background:#00A5E6; color:#FFF;}
nav ul li a:hover{transition:0.2s all; color:#00A5E6; }
}

	


/*====================
ハンバーガーメニュー
=====================*/
@media screen and (max-width: 1110px) {
header{height:60px; position:fixed;left: unset;right: 0;width: 100%;transform: unset;top: 0px; z-index:3;display:flex;align-items: center;justify-content: space-between; padding:0px 10px; border-radius:0px;}

header .logo{margin-left:10px; font-size:12px;}
header .logo img{width:auto; height:40px;margin-right:10px;}
header .open nav {right: 0;opacity: 1;top:0px;box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08);width:100%; padding-top:80px;transition : all 0.6s ease 0s;}
header nav {display: block;position: fixed;top: 0;bottom: 0;-webkit-overflow-scrolling: touch;z-index: 102;opacity: 0;margin-left:0px; margin-right:0px;padding-top:80px;transition : all 0.5s ease 0s;}
header nav ul{flex-direction: column;align-items: flex-start; padding:60px 25px 65px 25px;background-color:#FFF;box-shadow: 0px 0px 20px rgba(26, 63, 123, 0.25);border-radius: 20px; width:90%; margin-left:auto; margin-right:auto;}
header nav ul li{text-align:left; margin-bottom:40px;width:100%; }
header nav ul li a{color:#1A1A1A; font-size:20px; display:flex;justify-content: space-between;}
header nav ul li a .btn_circle_right.small{margin-left:0px;}
header nav ul li:after{content:none;}
header nav ul li:nth-child(4){margin-bottom:0;}
header nav ul li.pc{display:none !important;}
header .btn_entry{background:#F7FF0E;font-family: "Montserrat", sans-serif; font-size:12px; font-weight:bold;display:flex;justify-content: center;align-items: center;height:100%; width:60px; padding:0 10px; position:absolute; right:60px; top:0; }

header nav ul li .btn_circle_right.small{height:28px; width:28px;}
header nav ul li .btn_circle_right:before{ width: 9px !important;height: 9px !important; top:10px !important;left:9px !important;}
header nav ul li .btn_circle_right.small:after{height:28px; width:28px;}
/*============
ハンバーガーメニューのトグル
=============*/
.toggle_btn {display: block;position: fixed;top:0px; right:0px;width: 60px;height: 60px;transition: all .5s;cursor: pointer;z-index: 103; background:#FFF;}
.toggle_btn p{font-size:12px;}
.toggle_btn span {display: block;position: absolute;left: 15px;width: 30px;height: 3px;background-color: #1A1A1A;border-radius: 4px;transition: all .5s;}
.toggle_btn span:nth-child(1) {top: 18px;}
.toggle_btn span:nth-child(2) {top: 28px; width:30px;left: unset;right: 15px;}
.toggle_btn span:nth-child(3) {top: 38px;}
.open .toggle_btn span {background-color: #1A1A1A;}
.open .toggle_btn span:nth-child(1) {transform: translateY(10px) rotate(-315deg);}
.open .toggle_btn span:nth-child(2) {opacity: 0;}
.open .toggle_btn span:nth-child(3) {transform: translateY(-10px) rotate(315deg);}

/*========================
ハンバーガーメニューのマスク
=========================*/
#mask {display: none;transition: all .5s;}
.open #mask {display: block;position: fixed;top: 0;right: 0;width: 100%;height: 100%;opacity: .8;z-index: 101; }
}

/*========================
キービジュアル
=========================*/
.recruit .kv{ height:calc(100vh - 80px); border-radius:0 0 100px 0; overflow:hidden; /*background-image:url(/db/img/recruit/kv_bg.png) ; background-repeat:no-repeat; background-size:cover;display:flex;justify-content: center; position:relative;background-position:center bottom;*/}
.recruit .kv img{height:100%; object-fit:cover;    object-position: center;}
.recruit .kv .character{position:absolute;right:65vw; bottom:40px; width:240px;max-width:230px; height:auto; }
.recruit .kv .character img{}
/*.recruit .kv img.round{right:0; bottom:7.4vh; height:100px; width:100px; position:absolute;}
.recruit .kv .person{width:50%;}
.recruit .kv .person img{height:100%; object-fit:cover;}
.recruit .kv .town{position:absolute;  left: 0%;    bottom:25vh; height:auto; width:80%;}
.recruit .kv .town img{mix-blend-mode: hard-light;}

.recruit .kv .town img.character{position: absolute; bottom: -88%; left: 50%;    transform: translate(-50%, -50%); width:16vw;mix-blend-mode: unset;}*/
.recruit .kv .text_area{width:70%; position:absolute; top:20vh; left:5%; }
.recruit .kv .text_area .copy{ font-size:max(4.5vw,40px); color:#FFF;text-shadow: 0 0 14px rgba(26, 63, 123, 0.30); font-weight:700;font-feature-settings: "palt"; -webkit-font-feature-settings: "palt";}
.recruit .kv .text_area .copy span{ position:relative;}
.recruit .kv .text_area .copy span:after{ content:""; width:10vw;min-width: 100px; height:3vh; background:url(/db/img/recruit/text_span.svg) no-repeat; position:absolute;bottom: -2.5vh; left:2.0vw;    background-size: contain; }


.recruit .kv .text_area .copy2{ font-size:max(2.3vw,24px); color:#FFF;text-shadow: 0 0 14px rgba(26, 63, 123, 0.30);font-weight:700;}
.recruit .kv .photo{width:40%;}

@media screen and (max-width: 768px) {
.recruit .kv{display:flex;flex-direction: column;overflow: hidden;height:auto;background-image:url(/db/img/recruit/kv_bg_sp.png) ;background-repeat: no-repeat;background-size: cover;border-radius:0 0 60px 0;}
.recruit .kv img.person{ width:100%; height:auto; margin-top:-40px; }
/*.recruit .kv .town{position:absolute;top:34vh; height:auto; width:95%; left: 50%; transform: translateX(-50%); }*/
.recruit .kv .illustration{ position:relative;}
.recruit .kv .illustration img.town{mix-blend-mode: hard-light;position: static;top: unset;left: unset;transform: unset; width:95%; height:auto; object-fit: unset;}
.recruit .kv .illustration img.character{position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%; width:30vw;}

.recruit .kv .text_area{ position:static; width:100vw; margin-top:90px; line-height:1.2;padding-left: 5%; margin-bottom:20px;}
.recruit .kv .text_area .copy{margin-bottom:6%;font-size:54px;}
.recruit .kv .text_area .copy2{font-size:20px;}
.recruit .kv .text_area .copy span:after{left:25px;}
}
/*========================
トップ：メッセージ
=========================*/
.recruit .message{background:url(/db/img/recruit/bg_sky.png) no-repeat; background-size:cover;margin-top:-100px; padding-top:200px; padding-bottom:100px; border-radius:0 0 60px 60px;}
.recruit .message h2.top { text-align:center;}
.recruit .message h2.top span{ background:none;}
.recruit .message h2.top:after{ left: 50%; transform: translateX(-50%);}

.recruit .message .box{display:flex;justify-content: space-between;  align-items: flex-start;margin-top:80px;}
.recruit .message .box .text_area{width:62%; color:#FFF; font-size:18px; line-height:1.6;}
.recruit .message .box .photo{width:33%; }
.recruit .message .box .photo img{aspect-ratio: 6 / 4;border-radius:30px; }
.recruit .message .btn_introduction{border-radius:30px;box-shadow: 0px 0px 20px 0px #1A3F7B40; background:#FFF; font-size:32px; color:#00A5E6; position:relative; margin-top:60px; width:75%; margin-left:auto; margin-right:auto;font-weight:700;}
.recruit .message .btn_introduction a {display:block; padding:40px;transition:0.2s all; text-align:center;}
.recruit .message .btn_introduction h3{font-size:16px; color:#1A1A1A; margin-bottom:14px; font-weight:500;}
.recruit .message .btn_introduction .btn_circle_right.small{position: absolute; top: 50%; right: 5%; transform: translateY(-50%); }
.recruit .message .btn_introduction img.character{position:absolute; left:-70px;bottom:-50px; width:230px;}

@media screen and (max-width: 768px) {
.recruit .message{margin-top:-70px; padding-top:120px; padding-bottom:70px;border-radius:0 0 40px 40px;}
.recruit .message h2.top{font-size:24px;}
.recruit .message .box{flex-direction: column;margin-top:60px;}
.recruit .message .box .text_area{width:100%; font-size:16px;}
.recruit .message .box .photo{width:100%; margin-top:40px;}
.recruit .message .btn_introduction{margin-top:40px; font-size:24px; width:100%; line-height:1;}
.recruit .message .btn_introduction a{padding:65px 15px 15px 15px;}
.recruit .message .btn_introduction h3{font-size:14px; margin-bottom:10px;}
.recruit .message .btn_introduction .btn_circle_right.small{position:relative; transform:none;margin-left: auto !important; right:0 !important; margin-top:5px;}
.recruit .message .btn_introduction img.character{left:-10px;bottom:-100px; width:160px;}
.recruit .message .btn_circle_right.small{margin-left:15px;}
}



/*========================
トップ：仕事を知る
=========================*/
.recruit .top_ourjob{ margin-top:-40px; padding-top:110px}
.recruit .top_ourjob .heading{display:flex;justify-content: space-between;align-items: flex-end;   }
.recruit .top_ourjob .heading .text{width:60%; margin-left:40px;}
.recruit .top_ourjob h2.top{color:#1A1A1A;}
.recruit .top_ourjob h2.top:after{left:-10px;}
.recruit .top_ourjob h2.top span{color: transparent;}
.recruit .top_ourjob .box{display:flex;justify-content: space-between; margin-top:60px;}
.recruit .top_ourjob .box a{display:block;width:48%; height:300px; overflow:hidden; border-radius:30px;}

.recruit .top_ourjob .box .item{ overflow:hidden; position:relative; text-align:center; height:100%;   background-repeat: no-repeat;transition:0.5s all; }

.recruit .top_ourjob .box .item.photo01{background: linear-gradient(rgba(0, 0, 0, .5),  rgba(0, 0, 0, .5)),  url("/db/img/recruit/top_ourjob01.png");background-size:100%; background-position:center;background-repeat:no-repeat;}
.recruit .top_ourjob .box .item.photo02{background: linear-gradient(rgba(0, 0, 0, .5),  rgba(0, 0, 0, .5)),  url("/db/img/recruit/top_ourjob02.png");background-size:100%; background-position:center;background-repeat:no-repeat;}
@media (hover: hover) and (pointer: fine) {
.recruit .top_ourjob .box .item.photo01:hover{background-size:120%; }
.recruit .top_ourjob .box .item.photo02:hover{background-size:120%;  }
}

.recruit .top_ourjob .box .item .btn_circle_right{position:absolute; bottom:20px;right:20px;}
.recruit .top_ourjob .box .item h3{position: absolute; top: 110px; left: 50%; transform: translateX(-50%); font-size:32px; color:#FFF;white-space:nowrap; z-index:1; }
.recruit .top_ourjob .box .item .dept{position: absolute; top: 180px; left: 50%; transform: translateX(-50%); z-index:1; }
.recruit .top_ourjob .box .item .dept ul{display:flex; margin-bottom:10px;}
.recruit .top_ourjob .box .item .dept ul li{border-radius:50px; padding:5px 15px; color:#00A5E6; background:#FFF; margin:0 5px 0px 5px; white-space:nowrap;}

@media screen and (max-width: 768px) {
.recruit .top_ourjob{padding-top:130px;}
.recruit .top_ourjob .heading{flex-direction: column;align-items: center;}
.recruit .top_ourjob .heading .text{width:100%; margin-left:0px; margin-top:50px;}
.recruit .top_ourjob .box{flex-direction: column; margin-top:40px;}
.recruit .top_ourjob .box a{width:100%;height:260px;}
.recruit .top_ourjob .box a:first-child{margin-bottom:20px;}
.recruit .top_ourjob h2.top:after{left: 50%;    transform: translateX(-50%);}
.recruit .top_ourjob .box .item.photo01{background-size:cover;}
.recruit .top_ourjob .box .item.photo02{background-size:cover;}
.recruit .top_ourjob .box .item h3{top:100px; font-size:24px;}
.recruit .top_ourjob .box .item .dept{top:150px;}
.recruit .top_ourjob .box .item .dept ul li{font-size:14px;}
}

/*========================
トップ：人を知る
=========================*/
.recruit .top_people{background:url(/db/img/recruit/bg_sky.png) no-repeat; background-size:cover; padding:100px 0; margin-top:100px; border-radius:30px; margin-bottom:100px;}
.recruit .top_people h2 span{background:none;}
.recruit .top_people .heading{display:flex;justify-content: space-between;align-items: flex-end; padding-left:60px; padding-right:60px;   }
.recruit .top_people .heading .text{width:60%; margin-left:40px; color:#FFF;}

.recruit .top_people .head h2:after{left:-10px;}
.recruit .top_people img.character{position:absolute; right:50px;top:-60px; width:230px;}

.recruit .top_people .swiper-wrapper{height:auto; position:relative; font-size:20px; font-weight:700;}
.recruit .top_people .swiper{color:#FFF; margin-top:60px; padding-bottom:60px;padding-top:20px;}
.recruit .top_people .swiper img{border-radius:10px; margin-bottom:10px;filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));}
@media (hover: hover) and (pointer: fine) {
.recruit .top_people .swiper img:hover{transform: scale(1.0); margin-top:-12px;}
}

.swiper-pagination{ position:absolute;  left: 50%!important;  bottom:0px!important;    transform: translateX(-50%)!important;}
.swiper-pagination-bullet {border-radius: inherit;  margin: 0!important;  width: 54px;  height: 3px;  background: #FFF;  opacity: 1;}
.swiper-pagination-bullet-active {background: #0A80AF;  opacity: 1;}

@media screen and (max-width: 768px) {
.recruit .top_people{padding:55px 25px; margin-bottom:80px; margin-top:80px;}
.recruit .top_people .heading{flex-direction: column;align-items: flex-start; margin-left:auto; margin-right:auto; padding:0;}
.recruit .top_people .heading h2{text-align:left;}
.recruit .top_people .heading h2:after{left:-10px;}
.recruit .top_people .heading .text{width:100%; margin-left:0px; margin-top:50px; }
.recruit .top_people img.character{right:0px;top:10px; width:130px;}
.recruit .top_people .swiper{margin-top:0px;padding-bottom: 40px;}
.recruit .top_people .swiper img{filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25));padding: 7px;border-radius: 17px;    margin-bottom: 0px;}
.swiper-pagination-bullet {border-radius: inherit;  margin: 0!important;  width: 10%;  height: 3px;  background: #FFF;  opacity: 1;}
.swiper-pagination-bullet-active {background: #0A80AF;  opacity: 1;}
}

/*========================
トップ：職場環境を知る
=========================*/

.swiper-image .swiper-wrapper{ height:auto;}
.swiper-image img{object-fit:cover; aspect-ratio:16 / 9}

.swiper-image {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.recruit .top_environment{ margin-top:-100px; padding-top:200px}
.recruit .top_environment h2.top{color:#1A1A1A;}
.recruit .top_environment h2.top:after{left:10px;}
.recruit .top_environment h2.top span{color: transparent; }

.recruit .top_environment .box{display:flex;justify-content: space-between; align-items: center;margin-top:60px;}
.recruit .top_environment .box .text_area{width:45%; font-weight:500;}
.recruit .top_environment .box .text_area ul{margin-top:20px;}
.recruit .top_environment .box .text_area ul li{font-size:20px;margin-bottom:25px; font-weight:700;}
.recruit .top_environment .box .text_area ul li a{display:flex;align-items: center;box-shadow: 0px 0px 20px rgba(26, 63, 123, 0.25);border-radius: 10px;  padding:25px;}
.recruit .top_environment .box .text_area ul li .ic{width:50px; text-align:center;margin-right:20px;}
.recruit .top_environment .box .text_area ul li .ic img{width:auto; height:36px; }
.recruit .top_environment .box .text_area ul li .btn_circle_right.small{margin-left:auto !important;}

.recruit .top_environment .box .text_area .ViewMore_text{margin-top:40px;}
.recruit .top_environment .box .text_area .ViewMore_text a{justify-content: flex-end; }
.recruit .top_environment .box .photo{width:50%; border-radius:30px; overflow:hidden;}
.recruit .top_environment .box .photo img{height:100%; object-fit:cover;    aspect-ratio: 1 / 1;}

@media screen and (max-width: 768px) {
.recruit .top_environment{ margin-top:80px; padding-top:0px;}
.recruit .top_environment h2.top:after{left: 50%;    transform: translateX(-50%);}
.recruit .top_environment .box{flex-direction: column; margin-top:50px;}
.recruit .top_environment .box .text_area{width:100%;}
.recruit .top_environment .box .text_area ul{margin-top:50px;}
.recruit .top_environment .box .photo{width:100%; margin-top:25px;}
.recruit .top_environment .box .photo img{height:320px;}
.recruit .top_environment .box .text_area ul li{margin-bottom:16px;}
.recruit .top_environment .box .text_area ul li a{border-radius: 10px;  padding:20px;}
.recruit .top_environment .box .text_area ul li .ic{width:40px; margin-right:15px;}
.recruit .top_environment .box .text_area ul li .ic img{height:30px; }
.recruit .top_environment .box .text_area .ViewMore_text{margin-top:35px;}
.recruit .top_environment .box .text_area .ViewMore_text a{    justify-content: center;}


}
/*========================
トップ：募集要項バナーエリア
=========================*/
.banner_recruitment{ width:800px; margin:100px auto 0 auto; font-size:32px;}
.banner_recruitment .ViewMore_text{font-size:16px;}
.btn_recruitment{background: linear-gradient(0deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.62)), url(/db/img/recruit/bnr_recruitment.png);background-repeat: no-repeat;box-shadow: 0px 0px 20px rgba(26, 63, 123, 0.25);border-radius: 30px; overflow:hidden;    background-size:100%; height:175px;  position:relative;background-position:center;transition:0.5s all; font-weight:700;}
@media (hover: hover) and (pointer: fine) {
.btn_recruitment:hover{background-size:115%;background-position:center;}
}
.btn_recruitment a{display:block; height:100%; width:100%;display:flex;justify-content: center;align-items: center;}
.btn_recruitment .btn_circle_right{position: absolute; top: 50%; right: 5%; transform: translateY(-50%); }

.banner_recruitment .ViewMore_text a{justify-content: center !important;}

@media screen and (max-width: 768px) {
.banner_recruitment{ width:100%; font-size:24px;margin:80px auto 0 auto;} 
.btn_recruitment{text-align: center;background-size: cover;        background-position: left;}
.btn_recruitment a{}
.btn_recruitment .btn_circle_right{top:unset; bottom:-10px;}
.recruit .banner_recruitment .ViewMore_text{margin-top:35px;}
}

/*========================
下層：ヘッダー
=========================*/
.recruit .head{height:480px; border-radius:0 0 60px 60px;background:url(/db/img/recruit/bg_sky.png) no-repeat; background-size:cover; border-radius: 0 0 60px 60px;  margin-bottom:80px;}
.recruit .head .pankuzu{padding-top:120px; margin-bottom:70px; color:#FFF; font-size:14px; }
.recruit .head .pankuzu ul{display:flex;}
.recruit .head .pankuzu ul li{position:relative; margin-right:30px;}
.recruit .head .pankuzu ul li:after{content: '';width: 7px;height: 7px;border-top: solid 1px #FFF;border-right: solid 1px #FFF;position: absolute;right: -15px;top: 7px;transform: rotate(45deg);}
.recruit .head .pankuzu ul li:last-child:after{content:none;}
.recruit .head img{position:absolute; top:160px; right:20px; width:45%; max-width:650px; height:350px; object-fit:cover;z-index: 1; border-radius:30px;}
.recruit .head img.about{width:70%; min-width:600px; max-width:1100px; height:auto; border-radius:0px; top:100px; right:0;}

.recruit .head h1{font-weight:bold; font-size:32px;position:relative;color:#FFF; position:relative;    z-index: 2; }
.recruit .head h1 span{ display:block; white-space: nowrap; font-family: "Montserrat", sans-serif; font-size:75px; color:rgba(255, 255, 255, 0.3); margin-bottom:10px;}
.recruit .head h1:after{ content:"";position: absolute;bottom: -36px; left: 5px; width:190px; height:30px; background:url(/db/img/recruit/text_span.svg) no-repeat; background-size:contain !important; }

@media screen and (max-width: 768px) {
.recruit .head{height:480px;}
.recruit .head .pankuzu{padding-top:80px; margin-bottom:40px; font-size:12px;}
.recruit .head h1{font-size:24px;}
.recruit .head h1 span{font-size:44px;}
.recruit .head h1:after{ width:130px;left: 0px; }
.recruit .head img{left: 50%; transform: translateX(-50%);top:280px; width:90%; height:230px;}
.recruit .head img.about{min-width:auto;top:250px; width:98%;}
}


/*========================
文化シヤッターとは
=========================*/
.recruit .about h2 span.about{background-image: url(/db/img/recruit/text_bg_about.png);}
.recruit .about .motto{ position:relative;background:url(/db/img/recruit/bg_sky.png) no-repeat; background-size:cover; padding:60px; border-radius: 30px; text-align:center; margin-top:60px;}
.recruit .about .motto h2{color:#F7FF0E; font-size:36px; margin-bottom:20px;}
.recruit .about .motto h2:after{content:none;}
.recruit .about .motto h3{color:#00A5E6; margin-bottom:10px; }

.recruit .about .motto .copy{ font-size:24px;margin-bottom:20px; color:#FFF; font-weight:700;}
.recruit .about .motto .box{display:flex;justify-content: space-between;}
.recruit .about .motto .box .item{width:31%;box-shadow: 0px 0px 20px rgba(26, 63, 123, 0.25);border-radius: 20px; background:#FFF; padding:30px;}
.recruit .about .motto .box .item .text{text-align:left; font-weight:500;}
.recruit .about .motto img.character{position:absolute; left:-40px; top:20px;width:200px;}
.recruit .about .recruit_ViewMore{margin-top:40px;}

.recruit .about .business{margin-top:100px;}
.recruit .about .business .heading{display:flex;align-items:center; }
.recruit .about .business .heading .text{width:60%; margin-left:80px; }
.recruit .about .business .box{display:flex;flex-wrap: wrap; margin-top:20px;}
.recruit .about .business .box .item{width:31%;margin-right:3.5%; margin-bottom:60px;}
.recruit .about .business .box .item:nth-child(3n){margin-right:0;}
.recruit .about .business .box .item .photo{border-radius:30px; overflow:hidden; margin-bottom:10px;}
.recruit .about .business .box .item .photo img{height:230px; object-fit:cover;}
.recruit .about .business .box .item h3{ margin-bottom:10px;}
.recruit .about .business .box .item .text{}
.recruit .about .strength{position:relative;background:url(/db/img/recruit/bg_strength.png) no-repeat; background-size:cover; padding:140px 0; margin-top:160px;}
.recruit .about .strength h2{position:absolute; top:0%; left:0%;}
.recruit .about .strength h2 span{background-image: url(/db/img/recruit/text_bg_strength.png); background-size:auto;}
.recruit .about .strength .box{}
.recruit .about .strength .box .item{display:flex;align-items: center; margin-bottom:20px;}
.recruit .about .strength .box .item:nth-child(1){margin-left:35%;}
.recruit .about .strength .box .item:nth-child(2){margin-left:25%; margin-top:-20px;}
.recruit .about .strength .box .item:nth-child(3){margin-left:15%; margin-top:-20px;}
.recruit .about .strength .box .item:nth-child(4){margin-left:4%; margin-top:-20px;}
.recruit .about .strength .box .item h3{box-shadow: 0px 0px 20px rgba(26, 63, 123, 0.25); background:#FFF; text-align:center;width:170px; height:170px;aspect-ratio: 1 / 1; border-radius:50%; display:flex;justify-content: center;align-items: center; font-size:32px; color:#00A5E6; margin-right:40px; line-height:1.4; margin-bottom:0px;}
.recruit .about .strength .box .item .text{font-size:20px; width:65%;font-weight:500;}
.recruit .about .strength .box .item:nth-child(3) .text{width:60%;}
.recruit .about .strength .box .item:nth-child(4) .text{width:55%;}

.recruit .about .data{margin-top:0px;}
.recruit .about .data .box{display:flex;flex-wrap: wrap; margin-top:60px; text-align:center;}
.recruit .about .data .box .item{width:31%;margin-right:3.5%; margin-bottom:60px; background:#E7F2F8; border-radius:30px; padding:40px 5px;}
.recruit .about .data .box .item:nth-child(3n){margin-right:0;}
.recruit .about .data .box .item .photo{margin-bottom:20px;}
.recruit .about .data .box .item .photo img{height:70px; width:auto;}
.recruit .about .data .box .item .number{font-size:60px; color:#00A5E6; font-weight:bold;font-family: "Montserrat", sans-serif; line-height:1; }
.recruit .about .data .box .item .number span{font-size:24px; color:#1A1A1A; margin-left:5px; margin-right:5px;font-family: 'Noto Sans JP'; }
.recruit .about .data .box .item .notes{}

.recruit .about .initiatives{margin-top:140px;}
.recruit .about .initiatives .box{display:flex;justify-content: space-between;}
.recruit .about .initiatives .box .item{width:48%;}
.recruit .about .initiatives .box .item .photo{border-radius:30px; overflow:hidden; margin-bottom:10px;}
.recruit .about .initiatives .box .item .photo img{height:230px; object-fit:cover;}
.recruit .about .initiatives .box .item .heading{display:flex;justify-content: space-between;align-items: center;margin-bottom:10px;}
.recruit .about .initiatives .box .item .heading h3{margin-bottom:0;}
.recruit .about .initiatives .box .item .heading .ViewMore_text{margin:0;}
.recruit .about .initiatives .box .item .text{}

.recruit .about .appeal{margin-top:80px; padding:60px 40px; background:#E7F2F8; border-radius:30px; text-align:center;position:relative;}
.recruit .about .appeal h2{z-index:0; margin-bottom:50px;}
.recruit .about .appeal h2:after{bottom: -15px; left: 57%;width:124px; height:59px;background:url(/db/img/recruit/ic_circle.svg) no-repeat; z-index:-1;}
.recruit .about .appeal .box{ text-align:left; }
/*.recruit .about .appeal .box ul{margin-bottom:10px;display:flex;justify-content: center; font-size:20px; font-weight:700; color:#00A5E6;}
.recruit .about .appeal .box ul li{border-radius: 20px 20px 20px 0px;background: #FFFFFF;padding: 27px 32px;display:flex;justify-content: center;align-items: center; margin-left:5px; margin-right:5px; text-align:left;}*/
.recruit .about .appeal img.character{position:absolute;right: 3%; bottom:20px; width:200px;}

.recruit .about .appeal .box ul:nth-child(1){align-items: flex-end;}
.recruit .about .appeal .box ul:nth-child(1) li:nth-child(1){width:50%;}
.recruit .about .appeal .box ul:nth-child(1) li:nth-child(2){width:25%;}
.recruit .about .appeal .box ul:nth-child(2){justify-content: flex-start;align-items: flex-start;}
.recruit .about .appeal .box ul:nth-child(2) li:nth-child(1){width:35%;}
.recruit .about .appeal .box ul:nth-child(2) li:nth-child(2){width:30%;}
.recruit .about .appeal .box ul:nth-child(2) li:nth-child(3){width:20%;}

.recruit .about .appeal .box ul:nth-child(3) li:nth-child(1){width:25%;}
.recruit .about .appeal .box ul:nth-child(3) li:nth-child(2){width:35%;}

.recruit .about .appeal .text_image{text-align:left; width:85%;}



.recruit .about .links{ margin-top:100px; }
.recruit .about .links .box{display:flex;justify-content: space-between;}
.recruit .about .links .box .item{width:22%; padding:20px;display:flex;justify-content: center;align-items: flex-end; border:solid 1px #CBCBCB; border-radius:20px;}

.recruit .about .ViewMore{ margin-left:0;}
.recruit .about .business .ViewMore{ margin-left:auto;}
.recruit .about .strength .ViewMore{ margin-left:auto;}

@media (hover: hover) and (pointer: fine) {
.recruit .about .links .box .item img:hover{transform: scale(1.0); opacity:0.6;}
}

@media screen and (max-width: 768px) {
.recruit .about .motto{padding:55px 25px;}
.recruit .about .motto h2{font-size:30px;}
.recruit .about .motto .copy{ font-size:20px;margin-bottom:40px;}
.recruit .about .motto .box{flex-direction: column;}
.recruit .about .motto .box .item{width:100%; margin-bottom:10px; padding:25px;}
.recruit .about .motto img.character{left:unset; top:unset; right:0; bottom:-40px;width:135px;}

.recruit .about .business{margin-top:75px;}
.recruit .about .business .heading{flex-direction: column;align-items: self-start; }
.recruit .about .business .heading .text{width:100%; margin-left:0px; }
.recruit .about .business .box{flex-direction: column; margin-top:30px;}
.recruit .about .business .box .item{width:100%;margin-right:0%; margin-bottom:30px;}
.recruit .about .business .box .item:last-child{margin-bottom:0;}
.recruit .about .business .btn_circle_right.small{margin-left:25px;}


.recruit .about .strength{margin-top:75px; padding:55px 25px 90px 25px;}
.recruit .about .strength .global_inner{padding-left:0; padding-right:0;}
.recruit .about .strength h2{position:relative; margin-bottom:45px;}
.recruit .about .strength h2 span{color:#4cbff6;}
.recruit .about .strength .box .item{flex-direction: column;}
.recruit .about .strength .box .item:nth-child(1){margin-left:0%;}
.recruit .about .strength .box .item:nth-child(2){margin-left:0%; margin-top:35px;}
.recruit .about .strength .box .item:nth-child(3){margin-left:0%; margin-top:35px;}
.recruit .about .strength .box .item:nth-child(4){margin-left:0%; margin-top:35px;}
.recruit .about .strength .box .item h3{margin-right:0; border-radius:50px; aspect-ratio:auto; width:100%; height:auto; font-size:20px; padding:10px 0;}
.recruit .about .strength .box .item .text{width:100%; font-size:16px; margin-top:25px;}
.recruit .about .strength .box .item:nth-child(3) .text{width:100%;}
.recruit .about .strength .box .item:nth-child(4) .text{width:100%;}

.recruit .about .data .box{flex-direction: column;}
.recruit .about .data .box .item{width:100%; margin-right:0; padding:30px; position:relative; margin-bottom:15px;}
.recruit .about .data .box .item .number{width:100%;font-size:50px;}
.recruit .about .data .box .item .number span{font-size:20px;}
.recruit .about .data .box .item .photo{margin-bottom:0px; margin-right:0px; position:absolute; top:25px; left:25px;}
.recruit .about .data .box .item .photo img{height:35px; }
.recruit .about .data .box .item h3{font-size:20px; margin-bottom:10px;}
.recruit .about .data .box .item .notes{margin-top:10px;}

.recruit .about .initiatives{margin-top:75px;}
.recruit .about .initiatives .box{flex-direction: column;}
.recruit .about .initiatives .box .item{width:100%; margin-top:40px;}
.recruit .about .initiatives .box .item .photo img{height:145px;}
.recruit .about .initiatives .box .item .ViewMore_text{margin-top:5px;}
.recruit .about .initiatives .box .item .ViewMore_text a{justify-content: flex-end;}

.recruit .about .appeal{padding:50px 25px; text-align:left;}
.recruit .about .appeal h2{margin-bottom:35px; line-height:1.4;}
.recruit .about .appeal h2:after{bottom: -15px; left: -3%;width:73px; height:45px;background:url(/db/img/recruit/ic_circle.svg) no-repeat; z-index:-1;}
.recruit .about .appeal .box{ text-align:center; }
.recruit .about .appeal .box ul:nth-child(1){align-items: unset;justify-content: unset;}
.recruit .about .appeal .box ul:nth-child(1) li:nth-child(1){width:80%;margin-right: 0px;}
.recruit .about .appeal .box ul{width:100%;font-size:16px;flex-wrap: wrap;}
.recruit .about .appeal .box ul li{padding:15px; margin-bottom:10px;margin-left: 0px;margin-right: 0px;}
.recruit .about .appeal .box ul li:nth-child(2){width:65% !important;margin-left: auto;}
.recruit .about .appeal .box ul li:nth-child(3){width:75%;}
.recruit .about .appeal .box ul li:nth-child(4){width:90%;margin-left: auto;}
.recruit .about .appeal .box ul li:nth-child(5){width:45%; margin-right:3%;}
.recruit .about .appeal .box ul li:nth-child(6){width:52%;}
.recruit .about .appeal .box ul li:nth-child(7){width:80%; margin-bottom:0;margin-left: auto;}
.recruit .about .appeal img.character{position:absolute;right: -20px; bottom:unset; top:10px; width:160px;}
.recruit .about .appeal .text_image{text-align:center; width:100%;}

.recruit .about .links{margin-top:50px;}
.recruit .about .links .box{flex-wrap: wrap;justify-content: space-between;}
.recruit .about .links .box .item{width:48%; margin-bottom:20px;}
.recruit .about .links .box .item:nth-child(3){margin-bottom:0;}
.recruit .about .links .box .item:nth-child(4){margin-bottom:0;}

.recruit .about .ViewMore{ margin-left:auto;}

}







/*========================
仕事を知る
=========================*/
.recruit .work{}
.recruit .work .dept{ margin-top:60px;}
.recruit .work .dept .box{display:flex;justify-content: space-between;flex-wrap: wrap; margin-bottom:100px;}
.recruit .work .dept .box .item{ background:#E7F2F8; border-radius:30px; width:48.5%; margin-bottom:30px; padding:35px;}
.recruit .work .dept .box .item h3{font-size:32px; color:#00A5E6; margin-bottom:25px; line-height:1;display:flex;align-items: center;}
.recruit .work .dept .box .item h3 span{ margin-right:15px;}
.recruit .work .dept .box .item h3 span img{width:50px;}
.recruit .work .dept .box .item .text{}

.recruit .work .flow{margin-top:100px;}
.recruit .work .flow .heading{display:flex;align-items:center; }
.recruit .work .flow .heading .text{width:60%; margin-left:80px; }

@media screen and (max-width: 768px) {
.recruit .work .dept .box{flex-direction: column;margin-bottom:75px;}
.recruit .work .dept .box .item{  width:100%;margin-bottom:15px;padding:20px;}
.recruit .work .dept .box .item:last-child{margin-bottom:0;}
.recruit .work .dept .box .item h3{font-size:24px;    margin-bottom: 15px;}
.recruit .work .dept .box .item h3 span img{width:40px;}

.recruit .work .flow{margin-top:75px;}
.recruit .work .flow .heading{flex-direction: column;align-items: self-start; margin-bottom:35px; }
.recruit .work .flow .heading .text{width:100%; margin-left:0px; }

}


/*========================
職場環境を知る
=========================*/
.recruit .environment{}
.recruit .environment .wlb_welfare .box{display:flex;flex-wrap: wrap;align-items: center; margin-bottom:100px;}
.recruit .environment .wlb_welfare .box .item{display:flex;align-items: center; border-radius:50px; background:#E7F2F8; padding:20px 30px; font-size:24px; font-weight:bold; margin-bottom:15px; margin-right:15px;}
.recruit .environment .wlb_welfare .box .item img{width:50px; margin-right:20px;}
.recruit .environment .wlb_welfare .box .item span.big{font-size:150%; padding-bottom:8px; line-height:1;}
.recruit .environment .wlb_welfare .box .item .note{ font-size:16px; margin-left:20px;}

.recruit .environment .training .text{ margin-bottom:50px;}
.recruit .environment .training .box{display:flex;justify-content: space-between; margin-bottom:60px;}
.recruit .environment .training .box .text{width:30%;}
.recruit .environment .training .box .photo{width:33%; border-radius:30px; overflow:hidden;}
.recruit .environment .training .box .photo img{height:260px; object-fit:cover;}

@media screen and (max-width: 768px) {
.recruit .environment .wlb_welfare .box{margin-bottom:75px;}
.recruit .environment .wlb_welfare .box .item{font-size:20px;padding:10px 25px;}
.recruit .environment .wlb_welfare .box .item:nth-child(4){flex-wrap: wrap;}
.recruit .environment .wlb_welfare .box .item img{width:28px; margin-right:10px;}
.recruit .environment .wlb_welfare .box .item span.big{ padding-bottom:8px; }
.recruit .environment .wlb_welfare .box .item .note{width:100%; margin-left:0;}

.recruit .environment .training .box{flex-direction: column;}
.recruit .environment .training .box .text{width:100%; margin-bottom:30px;}
.recruit .environment .training .box .photo{width:100%; margin-bottom:20px;}
.recruit .environment .training .box .photo:last-child{margin-bottom:0;}
.recruit .environment .training .box .photo img{height:230px;}
.recruit .environment .training h3{text-align:center;}
.recruit .environment .training .js-scrollable img{width:800px; height:430px;}
}
/*========================
新卒採用 募集要項
=========================*/
.guidelines h2{font-size:20px; font-weight:500; margin-bottom:40px;}
.guidelines h2:after{content:none;}
.guidelines .box{}
.guidelines .box .item{ border-bottom:solid 1px #CBCBCB; padding:30px 0; display:flex;flex-wrap: wrap;}
.guidelines .box .item .title{width:15%; font-size:20px; color:#00A5E6; font-weight:700;}
.guidelines .box .item .text{width:85%; padding-left:30px;}
.guidelines .box .item.mynavi{ display:flex;align-items: center;}
.guidelines .box .item.mynavi img{ margin-left:40px; vertical-align:middle;width:240px;}

.guidelines .box .item hr{color:#CBCBCB; margin:35px 0;}

.guidelines .disclose{margin-top:120px;}
.guidelines .disclose h2{font-size:32px; font-weight:bold;}
.guidelines .disclose table{width:100%; margin-top:40px; margin-bottom:20px;}
.guidelines .disclose table,.guidelines .disclose table th,.guidelines .disclose table td{
 border:1px solid #CBCBCB;
}
.disclose table th,.guidelines .disclose table td{text-align:center; padding:20px 0;vertical-align: middle;} 
.disclose table td:nth-child(1){width:40%;}
.disclose table td:nth-child(2){width:20%;}
.disclose table td:nth-child(3){width:20%;}
.disclose table td:nth-child(4){width:20%;}

@media screen and (max-width: 768px) {
.guidelines h2{font-size:16px; line-height:1.6; margin-bottom:0;}
.guidelines .box{margin-top:20px;}
.guidelines .box .item{flex-direction: column; padding:20px 0 20px 0;}
.guidelines .box .item .title{width:100%; font-size:16px; margin-bottom:5px; }
.guidelines .box .item .title br{display:none;}
.guidelines .box .item .text{width:100%; padding-left:0px;}
.guidelines .box .item.mynavi .text{}
.guidelines .box .item.mynavi .text a{text-align:center;display: block;}
.guidelines .box .item.mynavi img{ margin-left:0px; vertical-align:middle; margin-top:10px; }
.guidelines .box .item hr{margin:20px 0;}
.guidelines .disclose{margin-top:70px;}
.guidelines .disclose h2{font-size:24px; margin-bottom:20px;}
.guidelines .disclose table{margin-top:30px; margin-bottom:10px; font-size:14px;}

.disclose table td:nth-child(1){width:28%;}
.disclose table td:nth-child(2){width:24%;}
.disclose table td:nth-child(3){width:24%;}
.disclose table td:nth-child(4){width:24%;}

}


/*========================
フッター
=========================*/
footer{ margin-top:100px; padding-bottom:100px;}
footer .entry{background:url(/db/img/recruit/bg_sky.png) no-repeat; background-size:cover; height:420px; border-radius:60px 60px 0 0; position:relative; text-align:center; padding-top:60px;}
footer .entry img{width:330px; position:relative; z-index:1;}
@media (hover: hover) and (pointer: fine) {
footer .entry a img:hover{transform: scale(1.0); opacity:0.8;}
}
footer .entry img.town{position:absolute;bottom: 0; left: 50%; transform: translateX(-50%); width:100%; height:280px;z-index: 0; object-fit:cover; max-width:1305px;}
footer .entry h2{ color: rgba(255, 255, 255, 0.4); font-size:50px; margin-bottom:20px;}
footer .entry h2:after{ content:none;}

footer .entry span{position:relative;}
footer .entry span:after{content:""; position:absolute; bottom: -36px; left: 0px; width:155px; height:35px; background-image:url(/db/img/recruit/text_span.svg) ; background-repeat:no-repeat; background-size:100%;}
footer .entry .copy{font-size:55px; font-weight:bold;text-shadow: 0px 0px 13.8921px rgba(26, 63, 123, 0.25); color:#FFF; margin-bottom:50px;    position: relative;    z-index: 1;}

footer .entry .mynavi{position:relative; width:330px; margin-left:auto; margin-right:auto;}
footer .entry .mynavi:after{ content:"";position:absolute; right:-400px; bottom:-100px; width:249px;background:url(/db/img/recruit/character04.png) no-repeat; z-index:1; height:238px;background-size: contain}
/*footer .entry img.character{position:absolute;bottom: -40px; left: 60%;    transform: translateX(-60%); width:200px; }*/


footer .NaviArea{display:flex;justify-content: space-between;align-items: center; margin-top:60px;}
footer .NaviArea .logo{width:20%;font-family: "Montserrat", sans-serif;color:#717171; font-weight:700;}
footer .NaviArea .logo a{display:flex;align-items: center;}
footer .NaviArea .logo img{width:150px; height:auto; margin-right:20px;}

footer .NaviArea .menu{width:75%;}
footer .NaviArea .menu ul{display:flex;justify-content: flex-end;}
footer .NaviArea .menu ul li{margin-left:40px;}
footer .NaviArea .menu ul li a{transition:0.3s all;}
@media (hover: hover) and (pointer: fine) {
footer .NaviArea .menu ul li a:hover{transition:0.2s all; color:#00A5E6; }
}

footer .foot{display:flex;justify-content: space-between;align-items: center; margin-top:40px;}
footer .foot .copyright{ color:#AAAAAA; font-size:14px; font-weight:400;}


@media screen and (max-width: 768px) {
footer{ margin-top:70px;}
footer .entry{height:390px; padding-top:55px;}
footer .entry span:after{bottom: -33px; left: 11px; width:80px; height:35px; background-size:contain;}

footer .entry h2{ font-size:40px; }
footer .entry .copy{ font-size:32px; margin-bottom:30px; }
footer .entry img{ width:220px;}
footer .entry img.character{bottom: -40px; right: 1%; width:130px; }

footer .entry .mynavi{ width:223px; }
footer .entry .mynavi:after{ right:-70px; bottom:-120px; width:133px; height:126px;}


footer .NaviArea{flex-direction: column;}
footer .NaviArea .logo{width:100%; }
footer .NaviArea .logo a{justify-content: center;}
footer .NaviArea .menu{width:100%; margin-top:45px;}
footer .NaviArea .menu ul{flex-direction: column; font-size:16px;}
footer .NaviArea .menu ul li{margin-left:0; text-align:center; margin-bottom:30px;}
footer .NaviArea .menu ul li:last-child{margin-bottom:0;}
footer .foot{flex-direction: column; margin-top:30px;}
footer .foot .copyright{ font-size:12px;margin-top:30px;}
}


/*========================
もっと見る
=========================*/
.recruit .ViewMore{width:fit-content; filter: drop-shadow(0px 0px 20px rgba(26, 63, 123, 0.25)); margin-left:auto; margin-right:auto; margin-top:50px;    position: relative;z-index: 1; font-weight:700;}
.recruit .ViewMore a{display:flex;align-items: center;justify-content: space-between; padding:8px 10px 8px 30px; text-align:center; background:#FFF; border-radius:50px;}

.recruit .ViewMore .btn_circle_right.small{margin-left:55px;}
.recruit .ViewMore_text{margin-top:20px; font-weight:700; }
.recruit .ViewMore_text a{display:flex;align-items: center;justify-content: flex-end;}


.btn_group{display:flex;justify-content: center;}
.btn_group .ViewMore:nth-child(1){margin-right:20px; margin-left:auto;}
.btn_group .ViewMore:nth-child(2){margin-left:20px;}


@media screen and (max-width: 768px) {
.recruit .ViewMore{margin-top:40px;}
.recruit .ViewMore a{ text-align:left;}
.btn_group{flex-direction: column;}
.btn_group .ViewMore:nth-child(1){margin-right:auto; margin-top:20px;}
.btn_group .ViewMore:nth-child(2){margin-left:auto; margin-top:20px;}
.recruit .ViewMore_text{ font-size:16px; }
.recruit .ViewMore_text a{}


}

/*========================
丸に矢印
=========================*/
.btn_circle_right{height: 54px;	width: 54px;    position:relative;	}
.btn_circle_right:before{ content: "";display: inline-block;width: 16px;height: 16px;border-top: solid 2px #00A5E6;border-right: solid 2px #00A5E6;transform:rotate(45deg);position: absolute;top:19px;left:16px;z-index: 2;transition:0.5s all;}
.btn_circle_right:after{content:"";width:54px;height: 54px;background:#F7FF0E;border-radius: 50%;position: absolute;top:0;left:0;z-index: 1;transition:0.5s all;}
@media (hover: hover) and (pointer: fine) {
a:hover .btn_circle_right:before{border-top: solid 2px #FFF;border-right: solid 2px #FFF;transition:0.5s all;}
a:hover .btn_circle_right:after{background:#00A5E6;transition:0.5s all;}
}

.btn_circle_right.small{margin-left:15px;	height: 40px;	width: 40px;    position:relative;}
.btn_circle_right.small:before{width: 12px;height: 12px;top:14px;left:12px;}
.btn_circle_right.small:after{width:40px;height: 40px;}
@media (hover: hover) and (pointer: fine) {
a:hover .btn_circle_right.small:before{;border-top: solid 2px #FFF;border-right: solid 2px #FFF;}
a:hover .btn_circle_right.small:after{background:#00A5E6;}
}

@media screen and (max-width: 768px) {
.btn_circle_right{height: 40px;	width: 40px; }
.btn_circle_right:before{width: 12px;height: 12px;top:14px;left:12px;}
.btn_circle_right:after{width:40px;height: 40px;}
.btn_circle_right.small{margin-left:15px;}
}

/*==============================
ページトップ
==============================*/

#page_top {position: fixed;bottom: 30px;left: calc(100vw - 100px); display:none; }
#page_top a {background-color: #015677;color: #fff;text-align: center;	text-decoration: none;font-size: 24px;display:flex;justify-content: center;align-items: center;width:60px; height:60px; border-radius:10px;transition:0.5s all;}
#page_top img{width:13px;}
@media (hover: hover) and (pointer: fine) {
#page_top a:hover {	background-color: #013447;	text-decoration: none;transition:0.5s all;}
}

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

/*==============================
部品
==============================*/
.align_center{align-items: center;}
.ml_0{margin-left:0 !important;}

@media screen and (max-width: 768px) {
.ml_0{margin-left:auto !important;}
}


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

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