@charset "UTF-8";
/* CSS Document */
/*--------------------
01.共通
02.ヘッダー
03.フッター
04.
--------------------*/
@font-face {
font-family: "DINBold"; /* フォント名 */
/* フォーマットごとにパスを指定 */
src: url('../font/DINBold.ttf') format('truetype');
src: url('../font/DINBold.woff') format('woff');
src: url('../font/DINBold.otf') format('opentype');
}
/*----------
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: 14px;
color: #000;
}

.pc{
display: block;
}

.sp{
display: none;
}

.contents_in{
max-width: 1080px;
width: 100%;
margin: 0 auto;
}

a{
color: #000;
}

a:hover{
color:#000;
}

a:link{
color:#000;
}

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

.flex_box{
display: flex;
}

.zenmaru_go_font{
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
}

.monteserrat_font{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}

.pacifico{
font-weight: 400;
font-family: 'Pacifico', cursive;
}


/* 共通ボタンパターン */

.btn_ptn01{
max-width: 264px;
width: 100%;
margin: 0 auto;
}

.btn_ptn01 a{
display: block;
border-radius: 27px;
border: 2px solid #000;
text-align: center;
padding: 12px 0;
font-weight: 700;
font-size: 18px;
line-height: 1.45;
position: relative;
}

.btn_ptn01 a::after{
content: "";
display: block;
width: 27px;
height: 27px;
background: url(../img/arrow_right02.png) no-repeat center center/7px auto;
background-color: #000;
border-radius: 50%;
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
transition: all .4s;
}

.btn_ptn01:hover a::after{
width: 37px;
height: 37px;
right: 7px;
}


/* 共通タイトルパターン */
.title_ptn01{
text-align: center;
position: relative;
font-weight: 700;
font-size: 38px;
line-height: 55px;
padding: 0 0 9px;
z-index: 1;
}

.title_ptn01::before,.title_ptn01::after{
content: "";
display: block;
}

.title_ptn01::before{
width: 71px;
height: 33.5px;
background: url(../img/icon01_black_title.png) no-repeat center bottom/100% auto;
margin: 0 auto 6px;
}

.title_ptn01::after{
width: 68px;
height: 68px;
border-radius: 50%;
background-color: #FFEF71;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}

.title_ptn01 span{
position: relative;
z-index: 1;
}

.deco_title_ptn{
color: #EBEBEB;
font-size: 99px;
line-height: 1.22;
letter-spacing: 0.1em;
text-transform: uppercase;
text-shadow:1px 1px 0 #EBEBEB, -1px -1px 0 #EBEBEB,
  -1px 1px 0 #EBEBEB, 1px -1px 0 #EBEBEB,
  0px 1px 0 #EBEBEB,  0 -1px 0 #EBEBEB,
  -1px 0 0 #EBEBEB, 1px 0 0 #EBEBEB;
color: #fff;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}

#under_maintitle01_area{
overflow: hidden;
}

#under_maintitle01_area .mv{
justify-content: space-between;
}

#under_maintitle01_area .mv li{
width: 32.82%;
}

#under_maintitle01_area .title_text_area{
position: relative;
background-color: #6ECCEF;
padding: 29px 0 51px;
}

#under_maintitle01_area .title_text_area::before{
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
top: -10px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../img/bg_blue_top.png) repeat-x center top/333px auto;
}

#under_maintitle01_area .title_text_area .h1_title{
color: #fff;
font-weight: 700;
font-size: 42px;
line-height: 61px;
text-align: center;
position: relative;
z-index: 1;
}

#under_maintitle01_area .title_text_area .h1_title::before{
content: "";
display: block;
width: 99px;
height: 47px;
background: url(../img/icon01_white_title.png) no-repeat center bottom/100% auto;
margin: 0 auto 4px;
opacity: 0;
}

#under_maintitle01_area .title_text_area .h1_title span{
display: block;
}

#under_maintitle01_area .deco_title_ptn{
font-size: 91px;
color: #6ECCEF;
opacity: .26;
text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
width: 542px;
text-align: center;
bottom: -23px;
}

#under_maintitle01_area.pink .animate_deco_title_ptn::before{
background-color: #EF6E91;
}

#under_maintitle01_area.pink .title_text_area::before{
background-image: url(../img/bg_pink_top.png);
background-size: 333px auto;
}

#under_maintitle01_area.pink .title_text_area{
background-color: #EF6E91;
}

#under_maintitle01_area.pink .deco_title_ptn{
color: #EF6E91;
}

#under_maintitle01_area.orange .animate_deco_title_ptn::before{
background-color: #FFB62C;
}

#under_maintitle01_area.orange .title_text_area::before{
background-image: url(../img/bg_orange_top.png);
background-size: 333px auto;
}

#under_maintitle01_area.orange .title_text_area{
background-color: #FFB62C;
}

#under_maintitle01_area.orange .deco_title_ptn{
color: #FFB62C;
}

#under_maintitle01_area.purple .title_text_area::before{
background-image: url(../img/bg_purple_top.png);
background-size: 666px auto;
}

#under_maintitle01_area.purple .animate_deco_title_ptn::before{
background-color: #A758D9;
}

#under_maintitle01_area.purple .title_text_area{
background-color: #A758D9;
}

#under_maintitle01_area.purple .deco_title_ptn{
color: #A758D9;
}

.breadcrumb{
padding-top: 15.5px;
display: flex;
flex-wrap: wrap;
color: #CECECE;
align-items: center;
}

.breadcrumb li{
margin-bottom: 5px;
}

.breadcrumb a{
color: #000000;
margin-right: 14px;
display: flex;
align-items: center;
}

