@charset "utf-8";

/***

FLEX（flex-css）

***/
/*スマホ：flexなし　PC：flex／横並び／折り返しせず、一行に並べる／両端合わせ*/
/*row（初期値）*/
.flex01{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 751px) {
.flex01{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
}

/*スマホ・PC：flex／横並び／折り返しせず、一行に並べる／両端合わせ*/
.flex01.m01{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

/*スマホ：flex／横並び／折り返し／両端合わせ　PC：flex／横並び／折り返しせず、一行に並べる／両端合わせ*/
.flex01.m02{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media print, screen and (min-width: 751px) {
.flex01.m02{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
}

/*スマホ：flex／横並び／折り返し／両端合わせ　PC：flex／横並び／折り返しせず、一行に並べる／センター*/
.flex01.m03{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media print, screen and (min-width: 751px) {
.flex01.m03{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
}




/*スマホ：flexなし　PC：flex／横並び／折り返し／両端合わせ*/
/*row（初期値）*/
.flex02{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media print, screen and (min-width: 751px) {
.flex02{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
}
/*スマホ・PC：flex／横並び／折り返し／両端合わせ*/
.flex02.m01{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media print, screen and (min-width: 751px) {
.flex02.m01{
	flex-wrap: wrap;
}
}


/*スマホ：flexなし　PC：flex／横並び／折り返しせず、一行に並べる／センター*/
/*row（初期値）*/
.flex03{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 751px) {
.flex03{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
}
/*スマホ・PC：flex／横並び／折り返しせず、一行に並べる／センター*/
.flex03.m01{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
@media print, screen and (min-width: 751px) {
.flex03.m01{
	flex-wrap: nowrap;
	justify-content: center;
}
}

/*スマホ：flex／横並び／折り返し／センター　PC：flex／横並び／折り返しせず、一行に並べる／センター*/
.flex03.m02{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media print, screen and (min-width: 751px) {
.flex03.m02{
	flex-wrap: nowrap;
	justify-content: center;
}
}


/*スマホ：flex／横並び／折り返し／両端合わせ　PC：flex／横並び／折り返しせず、一行に並べる／センター*/
.flex03.m03{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media print, screen and (min-width: 751px) {
.flex03.m03{
	flex-wrap: nowrap;
	justify-content: center;
}
}




/***

スマホ・PC　横幅100%

***/
.base_w-split.sp1-1.pc1-1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
/***

スマホ横幅100%・PC2分割

***/
.base_w-split.sp1-1.pc1-2{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 751px) {
.base_w-split.sp1-1.pc1-2{
	width: 48%;
	max-width: 480px;
}
}
/***

スマホ横幅2分割・PC3分割

***/
.base_w-split.sp1-2.pc1-3{
	clear: both;
	width: 48%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 751px) {
.base_w-split.sp1-2.pc1-3{
	width: 30%;
	max-width: 300px;
}
}
/***

スマホ横幅100%・PC3分割

***/
.base_w-split.sp1-1.pc1-3{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
@media print, screen and (min-width: 751px) {
.base_w-split.sp1-1.pc1-3{
	width: 30%;
	max-width: 300px;
	display: block;
}
}
/***

スマホ横幅100%・PC3分割／スマホ横幅　1/2分割・PC3横幅100%

***/
.base_w-split.sp1-1.pc1-3 .base_w-split.sp1-2.pc1-1{
	clear: both;
	width: 48%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 751px) {
.base_w-split.sp1-1.pc1-3 .base_w-split.sp1-2.pc1-1{
	width: 100%;
}
}
/***

スマホ横幅100%・PC2/3分割

***/
.base_w-split.sp1-1.pc2-3{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 751px) {
.base_w-split.sp1-1.pc2-3{
	width: 65%;
	max-width: 650px;
}
}
/***

スマホ・PC横幅50%

***/
.base_w-split.sp1-2.pc1-2{
	clear: both;
	width: 48%;
	margin: 0;
	padding: 0;
	position: relative;
}
@media print, screen and (min-width: 751px) {
.base_w-split.sp1-2.pc1-2{
	width: 48%;
}
}