@charset "UTF-8";
/* CSS Document */
/*--------------------
01.共通
02.ヘッダー
03.フッター
--------------------*/

@font-face {
font-family: 'shingopro';
src:url('../font/A-OTF-UDShinGoPro-Medium.woff2') format('woff2'),
url('../font/A-OTF-UDShinGoPro-Medium.woff') format('woff'),
url('../font/A-OTF-UDShinGoPro-Medium.otf') format('truetype');
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: 'shingopro';
src:url('../font/A-OTF-UDShinGoPro-Bold.woff2') format('woff2'),
url('../font/A-OTF-UDShinGoPro-Bold.woff') format('woff'),
url('../font/A-OTF-UDShinGoPro-Bold.otf') format('truetype');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'dinpro';
src:url('../font/DINPro-Bold.woff2') format('woff2'),
url('../font/DINPro-Bold.woff') format('woff'),
url('../font/DINPro-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'bookman';
src:url('../font/bookman-old-style-italic.woff2') format('woff2'),
url('../font/bookman-old-style-italic.woff') format('woff'),
url('../font/bookman-old-style-italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}

/*----------
01.共通
----------*/
body{
-webkit-font-smoothing: antialiased;
}

*{
box-sizing: border-box;
}

*:focus {
outline: none;
}

#wrapper{
width: 100%;
overflow: hidden;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1rem;
color: #000;
}

.en_font{
font-family: 'dinpro';
}

.gothic_font{
font-family: 'shingopro';
}

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

.pc{
display: block;
}

.sp{
display: none;
}

.contents_in{
max-width: 980px;
width: 96%;
margin: 0 auto;
}

.flex_box{
display: flex;
}

a{
color: #000;
text-decoration: none;
}

a:hover{
color: #000;
}

a:link{
color: #000;
}

.dib {
display: inline-block;
}

.adjust_href {
display: block;
margin-top: -100px;
padding-top: 100px;
}

.under_ttl_area {
position: relative;
z-index: 1;
padding: 160px 0 45px;
background: url(/contents/images/under_ttl_bg01.jpg) no-repeat center / cover;
color: #fff;
}

.under_ttl_area::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #054181;
opacity: .7;
}

.under_ttl_area .contents_in {
max-width: 1080px;
}

.under_ttl_area .breadcrumb ul li {
display: inline-block;
font-size: calc(12rem / 16);
font-weight: 500;
line-height: 1.5;
}

.under_ttl_area .breadcrumb ul li a {
color: #fff;
}

.under_ttl_area .breadcrumb ul li a:hover {
text-decoration: underline;
}

.under_ttl_area .breadcrumb ul li:not(:last-child) {
position: relative;
padding-right: 20px;
}

.under_ttl_area .breadcrumb ul li:not(:last-child)::after {
content: "";
position: absolute;
top: 50%;
right: 6px;
width: 5px;
height: 5px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}

.under_ttl_area .ttl_box {
text-align: center;
}

.under_ttl_area .ttl_box h1 {
font-size: calc(40rem / 16);
font-weight: 700;
line-height: 1.4;
}

.under_ttl_area .ttl_box .ja {
font-size: calc(14rem / 16);
font-weight: 700;
line-height: 1.5;
}

.ttl_ptn01 {
color: #0D56A5;
text-align: center;
}

.ttl_ptn01 .ja {
font-size: calc(48rem / 16);
font-family: "shingopro";
font-weight: 700;
line-height: 1.4;
}

.ttl_ptn01 .sub {
font-size: calc(18rem / 16);
font-weight: 700;
line-height: 1.5;
}

.ttl_ptn01 .en {
font-size: calc(14rem / 16);
line-height: 1.5;
}

.ttl_ptn02 {
color: #0D56A5;
font-size: calc(32rem / 16);
font-family: 'shingopro';
font-weight: 700;
line-height: 1.4;
text-align: center;
}

.btn_ptn01 {
max-width: 180px;
width: 100%;
}

.btn_ptn01 a {
display: block;
position: relative;
padding: 14px 25px 14px 11px;
border-radius: 10px;
background-color: #0D56A5;
color: #fff;
font-size: calc(14rem / 16);
font-weight: 700;
line-height: 1.4;
text-align: center;
}

.btn_ptn01 a::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 2px);
height: calc(100% - 2px);
border-radius: 10px;
border: 1px solid #0D56A5;
transition: 0s;
}