.breadcrumb a::after{
content: "";
display: inline-block;
margin: 0 14px;
color: #CECECE;
width: 3.83px;
height: 3.83px;
border-top: 1px solid;
border-right: 1px solid;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.h2_ptn_01{
font-size: 32px;
font-weight: 700;
line-height: 46px;
position: relative;
text-align: center;
padding: 0 12.5px 5px;
max-width: fit-content;
margin: 0 auto;
}

.h2_ptn_01 span{
display: inline-block;
height: 3px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: #FFEF71;
}

.h2_ptn_01.h2_ptn_01_inview span{
width: 0;
transition: all 1s ease-in-out;
}

.h2_ptn_01.h2_ptn_01_inview.active span{
width: 100%;
}

.h2_ptn_01 span::before, .h2_ptn_01 span::after{
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #FFEF71;
position: absolute;
top: -4px;
}

.h2_ptn_01 span::before{
left: -5px;
}

.h2_ptn_01 span::after{
right: -5px;
}

.h2_ptn_01.orange span,.h2_ptn_01.orange span::before, .h2_ptn_01.orange span::after{
background-color: #F4B94D;
}

/* 下層関連リンク */
#under_relation_area{
position: relative;
z-index: 1;
}

#under_relation_area .cnt_block{
/* margin-bottom: 20px; */
position: relative;
flex-wrap: wrap;
}

#under_relation_area .cnt_g{
position: relative;
background-repeat: no-repeat;
background-size: 100% auto;
padding: 22px 0 57px;
background-position: 50% 8px;
width: 50%;
}

#under_relation_area .cnt_g::before{
content: "";
display: block;
width: 100%;
height: 10px;
background-repeat: repeat-x;
background-size: auto 10px;
background-position: 50% 50%;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: -10px;
}

#under_relation_area .cnt_g:nth-child(odd):before{
background-position: 100% 50%;
}

#under_relation_area .cnt_g:nth-child(even)::before{
background-position: 0% 50%;
}

#under_relation_area .cnt_g.blue_g{
background-color: #6ECCEF;
}

#under_relation_area .cnt_g.blue_g::before{
background-image: url(../img/bg_blue_top.png);
}

#under_relation_area .cnt_g.orange_g{
background-color: #FFB62C
}

#under_relation_area .cnt_g.orange_g::before,#under_relation_area .cnt_g.orange_g::after{
background-image: url(../img/bg_orange.png);
}

#under_relation_area .cnt_g.purple_g{
background-color: #A758D9;
}

#under_relation_area .cnt_g.purple_g::before,#under_relation_area .cnt_g.purple_g::after{
background-image: url(../img/bg_purple.png);
}

#under_relation_area .cnt_g.pink_g{
background-color: #EF6E91;
}

#under_relation_area .cnt_g.pink_g::before,#under_relation_area .cnt_g.pink_g::after{
background-image: url(../img/bg_pink.png);
}

#under_relation_area .cnt_g .deco_title_ptn{
font-size: 70px;
text-align: center;
text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
opacity: .3;
top: 50px;
}

#under_relation_area .cnt_g.blue_g .deco_title_ptn{
color: #6ECCEF;
}

#under_relation_area .cnt_g.orange_g .deco_title_ptn{
color: #FFB62C;
}

#under_relation_area .cnt_g.orange_g .animate_deco_title_ptn::before{
background-color: #FFB62C;
}

#under_relation_area .cnt_g.purple_g .deco_title_ptn{
color: #A758D9;
}

#under_relation_area .cnt_g.purple_g .animate_deco_title_ptn::before{
background-color: #A758D9;
}

#under_relation_area .cnt_g.pink_g .deco_title_ptn{
color: #EF6E91;
}

#under_relation_area .cnt_g.pink_g .animate_deco_title_ptn::before{
background-color: #EF6E91;
}

#under_relation_area .cnt_g .cnt_box{
position: relative;
z-index: 2;
max-width: 183px;
width: 100%;
margin: 0 auto;
}

#under_relation_area .cnt_g .cnt_box .cnt_img{
position: relative;
}

#under_relation_area .cnt_g .cnt_box .cnt_img::before,#under_relation_area .cnt_g .cnt_box .cnt_img::after{
content: "";
display: block;
}

#under_relation_area .cnt_g .cnt_box .cnt_img::before{
width: 71px;
height: 33.5px;
background: url(../img/icon01_white_title.png) no-repeat center bottom/100% auto;
margin: 0 auto -4px;
}

#under_relation_area .cnt_g .cnt_box .cnt_img::after{
width: 183px;
height: 183px;
border-radius: 50%;
background-color: #000;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}

#under_relation_area .cnt_g .cnt_box .cnt_img span{
display: block;
position: relative;
z-index: 1;
}

#under_relation_area .cnt_g .cnt_box .cnt_img span::before,#under_relation_area .cnt_g .cnt_box .cnt_img span::after{
content: "";
display: block;
position: absolute;
}

#under_relation_area .cnt_g.cnt_g.blue_g .cnt_box .cnt_img::after{
background-color: #D8F4FF;
}

#under_relation_area .cnt_g.cnt_g.orange_g .cnt_box .cnt_img::after{
background-color: #FFE6B7;
}

#under_relation_area .cnt_g.cnt_g.purple_g .cnt_box .cnt_img::after{
background-color: #EAC9FF;
}

#under_relation_area .cnt_g.cnt_g.pink_g .cnt_box .cnt_img::after{
background-color: #FFD6E1;
}

#under_relation_area .cnt_g .btn_ptn01{
max-width: 282px;
position: absolute;
bottom: 29px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
}

#under_relation_area .cnt_g .btn_ptn01 a{
background-color: #fff;
}

#under_relation_area #relation01{
background-image: url(../../img/top/bg_welfare.png);
}

#under_relation_area #relation01 .cnt_img span::before{
width: 65px;
height: 55px;
background: url(../../img/top/icon01_welfare.png) no-repeat center center/100% auto;
top: 33px;
right: 16px;
}

