/******************************************
background
******************************************/
.bg-primary{background: #948a54;}
.bg-qa{background: #f6f2e8;}
.bg-red{background: #fe0000;}
.bg-white{background: #fff;}
.bg-pink{background: #f55973;}
.bg-skyblue{background-color:#4bacc6;}
.bg-lightblue{background-color:#d5e1ef;}
.bg-gray{background-color:#f5f7f7;}
.bg-lightgreen{background-color:#9bbb59;}

/******************************************
border
******************************************/
/*color*/
.border-primary{border: 1px solid #948a54;}

/*width*/
.border1{border-width: 1px}
.border2{border-width: 2px;}
.border3{border-width: 3px;}

/*bottom*/
.border-b1{border-bottom: 1px solid #948a54;}
.border-b2{border-bottom: 2px solid #948a54;}
.border-b2{border-bottom: 3px solid #948a54;}

/*top*/
.border-t1{border-top: 1px solid #948a54;}
.border-t2{border-top: 2px solid #948a54;}
.border-t2{border-top: 3px solid #948a54;}

.radius1{border-radius: 3px;}
.radius2{border-radius: 5px;}
.radius3{border-radius: 10px;}
.radius-pill{border-radius: 50rem;}
/******************************************
image
******************************************/
.fit-img img,
.fit-img{
	height: auto;
	width: 100%;
}
.fit-max-img img,
.fit-max-img{
	height: auto;
	max-width: 100%;
}
/******************************************
margin
******************************************/
/*margin*/
.m5{margin-bottom: 5rem;}
.m4{margin-bottom: 4rem;}
.m3{margin-bottom: 3rem;}
.m2{margin-bottom: 2rem;}
.m1{margin-bottom: 1rem;}

/*margin pc only*/
@media screen and (min-width:769px){
	.m5-pc{margin-bottom: 5rem;}
	.m4-pc{margin-bottom: 4rem;}
	.m3-pc{margin-bottom: 3rem;}
	.m2-pc{margin-bottom: 2rem;}
	.m1-pc{margin-bottom: 1rem;}
}
/*margin sp only*/
@media screen and (max-width:768px){
	.m5-sp{margin-bottom: 5rem;}
	.m4-sp{margin-bottom: 4rem;}
	.m3-sp{margin-bottom: 3rem;}
	.m2-sp{margin-bottom: 2rem;}
	.m1-sp{margin-bottom: 1rem;}
}

/*margin-bottom*/
.mb5{margin-bottom: 5rem;}
.mb4{margin-bottom: 4rem;}
.mb3{margin-bottom: 3rem;}
.mb2{margin-bottom: 2rem;}
.mb1-5{margin-bottom: 1.5rem;}
.mb1{margin-bottom: 1rem;}
.mb0-5{margin-bottom: .5rem;}
.mb0-3{margin-bottom: .3rem;}
.mb0-2{margin-bottom: .2rem;}

/*margin-bottom pc only*/
@media screen and (min-width:769px){
	.mb5-pc{margin-bottom: 5rem;}
	.mb4-pc{margin-bottom: 4rem;}
	.mb3-pc{margin-bottom: 3rem;}
	.mb2-pc{margin-bottom: 2rem;}
	.mb1-pc{margin-bottom: 1rem;}
}
/*margin-bottom sp only*/
@media screen and (max-width:768px){
	.mb5-sp{margin-bottom: 5rem;}
	.mb4-sp{margin-bottom: 4rem;}
	.mb3-sp{margin-bottom: 3rem;}
	.mb2-sp{margin-bottom: 2rem;}
	.mb1-sp{margin-bottom: 1rem;}
}

/*margin-left*/
.ml5{margin-left: 5rem;}
.ml4{margin-left: 4rem;}
.ml3{margin-left: 3rem;}
.ml2{margin-left: 2rem;}
.ml1{margin-left: 1rem;}
.ml0-5{margin-left: 0.5rem;}
.ml0-3{margin-left: 0.3rem;}
.ml0-2{margin-left: 0.2rem;}
/*margin-left pc only*/
@media screen and (min-width:769px){
	.ml5-pc{margin: 5rem auto;}
	.ml4-pc{margin: 4rem auto;}
	.ml3-pc{margin: 3rem auto;}
	.ml2-pc{margin: 2rem auto;}
	.ml1-pc{margin: 1rem auto;}
}
/*margin-left sp only*/
@media screen and (max-width:768px){
	.ml5-sp{margin: 5rem auto;}
	.ml4-sp{margin: 4rem auto;}
	.ml3-sp{margin: 3rem auto;}
	.ml2-sp{margin: 2rem auto;}
	.ml1-sp{margin: 1rem auto;}
}

/*margin-right*/
.mr5{margin-right: 5rem;}
.mr4{margin-right: 4rem;}
.mr3{margin-right: 3rem;}
.mr2{margin-right: 2rem;}
.mr1{margin-right: 1rem;}
.mr0-5{margin-right: 0.5rem;}
/*margin-right pc only*/
@media screen and (min-width:769px){
	.mr5-pc{margin: 5rem auto;}
	.mr4-pc{margin: 4rem auto;}
	.mr3-pc{margin: 3rem auto;}
	.mr2-pc{margin: 2rem auto;}
	.mr1-pc{margin: 1rem auto;}
}
/*margin-right sp only*/
@media screen and (max-width:768px){
	.mr5-sp{margin: 5rem auto;}
	.mr4-sp{margin: 4rem auto;}
	.mr3-sp{margin: 3rem auto;}
	.mr2-sp{margin: 2rem auto;}
	.mr1-sp{margin: 1rem auto;}
}

/*margin-top*/
.mt10{margin-top: 10rem;}
.mt5{margin-top: 5rem;}
.mt4{margin-top: 4rem;}
.mt3{margin-top: 3rem;}
.mt2{margin-top: 2rem;}
.mt1-5{margin-top: 1.5rem;}
.mt1{margin-top: 1rem;}
.mt0-5{margin-top: .5rem;}
/*margin-top pc only*/
@media screen and (min-width:769px){
	.mt5-pc{margin-top: 5rem;}
	.mt4-pc{margin-top: 4rem;}
	.mt3-pc{margin-top: 3rem;}
	.mt2-pc{margin-top: 2rem;}
	.mt1-5{margin-top: 1.5rem;}
	.mt1-pc{margin-top: 1rem;}
	.mt0-5{margin-top: .5rem;}
}
/*margin-top sp only*/
@media screen and (max-width:768px){
	.mt5-sp{margin-top: 5rem;}
	.mt4-sp{margin-top: 4rem;}
	.mt3-sp{margin-top: 3rem;}
	.mt2-sp{margin-top: 2rem;}
	.mt1-5{margin-top: 1.5rem;}
	.mt1-sp{margin-top: 1rem;}
	.mt0-5{margin-top: .5rem;}
}

/*margin vertical*/
.mv5{margin: 5rem auto;}
.mv4{margin: 4rem auto;}
.mv3{margin: 3rem auto;}
.mv2{margin: 2rem auto;}
.mv1{margin: 1rem auto;}
/*margin-vertical pc only*/
@media screen and (min-width:769px){
	.mv7-pc{margin: 7rem auto;}
	.mv6-pc{margin: 6rem auto;}
	.mv5-pc{margin: 5rem auto;}
	.mv4-pc{margin: 4rem auto;}
	.mv3-pc{margin: 3rem auto;}
	.mv2-pc{margin: 2rem auto;}
	.mv1-pc{margin: 1rem auto;}
}
/*margin-vertical sp only*/
@media screen and (max-width:768px){
	.mv5-sp{margin: 5rem auto;}
	.mv4-sp{margin: 4rem auto;}
	.mv3-sp{margin: 3rem auto;}
	.mv2-sp{margin: 2rem auto;}
	.mv1-sp{margin: 1rem auto;}
}

/*margin-horizon*/
.mh5{margin: auto 5rem;}
.mh4{margin: auto 4rem;}
.mh3{margin: auto 3rem;}
.mh2{margin: auto 2rem;}
.mh1{margin: auto 1rem;}
/*margin-horizon pc only*/
@media screen and (min-width:769px){
	.mh5-pc{margin: auto 5rem;}
	.mh4-pc{margin: auto 4rem;}
	.mh3-pc{margin: auto 3rem;}
	.mh2-pc{margin: auto 2rem;}
	.mh1-pc{margin: auto 1rem;}
}
/*margin-horizon sp only*/
@media screen and (max-width:768px){
	.mh5-sp{margin: auto 5rem;}
	.mh4-sp{margin: auto 4rem;}
	.mh3-sp{margin: auto 3rem;}
	.mh2-sp{margin: auto 2rem;}
	.mh1-sp{margin: auto 1rem;}
}

/******************************************
padding
******************************************/
/*padding*/
.p5{padding: 5em;}
.p4{padding: 4em;}
.p3{padding: 3em;}
.p2{padding: 2em;}
.p1{padding: 1em;}
.p0-5{padding: 0.5em;}
.p0-3{padding: 0.3em;}
.p0-2{padding: 0.2em;}
/*padding pc only*/
@media screen and (min-width:769px){
	.p5-pc{padding: 5em;}
	.p4-pc{padding: 4em;}
	.p3-pc{padding: 3em;}
	.p2-pc{padding: 2em;}
	.p1-pc{padding: 1em;}
}
/*padding sp only*/
@media screen and (max-width:768px){
	.p5-sp{padding: 5em;}
	.p4-sp{padding: 4em;}
	.p3-sp{padding: 3em;}
	.p2-sp{padding: 2em;}
	.p1-sp{padding: 1em;}
}

/*padding-bottom*/
.pb5{padding-bottom: 5em;}
.pb4{padding-bottom: 4em;}
.pb3{padding-bottom: 3em;}
.pb2{padding-bottom: 2em;}
.pb1{padding-bottom: 1em;}
/*padding-bottom pc only*/
@media screen and (min-width:769px){
	.pb5-pc{padding-bottom: 5em;}
	.pb4-pc{padding-bottom: 4em;}
	.pb3-pc{padding-bottom: 3em;}
	.pb2-pc{padding-bottom: 2em;}
	.pb1-pc{padding-bottom: 1em;}
}
/*padding-bottom sp only*/
@media screen and (max-width:768px){
	.pb5-sp{padding-bottom: 5em;}
	.pb4-sp{padding-bottom: 4em;}
	.pb3-sp{padding-bottom: 3em;}
	.pb2-sp{padding-bottom: 2em;}
	.pb1-sp{padding-bottom: 1em;}
}

/*padding-right*/
.pr5{padding-right: 5em;}
.pr4{padding-right: 4em;}
.pr3{padding-right: 3em;}
.pr2{padding-right: 2em;}
.pr1{padding-right: 1em;}
/*padding-right pc only*/
@media screen and (min-width:769px){
	.pr5-pc{padding-right: 5em;}
	.pr4-pc{padding-right: 4em;}
	.pr3-pc{padding-right: 3em;}
	.pr2-pc{padding-right: 2em;}
	.pr1-pc{padding-right: 1em;}
}
/*padding-right sp only*/
@media screen and (max-width:768px){
	.pr5-sp{padding-right: 5em;}
	.pr4-sp{padding-right: 4em;}
	.pr3-sp{padding-right: 3em;}
	.pr2-sp{padding-right: 2em;}
	.pr1-sp{padding-right: 1em;}
}

/*padding-left*/
.pl5{padding-left: 5em;}
.pl4{padding-left: 4em;}
.pl3{padding-left: 3em;}
.pl2{padding-left: 2em;}
.pl1{padding-left: 1em;}
/*padding-left pc only*/
@media screen and (min-width:769px){
	.pl5-pc{padding-left: 5em;}
	.pl4-pc{padding-left: 4em;}
	.pl3-pc{padding-left: 3em;}
	.pl2-pc{padding-left: 2em;}
	.pl1-pc{padding-left: 1em;}
}
/*padding-left sp only*/
@media screen and (max-width:768px){
	.pl5-sp{padding-left: 5em;}
	.pl4-sp{padding-left: 4em;}
	.pl3-sp{padding-left: 3em;}
	.pl2-sp{padding-left: 2em;}
	.pl1-sp{padding-left: 1em;}
}

/*padding-top*/
.pt10{padding-top: 10em;}
.pt5{padding-top: 5em;}
.pt4{padding-top: 4em;}
.pt3{padding-top: 3em;}
.pt2{padding-top: 2em;}
.pt1{padding-top: 1em;}
/*padding-top pc only*/
@media screen and (min-width:769px){
	.pt10-pc{padding-top: 10em;}
	.pt5-pc{padding-top: 5em;}
	.pt4-pc{padding-top: 4em;}
	.pt3-pc{padding-top: 3em;}
	.pt2-pc{padding-top: 2em;}
	.pt1-pc{padding-top: 1em;}
}
/*padding-top sp only*/
@media screen and (max-width:768px){
	.pt5-sp{padding-top: 5em;}
	.pt4-sp{padding-top: 4em;}
	.pt3-sp{padding-top: 3em;}
	.pt2-sp{padding-top: 2em;}
	.pt1-sp{padding-top: 1em;}
}

/*padding-horizon*/
.ph5{padding:0 5em;}
.ph4{padding:0 4em;}
.ph3{padding:0 3em;}
.ph2{padding:0 2em;}
.ph1{padding:0 1em;}
/*padding-horizon pc only*/
@media screen and (min-width:769px){
	.ph5-pc{padding:0 5em;}
	.ph4-pc{padding:0 4em;}
	.ph3-pc{padding:0 3em;}
	.ph2-pc{padding:0 2em;}
	.ph1-pc{padding:0 1em;}
}
/*padding-horizon sp only*/
@media screen and (max-width:768px){
	.ph5-sp{padding:0 5em;}
	.ph4-sp{padding:0 4em;}
	.ph3-sp{padding:0 3em;}
	.ph2-sp{padding:0 2em;}
	.ph1-sp{padding:0 1em;}
}

/*padding-vertical*/
.pv5{padding: 5em 0;}
.pv4{padding: 4em 0;}
.pv3{padding: 3em 0;}
.pv2{padding: 2em 0;}
.pv1{padding: 1em 0;}
/*padding-vertical pc only*/
@media screen and (min-width:769px){
	/*padding vertical*/
	.pv5-pc{padding: 5em 0;}
	.pv4-pc{padding: 4em 0;}
	.pv3-pc{padding: 3em 0;}
	.pv2-pc{padding: 2em 0;}
	.pv1-pc{padding: 1em 0;}
}
/*padding-vertical sp only*/
@media screen and (max-width:768px){
	/*padding vertical*/
	.pv5-sp{padding: 5em 0;}
	.pv4-sp{padding: 4em 0;}
	.pv3-sp{padding: 3em 0;}
	.pv2-sp{padding: 2em 0;}
	.pv1-sp{padding: 1em 0;}
}

/******************************************
text
******************************************/
/*color*/
.text-primary{
	color: #0060e6;
}
.text-secondary{
	color: #0060e6;
}
.text-pink{
	color: #f55973;
}
.text-red{
	color: #fe0000;
}
.text-white{
	color: #fff;
}

/*font-family*/
.text-gothic{font-family:Arial, Helvetica, "sans-serif";}
.text-serif{font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}

/*position*/
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
@media screen and (min-width:769px){/*pc*/
	.text-center-pc{text-align: center;}
	.text-left-pc{text-align: left;}
	.text-right-pc{text-align: right;}
}
@media screen and (max-width:768px){/*sp*/
	.text-center-sp{text-align: center;}
	.text-left-sp{text-align: left;}
	.text-right-sp{text-align: right;}
}

/*size*/
.text-xs{font-size: 0.6em;}
.text-s{font-size: 0.8em;}
.text-m{font-size: 1em;}
.text-m2{font-size: 1.2em;}
.text-m3{font-size: 1.3em;}
.text-m4{font-size: 1.4em;}
.text-m5{font-size: 1.5em;}
.text-l{font-size: 2em;}
.text-xl{font-size: 3em;}
@media screen and (min-width:769px){/*pc*/
	.text-xs-pc{font-size: 0.6em;}
	.text-s-pc{font-size: 0.8em;}
	.text-m-pc{font-size: 1em;}
	.text-l-pc{font-size: 1.4em;}
	.text-xl-pc{font-size: 2em;}
}
@media screen and (max-width:768px){/*sp*/
	.text-xs-sp{font-size: 0.6em;}
	.text-s-sp{font-size: 0.8em;}
	.text-m-sp{font-size: 1em;}
	.text-m2-sp{font-size: 1.2em;}
	.text-m3-sp{font-size: 1.3em;}
	.text-l-sp{font-size: 1.4em;}
	.text-xl-sp{font-size: 1.8em;}
}

/*weight*/
.text-normal{font-weight: normal;}
.text-bold{font-weight: bold;}

/******************************************
width
******************************************/
.w100{
	width: 100%;
}
.w95{
	width: 95%;
}
.w90{
	width: 90%;
}
.w85{
	width: 85%;
}
.w80{
	width: 80%;
}
.w75{
	width: 75%;
}
.w70{
	width: 70%;
}
.w65{
	width: 65%;
}
.w60{
	width: 60%;
}
.w50{
	width: 50%;
}
.w49-8{
	width: 49.8%;
}
.w49{
	width: 49%;
}
.w40{
	width: 40%;
}
.w30{
	width: 30%;
}
.w25{
	width: 25%;
}
.w20{
	width: 20%;
}
.w15{
	width: 15%;
}
.w10{
	width: 10%;
}
.w5{
	width: 5%;
}
@media screen and (max-width: 768px) {
  .w100-sp {
		width: 100%;
  }
}

/******************************************
display
******************************************/
.pc-only {
  display: inherit;
}
@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
}

.sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: inherit;
  }
}

/******************************************
line-height
******************************************/
.lh1 {
    line-height: 1;
}
.lh1-1 {
    line-height: 1.1;
}
.lh1-2 {
    line-height: 1.2;
}
.lh1-3 {
    line-height: 1.3;
}
.lh1-4 {
    line-height: 1.4;
}
.lh1-5 {
    line-height: 1.5;
}
.lh1-6 {
    line-height: 1.6;
}
.lh1-7 {
    line-height: 1.7;
}
.lh1-8 {
    line-height: 1.8;
}
.lh1-9 {
    line-height: 1.9;
}
.lh2 {
    line-height: 2;
}