@charset "utf-8";

#wrapper {
background-image : url(../images/bg01.png) ;
background-position : right 0;
background-repeat: no-repeat;
background-size: 1580px auto;
}


/* ■■■メインイメージ■■■*/
#mainimgArea{
position: relative;
width: 1200px;
margin: 0 auto;
padding-top: 145px;
text-align: left;
letter-spacing: 0;
}

.main_img {
position: absolute;
top: 35px;
right: -70px;
z-index: 3;
}

.main_img img{
width: 594px;
height: auto;
transition: 1s ease all;
}

.main_text {
font-size: 60px;
font-weight: bold;
line-height: 160%;
transition: 1s ease all;
}

.main_text_ttl {
margin-top: 80px;
font-size: 24px;
font-weight: bold;
color: #2243AD;
background-image : url(../images/icon01.png) ;
background-position : 0 center;
background-repeat: no-repeat;
background-size: 38px auto;
padding: 20px 0 20px 50px;
}

.main_text1 {
line-height: 240%;
padding-top: 5px;
}


/* max-width: 1355px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1355px){
/* ■■■メインイメージ■■■*/
#mainimgArea{
width: 100%;
margin: 0;
padding: 145px 40px 0 40px;
}

.main_img {
right: 0;
}


}
/* max-width: 1355px @end */

/* max-width: 1286px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1286px){
/* ■■■メインイメージ■■■*/
.main_img img{
width: 494px;
}

}
/* max-width: 1286px @end */

@media only screen and (max-width: 1122px){
/* ■■■メインイメージ■■■*/
.main_img img{
width: 394px;
}


}
/* max-width: 1122px @end */

@media only screen and (max-width: 1007px){
/* ■■■メインイメージ■■■*/

.main_text {
font-size: 50px;
font-weight: bold;
line-height: 160%;
transition: 1s ease all;
}

}
/* max-width: 1007px @end */

/* min-width: 917px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (min-width: 917px){
.main_img_sp {
display: none;
}

}
/* min-width: 917px @end */

/* max-width: 916px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 916px){
#mainimgArea{
padding: 30px 20px 0 20px;
}

.main_img {
display: none;
}

.main_img_sp{
text-align: center;
}

.main_text {
text-align: center;
}

.main_img_sp img{
width: 300px;
height: auto;
}

.main_text_ttl {
margin-top: 20px;
}

}
/* max-width: 916px @end */


/* max-width: 768px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 768px){
#wrapper {
background-position : right 50px;
background-size: 835px auto;
}

.main_text {
font-size: 36px;
}

}
/* max-width: 768px @end */


/* max-width: 426px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 426px){
.main_text {
font-size: 32px;
}

.main_text_ttl {
font-size: 18px;
background-size: 32px auto;
}

.main_text1 {
font-size: 14px;
padding-top: 0;
line-height: 200%;
}

.main_text_ttl {
margin-top: 0;
}


}
/* max-width: 426px @end */


/* ■■■ポイント■■■*/
.point_base {
background-image : url(../images/bg02.png) ;
background-position : center 300px;
background-repeat: no-repeat;
background-size: 100% auto;
z-index: 3;
padding: 250px 0 0 0;
}

.point_Area {
width: 1200px;
margin: 0 auto;
border-radius: 20px 20px 0 0;
background-color: #FFF;
padding: 70px 60px;
position: relative;
}

.point_Area .ty01{
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
z-index: 3;
}

.point_Area .ty01 img{
width: 80px;
height: auto;
}

.point_text_ttl01 {
margin-top: 20px;
font-size: 24px;
font-weight: bold;
color: #2243AD;
}

.point_text_ttl02 {
margin-top: 20px;
font-size: 32px;
font-weight: bold;
}

.point_flex {
display: flex;
text-align: left;
margin-top: 85px;
column-gap: 40px;
}


.point_cont01 {
position: relative;
padding: 45px 20px;
background-color: #F5F5F5;
}

.point_nm {
position: absolute;
top: -30px;
left: 20px;
z-index: 3;
width: 84px;
}

.point_cont01 .point_img {
margin-bottom: 35px;
}

.point_cont01 .point_img img {
width: auto;
height: 180px;
}