.btn_ptn01 a:hover::before {
width: calc(100% + 15px);
height: calc(100% + 15px);
opacity: 0;
transition: .7s;
}

.btn_ptn01 a::after {
content: "";
position: absolute;
top: 50%;
right: 14px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: 4.5px solid rgba(0, 0, 0, 0);
border-left: 8px solid #fff;
border-right: 0;
}

/* .btn_ptn01 a {
display: block;
position: relative;
padding: 13px 24px 13px 10px;
border-radius: 10px;
border: 1px solid #0D56A5;
background-color: #0D56A5;
color: #fff;
font-size: calc(14rem / 16);
font-weight: 700;
line-height: 1.4;
text-align: center;
transition: .3s;
}

.btn_ptn01 a::after {
content: "";
position: absolute;
top: 50%;
right: 13px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: 4.5px solid rgba(0, 0, 0, 0);
border-left: 8px solid #fff;
border-right: 0;
transition: .3s;
}

.btn_ptn01 a:hover {
background-color: #fff;
color: #0D56A5;
}

.btn_ptn01 a:hover::after {
border-left-color: #0D56A5;
} */


.btn_ptn02 {
width: fit-content;
	margin: 40px 0;
}

.btn_ptn02 a {
display: block;
position: relative;
padding: 14px 25px 14px 11px;
border-radius: 10px;
background-color: #0D56A5;
color: #fff;
font-size: calc(14rem / 16);
font-weight: 700;
line-height: 1.4;
text-align: center;
}

.btn_ptn02 a::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 2px);
height: calc(100% - 2px);
border-radius: 10px;
border: 1px solid #0D56A5;
transition: 0s;
}

.btn_ptn02 a:hover::before {
width: calc(100% + 15px);
height: calc(100% + 15px);
opacity: 0;
transition: .7s;
}

.btn_ptn02 a::after {
content: "";
position: absolute;
top: 50%;
right: 14px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: 4.5px solid rgba(0, 0, 0, 0);
border-left: 8px solid #fff;
border-right: 0;
}



.em_btn {
max-width: 756px;
margin: 0 auto;
}

.em_btn a {
padding: 20px 50px 20px 30px;
font-size: calc(24rem / 16);
}

.em_btn a::after {
right: 25px;
border-width: 10px;
border-left-width: 16px;
}

.cmn_first_text {
font-size: calc(18rem / 16);
line-height: 2;
}

.cmn_clm_block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.cmn_clm_block .clm_box {
width: 30.6%;
margin-left: 4.1%;
}

.cmn_clm_block .clm_box:nth-child(n + 4) {
margin-top: 50px;
}

.cmn_clm_block .clm_box:nth-child(3n+1) {
margin-left: 0;
}

.cmn_clm_block .clm_box .img_wrp {
position: relative;
/* border: 1px solid #E8E8E8; */
padding-bottom: 80%;
border-radius: 10px;
background-color: #eee;
overflow: hidden;
}

.cmn_clm_block .clm_box .img_wrp img {
position: absolute;
height: 100%;
border-radius: 10px;
object-fit: cover;
-webkit-transition: .3s;
transition: .3s;
}

.cmn_clm_block .clm_box a:hover .img_wrp img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}

.cmn_clm_block .clm_box .txt_wrp {
margin-top: 15px;
}

.cmn_clm_block .clm_box .txt_wrp h3 {
margin-bottom: 11px;
font-size: calc(18rem / 16);
font-weight: 700;
line-height: 1.4;
}

.cmn_clm_block .clm_box .txt_wrp p {
font-size: calc(14rem / 16);
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
max-height: 6.8em;
line-height: 1.7;
}