#under_relation_area #relation01 .cnt_img span::after{
width: 54px;
height: 47px;
background: url(../../img/top/icon02_welfare.png) no-repeat center center/100% auto;
top: 82px;
right: -14px;
}

#under_relation_area #relation02{
background-image: url(../../img/top/bg_culture.png);
}

#under_relation_area #relation02 .cnt_img span::before{
width: 54px;
height: 47px;
background: url(../../img/top/icon01_culture.png) no-repeat center center/100% auto;
top: 37px;
left: -33px;
}

#under_relation_area #relation02 .cnt_img span::after{
width: 65px;
height: 55px;
background: url(../../img/top/icon02_culture.png) no-repeat center center/100% auto;
top: 50%;
right: -42px;
transform: translateY(-50%) rotate(17deg);
}

#under_relation_area #relation02 .cnt_img img{
width: 213px;
margin-left: -20px;
}

#under_relation_area #relation03{
background-image: url(../../img/top/bg_welfare.png);
}

#under_relation_area #relation03 .cnt_box .cnt_img::before{
margin-bottom: -24px;
}

#under_relation_area #relation03 .cnt_img span::before{
width: 60px;
height: 54px;
background: url(../../img/top/icon01_education.png) no-repeat center center/100% auto;
top: 3px;
left: -21px;
}

#under_relation_area #relation03 .cnt_img span::after{
width: 65px;
height: 55px;
background: url(../../img/top/icon02_education.png) no-repeat center center/100% auto;
top: 58px;
left: -32px;
transform: rotate(17deg);
}

#under_relation_area #relation03 .cnt_img img{
width: 234px;
margin-left: -40px;
}

#under_relation_area #relation04{
background-image: url(../../img/top/bg_career.png);
}

#under_relation_area #relation04 .cnt_img span::before{
width: 65px;
height: 56px;
background: url(../../img/top/icon01_career.png) no-repeat center center/100% auto;
top: -2px;
right: -14px;
transform: rotate(16deg);
}

#under_relation_area #relation04 .cnt_img span::after{
width: 54px;
height: 47px;
background: url(../../img/top/icon02_career.png) no-repeat center center/100% auto;
top: 76px;
right: -14px;
}

#under_relation_area #relation04 .cnt_img img{
width: 194px;
}

#under_relation_area #relation05{
background-image: url(../../img/top/bg_support.png);
}

#under_relation_area #relation05 .cnt_img span::before{
width: 54px;
height: 47px;
background: url(../../img/top/icon01_support.png) no-repeat center center/100% auto;
top: 37px;
left: -13px;
}

#under_relation_area #relation05 .cnt_img span::after{
width: 65px;
height: 55px;
background: url(../../img/top/icon02_support.png) no-repeat center center/100% auto;
top: 86px;
right: -35px;
transform: rotate(17deg);
}

#under_relation_area #relation05 .cnt_img img{
width: 213px;
margin-left: -19px;
}

#under_relation_area #relation06{
background-image: url(../../img/top/bg_work_style.png);
}

#under_relation_area #relation06 .cnt_box .cnt_img::before{
margin-bottom: -23px;
}

#under_relation_area #relation06 .cnt_img span::before{
width: 54px;
height: 47px;
background: url(../../img/top/icon01_work_style.png) no-repeat center center/100% auto;
top: 55px;
left: 0px;
transform: rotate(7deg);
}

#under_relation_area #relation06 .cnt_img span::after{
width: 65px;
height: 55px;
background: url(../../img/top/icon02_work_style.png) no-repeat center center/100% auto;
top: 112px;
left: -29px;
transform: rotate(163deg);
}

#under_relation_area #relation06 .cnt_img img{
width: 234px;
margin-left: -39px;
}

#under_relation_area #relation07{
background-image: url(../../img/top/bg_business.png);
}

#under_relation_area #relation07 .cnt_img span::before{
width: 65px;
height: 55px;
background: url(../../img/top/icon01_business.png) no-repeat center center/100% auto;
top: 6px;
right: 17px;
}

#under_relation_area #relation07 .cnt_img span::after{
width: 54px;
height: 47px;
background: url(../../img/top/icon02_business.png) no-repeat center center/100% auto;
top: 91px;
right: -13px;
}

#under_relation_area #relation08{
background-image: url(../../img/top/bg_number.png);
}

#under_relation_area #relation08 .cnt_img span::before{
width: 54px;
height: 47px;
background: url(../../img/top/icon01_number.png) no-repeat center center/100% auto;
top: 67px;
left: -27px;
}

#under_relation_area #relation08 .cnt_img span::after{
width: 65px;
height: 55px;
background: url(../../img/top/icon02_number.png) no-repeat center center/100% auto;
top: 42px;
right: -32px;
transform: rotate(17deg);
}

#under_relation_area #relation08 .cnt_img img{
width: 213px;
margin-left: -19px;
}

#under_relation_area #relation08 .btn_ptn01 a{
text-align: left;
padding-left: 28px;
}

#under_relation_area #relation09{
background-image: url(../../img/top/bg_business.png);
}

#under_relation_area #relation09 .cnt_img span::before{
width: 60px;
height: 54px;
background: url(../../img/top/icon01_faq.png) no-repeat center center/100% auto;
top: 46px;
left: 0px;
}

#under_relation_area #relation09 .cnt_img span::after{
width: 65px;
height: 55px;
background: url(../../img/top/icon02_faq.png) no-repeat center center/100% auto;
top: 117px;
left: -25px;
transform: rotate(163deg);
}

#under_relation_area #relation09 .cnt_img img{
width: 240px;
margin-left: -49px;
}

/*----------
02.ヘッダー
----------*/

header{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
}


#header_top{
background-color: #fff;
position: relative;
margin-bottom: 27px;
padding: 20px 0 15px;
}

