/*-----沖縄フォトグラファ-------*/


.main-lead {
  background: url(/fileadmin/res/kanucha/photo/photographer/parts-1.jpg)  0 -100px no-repeat ;
  width: 100%;
  height: 100%;
}

.main-lead p {
	line-height: 200%;
}


/*-------n2 飾りclear ---------*/

.ordering-flow .section-heading-main.lev-h1::after,
.ordering-flow .section-heading-main.lev-h2::after,
.main-lead .section-heading-main.lev-h1::after,
.main-lead .section-heading-main.lev-h2::after{
content: '';
width: auto;
margin-top: 0;
margin-bottom: 0;
line-height: 0;
font-family: 'icomoon';
font-size: 0;
}

/*----------------------*/



.ordering-flow {
	background : #86cbdf;
	border: 3px solid #86cbdf;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em; 
	width: 90%;
	margin: 0 auto 50px ;
	color: #fff;
}

.ordering-flow .section-heading {
	padding: 2.5rem;
}


.ordering-flow-box{
		background : #e7f5f9;
		color: #4D4D4F;
		padding: 3rem 1.5rem;
		position: relative;
}
@media (min-width: 768px){
.ordering-flow-box{
		padding: 4rem 4rem 2rem ;
}
}


.flow-icon{
	position: absolute;
	top: -50px;
	left: -50px;
	width: 100px;
	height: auto;
}
@media (max-width: 767px){
.flow-icon{
	top: -40px;
	left: -5px;
	width: 80px;
}
}


.p-text{
	font-size: 0.813rem !important ;
	line-height: 130% !important ;
}
.p-text strong{
	font-size: 1rem;
	font-weight: bold;
	color: #244d56;
	display: block;
	padding-top: 1rem;
	padding-bottom: .5rem;
	letter-spacing: 0.1rem;
}

.p-link a{
	color: #17a2b8;
}
.p-link a:hover{
	color: #008798;
	text-decoration: none;
}

.btn-sm:hover{
	text-decoration: none;
}



@media (max-width: 767px){
}

@media (min-width: 768px){
}



.ordering-flow {
  --content-width: auto;
  --section-block-pad: 0;
  --section-inline-pad: .5em;
  --item-bg: transparent;
  --item-gap: .5em;
}
.media-left {
  --media-sm: 33.3333%;
  line-height: 1.2;
}
.media-left .heading-main {
  --heading-main-size: var(--font-size-lg);
  --heading-main-text: var(--black);
}
.heading-sub {
  text-align: center;
}
.heading-sub em {
  display: block;
  font-size: .7em;
}
@media (max-width: 991px){
  .media-left {
    --content-template: "cm ct" / 50% auto;
  }
}
.section h3 {
  font-size: 1.375rem;
}
.section .section-wrapper-contents {
  --section-inner-gap: var(--lg);
  gap: var(--lg);
}