.cmn_links_block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.cmn_links_block li + li {
margin-left: 25px;
}

.cmn_links_block li a {
position: relative;
padding: 5px 25px 5px 5px;
}

.cmn_links_block li a::before {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 19px;
height: 19px;
border-radius: 50%;
background-color: #0E498F;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: .3s;
transition: .3s;
}

.cmn_links_block li a::after {
content: "";
position: absolute;
top: calc(50% - 1px);
right: 6px;
width: 5px;
height: 5px;
border-right: 1.5px solid #fff;
border-bottom: 1.5px solid #fff;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
-webkit-transition: .3s;
transition: .3s;
}

.cmn_links_block li a:hover::before {
top: calc(50% + 3px);
}

.cmn_links_block li a:hover::after {
top: calc(50% + 2px);
}

.cmn_tel_area {
padding: 60px 0 84px;
background-color: #ECF1F7;
}

.cmn_tel_area .ttl_ptn02 {
margin-bottom: 45px;
}

.cmn_tel_area .em_btn {
margin-bottom: 60px;
}

.cmn_tel_area h3 {
width: 73.4%;
margin: 0 auto 20px;
color: #0D56A5;
font-size: calc(24rem / 16);
font-family: "shingopro";
font-weight: 500;
line-height: 1.4;
}

.cmn_tel_area .cnt_block {
position: relative;
}

.cmn_tel_area .cnt_block .cnt_box {
width: 73.4%;
margin: 0 auto;
padding: 45px 30px 40px;
border-radius: 10px;
background-color: #fff;
}

.cmn_tel_area .cnt_block .cnt_box .tel_g {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
color: #0D56A5;
font-weight: 700;
}

.cmn_tel_area .cnt_block .cnt_box .tel_g .ico {
width: 66px;
margin-right: 22px;
}

.cmn_tel_area .cnt_block .cnt_box .tel_g .tel {
font-size: calc(48rem / 16);
}

.cmn_tel_area .cnt_block .cnt_box .tel_g .free {
padding-top: 1em;
}

.cmn_tel_area .cnt_block .cnt_box p {
/* width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; */
max-width: 480px;
margin: 0 auto;
line-height: 1.5;
}

.cmn_tel_area .cnt_block .parts {
position: absolute;
top: 22px;
}

.cmn_tel_area .cnt_block .parts.p01 {
left: 0;
width: 19.4%;
}

.cmn_tel_area .cnt_block .parts.p02 {
right: 0;
width: 18.8%;
}

#gotop_btn {
position: fixed;
z-index: 99;
right: 30px;
bottom: 0;
width: 70px;
height: 70px;
border-radius: 10px;
opacity: 0;
transition: .3s;
pointer-events: none;
}

#gotop_btn.scroll-on {
bottom: 30px;
opacity: 1;
pointer-events: auto;
}

#gotop_btn a {
display: flex;
align-items: flex-end;
justify-content: center;
position: relative;
width: 100%;
height: 100%;
padding-bottom: 12px;
border-radius: 10px;
border: 1px solid #fff;
background-color: #0D56A5;
color: #fff;
font-weight: 700;
font-family: "dinpro";
}

#gotop_btn a::before {
content: "";
position: absolute;
top: 16px;
left: 50%;
width: 20px;
height: 20px;
transform: translateX(-50%);
background: url(/contents/images/arrow_top01.png) no-repeat center / contain;
transition: .3s;
}

#gotop_btn a:hover::before {
top: 12px;
}

.cmn_btn_area {
padding: 57px 0;
background-color: #EFEFEF;
}

.cmn_btn_area .flex_box {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.cmn_btn_area .btn_box {
width: 48.1%;
height: 250px;
}

.cmn_btn_area .btn_box_ptn02 {
width: 100%;
height: 160px;
}

.cmn_btn_area .btn_box a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
border-radius: 10px;
overflow: hidden;
}

.cmn_btn_area .btn_box a::before {
content: "";
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: .3s;
}

