/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 18 2026 | 01:17:35 */
/*PC:～992px / tablet:991～768px / レスポンシブ:780px (完全sp:767px～)*/

/*==============================================================
02_ser
==============================================================*/
/*----------------------------------------------------
フレックス / 画像作成サービス
----------------------------------------------------*/
/*----親----*/
.fl_ecpic_ser {display:flex; flex-wrap:wrap; gap:32px;}
/*----子----*/
.ecpic_ser_ch {position:relative; z-index:1; width:calc((100% - (32px * 1)) / 2); padding:16px; 
	background-color:#fff; border-radius:8px; box-shadow:0 0 6px #00000030;}
/*----アイコン----*/
.ecpic_ser_icn {position:relative; z-index:2; margin:-32px 0 16px; text-align:center;}
.ecpic_ser_icn img {width:64px; height:auto;}
/*----タイトル----*/
.ecpic_ser_tit {font-size:1.3rem; font-weight:bold; color:#C9151E; text-align:center;}
/*----テキスト----*/
.ecpic_ser_ch p {display:table; margin:0 auto !important;}

/*==============================================================
03_henka
==============================================================*/
.header_henka {position:relative; z-index:1; font-size:1.6rem; text-align:center;}
.header_henka span {display:table; margin:0 auto; background-color:#fff; font-weight:bold;}
.header_henka:before {position:absolute; z-index:-1; content:""; width:100%; 
	left:0; top:50%; transform:translatey(-50%); border:1px solid;}
/*----------------------------------------------------
フレックス / 商品画像でここまで変わる
----------------------------------------------------*/
/*----親----*/
.fl_ecpic_henka {display:flex; flex-direction:column; gap:32px; padding:16px; 
	background-color:#ffeed9; border-radius:8px;}
/*----子----*/
.ecpic_henka_ch {border-bottom:3px dotted #d8aa8f;}
.ecpic_henka_ch:last-child {border-bottom:none;}
/*----タイトル----*/
.ecpic_henka_tit {font-size:1.3rem; font-weight:bold; color:#C9151E; text-align:center;}
/*----テキスト----*/
.ecpic_henka_ch p {display:table; margin:0 auto !important;}
/*----タイトル2----*/
.ecpic_henka_tit2 {position:relative; z-index:1; display:table; margin:0 auto; padding:0 0 0 120px;
	font-size:1.2rem; font-weight:bold; color:#C9151E; text-align:center;}
.ecpic_henka_tit2 span {font-size:300%; font-weight:900; 
	background:linear-gradient(0deg, #eb0000 10%, #ffdc00 90%); 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
/*----購入率----*/
.ecpic_henka_up {position:absolute; z-index:2; left:0; top:50%; transform:translatey(-50%);
	min-width:112px; padding:6px 20px 6px 6px;
	clip-path: polygon(0% 0%, calc(100% - 16px) 0%, 100% 50%, calc(100% - 16px) 100%, 0% 100%); 
	color:#fff; text-align:center; background:linear-gradient(90deg, #f31919 10%, #ff7620 90%);}
/*----------------------------------------------------
フレックス / before after
----------------------------------------------------*/
/*----親----*/
.fl_henka_bf {display:flex; flex-wrap:wrap; gap:0;}
/*----子----*/
.fl_henka_bf>div {width:calc((100% - 48px) / 2);}
.fl_henka_bf .ch_arrow {width:48px; text-align:center; align-self:center;}
/*----before|after----*/
.henka_ba_b {position:relative; z-index:2; display:table; padding:4px; width:96px; 
	text-align:center; color:#fff; background-color:#666; text-transform:capitalize;}
.henka_ba_a {position:relative; z-index:2; display:table; padding:4px; width:96px; 
	text-align:center; color:#fff; background-color:#C9151E; text-transform:capitalize;}
/*----画像----*/
.henka_img {position:relative; z-index:1; width:100%;}
.henka_img img {width:100%; height:auto;}
/*----アロー----*/
.henka_arrow {display:inline-block; width:24px; height:32px; background-color:#C9151E;
	clip-path: polygon(100% 50%, 0 0, 0 100%);}
/*----レスポンシブ----*/
@media (max-width:780px) {
	.fl_henka_bf>div {width:80%; margin:0 auto;}
	.fl_henka_bf .ch_arrow {width:100%;}
	.henka_arrow {transform:rotate(90deg);}}

/*==============================================================
03_flow
==============================================================*/
/*----------------------------------------------------
フレックス / 価格
----------------------------------------------------*/
/*----親----*/
.fl_ecpic_kakaku {display:flex; flex-direction:column; overflow:hidden; 
	outline:3px solid #C9151E; outline-offset:-3px; border-radius:8px;}
/*----子----*/
.ecpic_kakaku_ch {padding:16px;}
.ecpic_kakaku_ch:first-child {padding:16px 16px 48px; text-align:center; background-color:#C9151E; 
	clip-path: polygon(100% 0, 100% calc(100% - 32px), 50% 100%, 0 calc(100% - 32px), 0 0);}
.kakaku_price {font-size:300%; font-weight:900; color:#ffe708; line-height:1;}
.kakaku_price span {font-size:50%;}

/*----------------------------------------------------
フレックス / ご依頼から納品までの流れ
----------------------------------------------------*/
/*----親----*/
.fl_ecpic_flow {display:flex; flex-wrap:wrap; row-gap:32px;}
/*----子----*/
.ecpic_flow_ch {width:calc((100% - (48px * 2)) / 2);
	position:relative; z-index:1; padding:16px; background-color:#e6e6e6;}
.ecpic_flow_arrow {width:48px; text-align:center; align-self:center;}
/*----番号----*/
.ecpic_flow_ch .flow_num {position:absolute; z-index:2; left:8px; top:-20px; 
	font-size:2rem; font-weight:900; color:#C9151E;}
/*----タイトル----*/
.ecpic_flow_ch .flow_tit {padding:0 0 6px 16px; font-weight:bold; border-bottom:1px solid;}
/*----アロー----*/
.flow_arrow {display:inline-block; width:24px; height:32px; background-color:#C9151E;
	clip-path: polygon(100% 50%, 0 0, 0 100%);}
/*----レスポンシブ----*/
@media (max-width:780px) {
	.fl_ecpic_flow {row-gap:0;}
	.ecpic_flow_ch {width:100%;}
	.ecpic_flow_arrow {width:100%;} 
	.flow_arrow {transform:rotate(90deg);}}

/*==============================================================
05_jirei
==============================================================*/
.ecpic_jirei_tit {padding:16px 8px; font-size:1.4rem; font-weight:bold; color:#fff; 
	text-align:center;background-image: linear-gradient(90deg, #f31919 10%, #ff7620 90%);}
/*----------------------------------------------------
フレックス / 活用事例
----------------------------------------------------*/
/*----親----*/
.fl_ecpic_jirei {display:flex; flex-direction:column; gap:32px;}
/*----子----*/
.ecpic_jirei_ch {width:100%; padding:16px; background-color:#fff7d3; 
	/*border:3px solid #ffd390;*/ border-radius:8px;}
/*----アイテム（タイトル）----*/
.jirei_tit {font-size:1.3rem; font-weight:bold; color:#C9151E; text-align:center;}
/*----------------------------------------------------
フレックス / 画像
----------------------------------------------------*/
.jirei_img {display:flex; flex-wrap:wrap; gap:16px; justify-content:center; 
	padding-top:16px; border-top:3px solid #ffd390;}
.jirei_img_ch {width:calc((100% - 16px) / 2); aspect-ratio:1 / 1; background-color:#ededed;}
/*----アイテム（画像）----*/
.jirei_img_ch img {width:100%; height:auto;}
/*----レスポンシブ----*/
@media (max-width:780px) {.jirei_img_ch {width:80%;}}

/*==============================================================
06_voice
==============================================================*/
/*----------------------------------------------------
フレックス / ショップ様の声
----------------------------------------------------*/
/*----親----*/
.fl_ecpic_voice {display:flex; flex-direction:column; gap:32px;}
/*----子----*/
.ecpic_voice_ch {display:flex; flex-wrap:wrap; gap:16px; margin:0 auto; 
	width:100%; padding:16px; background-color:#ffeadf; border-radius:8px;}
.voice_ch1 {width:calc(40% - 16px); align-self:center;}
.voice_ch2 {width:60%;}
/*----アイテム（画像）----*/
.voice_chara {text-align:center;}
.voice_chara img {width:100%; max-width:160px; height:auto;}
/*----アイテム（タイトル）----*/
.voice_tit {font-size:1.3rem; font-weight:bold; color:#C9151E; text-align:center;}
/*----レスポンシブ----*/
@media (max-width:780px) {
	.ecpic_voice_ch {width:80%;}
	.voice_ch1 {width:100%;}
	.voice_ch2 {width:100%;}}
/*----------------------------------------------------
タイトル / お気軽にご相談ください
----------------------------------------------------*/
.ecpic_soudan_tit {padding:16px 8px; font-size:1.4rem; font-weight:bold; color:#fff; 
	background-image: linear-gradient(90deg, #f31919 10%, #ff7620 91%);}
.ecpic_soudan_tit span {font-size:1rem;}