/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
body {
  line-height: 1
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:before, blockquote:after {
  content: '';
  content: none
}
q:before, q:after {
  content: '';
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
a {
  text-decoration: none
}
* {
  box-sizing: border-box
}

/*グローバル変数*/

:root {
    /*Color*/
    --primary: #E1437C;
	--secondary:#082f77;
    --border-default:#D9D9D9;
    
    /*font-size*/
	--heading-XXL:6.1rem;
    --heading-XL:4.9rem;
    --heading-L:3.9rem;
    --heading-M:3.1rem;
    --heading-S:2.5rem;
    --heading-XS:2.0rem;
    --heading-XXS:1.6rem;
	--text-XXL:3.1rem;
	--text-XL:2.5rem;
    --text-L:2.0rem;
    --text-M:1.6rem;
    --text-S:1.3rem;
    --text-XS:1.0rem;
    
    /*Site Width*/
    --site-width-M:1280px;
    --site-width-S:840px;
    
    /*spacing*/
	--spacing-XXL:80px;
    --spacing-XL:62px;
    --spacing-L:40px;
    --spacing-M:32px;
    --spacing-S:24px;
    --spacing-XS:16px;
    --spacing-XXS:8px;
}

@media(max-width:767px){
    :root {
    
        /*Color*/
   --border-default:#CCC;
        
    /*font-size*/
	--heading-XXL:5.3rem;
    --heading-XL:4.3rem;
    --heading-L:3.4rem;
    --heading-M:2.7rem;
    --heading-S:2.2rem;
    --heading-XS:1.8rem;
    --heading-XXS:1.4rem;
	--text-XXL:2.7rem;
	--text-XL:2.2rem;
    --text-L:1.8rem;
    --text-M:1.4rem;
    --text-S:1.1rem;
    --text-XS:0.9rem;
        
    /*spacing*/
	--spacing-XXL:40px;
    --spacing-XL:32px;
    --spacing-L:24px;
    --spacing-M:20px;
    --spacing-S:16px;
    --spacing-XS:12px;
    --spacing-XXS:8px;
}
    

}


/*Recruit*/
@font-face {
  font-family: PV-recruit;
  src: url(../../fonts/recruit/PV-recruit.eot?j6peqj);
  src: url(../../fonts/recruit/PV-recruit.eot?j6peqj#iefix) format("embedded-opentype"), url(../../fonts/recruit/PV-recruit.ttf?j6peqj) format("truetype"), url(../../fonts/recruit/PV-recruit.woff?j6peqj) format("woff"), url(../../fonts/recruit/PV-recruit.svg?j6peqj#PV-recruit) format("svg")
}

/*汎用クラス*/

/*Spacing*/
.mb-XXS{
    margin-bottom:var(--spacing-XXS) !important;
}

.mb-XS{
    margin-bottom:var(--spacing-XS) !important;
}

.mb-S{
    margin-bottom:var(--spacing-S) !important;
}

.mb-M{
    margin-bottom:var(--spacing-M) !important;
}

.mb-L{
    margin-bottom:var(--spacing-L) !important;
}

.mb-XL{
    margin-bottom:var(--spacing-XL) !important;
}

.mb-XXL{
    margin-bottom:var(--spacing-XXL) !important;
}




/*リニューアル前の汎用クラス*/
.u-border-t {
  border-top-width: 1px;
  border-top-style: solid
}
.u-border-r {
  border-right-width: 1px;
  border-right-style: solid
}
.u-border-l {
  border-left-width: 1px;
  border-left-style: solid
}
.u-border-b {
  border-bottom-width: 1px;
  border-bottom-style: solid
}
.u-border--gray {
  border-color: #c7c7c7
}
.u-border-b--pink {
  border-color: #e34288;
  padding-bottom: 0
}
a.u-border-b--pink:hover {
  border: none;
  color: #bd3771
}
.u-border--radius10 {
  border-radius: 10px
}
.u-cf:before, .u-cf:after {
  content: " ";
  display: table
}
.u-cf:after {
  clear: both
}
.u-cf {
  *zoom: 1
}
.u-float--l {
  float: left
}
.u-float--r {
  float: right
}
@media(max-width:767px) {
  .u-sp-float--l {
    float: left
  }
  .u-sp-float--r {
    float: right
  }
}
@media(min-width:768px) {
  .u-pc-float--l {
    float: left
  }
  .u-pc-float--r {
    float: right
  }
}
@media(min-width:768px) {
  .u-pc-flex-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
@media(min-width:768px) {
  .u-pc-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.u-justify__center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
.u-direction__column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}
.u-align__center {
  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
}
.u-text--center {
  text-align: center
}
.u-text--left {
  text-align: left
}
.u-text--right {
  text-align: right
}
.u-text--bold {
  font-weight: 700
}
.u-text--regular {
  font-weight: 400
}
.u-text--black {
  color: black
}
.u-text--primary {
  color: #e34288
}
.u-text--secondary {
  color: #082f77
}
.u-text--attention {
  color: #888;
  font-size: 14px
}
.u-text--body {
  font-size: 16px;
  line-height: 2
}
.u-text--middle {
  font-size: 18px;
  line-height: 2
}
.u-text--headline {
  font-size: 20px;
  line-height: 1.3
}
.u-text--title {
  font-size: 24px;
  line-height: 1.5
}
@media(max-width:767px) {
  .u-text--title {
    font-size: 17px
  }
}
.u-text--display4 {
  font-size: 32px;
  line-height: 1.5
}
@media(max-width:767px) {
  .u-text--display4 {
    font-size: 19px
  }
}

@media(max-width:767px) {
  .u-pc-only {
    display: none !important
  }
}
@media(min-width:768px) {
  .u-sp-only {
    display: none !important
  }
}