@charset "utf-8";

/////////////////////////////////////////
/*---------------------------------------
.flex-containerでflexboxスタート




----------------------------------------*/
/////////////////////////////////////////
@import "common_file/_mixin.scss";


/* Mixin
---------------------------------------*/
	
/* end Mixin
---------------------------------------*/

.flex-container01 {	
	text-align:center;

	@include desktop {	
	display:flex;
	justify-content:space-around;

.flex-item {
	flex:1;
	padding:0 30px;
	
}
	
.flex-item-line {
	flex:1;
	padding:0 30px;
		}
	} // media
	
@include phone { .flex-item-line { margin:40px auto;}}
	
}

.fs-big {
	font-size:1.5rem;
	font-weight:bold;
	}

.flex-container02 {
	display:flex;
	flex-flow:row wrap;
	}
	
.photo-block-item {
	width:48%;
&:nth-child(odd) {
	margin-right:2%;
	}
}



.ttl2 {
	background:#CCCCCC;
	padding:10px 0 10px 10px;
	border-radius:5px 5px 0 0 ;
	color:#2F2F2F;
	border-left:solid 5px #2F2F2F;
	}

.galery-head {
	width:70%;
	border-bottom:1px solid #0094d5;
	&::before {
		content:url(../images/cosmetic/heading.jpg);
		padding-right:10px;
		}
}

.line {
	border:1px #000BE0 solid;
}

.steps {
	dt {
		color:#2C73D4;
	}
}