#header_top::after{
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../img/bg_header_w.png) repeat-x center top/333px auto;
filter: drop-shadow(0px 0px 10px rgba(0,0,0,.08));
z-index: -1;
}

#header_top .contents_in{
align-items: center;
justify-content: space-between;
}

#header_top .title_box{
max-width: 538px;
width: 49.82%;
align-items: center;
}

#header_top .logo{
max-width: 160px;
width: 29.74%;
}

#header_top .company_name{
margin-left: 3.72%;
padding: 4.5px 0 4.5px 3.8%;
border-left: 1px solid #000;
font-size: 14px;
line-height: 1.42;
}

#header_top .company_name .big_text{
display: block;
margin-top: 5px;
font-size: 16px;
line-height: 1.5;
}

#header_top .company_name .strong_text{
font-weight: 700;
}

#header_top .header_top_left{
max-width: 514px;
width: 47.6%;
align-items: center;
position: relative;
}

#header_top .link_top_g{
max-width: 443px;
width: 86.18%;
margin-right: 3.9%;
}

#header_top .link_top_g .btn_ptn01{
max-width: 201px;
width: 45.38%;
margin: 0 0 0 4.52%;
}

header .link_top_g .btn_ptn01 a{
background-color: #000000;
color: #fff;
padding: 10px 0 12px 48px;
text-align: left;
}

header .link_top_g .btn_ptn01 a::after{
background-image: url(../img/arrow_right01.png);
background-color: #fff;
}

header .link_top_g .btn_ptn01 a::before{
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

header .link_top_g .recruitment_btn a::before{
width: 18px;
height: 21px;
background: url(../img/icon01_seat.png) no-repeat center center/100% auto;
left: 17px;
}

header .link_top_g .entry_btn a::before{
width: 15px;
height: 26px;
background: url(../img/icon01_pencil.png) no-repeat center center/100% auto;
left: 20px;
}

header .nav_btn{
width: 51px;
height: 51px;
border-radius: 50%;
background-color: #000;
position: relative;
z-index: 1;
cursor: pointer;
}

header .nav_line{
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 21px;
height: 2px;
border-radius: 3px;
background-color: #fff;
transition: all .5s;
}

header .nav_line01{
top: 18px;
}

header .nav_line02{
top: 25px;
}

header .nav_line03{
top: 32px;
}

header.active .nav_btn{
background: #FFEF71;
position: fixed;
top: 20px;
right: 20px;
}

header.active .nav_line{
background-color: #000;
}

header.active .nav_line01{
-webkit-transform: translateY(7px) rotate(-45deg);
transform: translateY(7px) rotate(-45deg);
}

header .nav_btn:hover .nav_line02{
-webkit-transform: translateX(7px) rotate(0deg);
transform: translateX(7px) rotate(0deg);
}

header.active .nav_line02{
opacity: 0;
}

header.active .nav_line03{
-webkit-transform: translateY(-7px) rotate(45deg);
transform: translateY(-7px) rotate(45deg);
}


nav{
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .8s;
overflow: auto;
}

header.active nav{
top: 0;
opacity: 1;
visibility: visible;
}

nav .nav_area{
position: relative;
}

nav .nav_area::after{
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../img/bg_header_w.png) repeat-x center top/333px auto;
filter: drop-shadow(0px 0px 20px rgba(0,0,0,.4));
z-index: -1;
}

nav .nav_g{
background-color: #fff;
padding: 80px 0 111px;
}

nav .contents_in{
max-width: 1120px;
}

nav .nav_in{
margin-bottom: 67px;
}

nav .nav_in a{
display: inline-block;
position: relative;
width: 100%;
}

nav .nav_in .menu_box{
max-width: 373px;
width: 33.33%;
padding: 0 55px;
border-right: 1px solid #EBEBEB;
}

nav .nav_in .title{
font-weight: 700;
font-size: 26px;
line-height: 42px;
position: relative;
margin-bottom: 30px;
}

nav .nav_in .title::before,nav .nav_in .title::after{
content: "";
display: inline-block;
}

nav .nav_in .title::before{
width: 42px;
height: 42px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% auto;
background-color: #000;
margin-right: 16px;
vertical-align: top;
}

nav .nav_in .title::after{
width: 24px;
height: 16px;
background: url(../img/arrow_bottom02.png) no-repeat center center/100% auto;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}

nav .nav_in .catchcopy{
font-weight: 500;
font-size: 13px;
line-height: 19px;
/* margin: -7px 0 4px 28px; */
display: block;
position: absolute;
top: -19px;
left: 28px;
}

nav .nav_in .link01{
font-weight: 700;
font-size: 17px;
line-height: 25px;
position: relative;
}

nav .nav_in .link01:not(:last-child){
margin-bottom: 30px;
}

nav .nav_in .link01::after{
display: block;
width: 0%;
height: 2px;
border-radius: 5px;
background-color: #FFEF71;
position: absolute;
bottom: -6px;
left: 0;
transition: all .4s;
}

nav .nav_in .link01:hover::after{
width: calc(100% + 10px);
}

nav .nav_in .link01 a::before,nav .nav_in .link01::after,nav .nav_in .link01 a::after{
content: "";
}

nav .nav_in .link01 a::before{
display: inline-block;
margin: 5px 9px 0 0;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #FFEF71;
vertical-align: top;
}

nav .nav_in .link01 a::after{
display: inline-block;
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
background: url(../img/arrow_right02.png) no-repeat center center/6.5px auto;
background-color: #000;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
transition: all .3s;
}

nav .nav_in .link01:hover a::after{
right: -10px;
}

nav .nav_in .menu_box01{
border-left: 1px solid #EBEBEB;
}

nav .nav_in .menu_box01 .title::before{
background-image: url(../img/icon01_nav.png);
}