.cmn_btn_area .btn_box a:hover::before {
transform: translate(-50%, -50%) scale(1.05);
}

.cmn_btn_area .btn_box a::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #0D56A5;
opacity: .5;
}

.cmn_btn_area .btn_box .text {
color: #fff;
text-align: center;
}

.cmn_btn_area .btn_box .text .em {
font-size: calc(60rem / 16);
font-family: "dinpro";
}

.cmn_btn_area .btn_box .text .em_ja {
font-size: calc(32rem / 16);
font-weight: 700;
font-family: 'shingopro';
}

.cmn_btn_area .btn_box .text .sub {
margin-top: 2px;
font-size: calc(18rem / 16);
font-weight: 700;
}

.cmn_btn_area .btn_box .parts {
position: absolute;
bottom: 0;
}

.cmn_btn_area .btn_box.recruit_box a::before {
background-image: url(/contents/images/btn_img01.jpg);
}

.cmn_btn_area .btn_box.recruit_box .p01 {
left: 1.9%;
width: 30.1%;
}

.cmn_btn_area .btn_box.recruit_box .p02 {
right: 2.3%;
width: 20.9%;
}

.cmn_btn_area .btn_box.carrer_box a::before {
background-image: url(/contents/images/btn_img02.jpg);
}

.cmn_btn_area .btn_box.carrer_box .text .sub {
margin-top: 7px;
}

.cmn_btn_area .btn_box.carrer_box .p01 {
left: 4.4%;
width: 28.5%;
}

.cmn_btn_area .btn_box.search_box a::before {
background-image: url(/contents/images/hajimete_under_btn_img01.jpg);
}

.cmn_btn_area .btn_box.regist_box a::before {
background-image: url(/contents/images/hajimete_under_btn_img02.jpg);
}

.cmn_btn_area .btn_box.carrer_box02 a::before {
background-image: url(/contents/images/btn_img_carrerup.jpg);
}

.cmn_btn_area .btn_box.carrer_box02 .text .sub {
margin-top: 7px;
}

.cmn_btn_area .btn_box.carrer_box02 .p01 {
right: 70.8%;
width: 112px;
}

.cmn_btn_area .btn_box.search_box02 a::before {
background-image: url(/contents/images/btn_img_search.jpg);
}

.cmn_btn_area .btn_box.search_box02 .p01 {
right: 73.1%;
bottom: -15px;
width: 170px;
}

.cmn_btn_area .btn_box.search_box02 .p02 {
bottom: -10px;
left: 77.2%;
width: 121px;
}

#pager_area{
margin-bottom: 140px;
}

#pager_area .wp-pagenavi{
display: flex;
align-items: center;
justify-content: center;
}

#pager_area a,#pager_area span{
display: flex;
align-self: center;
justify-content: center;
width: 40px;
height: 40px;
border: 1px solid #0D56A5;
border-radius: 50%;
color: #0D56A5;
font-weight: 500;
font-size: 20px;
padding: 8px 0;
margin: 0 10px;
transition: all .3s;
}

#pager_area span.current,#pager_area a.page:hover{
background-color: #0D56A5;
color: #fff;
border-color: #0D56A5;
}

#pager_area a.previouspostslink,#pager_area a.nextpostslink{
border: none;
width: 12px;
height: 14px;
border-left: 12px solid #0D56A5;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
box-sizing: border-box;
border-radius: 0;
font-size: 0;
padding: 0;
}

#pager_area a.previouspostslink{
transform: rotate(180deg);
}


/*----------
02.ヘッダー
----------*/
header {
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
padding-top: 19px;
opacity: .85;
}

header .contents_in {
max-width: 1080px;
}

header .sub_block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 28px;
margin-right: -10px;
margin-bottom: 15px;
-webkit-transition: .3s;
transition: .3s;
}

header .sub_block .sub_box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

header .sub_block .sub_box + .sub_box {
margin-left: 32px;
}