.point_cont02 {
margin-top: 20px;
font-size: 12px;
text-align: left;
}

/* max-width: 1255px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1255px){
.point_base {
padding: 250px 40px 0 40px;
font-size: 14px;
}

.point_Area {
width: 100%;
padding: 50px 20px;
}


}
/* max-width: 1255px @end */

/* min-width: 917px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (min-width: 917px){
.point_cont01 {
flex: 1;
}

}
/* min-width: 917px @end */

/* max-width: 916px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 916px){
.point_Area {
padding: 50px 0;
}

.point_flex {
flex-wrap: wrap;
margin-top: 0;
column-gap: 0;
}

.point_cont01 {
padding: 20px;
width: 100%;
margin-top: 60px;
}

}
/* max-width: 916px @end */

/* min-width: 769px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (min-width: 769px){
.point_base {
background-attachment: fixed;
}


}
/* min-width: 769px @end */



/* max-width: 768px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 768px){
.point_base {
background-position : center 0;
padding: 80px 20px 0 20px;
}

.point_Area .ty01{
position: absolute;
top: -20px;
}

.point_Area .ty01 img{
width: 48px;
}

.point_text_ttl01 {
margin-top: 0;
font-size: 18px;
letter-spacing: 0;
}

.point_text_ttl02 {
margin-top: 10px;
font-size: 24px;
}


.point_cont01 .point_img {
margin-bottom: 35px;
}

}
/* max-width: 768px @end */

/* max-width: 426px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 426px){


}
/* max-width: 426px @end */




/* ■■■会員限定優待サービス■■■*/
.service_base {
background-color: #E0F3FA;
margin-top: 160px;
background-image : url(../images/bg03_1.png) ,url(../images/bg03_3.png) ;
background-position : right 0 ,left bottom;
background-repeat: no-repeat ,no-repeat;
background-size: 400px auto , 800px auto;
position: relative;
letter-spacing: 0 ;
}

.service_base .title01 {
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
text-decoration: none;
border-radius: 100px;
background-image: radial-gradient(circle at 100% 0%, rgba(220, 103, 237, 1) 4%, rgba(94, 119, 255, 1));
color: #FFF;
width: 600px;
margin: 0 auto;
font-size: 32px;
padding: 20px 0;
font-weight: bold;
}

.service_base .title01 span{
color: #FFF;
background-image : url(../common/images/nv_icon01.svg) ;
background-position : left 0 center;
background-size: 39px auto;
background-repeat: no-repeat;
padding: 3px 0 3px 50px;
}

.service_arrow img{
width: 40px;
height: auto;
margin-top: 30px;
}

.service_list{
width: 1200px;
margin: 80px auto 0 auto;
text-align: left;
display: flex;
column-gap: 24px;
letter-spacing: 0;
}

.service_ttl01 {
border-bottom: 4px solid #ED7474;
}

.service_ttl02 {
border-bottom: 4px solid #6897F3
}

.service_ttl03 {
border-bottom: 4px solid #81D297;
}

.service_ttl04 {
border-bottom: 4px solid #EDC474;
}


.service_ttl01,
.service_ttl02,
.service_ttl03,
.service_ttl04 {
padding: 15px 0;
background-color: #FFF;
font-weight: bold;
text-align: center;
}


.service_list ul.service_ty01 li {
background-image : url(../images/flag01.svg) ;
}

.service_list ul.service_ty02 li {
background-image : url(../images/flag02.svg) ;
}

.service_list ul.service_ty03 li {
background-image : url(../images/flag03.svg) ;
}

.service_list ul.service_ty04 li {
background-image : url(../images/flag04.svg) ;
}

.service_list ul.service_ty01 li,
.service_list ul.service_ty02 li,
.service_list ul.service_ty03 li,
.service_list ul.service_ty04 li {
background-position : 0 0;
background-size: 20px auto;
background-repeat: no-repeat;
padding-left: 30px;
margin-top: 50px;
line-height: 160%;
}

.service_cate_base {
background-image : url(../images/bg03_2.png) ;
background-position : 0 0;
background-repeat: repeat-y;
background-size: 100% auto;
}