nav .nav_in .menu_box02 .title::before{
background-image: url(../img/icon03_nav.png);
}

nav .nav_in .menu_box03 .title::before{
background-image: url(../img/icon02_nav.png);
}

nav .nav_in .link01.color01 a::before,nav .nav_in .link01.color01::after{
background-color: #FFB62C;
}

nav .nav_in .link01.color02 a::before,nav .nav_in .link01.color02::after{
background-color: #6ECCEF;
}

nav .nav_in .link01.color03 a::before,nav .nav_in .link01.color03::after{
background-color: #A758D9;
}

nav .nav_in .link01.color04 a::before,nav .nav_in .link01.color04::after{
background-color: #EF6E91;
}

nav .nav_in .link01_02.faq{
padding-top: 50px;
margin-top: 50px;
border-top: 1px solid #EBEBEB;
}

nav .nav_in .link01_02{
line-height: 32px;
}

nav .nav_in .link01_02 a::before{
width: 32px;
height: 32px;
margin: 0 10px 0 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% auto;
}

nav .nav_in .faq a::before{
background-image: url(../img/icon04_nav.png);
}

nav .nav_in .blog a::before{
background-image: url(../img/icon05_nav.png);
}


nav .link_top_g{
width: 100%;
margin: 0 auto;
justify-content: space-between;
}

nav .link_top_g .btn_ptn01{
max-width: 265px;
width: 24.5%;
margin: 0;
}

nav .link_top_g .btn_ptn01 a{
padding: 11.5px 0 14.5px 58px;
border-radius: 55px;
font-weight: 500;
font-size: 22px;
}

nav .link_top_g .btn_ptn01 a::after{
width: 40px;
height: 40px;
background-size: 10px auto;
}

nav .link_top_g .btn_ptn01 a::before{
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

nav .link_top_g .recruitment_btn,nav .link_top_g .entry_btn{
padding-top: 74px;
}

nav .link_top_g .recruitment_btn a::before{
width: 22.5px;
height: 27px;
background: url(../img/icon01_seat.png) no-repeat center center/100% auto;
left: 22.3px;
}

nav .link_top_g .entry_btn a::before{
width: 15.5px;
height: 27.5px;
left: 25.6px;
background: url(../img/icon01_pencil.png) no-repeat center center/100% auto;
}


nav .link_top_g .btn_ptn01.sns_btn span{
display: block;
max-width: 243px;
width: 100%;
margin: 0 auto 15px;
font-size: 18px;
line-height: 26px;
text-align: center;
position: relative;
padding-bottom: 7px;
}

nav .link_top_g .btn_ptn01.sns_btn span::before,nav .link_top_g .btn_ptn01.sns_btn span::after{
content: "";
display: block;
background: url(../img/black_fukidashi.png) no-repeat 50% 100%/100% auto;
width: 21px;
height: 37px;
position: absolute;
bottom: 0;
}

nav .link_top_g .btn_ptn01.sns_btn span::before{
left: 0;
}

nav .link_top_g .btn_ptn01.sns_btn span::after{
right: 0;
transform: scale(-1,1);
}

nav .link_top_g .btn_ptn01.sns_btn a{
background: #fff;
padding: 11.5px 0 14.5px 58px;
border-radius: 55px;
font-weight: 500;
font-size: 22px;
}


nav .link_top_g .btn_ptn01.sns_btn a::after {
background-image: url(../img/arrow_right02.png);
background-color: #000;
}


nav .link_top_g .btn_ptn01.sns_btn.ticktok a{
padding: 8.5px 0 11px 20px;
}


nav .link_top_g .btn_ptn01.sns_btn.instagram a{
padding: 8.5px 0 11px 18px;
}


nav .link_top_g .btn_ptn01.sns_btn.ticktok a img{
width: 127px;
}


nav .link_top_g .btn_ptn01.sns_btn.instagram a img{
width: 155px;
}

/*----------
03.フッター
----------*/
#footer_top{
background-color: #000;
margin-top: 10px;
position: relative;
padding: 42px 0 60px;
top: -10px;
z-index: 1;
}

#footer_top::before{
content: "";
display: block;
width: 100%;
height: 10px;
position: absolute;
top: -10px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../img/bg_footer.png) repeat-x center top/333px auto;
}

#footer_top .contents_in{
align-items: start;
justify-content: space-between;
}

#footer_top .footer_left{
max-width: 343px;
width: 100%;
}

#footer_top .footer_logo{
max-width: 312px;
width: 100%;
margin-bottom: 52px;
}

#footer_top .sns_g{
width: 100%;
align-items: start;
justify-content: space-between;
}

#footer_top .footer_right .sns_g{
display: none;
}

#footer_top .sns_g li{
max-width: 156px;
width: 45.49%;
}

#footer_top .sns_g li span{
display: block;
text-align: center;
font-weight: 500;
font-size: 12px;
line-height: 17px;
width: 100%;
position: relative;
color: #fff;
padding-bottom: 12px;
}

#footer_top .sns_g li span::before,#footer_top .sns_g li span::after{
content: "";
display: block;
width: 17px;
height: 30px;
background: url(../img/white_fukidashi.png) no-repeat 50% 100%/100% auto;
position: absolute;
bottom: 0;
}

#footer_top .sns_g li span::before{
left: 0;
transform: scale(-1, 1);
}

#footer_top .sns_g li span::after{
right: 0;
}

#footer_top .sns_g li a{
display: block;
max-width: 65px;
width: 100%;
margin: 0 auto;
border-radius: 50%;
background-color: #fff;
}

#footer_top .footer_right{
max-width: 640px;
width: 100%;
padding-top: 14px;
}

#footer_top .footer_sitemap{
align-items: start;
justify-content: space-between;
padding-bottom: 30px;
border-bottom: 2px solid #fff;
}