header .sub_block .sub_box .st {
margin-right: 17px;
padding: 7px 10px;
background-color: #0E498F;
color: #fff;
font-size: calc(14rem / 16);
font-weight: 700;
}

header .sub_block .sub_box ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

header .sub_block .sub_box ul li + li {
position: relative;
margin-left: 11px;
padding-left: 11px;
}

header .sub_block .sub_box ul li + li::before {
content: "";
position: absolute;
top: calc(50% + 1px);
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 14px;
background-color: #fff;
}

header .sub_block .sub_box ul li a,
header .sub_block .sub_box ul li button {
display: block;
padding: 5px 10px;
color: #fff;
font-size: calc(14rem / 16);
font-weight: 700;
transition: .3s;
}

header .sub_block .sub_box ul li button {
background-color: unset;
border: 0;
padding: 2px 10px;
cursor: pointer;
}

header .sub_block .sub_box ul li a:hover,
header .sub_block .sub_box ul li button:hover {
background-color: rgba(255,255,255,.2);
}

header .sub_block .sub_box.fs_box .st {
margin-right: 5px;
}

header .head_block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding-left: 3.2%;
border-radius: 100px;
background-color: #FAFAFA;
}

header .head_block .logo {
width: 20%;
padding: 14.3px 0;
}

header .head_block .logo a {
display: block;
transition: .3s;
}

header .head_block .logo a:hover {
opacity: .7;
}

header .head_block .nav_area {
width: calc(100% - 20% - 14%);
margin: 0 auto;
padding: 0 20px;
}

header .head_block .nav_list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 620px;
height: 100%;
margin: 0 auto;
}

header .head_block .nav_list li a {
position: relative;
display: block;
font-size: calc(14rem / 16);
font-weight: 700;
}

header .head_block .nav_list li a::after {
content: "";
position: absolute;
left: calc(50% - 1.5em);
bottom: -2px;
width: 3em;
height: 3px;
background-color: #0D56A5;
opacity: 0;
transition: .3s;
}

header .head_block .nav_list li a:hover::after {
bottom: -12px;
opacity: 1;
}

header .head_block .contact_btn {
width: 14%;
}

header .head_block .contact_btn a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
padding-right: 10px;
border-radius: 0 100px 100px 0;
background-color: #0D56A5;
color: #fff;
font-size: calc(15rem / 16);
font-weight: 700;
}

header.scroll-on .sub_block {
height: 0;
margin-bottom: 0;
opacity: 0;
pointer-events: none;
}



/*----------
03.フッター
----------*/
footer .contents_in {
max-width: 1080px;
}

footer .link_area {
padding: 50px 0 55px;
background-color: #0D56A5;
font-size: calc(14rem / 16);
}

footer .link_area a {
color: #fff;
}

footer .link_area a[href]:hover {
text-decoration: underline;
}

footer .link_area .flex_box {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 796px;
}

footer .link_area .link_box {
max-width: 230px;
width: 31%;
}

footer .link_area .link_box .link_list .link_item + .link_item {
margin-top: 6px;
}

footer .link_area .link_box .link_list .link_item > a {
font-weight: 700;
line-height: 1.6;
}

footer .link_area .link_box .link_list .link_item .st {
display: block;
margin-bottom: 6px;
padding: 0 8%;
border-bottom: 1px solid rgba(255, 255, 255, .25);
}

footer .link_area .link_box .link_list .link_item .sub_link {
width: calc(100% + 35px);
padding: 0 8%;
}

footer .link_area .link_box .link_list .link_item .sub_link li + li {
margin-top: 6px;
}

footer .link_area .link_box .link_list .link_item .sub_link li a {
line-height: 1.6;
}

footer .link_area .link_box .link_list .link_item .sub_link li ul {
margin-top: 6px;
}

footer .foot_area {
padding: 25px 0;
}

footer .foot_area a {
display: block;
-webkit-transition: .3s;
transition: .3s;
}

footer .foot_area a:hover {
opacity: .7;
}

footer .foot_area .logo {
width: 262px;
margin-top: 24px;
}