/* 新卒 */
.service_cate01_ttl {
color: #FFF;
padding: 14px 0;
font-size: 24px;
font-weight: bold;
background-color: #ED7474;
width: 1280px;
margin: 110px auto 0 auto;
}

.service_cate01 {
width: 1280px;
margin: 0 auto;
background-image : url(../images/service_cate_bg01.png) ;
background-position : left 0 top 30px;
background-repeat: no-repeat;
background-size: 480px auto;
position: relative;
}

.service_cate01_subttl {
background-image : url(../images/flag01.svg) ;
background-position : 55px 15px;
background-size: 32px auto;
background-repeat: no-repeat;
padding: 0 0 0 110px;
font-size: 32px;
font-weight: bold;
line-height: 160%;
text-align: left;
}

.service_CL01 {
float: left;
width: 440px;
margin-top: 30px;
padding-top: 100px;
}


.service_img01 {
padding-top: 60px;
}

.service_img02 {
position: absolute;
bottom: -70px;
right: 0;
z-index: 1;
}

.service_img01 img,
.service_img02 img {
width: 340px;
height: auto;
}


.service_CR01 {
float: right;
width: 840px;
}

.service_colum_ty01 {
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}

.service_cont01 {
width: calc((100% - 20px) / 2);
border-radius: 20px;
background-color: #FFF;
padding: 30px 20px;
text-align: left;
box-shadow: 2px 2px 4px #94D1E9;
margin-top: 30px;
}

.service_cont02 {
width: 410px;
border-radius: 20px;
background-color: #FFF;
padding: 30px 20px;
text-align: left;
box-shadow: 2px 2px 4px #94D1E9;
margin-top: 30px;
margin-left: 50px;
z-index: 2;
}


a.service_cont01,
a.service_cont02  {
display: block;
text-decoration: none;
}

a.service_cont01:hover,
a.service_cont02:hover {
color: #000;
background-color: #dff5fe;
}

.service_cont01 img,
.service_cont02 img {
width: 230px;
height: auto;
}

.service_cont_ttl {
font-size: 20px;
font-weight: bold;
color: #2243AD;
margin-top: 30px;
}

.service_cont_text{
letter-spacing: 0;
margin-top: 20px;
}


table.service_cont_table{
table-layout: fixed;
border-collapse:collapse;
border-spacing:0;
background-color:#FFF;
width: 100%;
margin-top: 20px;
letter-spacing: 0;
line-height: 140%;
}

.service_cont_table th{
border:1px solid #ED7474;
background-color:#FFF8D4;
padding: 5px 0;
text-align:center;
}

.service_cont_table th span{
background-image : url(../common/images/icon.svg) ;
background-position : left 0 center;
background-size: 20px auto;
background-repeat: no-repeat;
padding-left: 30px;
}

.service_cont_table td{
border:1px solid #ED7474;
padding: 5px 10px;
text-align:left;
}

.service_cont_table td .ty01{
font-size: 24px;
}

.service_cont_table td .ty02{
background-image : url(../common/images/icon02.svg) ;
background-position : left 0 top 10px;
background-size: 4px auto;
background-repeat: no-repeat;
padding-left: 10px;
}

.line01 {
width: 1280px;
margin: 0 auto;
border-bottom: 1px solid #B5E0F0;
padding: 30px 0 0 0;
}

.service_CL02 {
float: left;
width: calc((100% - 80px) / 2);
}

.service_CR02 {
float: right;
width: calc((100% - 80px) / 2);
}


.service_colum_ty02 {
width: 1280px;
margin: 160px auto 0 auto;
}

.service_colum_ty03 {
width: 1280px;
margin: 0 auto;
}

/* 若者 */
.service_cate02_ttl {
color: #FFF;
padding: 14px 0;
font-size: 24px;
font-weight: bold;
background-color: #6897F3;
}

.service_cate02 {
background-image :  url(../images/img05_4.png),url(../images/service_cate_bg02.png);
background-position : right bottom ,0 0;
background-repeat: no-repeat , no-repeat;
background-size: 340px auto, 480px auto ;
position: relative;
margin-top: 30px;
padding-bottom: 300px;
}