#footer_top .footer_sitemap .title{
color: #fff;
font-weight: 700;
font-size: 16px;
line-height: 1;
margin-bottom: 25px;
}

#footer_top .footer_sitemap .title::after{
content: "";
display: inline-block;
width: 13px;
height: 9px;
background: url(../img/arrow_bottom01.png) no-repeat center center/100% auto;
margin: 0 0 0 10px;
}

#footer_top .footer_sitemap .link01{
font-size: 14px;
font-weight: 500;
line-height: 20px;
position: relative;
padding-left: 19px;
}

#footer_top .footer_sitemap .link01 a,#footer_top .footer_sitemap .link01 span{
color: #fff;
}

#footer_top .footer_sitemap .link01::before{
content: "";
display: block;
width: 9px;
height: 9px;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: 6px;
left: 0;
}

#footer_top .footer_sitemap .link01:not(:last-child){
margin-bottom: 22px;
}

#footer_top .footer_sitemap .link01 + .title{
margin-top: 35px;
}

#footer_top .footer_sitemap .link01 .catchcopy{
display: block;
position: absolute;
font-size: 11px;
line-height: 14px;
top: -14px;
left: 0px;
}

#footer_top .target_link_g{
padding-top: 30px;
}

#footer_top .target_link_g li{
padding: 4px 0 3px;
}

#footer_top .target_link_g li:not(:first-child){
border-left: 2px solid #fff;
padding-left: 40px;
margin-left: 40px;
}

#footer_top .target_link_g li a{
color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 24px;
transition: all .3s;
}

#footer_top .target_link_g li a:hover{
opacity: .7;
}

#footer_top .target_link_g li a::after{
display: inline-block;
content: "";
width: 18px;
height: 18px;
background: url(../img/icon_target.png) no-repeat center center/100% auto;
margin: 4px 0 0 20px;
vertical-align: top;
}

#footer_bottom{
padding: 14px 0 13px;
background-color: #fff;
text-align: center;
color: #9B9B9B;
font-size: 12px;
line-height: 14px;
}

@media only screen and (max-width:1080px){
/*----------
02.ヘッダー
----------*/
#header_top .logo{
width: 25.74%;
}

}



@media only screen and (max-width:1024px){
/*----------
01.共通 1024
----------*/
.contents_in{
width: calc(100% - 40px);
}

/* 共通タイトルパターン */
.title_ptn01{
font-size: 33px;
}

.deco_title_ptn{
font-size: 79px;
}

#under_maintitle01_area .title_text_area .h1_title{
font-size: 36px;
line-height: 55px;
}

#under_maintitle01_area .deco_title_ptn{
font-size: 71px;
bottom: -18px;
}

/* 下層関連リンク */

#under_relation_area .cnt_block{
margin-bottom: 0;
}

#under_relation_area .cnt_g .btn_ptn01{
width: 90%;
}

#under_relation_area .cnt_g .btn_ptn01 a{
font-size: 15px;
}

#under_relation_area #relation08 .btn_ptn01 a{
padding-left: 0;
text-align: center;
}

/*----------
02.ヘッダー 1024
----------*/

#header_top .title_box{
max-width: 160px;
width: 100%;
}

#header_top .logo{
width: 100%;
}

#header_top .company_name{
display: none;
}

#header_top .header_top_left{
width: 100%;
}

nav .nav_area::after{
content: none;
}

nav .nav_in .menu_box{
padding: 0 20px;
}

nav .nav_in .title{
font-size: 20px;
line-height: 32px;
margin-bottom: 25px;
}

nav .nav_in .title::before{
width: 32px;
height: 32px;
margin-right: 10px;
}

nav .nav_in .title::after{
width: 19px;
height: 13px;
}

nav .nav_in .catchcopy{
font-size: 12px;
line-height: 18px;
top: -17px;
left: 18px;
}

nav .nav_in .link01{
font-size: 14px;
line-height: 22px;
}

nav .nav_in .link01 a::before{
margin: 5px 6px 0 0;
width: 14px;
height: 14px;
}

nav .link_top_g {
max-width: 550px;
flex-wrap: wrap;
}

nav .link_top_g .btn_ptn01{
width: 48.5%;
}

nav .link_top_g .btn_ptn01.sns_btn{
margin-top: 40px;
}

nav .link_top_g .recruitment_btn, nav .link_top_g .entry_btn{
padding-top: 0;
}

nav .link_top_g .btn_ptn01.sns_btn span{
max-width: 183px;
font-size: 12px;
line-height: 18px;
padding-bottom: 4px;
margin-bottom: 10px;
}

nav .link_top_g .btn_ptn01.sns_btn span::before, nav .link_top_g .btn_ptn01.sns_btn span::after{
width: 13px;
}


/*----------
03.フッター 1024
----------*/

#footer_top .contents_in{
padding: 0;
}

#footer_top .footer_left{
width: 30.76%;
}

#footer_top .sns_g li span{
font-size: 10px;
line-height: 15px;
padding: 0 0 12px;
}

#footer_top .sns_g li span::before,#footer_top .sns_g li span::after{
width: 12px;
}

#footer_top .sns_g li span br.pc{
display: none;
}

#footer_top .sns_g li span br.sp{
display: block;
}

#footer_top .footer_right{
width: 64.26%;
}

#footer_top .footer_sitemap .link01{
font-size: 12px;
}

#footer_top .target_link_g{
padding-top: 24px;
}

#footer_top .target_link_g li a{
font-size: 14px;
line-height: 22px;
}

}