footer .foot_area .ico_privacy {
width: 93px;
margin-left: 38px;
}

footer .foot_area .ico_privacy.nishi {
width: 104px;
}

footer .foot_area .copyright {
margin-top: 53px;
font-size: calc(12rem / 16);
}

/* accel japan bnr */
footer .foot_area .contents_in {
  position: relative;
}
footer .foot_area .bnr_acceljapan {
  position: absolute;
  left: 560px;
  top: 0;
  max-width: 290px;
}

@media only screen and (max-width:1024px){
/*----------
01.共通
----------*/
.cmn_tel_area .cnt_block .cnt_box .tel_g .tel {
font-size: calc(42rem / 16);
}

.cmn_tel_area .cnt_block .cnt_box p {
max-width: 440px;
}


/*----------
02.ヘッダー
----------*/
header .head_block .logo {
width: 17%;
}

header .head_block .nav_area {
width: calc(100% - 17% - 13%);
padding: 0 12px;
}

header .head_block .contact_btn {
width: 13%;
}

header .head_block .contact_btn a {
padding-right: 5px;
font-size: calc(14rem / 16);
}


/*----------
03.フッター
----------*/
footer .link_area .link_box .link_list .link_item .st {
padding: 0 4%;
}

footer .link_area .link_box .link_list .link_item .sub_link {
width: calc(100% + 25px);
padding: 0 4%;
}

/* accel japan bnr */
footer .foot_area .bnr_acceljapan {
position: relative;
right: auto;
left: auto;
top: 0;
margin: 2em auto 0;
}

}



@media only screen and (max-width:900px){
/*----------
02.ヘッダー
----------*/
header .head_block {
padding-left: 2%;
}

header .head_block .logo {
width: 19%;
}

header .head_block .nav_area {
width: calc(100% - 19% - 8%);
padding: 0 10px;
}

header .head_block .nav_list {
max-width: 570px;
}

header .head_block .nav_list li a {
font-size: calc(13rem / 16);
}

header .head_block .contact_btn {
width: 8%;
}

header .head_block .contact_btn .pc {
display: none;
}

header .head_block .contact_btn .sp {
display: block;
width: 25px;
}

}


@media only screen and (max-width:750px){
/*----------
01.共通
----------*/
.pc{
display: none;
}

.sp{
display: block;
}

.contents_in{
width: 100%;
padding: 0 15px;
}

.adjust_href {
margin-top: -64px;
padding-top: 64px;
}

.under_ttl_area {
padding: 75px 0 35px;
}

.under_ttl_area .ttl_box {
margin-top: 30px;
}

.under_ttl_area .ttl_box h1 {
font-size: calc(32rem / 16);
}

.ttl_ptn01 .ja {
font-size: calc(34rem / 16);
}

.ttl_ptn01 .sub {
font-size: calc(14rem / 16);
}

.ttl_ptn02 {
font-size: calc(24rem / 16);
}

.em_btn a {
padding: 16px 25px 16px 11px;
font-size: calc(18rem / 16);
}

.em_btn a::after {
right: 14px;
border-width: 4.5px;
border-left-width: 8px;
}

.cmn_first_text {
font-size: calc(15rem / 16);
}

.cmn_clm_block {
display: block;
}

.cmn_clm_block .clm_box {
width: 100%;
margin-left: 0;
}

.cmn_clm_block .clm_box + .clm_box {
margin-top: 40px;
}

.cmn_links_block {
padding: 0 15px;
}

.cmn_links_block li + li {
margin-left: 10px;
}

.cmn_links_block li a {
padding-right: 22px;
font-size: calc(14rem / 16);
}

.cmn_links_block li a::before {
width: 16px;
height: 16px;
}

.cmn_links_block li a::after {
right: 5px;
width: 4px;
height: 4px;
}

.cmn_tel_area .ttl_ptn02 {
margin-bottom: 35px;
}

.cmn_tel_area .em_btn {
margin-bottom: 50px;
}

.cmn_tel_area h3 {
width: 100%;
margin-bottom: 15px;
font-size: calc(18rem / 16);
}

.cmn_tel_area .cnt_block .cnt_box {
width: 100%;
padding: 40px 10px 45px 15px;
}

.cmn_tel_area .cnt_block .cnt_box .tel_g {
margin-bottom: 25px;
}

.cmn_tel_area .cnt_block .cnt_box .tel_g .ico {
width: 40px;
margin-right: 10px;
}

.cmn_tel_area .cnt_block .cnt_box .tel_g .tel {
max-width: calc(100% - 45px - 10px);
font-size: calc(29rem / 16);
}

.cmn_tel_area .cnt_block .cnt_box .tel_g .free {
font-size: calc(13rem / 16);
}

.cmn_tel_area .cnt_block .cnt_box p {
width: fit-content;
margin: 0 auto;
padding-right: 20px;
font-size: calc(14rem / 16);
}

.cmn_tel_area .cnt_block .parts {
top: auto;
bottom: 0;
}

.cmn_tel_area .cnt_block .parts.p01 {
left: -10px;
width: 80px;
}

.cmn_tel_area .cnt_block .parts.p02 {
right: -10px;
width: 80px;
}

#gotop_btn {
right: 15px;
width: 50px;
height: 50px;
border-radius: 10px;
}