.service_cate02_subttl {
background-image : url(../images/flag02.svg) ;
background-position : 55px 95px;
background-size: 32px auto;
background-repeat: no-repeat;
padding: 80px 0 0 110px;
font-size: 32px;
font-weight: bold;
line-height: 160%;
text-align: left;
}


/* ミドル */
.service_cate03_ttl {
color: #FFF;
padding: 14px 0;
font-size: 24px;
font-weight: bold;
background-color: #81D297;
}

.service_cate03 {
background-image :  url(../images/img05_5.png),url(../images/service_cate_bg03.png);
background-position : right bottom,0 0;
background-repeat: no-repeat , no-repeat;
background-size: 340px auto , 480px auto;
position: relative;
margin-top: 30px;
padding-bottom: 300px;
}

.service_cate03_subttl {
background-image : url(../images/flag03.svg) ;
background-position : 55px 95px;
background-size: 32px auto;
background-repeat: no-repeat;
padding: 80px 0 0 110px;
font-size: 32px;
font-weight: bold;
line-height: 160%;
text-align: left;
}

/* その他 */
.service_cate04_ttl {
color: #FFF;
padding: 14px 0;
font-size: 24px;
font-weight: bold;
background-color: #EDC474;
width: 1280px;
margin: 110px auto 0 auto;
}

.service_cate04 {
width: 1280px;
margin: 0 auto;
background-image : url(../images/service_cate_bg04.png) ;
background-position : left 0 top 30px;
background-repeat: no-repeat;
background-size: 480px auto;
position: relative;
}

.service_cate04_subttl {
background-image : url(../images/flag04.svg) ;
background-position : 55px 15px;
background-size: 32px auto;
background-repeat: no-repeat;
padding: 0 0 0 110px;
font-size: 32px;
font-weight: bold;
line-height: 160%;
text-align: left;
}

.service_cate04_1,
.service_cate04_2 {
background-position : right bottom,0 0 ;
background-repeat: no-repeat , no-repeat;
background-size:  340px auto, 480px auto;
position: relative;
margin-top: 30px;
padding-bottom: 300px;
}

.service_cate04_1 {
background-image :  url(../images/img05_7.png),url(../images/service_cate_bg04.png);
}

.service_cate04_2 {
background-image : url(../images/img05_8.png), url(../images/service_cate_bg04.png);
}

.service_cate04_subttl_1 {
background-image : url(../images/flag04.svg) ;
background-position : 55px 95px;
background-size: 32px auto;
background-repeat: no-repeat;
padding: 80px 0 0 110px;
font-size: 32px;
font-weight: bold;
line-height: 160%;
text-align: left;
}


/* max-width: 1355px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1355px){
.service_cate_base {
padding: 0 40px;
}

/* 新卒 */
.service_cate01_ttl {
width: 100%;
margin: 60px 0 0 0;
}

.service_cate01 {
width: 100%;
background-position : 0 0;
}

.service_cate01_subttl {
background-position : 55px 15px;
background-size: 32px auto;
padding: 0 0 0 110px;
font-size: 32px;
}

.service_CL01 {
float: none;
width: 100%;
padding-top: 70px;
}

.service_CR01 {
float: none;
width: 100%;
}

.service_img01 {
display: none;
}

.service_catebg01,
.service_catebg02,
.service_catebg03,
.service_catebg04 {
background-position : right 0 top 30px;
background-repeat: no-repeat;
background-size: 230px auto;
}

.service_catebg01 {
background-image : url(../images/img05_1.png) ;
}

.service_catebg02 {
background-image : url(../images/img05_2.png) ;
}

.service_catebg03 {
background-image : url(../images/img05_3.png) ;
}

.service_catebg04 {
background-image : url(../images/img05_6.png) ;
}

.line01 {
width: 100%;
}

/* 若者 */
.service_cate02_subttl {
background-position : 55px 70px;
padding: 55px 0 0 110px;
}

.service_cate02,
.service_cate03,
.service_cate04_1,
.service_cate04_2 {
background-size: 230px auto , 380px auto ;
padding-bottom: 200px;
}


/* ミドル */
.service_cate03_subttl,
.service_cate04_subttl_1 {
background-position : 55px 70px;
padding: 55px 0 0 110px;
}

.service_CL02 {
width: calc((100% - 20px) / 2);
}