@media only screen and (max-width:750px){

/*----------
01.共通
----------*/

.pc{
display: none;
}

.sp{
display: block;
}

.main_contents{
margin-top: 60px;
}


/* 共通ボタンパターン */

.btn_ptn01{
max-width: 224px;
}

.btn_ptn01 a{
font-size: 16px;
}

.btn_ptn01 a::after{
width: 25px;
height: 25px;
}



/* 共通タイトルパターン */

.title_ptn01{
font-size: 28px;
line-height: 45px;
}

.title_ptn01::before{
width: 61px;
height: 29.5px;
}

.title_ptn01::after{
width: 58px;
height: 58px;
}

.deco_title_ptn{
font-size: 59px;
}

#under_maintitle01_area .title_text_area{
padding: 19px 0 41px;
}

#under_maintitle01_area .title_text_area::before{
height: 8px;
top: -8px;
background-size: auto 8px;
}

#under_maintitle01_area .title_text_area .h1_title{
font-size: 28px;
line-height: 47px;
}

#under_maintitle01_area .title_text_area .h1_title::before{
width: 69px;
height: 35px;
}

#under_maintitle01_area .deco_title_ptn{
width: 100%;
font-size: 51px;
bottom: -13px;
}

.h2_ptn_01{
font-size: 24px;
}

/* 下層関連リンク */

#under_relation_area .cnt_g{
padding-bottom: 35px;
}

#under_relation_area .cnt_g::before{
height: 8px;
background-size: auto 8px;
}

#under_relation_area .cnt_g::before{
top: -8px;
}

#under_relation_area .cnt_g .deco_title_ptn{
font-size: 30px;
}

#under_relation_area .cnt_g .cnt_box .cnt_img::before{
width: 51px;
height: 25.5px;
}

#under_relation_area .cnt_g .btn_ptn01 a{
font-size: 12px;
padding: 8px 0;
}

#under_relation_area .cnt_g .btn_ptn01 a::after{
width: 16px;
height: 16px;
background-size: 4px auto;
right: 6px;
}

#under_relation_area .cnt_g .cnt_box{
width: 80%;
}

#under_relation_area .cnt_g .cnt_box .cnt_img::after{
width: 80%;
height: 0;
padding-top: 80%;
}

#under_relation_area #relation01 .cnt_img span::before{
width: 35.52%;
}

#under_relation_area #relation01 .cnt_img span::after{
width: 29.51%;
}

#under_relation_area #relation02 .cnt_img img{
width: 116.4%;
margin-left: -10.93%;
}

#under_relation_area #relation02 .cnt_img span::before{
width: 29.51%;
left: -13.04%;
}

#under_relation_area #relation02 .cnt_img span::after{
width: 35.52%;
right: -17.3%;
}

#under_relation_area #relation03 .cnt_box .cnt_img::before{
margin-bottom: -4px;
}

#under_relation_area #relation03 .cnt_img img{
width: 117.1%;
margin-left: -11.86%;
}

#under_relation_area #relation03 .cnt_img span::before{
width: 32.79%;
left: -6.48%;
}

#under_relation_area #relation03 .cnt_img span::after{
width: 35.52%;
left: -12.49%;
}

#under_relation_area #relation04 .cnt_img img{
width: 106.57%;
}

#under_relation_area #relation04 .cnt_img span::before{
width: 35.52%;
}

#under_relation_area #relation04 .cnt_img span::after{
width: 29.51%;
}

#under_relation_area #relation05 .cnt_img img{
width: 116.4%;
margin-left: -10.39%;
}

#under_relation_area #relation05 .cnt_img span::before{
width: 29.51%;
}

#under_relation_area #relation05 .cnt_img span::after{
width: 35.52%;
right: -9.13%;
}

#under_relation_area #relation06 .cnt_box .cnt_img::before{
margin-bottom: -4px;
}

#under_relation_area #relation06 .cnt_img img{
width: 117.1%;
margin-left: -11.32%;
}

#under_relation_area #relation06 .cnt_img span::before{
width: 29.51%;
top: 45px;
}

#under_relation_area #relation06 .cnt_img span::after{
width: 35.52%;
top: 82px;
left: -10.85%;
}

#under_relation_area #relation07 .cnt_img span::before{
width: 35.52%;
}

#under_relation_area #relation07 .cnt_img span::after{
width: 29.51%;
}

#under_relation_area #relation08 .cnt_img img{
width: 116.4%;
}

#under_relation_area #relation08 .cnt_img span::before{
width: 29.51%;
left: -9.76%;
}

#under_relation_area #relation08 .cnt_img span::after{
width: 32.52%;
right: -12.49%;
}

#under_relation_area #relation08 .btn_ptn01 a{
padding-right: 12px;
}

#under_relation_area #relation09 .cnt_img img{
width: 119.15%;
margin-left: -16.78%;
}

#under_relation_area #relation09 .cnt_img span::before{
width: 32.79%;
top: 25px;
}

#under_relation_area #relation09 .cnt_img span::after{
width: 35.52%;
top: 87px;
left: -8.67%;
}


/*----------
02.ヘッダー 750
----------*/

#header_top{
padding: 14px 0 13px;
}

#header_top::after{
bottom: -8px;
background-size: auto 8px;
height: 8px;
}

#header_top .contents_in{
width: calc(100% - 20px);
}

#header_top .title_box{
max-width: 110px;
}

#header_top .header_top_left{
max-width: 231px;
width: 100%;
margin-right: 10px;
}

#header_top .link_top_g{
/* display: none; */
max-width: 184px;
width: 100%;
margin-right: 10px;
}

#header_top .link_top_g .btn_ptn01{
max-width: 82px;
width: 100%;
margin-left: 10px;
}

header .link_top_g .btn_ptn01 a{
font-size: 10px;
padding: 9px 7px 9px 21px;
}

header .link_top_g .recruitment_btn a{
padding-left: 23px;
}

header .link_top_g .recruitment_btn a::before{
width: 10px;
height: 14px;
left: 7px;
}