#gotop_btn.scroll-on {
bottom: 5px;
}

#gotop_btn a {
padding-bottom: 8px;
border-radius: 10px;
font-size: calc(13rem / 16);
letter-spacing: .02em;
}

#gotop_btn a::before {
top: 10px;
width: 15px;
height: 15px;
}

#gotop_btn a:hover::before {
top: 10px;
}

.cmn_btn_area {
padding: 30px 0;
}

.cmn_btn_area .flex_box {
display: block;
flex-wrap: wrap;
}

.cmn_btn_area .btn_box {
width: 100%;
height: 160px;
}

.cmn_btn_area .btn_box + .btn_box {
margin-top: 15px;
}

.cmn_btn_area .btn_box .text .em {
font-size: calc(45rem / 16);
}

.cmn_btn_area .btn_box .text .em_ja {
font-size: calc(26rem / 16);
}

.cmn_btn_area .btn_box .text .sub {
font-size: calc(14rem / 16);
}

.cmn_btn_area .btn_box.recruit_box .p01 {
width: 90px;
}

.cmn_btn_area .btn_box.recruit_box .p02 {
width: 60px;
}

.cmn_btn_area .btn_box.carrer_box .p01 {
width: 80px;
}

.cmn_btn_area .btn_box.carrer_box02 a::before {
background-image: url(/contents/images/btn_img_carrerup_sp.jpg);
}

.cmn_btn_area .btn_box.carrer_box02 .p01 {
right: auto;
left: 4.4%;
width: 80px;
}

.cmn_btn_area .btn_box.search_box02 .p01 {
right: auto;
bottom: -8px;
left: 1.9%;
width: 90px;
}

.cmn_btn_area .btn_box.search_box02 .p02 {
right: 2.3%;
bottom: -3px;
left: auto;
width: 60px;
}


/*----------
02.ヘッダー
----------*/
header {
padding-top: 10px;
opacity: 1;
}

header .sub_block {
display: none;
}

header .head_block {
align-items: center;
position: relative;
z-index: 1;
padding: 0 10px 0 15px;
background-color: unset;
}

header .head_block::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100px;
background-color: #fff;
opacity: .8;
}

header .head_block .logo {
width: 130px;
padding: 10px 0;
}

header .head_block .nav_area {
display: none;
position: fixed;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 100px 0 60px;
background-color: #fff;
overflow: auto;
}

header .head_block .nav_list {
display: block;
max-width: none;
height: auto;
text-align: center;
}

header .head_block .nav_list li + li {
margin-top: 15px;
}

header .head_block .nav_list li a {
display: inline-block;
padding: 5px;
font-size: calc(16rem / 16);
}