.service_CR02 {
width: calc((100% - 20px) / 2);
}

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




.service_colum_ty02 {
width: 100%;
margin: 100px auto 0 auto;
}

.service_colum_ty03 {
width: 100%;
margin: 0 auto;
}

/* その他 */
.service_cate04_ttl {
width: 100%;
margin: 110px auto 0 auto;
}

.service_cate04 {
width: 100%;
background-position : 0 0;
}

}
/* max-width: 1355px @end */


/* max-width: 1255px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1255px){
.service_base {
margin-top: 60px;
}

.service_list{
width: 100%;
padding: 0 20px;
margin: 30px 0 0 0;
}

.service_list ul.service_ty01 li,
.service_list ul.service_ty02 li,
.service_list ul.service_ty03 li,
.service_list ul.service_ty04 li {
margin-top: 20px;
}


}
/* max-width: 1255px @end */


/* max-width: 916px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 916px){
.service_base .title01 {
font-size: 24px;
}

.service_base .title01 span{
background-size: 30px auto;
padding-left: 40px;
}

.service_list{
font-size: 14px;
}

.service_cate01_subttl {
background-position : 40px 5px;
font-size: 24px;
padding: 0 0 0 90px;
}

.service_cont01 img,
.service_cont02 img {
width: 200px;
height: auto;
}

.service_cate02,
.service_cate03,
.service_cate04_1,
.service_cate04_2 {
background-size: 230px auto, 300px auto ;
}

.service_cate02_subttl,
.service_cate03_subttl,
.service_cate04_subttl,
.service_cate04_subttl_1 {
background-position : 40px 35px;
font-size: 24px;
padding: 30px 0 0 90px;
}

}
/* max-width: 916px @end */

/* min-width: 769px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (min-width: 769px){
.service_list_cont{
flex: 1;
}

}
/* min-width: 769px @end */



/* max-width: 768px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 768px){
.service_cate_base {
padding: 0;
}

.service_base .title01 {
width: 100%;
border-radius: 0;
}

.service_ttl01,
.service_ttl02,
.service_ttl03,
.service_ttl04 {
padding: 10px 0;
}

.service_list{
flex-wrap: wrap;
column-gap: 0;
margin-top: 0;
}

.service_list_cont{
width: 100%;
margin-top: 20px;
}

.service_list ul.service_ty01 li,
.service_list ul.service_ty02 li,
.service_list ul.service_ty03 li,
.service_list ul.service_ty04 li {
background-size: 16px auto;
padding-left: 25px;
}

.service_cate01,
.service_cate04 {
background-size: 340px auto;
background-position : left 20px top 0;
padding: 0 20px;
}


.service_cate01_subttl,
.service_cate02_subttl,
.service_cate03_subttl,
.service_cate04_subttl,
.service_cate04_subttl_1 {
background-position : 20px 5px;
background-size: 24px auto;
font-size: 18px;
padding: 0 0 0 60px;
}

.service_catebg01,
.service_catebg02,
.service_catebg03,
.service_catebg04 {
background-position : right 0 top 40px;
background-repeat: no-repeat;
background-size: 130px auto;
}

.service_CL01 {
padding-top: 70px;
}

.service_cont01,
.service_cont02 {
width: 100%;
padding: 20px;
font-size: 14px;
}

.service_cont_ttl {
font-size: 18px;
margin-top: 30px;
}

.service_cont_table td{
padding: 5px 8px;
}

.service_cont_table td .ty01{
font-size: 20px;
}

.service_CL02 {
width: 100%;
float: none;
}

.service_CR02 {
width: 100%;
float: none;
margin-top: 60px;
}

.service_cate02,
.service_cate03,
.service_cate04_1,
.service_cate04_2 {
background-size:  130px auto, 340px auto;
background-position : right 0 top 40px,left 20px top 0;
padding: 70px 20px 0 20px;
}

.service_colum_ty02 {
margin: 60px 0 0 0;
}

.service_cate04_ttl {
margin: 60px 0 0 0;
}

.service_cont_table td .ty02{
line-height: 160%;
}

}
/* max-width: 768px @end */

/* max-width: 426px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 426px){

}
/* max-width: 426px @end */