header .link_top_g .entry_btn a::before{
width: 7px;
height: 14px;
left: 10px;
}

header .link_top_g .btn_ptn01 a::after{
content: none;
}

header .nav_btn{
width: 37px;
height: 37px;
}

header .nav_line{
width: 19px;
}

header .nav_line01{
top: 11px;
}

header .nav_line02{
top: 18px;
}

header .nav_line03{
top: 25px;
}

header .nav_btn:hover .nav_line02{
transform: translateX(0);
}

header.active #header_top{
z-index: 1;
}

header.active #header_top::after{
display: none;
}

header.active .nav_btn{
position: relative;
top: auto;
right: auto;
}


nav{
top: 0;
transition: all .5s;
}

nav .nav_g{
padding: 80px 0 50px;
}

nav .nav_in{
display: block;
margin-bottom: 10px;
}

nav .nav_in .menu_box{
max-width: none;
width: 100%;
border: none;
padding: 0;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
}

nav .nav_in .title{
width: 100%;
font-size: 18px;
line-height: 28px;
margin-bottom: 20px;
}

nav .nav_in .title::before{
width: 28px;
height: 28px;
margin-right: 8px;
}

nav .nav_in .title::after{
width: 13px;
height: 8px;
position: static;
display: inline-block;
margin-left: 15px;
}

nav .nav_in .catchcopy{
width: 100%;
font-size: 11px;
left: 0;
top: -14px;
}

nav .nav_in .link01{
width: 47%;
margin-bottom: 24px;
}

nav .nav_in .link01:not(:last-child){
margin-bottom: 24px;
}

nav .nav_in .link01 a{
text-indent: -1em;
padding-left: 1em;
}

nav .nav_in .link01 a::before{
width: 10px;
height: 10px;
margin: 7px 5px 0 0;
}

nav .nav_in .link01 a::after{
width: 12px;
height: 12px;
background-size: 4px auto;
}

nav .nav_in .link01::after{
content: none;
}

nav .nav_in .link01_02{
width: 100%;
}

nav .nav_in .link01_02 a{
padding: 0;
text-indent: 0;
}

nav .nav_in .link01_02.faq{
padding-top: 20px;
margin-top: 0;
}

nav .nav_in .link01_02 a::before{
width: 24px;
height: 24px;
margin: 0 8px 0 0;
}


nav .link_top_g .recruitment_btn,nav .link_top_g .entry_btn{
display: none;
}

nav .link_top_g .btn_ptn01.sns_btn{
margin: 0;
}

nav .link_top_g .btn_ptn01.sns_btn span{
max-width: 133px;
font-size: 10px;
line-height: 16px;
padding-bottom: 2px;
margin-bottom: 8px;
}

nav .link_top_g .btn_ptn01.sns_btn span::before, nav .link_top_g .btn_ptn01.sns_btn span::after{
width: 10px;
}

nav .link_top_g .btn_ptn01.sns_btn.ticktok a,nav .link_top_g .btn_ptn01.sns_btn.instagram a{
padding: 8.5px 0 11px;
}

nav .link_top_g .btn_ptn01.sns_btn.ticktok a img {
width: 97px;
margin: 0 auto;
}

nav .link_top_g .btn_ptn01.sns_btn.instagram a img {
width: 125px;
margin: 0 auto;
}


/*----------
03.フッター
----------*/

#footer_top{
padding: 42px 0 21px;
margin-top: 8px;
}

#footer_top::before{
background-size: auto 8px;
top: -8px;
}

#footer_top .contents_in{
display: block;
}

#footer_top .footer_left{
max-width: 201px;
width: 100%;
margin: 0 auto 40px;
}

#footer_top .footer_logo{
margin-bottom: 0;
}

#footer_top .footer_right{
max-width: none;
width: 100%;
padding: 0;
}

#footer_top .footer_sitemap{
max-width: none;
display: block;
border-bottom: none;
}

#footer_top .footer_sitemap .sitemap_box{
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
}

#footer_top .footer_sitemap .title{
width: 100%;
margin-bottom: 20px;
}

#footer_top .footer_sitemap .sitemap_box .link01{
width: 50%;
}

#footer_top .footer_sitemap .link01 .catchcopy{
font-size: 10px;
line-height: 12px;
top: -12px;
}

#footer_top .footer_sitemap .sitemap_box .link01:not(:last-child){
margin-bottom: 17px;
}

#footer_top .footer_sitemap .sitemap_box01,#footer_top .footer_sitemap .sitemap_box02{
margin-bottom: 30px;
}

#footer_top .footer_sitemap .link01 + .title{
margin-top: 20px;
}

#footer_top .footer_sitemap .sitemap_box03{
display: block;
}

#footer_top .footer_sitemap .sitemap_box03 .link01{
font-size: 14px;
width: 100%;
}

#footer_top .footer_sitemap .sitemap_box03 .link01:nth-child(1){
margin-bottom: 21px;
}

#footer_top .target_link_g{
padding-top: 25px;
border-top: 2px solid #fff;
}

#footer_top .target_link_g ul{
justify-content: center;
}

#footer_top .target_link_g li{
padding: 0;
}

#footer_top .target_link_g li:not(:first-child){
padding-left: 20px;
margin-left: 20px;
border-left-width: 1px;
}

#footer_top .target_link_g li a{
font-size: 12px;
line-height: 22px;
}

#footer_top .target_link_g li a::after{
width: 14px;
height: 14px;
margin-left: 6px;
}

#footer_top .footer_right .sns_g{
display: flex;
max-width: 280px;
width: 100%;
margin: 0 auto;
padding-bottom: 25px;
}

#footer_top .sns_g li span{
font-size: 12px;
line-height: 17px;
}

#footer_top .sns_g li a{
max-width: 45px;
}

#footer_bottom{
line-height: 20px;
padding: 0px 0 14px;
}








}