header .head_block .nav_list li a::after {
content: none;
}

header .head_block .sub_nav {
margin-top: 50px;
text-align: center;
}

header .head_block .sub_nav .sub_box + .sub_box {
margin-top: 30px;
}

header .head_block .sub_nav .sub_box .st {
display: inline-block;
margin-bottom: 15px;
padding: 7px 10px;
background-color: #0E498F;
color: #fff;
font-size: calc(14rem / 16);
font-weight: 700;
}

header .head_block .sub_nav .sub_box ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

header .head_block .sub_nav .sub_box ul li + li {
position: relative;
margin-left: 11px;
padding-left: 11px;
}

header .head_block .sub_nav .sub_box ul li + li::before {
content: "";
position: absolute;
top: calc(50% + 1px);
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 14px;
background-color: #000;
}

header .head_block .sub_nav .sub_box ul li a,
header .head_block .sub_nav .sub_box ul li button {
display: block;
padding: 5px 10px;
font-size: calc(14rem / 16);
font-weight: 700;
transition: .3s;
}

header .head_block .sub_nav .sub_box ul li button {
background-color: unset;
border: 0;
padding: 2px 10px;
cursor: pointer;
}

header .head_block .sub_nav .sub_box ul li a:hover,
header .head_block .sub_nav .sub_box ul li button:hover {
background-color: rgba(255,255,255,.2);
}

header .head_block .contact_btn {
width: 40px;
height: 40px;
margin-left: auto;
}

header .head_block .contact_btn a {
padding-right: 0;
border-radius: 50%;
}

header .head_block .contact_btn .sp {
width: 20px;
}

header .head_block .nav_btn {
position: relative;
width: 40px;
height: 40px;
margin-left: 10px;
border-radius: 50%;
background-color: #fff;
}

header .head_block .nav_btn span {
display: block;
position: absolute;
width: 18px;
height: 1.5px;
background-color: #0D56A5;
transition: .3s;
}

header .head_block .nav_btn span:nth-child(1) {
top: calc(50% - 7.5px);
left: 50%;
transform: translate(-50%, -50%);
}
header .head_block .nav_btn span:nth-child(2) {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
header .head_block .nav_btn span:nth-child(3) {
top: calc(50% + 7.5px);
left: 50%;
transform: translate(-50%, -50%);
}

header .head_block.active .nav_btn span:nth-child(1) {
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
header .head_block.active .nav_btn span:nth-child(2) {
left: 70%;
opacity: 0;
}
header .head_block.active .nav_btn span:nth-child(3) {
top: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}


/*----------
03.フッター
----------*/
footer .link_area {
padding: 40px 0 50px;
font-size: calc(13rem / 16);
}

footer .link_area .flex_box {
display: block;
}

footer .link_area .link_box {
width: 100%;
max-width: none;
}

footer .link_area .link_box:nth-child(4) {
padding: 0 15px;
transform: translateX(0);
}

footer .link_area .link_box + .link_box {
margin-top: 20px;
}

footer .link_area .link_box .link_list .link_item + .link_item {
margin-top: 3px;
}

footer .link_area .link_box .link_list .link_item .st {
margin-bottom: 3px;
padding: 0 15px;
}

footer .link_area .link_box .link_list .link_item .sub_link {
width: 100%;
padding: 0 15px;
}

footer .link_area .link_box .link_list .link_item .sub_link li + li {
margin-top: 2px;
}

footer .link_area .link_box .link_list .link_item .sub_link li ul {
margin-top: 2px;
}

footer .foot_area {
padding: 20px 0 15px;
}

footer .foot_area .logo {
width: 160px;
margin-top: 10px;
}

footer .foot_area .ico_privacy {
width: 53px;
margin-left: 20px;
}

footer .foot_area .ico_privacy.nishi {
width: 60px;
margin-left: 40px;
}

footer .foot_area .copyright {
margin-top: 40px;
}

/* accel japan bnr */
footer .foot_area .bnr_acceljapan {
max-width: 260px;
}

}