@charset "UTF-8";

/***************************************
Theme Name:  あなたのミカタ
Description:
Version:1.0.0
****************************************/

/*下層ページ共通*/
._under{
	background-color: var(--beige);
	padding-bottom: 320px;
	border-top: 1px solid #dcdddd;
}
._under .inner {
  max-width: 1150px;
}
.under_top{padding-top:80px;}
@media screen and (max-width: 1024px) {
.l-renewal-title {
 padding-top: min(7.5625rem, 318px);
}
}
@media screen and (max-width: 560px) {
._under {
  background-color: var(--beige);
	padding-bottom: 200px;
}
}

.usual_h2{
    font-size: clamp(26px, 1.8rem, 30px);
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
	letter-spacing: 0.1em;
}
.sub_h2 {
    font-size: max(0.875rem, 12px);
}
.usual_h3{
	 font-size: 18px;
  font-weight: 600;
  letter-spacing: calc( 20 / 1000 * 1em);
  font-family: "Noto Sans JP", sans-serif;
}
.fomal_font{
    font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.08em;
  font-weight: 500;
    line-height: 2;
	font-size: clamp(16px, 1.35rem, 16px);
}
.line_frame{
	background: var(--white);
  border: 1px solid var(--darkBrown);
  border-radius: 3px;
  padding:10px 20px;
	box-shadow: .15rem .15rem 0 0 var(--orange), .2rem .2rem 0 0 var(--darkBrown);
}
.orange{color: #e27f00;}
.blue{color: #5881aa;}
.pc_only{display: block;}
.sp_only{display: none;}
.side_by_side{display: flex;}
.con_box{border-radius: 5px;background-color: #f5f0ea;}
.small_text{font-size: 12px;line-height: 2;font-weight: 400;}
.line-height{line-height: 1.9;}
@media screen and (max-width: 768px) {
.usual_h2 {font-size: clamp(22px, 1.35rem, 26px);}
.usual_h3 {font-size: 15px;}
}
@media screen and (max-width: 560px){
.pc_only{display: none;}
.sp_only{display: block;}
.line-height {line-height: 1.5;}
.fomal_font{
   font-size: 3.255vw;
}
}




/*service_WEB SITE 共通*/
.service_hero{
    height: 540px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.service_hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35); 
  z-index: 1;
}
.service_title{
	display: flex;
	flex-direction: column-reverse;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	top: 50%;
left: 50%;
transform: translate(-50%, -50%);
	  z-index: 5;
	white-space: nowrap;
}
.website_01{
	width: 160px;
	position: absolute;
	bottom: -22px;
	 left: calc(50% + 150px);
	z-index: 10;
}
.website_02{
	width: 180px;
	position: absolute;
	bottom: 100px;
	 left: calc(50% + 140px);
	z-index: 10;
}

.service_about .title_ara .usual_h2_h2 span{
	display: inline-block;
	line-height: 2;
}
.service_about .title_ara .usual_h2{line-height: 2.5;}
.service_about .side_by_side{justify-content: space-between;}
.service_about .title_ara{width: 40%;}
.service_about .title_ara .line_frame{display: inline-block;line-height: 1.5;}
.service_about .text_ara{width: 50%;}
.service_about .text_ara h3{font-size: 25px;margin-bottom: 25px;letter-spacing: 0.1em;line-height: 1.8;}
.service_about .text_ara p{margin-bottom: 20px;line-height: 2.5}
.service_about,.service_commitment{margin-bottom: 150px;position: relative;z-index: 5;}
.service_about.worry::before {top: 50px; left: -350px;}
.service_about.worry::after {right: -350px;top: 300px;}
.service_commitment .title_ara,.service_price .title_ara{text-align: center;}
.service_commitment .title_ara h3{font-size: clamp(22px, 1.2rem, 24px);}
.reverse{display: flex;flex-direction: column-reverse;}
.service_commitment .reverse{margin-bottom: 100px;}
.service_commitment .box_list{display: flex;gap: 20px;}
.service_commitment .box_list .box{
	flex: 1;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	border-radius: 25px;
	padding: 50px 30px;
	position: relative;
}
.service_commitment .box_list .box h3::after{
	 content: '';
    display: block;
    width: 50px;
    height: 2px;
    background-color: #5881aa;
    vertical-align: middle;
	margin: 20px auto;
}
.service_number{
	position: absolute;  
	left: 0;
  right: 0;
  margin:0 auto;
	top: -30px;
	width: 70px;
}
.service_commitment .sub_h2,.service_price .sub_h2,.service_cat .sub_h2{margin-bottom: 10px;}
.frame_color_o{
    background-color: #f1d9bb;
    border-radius: clamp(38.4px, 2.9375rem, 100px);
	padding: 100px 0 60px;
}
.under_title{margin-bottom: 60px;}
.lp-title{
  font-family: "Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", sans-serif;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1.3;

  font-size: clamp(30px, 3.8vw, 34px);

  color: #fff;
  -webkit-text-stroke: 1px #000;

  /*オレンジ縁を影で再現 */
  text-shadow:
    /* オレンジ外側 */
    2px 2px 0 #e27f00,
    2px 2px 0 #e27f00,
    2px 1px 0 #e27f00,

    /* 黒の締め */
    1px 1px 0 rgba(0,0,0,0.2);
}

.service_price{position: relative;}
.service_price .center{text-align: center;margin-bottom: 60px;}
.service_price_icon{
  position: absolute;
  left: 0;
  right: 0;
  margin:0 auto;
  top: -60px;
	width: 180px;
}
.price_box{
    padding: min(3.625rem, 69.6px) min(3.6875rem, 105.4px);
    border: 3px solid #5881aa;
    margin-bottom: 80px;
    border-radius: min(2.9375rem, 38.4px);
    background-color: #FFFFFF;
}
.price_box .lump{
	display: flex;
	 justify-content: space-between;
	margin-bottom: 40px;
}
.price_box .left_box{width: 55%;}
.price_box .right_box{width: 40%;}
.price_box .left_box .title_ara{
	text-align: left;
	display: flex;
	 flex-wrap: wrap;
	margin-bottom: 20px;
}
.price_box .left_box .title_ara > *{
  flex: 0 0 100%;
}
.price_box .left_box .title_ara h3{
	order: 2;
	margin-bottom: 5px;
}
.price_box .left_box .title_ara .sub_heading{
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    background-image: url(images/service/icon-footprints_orange.png);
    background-position: left center;
    background-size: 20px auto;
    background-repeat: no-repeat;
	padding-left: 25px;
	order: 1;
}
.price_box .left_box .title_ara .fomal_font{order: 3;}
.price_box .right_box{}
.budget-chip{
  display: inline-flex;
  border: 1px solid #8a8a8a;
  border-radius: 8px;
  overflow: hidden;             /* 角丸を内側にも効かせる */
  background: #fff;
}
.budget-chip__label{
  background: #f39800;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  padding: 10px 24px;
  white-space: nowrap;
	line-height: 2.5;
}
.budget-chip__value{
  display: inline-flex;
  align-items: baseline; 
  gap: 6px;
  padding: 8px 24px;
  line-height: 1;
  white-space: nowrap;
}
.budget-chip__value{
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}
.budget-chip__num{
  font-size: 40px;
  font-weight: 800;
  color: #2f84c6;               /* 青っぽい色 */
  letter-spacing: 0.06em;
}

/* 単位は控えめ */
.budget-chip__unit{
  font-size: 14px;
  font-weight: 700;
  color: #333;
}
.price_box .text_ara{
	padding: 30px;
	border-radius: 5px;
	background-color: #f5f0ea;
}
.price_box .text_ara .fomal_font{
	font-size: 14px;
}
.scope{margin-top: 50px;}
.acordion {
  width: 100%;
  margin: 0 auto 25px;
}
.trigger {
  padding: 23px 60px 18px 30px;
  font-size: 18px;
  position: relative;
  font-weight: 500;
	color: #FFFFFF;
	 background-color: #e27f00;
	 border-radius: 5px;
}
.trigger.active {
    border-radius: 5px 5px 0px 0px;
}
.acordion_tree {
    padding: 30px 30px 35px 30px;
    background-size: 32px 32px;
    position: relative;
   border: 1px solid var(--darkBrown);
	 border-radius: 0px 0px 5px 5px;
	  display: flex;
   justify-content: space-between;
}
.answer {
  position: absolute;
  top: 20px;
  left: 20px;
}
.open-close {
    text-indent: -9999px;
    display: block;
    background-repeat: no-repeat;
    background-image: url(images/service/up.png);
    background-size: 16px 16px;
    background-color: rgba(255, 255, 255, 1);
    padding: 10px;
    background-position: center center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 35px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
}
.trigger.active .open-close {
  background-repeat: no-repeat;
  background-image: url("images/service/down.png");
}
.region {
  text-align: justify;
  font-size: 14px;
  line-height: 2;
}
.scope .acordion_tree .box{
	width: 46%;
}
.scope .acordion_tree .box ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.scope .acordion_tree .box ul li{
  display: flex;
  align-items: center;
  gap: 8px;

  border-bottom: 1px dashed #b4a694;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.scope .acordion_tree .box ul li p{
  font-size: 14px;
  margin: 0;
  flex: 1;               /* ←テキスト側を伸ばす（ここが肝） */
}
.scope .acordion_tree .box ul li .small_t{
	font-size: 12px;
	display: block;
}
.scope .acordion_tree .box ul li img{
  width: 18px;
  flex: 0 0 auto;        /* ←縮まない */
  margin-right: 0;       /* ←不要になる */
  display: block;
}
.scope .acordion_tree .box ul li .li-icon{
  width: 18px;
  flex: 0 0 18px;
  display: flex;            /* ←最初からflexにしてOK */
  justify-content: flex-end;
}
.scope .acordion_tree .box ul li.has-2icons .li-icon{
  width: calc(18px * 2 + 6px); /* 18px×2 + gap */
  flex-basis: calc(18px * 2 + 6px);
  gap: 6px;
}
.scope .acordion_tree .box ul li .li-icon img{
  width: 18px;
  display: block;
}
.service_cat{
	padding: 100px 0 30px;
}
.service_cat .title_ara{
	text-align: center;
}
.service_cat .service_cat_list ul{ 
	 text-align: center;
	max-width: 900px;
	margin: auto ;
	
}
.service_cat .service_cat_list li{
 display: inline-block;
  width: 27%;
  margin: 0 2% 40px;
  vertical-align: top;
  background: var(--white);
  border: 1px solid var(--darkBrown);
  border-radius: min(0.4375rem, 56.4px);
	height: 250px;
}
.service_cat .service_cat_list li img{
	max-height: 80px;
	width: auto;
	margin: 30px auto 0;
}
.service_cat .service_cat_list li a{
  display: block;
  padding: min(1.625rem, 69.6px) min(1.6875rem, 32.4px) max(2.25rem, 50px);
}
@media screen and (max-width: 768px) {
.service_about.worry::before {top: 0px; left: -150px;}
.service_about.worry::after {right: -150px;top: 300px;}
.website_01,.website_02 {left: auto;right: 30px;}
.service_about,.service_commitment{margin-bottom: 100px;}
.service_about .side_by_side{display: block;}
.service_about .title_ara{width: 100%; margin-bottom: 20px;}
.service_about .text_ara{width: 100%;}
.service_about .text_ara h3{font-size: 20px;margin-bottom: 20px;}	
.service_about .text_ara p{margin-bottom: 15px;line-height: 2.3}
.service_commitment .box_list {flex-direction: column;}
.service_commitment .box_list .box {flex: none;width: 100%;margin-bottom: 30px;}
.service_commitment .reverse {margin-bottom: 50px;}
 .budget-chip__value{
    white-space: normal;
	 align-items: baseline;
  }
.price_box .left_box,.price_box .right_box{width: 100%;}
.price_box {
  padding: min(3.625rem, 69.6px) min(3.6875rem, 55.4px);}
.price_box .lump{
    flex-direction: column;
    gap: 24px;
	margin-bottom: 30px;
  }
 .acordion {
    width: 100%;
  }
.service_cat {padding: 100px 0 0;}
}
@media screen and (max-width: 560px) {
.service_hero {height: 461px;}
.website_01{width: 125px;}
.website_02 {width: 150px;bottom: 70px}
.under_title {margin-bottom: 30px;}	
.service_number{width: 55px;}
.service_about,.service_commitment{margin-bottom: 70px;}
.service_commitment .box_list .box {padding: 40px 30px;}
.service_commitment .title_ara h3 {font-size: clamp(18px, 1.4rem, 20px);}
.service_price .center{text-align: left;margin-bottom: 40px;}
.price_box {padding: min(3.625rem, 50.6px) min(1.6875rem, 32.4px);margin-bottom: 40px;}
.trigger {
    font-size: 16px;
    line-height: 1.5em;
	  padding: 23px 60px 18px 20px;
  }
.open-close{right: 20px;}
.acordion {margin: 0 auto 15px;}
.scope{margin-top: 35px;}
.scope .acordion_tree .box {width: 100%;}
.acordion_tree {padding: 20px 15px 38px 15px;display: block;}
.scope .acordion_tree .box ul li .li-icon img {width: 14px;}
.frame_color_o{padding: 100px 0 50px;}
.service_cat {padding: 70px 0 0;}
.service_cat .service_cat_list li {
  width: 45%;
  margin: 0 2% 40px;
  height: 200px;
}
.service_cat .sub_h2 {font-size:12px;}
.service_cat .service_cat_list li img {
  max-height: 50px;
  margin: 20px auto 0;
}
  }


/*service_Homepage*/
.web{background-image: url(images/service/website_mv.jpg);} 
.service_plan{margin-bottom: 150px;}
.service_plan .title_ara {text-align: center;margin-bottom: 45px;}
.service_plan .sub_h2{margin-bottom: 10px;}
.service_plan ul {
  display: flex;
  gap: 0;
	 flex-wrap: wrap;
}
.web_menu-links {
   	position: relative;
	 width: calc(100% / 3);
	height: 80px;
	  border-right: 1px solid #e27f00;
  border-bottom: 1px solid #e27f00;
}
.web_menu-links:nth-child(3n+1){
  border-left: 1px solid #e27f00;
}
.web_menu-links:nth-child(-n+3){
  border-top: 1px solid #e27f00;
}

.web_menu-links a{
  color: #000;
  padding: 20px 40px 20px 30px;
  font-size: 14px;
  transition: background-color 0.3s ease;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px; 
}

.web_menu-links a:hover{
    background-color: #F3C479;	
}
.web_menu-links img {
  width: 23px;
  margin-right: 8px;
  vertical-align: sub;
	display: inline;
}
.web_menu-links span {
}
.web_menu-links::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #f39800;
  border-bottom: 2px solid #f39800;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.3s ease;
}
.scope .acordion_tree .box ul .last{
	display: block;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.scope .acordion_tree .box ul .con_box{
	padding: 20px 20px 25px;
	font-size: 13px;
	margin-top: 20px;
}
.last .con_box dl:first-of-type {
	margin-bottom: 20px;
}
.last .con_box dl dd{
	font-weight: 400;
	line-height: 1.8;
}
.caution_items{}
.caution_items ul{}
.caution_items ul li{
	display: block !important;
  border-bottom: none!important;
  padding-bottom: 0!important;
  margin-bottom: 5px!important;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.8;
}
.caution_items ul li{ 
  padding-left: 1em;
  text-indent: -1em;
} 
.caution_items ul li a{
	color: #2332ce;
  text-decoration: underline;
	transition: background-color 0.3s ease;
}
.caution_items ul li a:hover{
	text-decoration: none;
}
.google_my{
	padding-top: 15px;
  margin-top: 20px;
	border-top: 1px dashed #b4a694;
}
.google_my .con_box p{
	font-weight: 400;
	font-size: 13px !important;
	line-height: 1.8;
}
.shopp_img{max-width: 300px;margin: auto;}
@media screen and (max-width: 1024px) {
.web_menu-links a {
  padding: 20px 30px 20px 20px;
}
.web_menu-links::after {
  right: 20px;
}}
@media screen and (max-width: 768px) {
.service_plan{margin-bottom: 100px;}
.web_menu-links a {
  padding: 20px 30px 20px 10px;
}
.web_menu-links::after {
  right: 15px;
}
.price_box .left_box .title_ara {margin-bottom: 13px !important;}
.price_box .left_box {margin-bottom: 10px}	
}
@media (max-width: 560px){
.service_plan{margin-bottom: 70px;}
.web_menu-links a {
  font-size: 13px;
}
  .service_plan .web_menu-links{
    width: 50%;
    box-sizing: border-box;
    border: 0 !important;
  }
  .service_plan .web_menu-links{
    border-bottom: 1px solid #e27f00 !important;
  }
  .service_plan .web_menu-links:nth-child(-n+2){
    border-top: 1px solid #e27f00 !important;
  }
  .service_plan .web_menu-links:nth-child(odd){
    border-left: 1px solid #e27f00 !important;
    border-right: 1px solid #e27f00 !important; 
  }
  .service_plan .web_menu-links:nth-child(even){
    border-right: 1px solid #e27f00 !important;
  }
.scope .acordion_tree .box ul .con_box {
  margin-top: 10px;
  margin-bottom: 20px;
}
}

/*service_graphicdesign*/
.graphic {
  background-image: url(images/service/graphic_mv.jpg);
}
.graphic .website_02 {
  bottom: 120px;
}
.graphic .website_01 {
  width: 170px;
  bottom: -32px;
}
.graphic_h2 .line_frame{
	margin-bottom: 11px;
}
.graphic_h2 .text_ara{
	margin-top: 20px;
}
.graphic_price.frame_color_o {
  padding: 135px 0 60px;
}
.graphic_price .price_box .title_ara{
	text-align: left;
}
.graphic_price .service_price_icon {
  top: -60px;
  width: 150px;
}
.graphic_price .price_box .title_ara {
  margin-bottom: 15px;
}
.graphic_price .price_box .title_ara h3 img {
  height: 40px;
  width: auto;
  object-fit: contain;
  display: block;
}
.graphic_price .price_box .title_ara h3 .responsive_figure img {
  height: 40px;
  width: auto;
  object-fit: contain;
  display: block;
}
.support_price .price_box .title_ara h3 img.big_img {
  height: 80px;
}
.graphic_price .price_detail {
  margin-bottom: 40px;
}
.graphic_price .price_detail h4,.movie-photo_price .right_box h4 {
  font-size: clamp(16px, 1.1rem, 20px);
  margin-bottom: 24px;
	line-height: 1.8;
	letter-spacing: 0.08em
}
.graphic_price .text_ara .price_table {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.graphic_price .text_ara .price_table p {
  text-align: center;
  position: relative;
}
.graphic_price .text_ara .price_table p::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100px;
  width: 3px;
  background-color: #fff;
}
.graphic_price .text_ara .price_table p:first-child {
  width: 20%;
  line-height: 2.5rem;
  font-weight: 800;
}
.graphic_price .text_ara .price_table p:nth-child(2) {
  width: 30%;
}
.graphic_price .text_ara .price_table ul {
  width: 50%;
}
.graphic_price .text_ara .price_table li {
  margin: 10px auto;
	font-size: 14px;
	font-weight: 400;
}
.graphic_price .text_ara .price_table p:first-child:nth-last-child(2) {
  width: 40%;
}
.graphic_price .text_ara .price_table ul:last-child:nth-child(2) {
  width: 60%;
	padding: 0 2% 0;
}
.graphic_price .price_box .fomal_font{display: inline;margin-right: 10px;color: #000000}

@media screen and (max-width: 768px) {
.graphic {
  background-image: url(images/service/graphic_mv_sp.jpg);
}
.graphic .website_01 {
  width: 170px;
  bottom: -112px
}
.graphic .website_02 {
  bottom: 50px;
}
  .graphic_price .price_box .title_ara h3 .responsive_figure img {
    height: 80px;
    width: auto;
    object-fit: contain;
    display: block;
  }
  .graphic_price .text_ara .price_table {
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
  }
  .graphic_price .text_ara .price_table p,
  .graphic_price .text_ara .price_table p:first-child,
  .graphic_price .text_ara .price_table p:nth-child(2),
  .graphic_price .text_ara .price_table p:first-child:nth-last-child(2) {
    width: 100%;
  }
  .graphic_price .text_ara .price_table p,
  .graphic_price .text_ara .price_table p:first-child,
  .graphic_price .text_ara .price_table p:nth-child(2),
  .graphic_price .text_ara .price_table p:first-child:nth-last-child(2) {
    padding-bottom: 26px;
  }
  .graphic_price .text_ara .price_table p:first-child {
    line-height: 1.8rem;
  }
  .graphic_price .text_ara .price_table p::before {
    display: none;
  }
  /* 上下を区切る横棒 */
  .graphic_price .text_ara .price_table p::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 3px;
    background-color: #fff;
  }
  .graphic_price .text_ara .price_table ul:last-child:nth-child(2),
  .graphic_price .text_ara .price_table ul {
    width: fit-content;
  }
}
@media screen and (max-width: 560px){
.graphic_price.frame_color_o {
  padding: 120px 0 50px;
}
}


/*movie photo*/
.movie-photo {
  background-image: url(images/service/photo_mv.jpg);
}
.movie-photo_01 {
  width: 150px;
  position: absolute;
  bottom: -80px;
  right: calc(50% + 280px);
  z-index: 10;
}
.movie-photo_02 {
  width: 180px;
  position: absolute;
  bottom: 113px;
  right: calc(50% + 270px);
  z-index: 10;
}
.movie-photo_price .price_box .title_ara h3 {
  position: relative;
  padding-left: 35px;
}
.movie-photo_price .price_box .title_ara h3::before {
 content: "";
  position: absolute;
  background-image: url(images/service/icon-footprints_orange.png);
  background-size: 25px;
  background-repeat: no-repeat;
  top: 13px;
  left: 0;
  width: 25px;
  height: 25px;
}
.movie-photo_price {
  padding: 130px 0 60px;
}
.movie-photo_price .left_box .price_detail .fomal_font,.price_w100 .fomal_font{
	font-size: 14px;
}
.movie-photo_price .service_price_icon {
  width: 155px;
}
.movie-photo_price .price_box .lump {
  align-items: flex-start;
  margin-bottom: 0;
  gap: 40px;
}
.movie-photo_price .price_box .right_box {
  width: 48%;
}
.movie-photo_price .price_box .left_box {
  width: 48%;
}
.price_box .left_box .title_ara {
  margin-bottom: 40px;
}
.movie-photo_price .price_box .title_ara h3 img {
  height: 50px;
  width: auto;
  object-fit: contain;
  display: block;
}
.movie-photo_price .left_box p.price_guideline {
  margin-bottom: 8px;
}
.movie-photo_price .left_box .price_detail {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 30px;
}

.movie-photo_price .left_box .price_detail .text_ara:first-child {
  height: 170px;
  width: 170px;
}
.movie-photo_price .left_box .price_detail .text_ara:first-child,
.movie-photo_price .left_box .price_detail .price_text .text_ara {
  display: grid;
  place-items: center;
  text-align: center;
}
.movie-photo_price .left_box .price_detail .price_text .text_ara {
  width: 170px;
  height: 76px;
	padding: 1px;
}
.movie-photo_price .left_box .price_detail .price_text .text_ara:first-child {
  margin-bottom: 10px;
}
.movie-photo_price .right_box .fomal_font:first-of-type {
  margin-bottom: 20px;
}
.movie-photo_price .caution_items ul li{
	font-size: 14px;
}
@media screen and (max-width: 1024px) {
.movie-photo_01 {
	left: 10%;
  bottom: -80px;
  right: auto;
}
.movie-photo_02 {
  bottom: 113px;
  right: auto;
left: 11%;
}
 .movie-photo_price .price_box .right_box, .movie-photo_price .price_box .left_box  {
    width: 100%;
  }
.movie-photo_price .price_box .lump{flex-direction: column;}	
}
@media screen and (max-width: 768px) {
.movie-photo {
  background-image: url(images/service/photo_mv_sp.jpg);
}

  .movie-photo_price .left_box .price_detail {
    justify-content: flex-start;
    gap: 30px;
  }
.movie-photo_price .left_box .price_detail .text_ara:first-child {
  height: auto;
  width: 100%;
}
.movie-photo_price .price_box .text_ara,.movie-photo_price .left_box .price_detail .price_text .text_ara{padding: 20px;}
}

@media screen and (max-width: 520px) {
.movie-photo_price .price_box .title_ara h3 {
  padding-left: 30px;
}
.movie-photo_price .price_box .title_ara h3::before {
  background-size: 20px;
  top: 13px;
  width: 20px;
  height: 20px;
}
.movie-photo_01 {
width: 125px;
}
.movie-photo_02 {
  bottom: 75px;
left: 9%;
}
  .movie-photo_price .left_box .price_detail {
    justify-content: flex-start;
    gap: 20px;
    flex-direction: column;
  }
  .movie-photo_price .left_box .price_detail .price_text,
  .movie-photo_price .left_box .price_detail .price_text .text_ara {
    width: 100%;
  }
 .movie-photo_price .price_box .left_box {
    margin-bottom: 0px;
  }	
}
/*Support*/
.support {
  background-image: url(images/service/support_mv.jpg);
}
.label_img{
	width: 90%;
	margin-top: 100px;
}
.support_about .line_frame{
	margin-right: 15px; 
}
.support_price .price_box .lump {
  align-items: center;
}
.support_price .price_box .right_box {
  width: 50%;
}
.support_price .price_box .left_box {
  width: 45%;
}
.support_price .price_box .title_ara h3 img {
  width: auto;
  height: 40px;
}
.is-visible-under-900{display: none;}
.flow_wrap {
  width: 100%;
}
.support_flow {
  display: flex;           /* まずはPCはflexに戻すのが安全 */
  justify-content: space-between;
  gap: 24px;
}

.flow_item {
  width: 100%;
  text-align: center;
}
.icon-circle {
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-circle img {
  width: 35px;
  height: auto;
}
.icon-support_domain{
	width: 55px !important;
}
.label {
  display: inline-block;
  background: #ebe5db;
  border-radius: 10px;
  padding: 10px 20px;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 4px;
	width: 100%;
}
.label.sub {
  margin-top: 8px;
}
.text {
  font-size: 12px;
  line-height: 1.6;
 font-weight: 400;
}
.flow_plus {
  position: relative;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.flow_plus::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #b4a694;
}
.flow_plus img {
  width: 36px;
  height: auto;
  background: #f6f1e8;
  z-index: 1;
}
.support_price .trigger {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.option_tree {
	padding: 32px;
	border-right: 1px solid var(--darkBrown);
	border-bottom: 1px solid var(--darkBrown);
	border-left: 1px solid var(--darkBrown);
	margin-bottom: 10px;
}
.option_ara {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.option_ara:first-child {
  margin-bottom: 40px;
}
.option_ara:nth-child(2) {
  padding-top: 30px;
  border-top: 2px dotted #b4a694;
}
.option_ara .left_ara {
  width: 70%;
  position: relative;
  padding-right: 40px;
}
.option_ara .left_ara::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2px;
  height: 100px;
  background-color: #b4a694;
}
.option_ara .left_ara h4 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 1.8;
}
.option_ara .right_ara {
  width: 25%;
  padding-top: 50px;
}
.support_option .option_ara .left_text ul {
  margin-bottom: 40px;
}
.support_option .option_ara .left_text li {
  font-size: 16px;
  line-height: 1.8;
	padding-left: 1em;
  text-indent: -1em;
}
.support_option .small_text,.price_note li{
	padding-left: 1em;
  text-indent: -1em;}
.support_option .option_ara .left_text {
  width: 60%;
}
.support_option .option_ara .right_img {
  width: 40%;
  position: relative;
}
.support_option .option_ara .right_img .support_01 img {
  width: 233px;
}
.support_option .option_ara .right_img .support_02 img {
  width: 155px;
}
.support_title {
  display: flex;
  align-items: center;
  gap: 12px;
 font-size: clamp(26px, 1.8rem, 32px);
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
}
.support_inner .fomal_font {
  padding-left: 40px;
  margin-bottom: 40px;
}
.support_title img {
  width: 28px;
  height: auto;
}
.price_area {
display: grid;
  grid-template-columns: 1fr 90px 1fr;
  align-items: center;
  column-gap: 40px;
  margin: 0 auto;
  width: 92%;
}
.support_price  .scope .fomal_font{
	font-size: 14px;
	font-weight: 400;
}
.price_card {
  position: relative;
  height: 130px;
  background: #fff;
  border: 2px solid #3a3b3e;
  text-align: center;
  line-height: 130px;
  font-size: 20px;
  font-weight: 700;
  background: radial-gradient(circle at 20px 20px, #e9e2da 8px, transparent 9px),
    radial-gradient(
      circle at calc(100% - 20px) 20px,
      #e9e2da 8px,
      transparent 9px
    ),
    radial-gradient(
      circle at 20px calc(100% - 20px),
      #e9e2da 8px,
      transparent 9px
    ),
    radial-gradient(
      circle at calc(100% - 20px) calc(100% - 20px),
      #e9e2da 8px,
      transparent 9px
    ),
    #fff;
}
.price_area .price_card span.budget-chip__num {
  padding: 0 10px;
}
.price_plus {
  justify-self: center;
}
.price_plus img {
  width: 30px;
  height: auto;
}
.price_note {
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: 0.08em;
  grid-column: 3;
  margin-top: 8px;
}

.support_inner{
	margin: 110px 0 50px;
}
@media (max-width: 900px) {
.support_about .title_ara {
  width: 100%;
}	
.service_about .text_ara {
  width: 100%;
}
.service_about .side_by_side {
  display: block;
}
.label_img,.is-hidden-sp900 {
	display: none;
}
.support_about .title_ara .usual_h2 {
  margin-bottom: 25px;
}
 .is-visible-under-900 {
    display: block;
	 max-width: 380px;
	 width: 90%;
	 margin: 20px auto 20px;
  }
.price_area {
  grid-template-columns: 1fr 30px 1fr;
}
}
@media (max-width: 768px) {
.support {
  background-image: url(images/service/support_mv_sp.jpg);
}
  .label_img img {
    width: 50%;
    margin-bottom: 40px;
  }
  .support_price .price_box .left_box,
  .support_price .price_box .right_box {
    width: 100%;
  }
  .flow_wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
 .support_flow{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .support_flow .flow_plus{
    display:none;
  }
  .option_ara {
    flex-direction: column;
  }
  .option_ara .left_ara {
    padding-right: 0;
    padding-bottom: 10px;
  }
  .option_ara .right_ara {
    text-align: center;
  }
  .option_ara .left_ara,
  .option_ara .right_ara {
    width: 100%;
	  padding-top: 0px;
  }
  .option_ara .left_ara::before {
    display: none;
  }
  .option_ara .left_ara h4 {
	  font-size: 16px;
  }
  .support_option .option_ara .left_text,
  .support_option .option_ara .right_img {
    width: 100%;
  }
  .support_option .option_ara .right_img .support_01 {
    position: absolute;
    right: -73px;
    bottom: -85px;
  }
  .support_option .option_ara .right_img .support_02 {
    position: absolute;
    right: 9px;
    bottom: -285px;
  }
  .price_area {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }

  /* 並び順を制御 */
  .price_card:nth-of-type(1) {
    grid-row: 1;
  }
  .price_plus {
    grid-row: 2;
    justify-self: center;
  }
  .price_card:nth-of-type(2) {
    grid-row: 3;
  }
  .price_note {
    grid-row: 4;
    grid-column: 1;
    margin-top: 8px;
  }
 .support_title {
    font-size: clamp(22px, 1.35rem, 26px);
  }
.support_inner .fomal_font {
  padding-left: 0px;
}	
.support_option .option_ara .left_text ul {
  margin-bottom: 20px;
}
.option_ara:first-child {
  margin-bottom: 20px;
}
}
@media screen and (max-width: 642px) {
  .support_option .option_ara .right_img .support_01 {
   bottom: -150px;
  }
  .support_option .option_ara .right_img .support_02 {
    bottom: -270px;
  }
  .support_option .option_ara .right_img .support_01 img {
    width: 200px;
  }
  .support_option .option_ara .right_img .support_02 img {
    width: 120px;
  }
}
@media screen and (max-width: 560px) {
  .support_option .option_ara .right_img .support_01 img {
    width: 160px;
  }
  .support_option .option_ara .right_img .support_02 img {
    width: 100px;
  }
.is-hidden-sp900 {
	display: block;
}
.support_inner {
  margin: 0px 0 10px;
}
.option_tree {
  padding: 25px;}
.price_card {
  height: 90px;
	line-height: 79px;
}
.option_ara .right_img {
    display: none;
  }
.support_option .option_ara .left_text li {
  font-size: 14px;

}
}
/*service_top*/
.service_top{}
.service_top .website{}
.service_top .line_box{
  background: var(--white);
  border: 1px solid var(--darkBrown);
  border-radius: min(2.9375rem, 56.4px);
  padding: min(3.625rem, 69.6px) min(1.6875rem, 32.4px) max(10.25rem, 100px);
  position: relative;
}
.orage_under{
     box-shadow:
    .5rem .5rem 0 0 var(--orange),    /* ← オレンジは少し上 */
    .55rem .55rem 0 0 var(--darkBrown); /* ← 黒を「一段下」へ */
}
.orage_under_02{
     box-shadow:
    .3rem .3rem 0 0 var(--orange),    /* ← オレンジは少し上 */
    .35rem .35rem 0 0 var(--darkBrown); /* ← 黒を「一段下」へ */
}
.blue_under{
    box-shadow:
    .5rem .5rem 0 0 var(--blue),    /* ← オレンジは少し上 */
    .55rem .55rem 0 0 var(--darkBrown); /* ← 黒を「一段下」へ */
}

.service_top .titel_ara{
    margin-bottom: 20px;
	display: flex;
	flex-direction: column-reverse;
}
.service_top .text_ara{
    margin-bottom: 20px;
}
.service_top .text_ara p{
    margin-bottom: 20px;
    font-size: 15px;
}
.service_top .botan{
    position: absolute;
    bottom: 50px;
    right: 40px;
}
.service_top .botan .readmore::before {
display: none;
}

.service_no{
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding: 20px 30px;
    
    border-top-left-radius:    min(2.9375rem, 56.4px);
border-top-right-radius: 0px;
border-bottom-right-radius:30px;
border-bottom-left-radius: 0px;
    color: #fff;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000; 
}
.blue_under .service_no{background: var(--blue);}
.orage_under .service_no{background: var(--orange);}
.service_no .cat_name{
    font-size: 12px;
     font-family: var(--en-font);
}
.service_no .umber{
    font-size: 40px;
    line-height: 1;
    font-family: "Noto Sans JP", sans-serif;
}

.service_top .website{
    margin-bottom: 60px;
    padding: 0 min(1.6875rem, 32.4px) 0 0;
	overflow: hidden;
	min-height: 400px;
}
.top_web{
	width: 52%;
}
.website .side_by_side{
	 justify-content: space-between;
}
.website .side_by_side .box{
	width: 40%;
	padding-top: 80px;
}
.mika_01{
    position: absolute;
     right: calc(50% + 20px);
    width: 145px;
    bottom: 40px;
}
.mika_01_text{
    position: absolute;
     right: calc(50% + -25px);
    width: 40px;
    bottom: 70px; 
}
.service_top ul li .line_box{
	padding: min(3.625rem, 69.6px) min(1.6875rem, 32.4px) max(6.25rem, 100px);
}

.service_top ul,.service_top ul li .titel_box{
   display: flex;
    gap: 30px; 
    flex-wrap: wrap; 
     justify-content: space-between;
	margin-bottom: 25px;
	align-items: center; 
}
.service_top ul{align-items: stretch;}
.service_top ul li{
    width: calc(50% - 30px);  /* gapの半分を引く */
  display: flex;            /* ← 中身を縦に伸ばす用 */ 
	margin-bottom: 40px;
}
.service_top ul li .titel_box .titel_ara,
.service_top ul li .titel_box .image_ara{
      width: calc(50% - 20px);
}
.service_top ul li .titel_box .titel_ara{
    order: 2;
	display: flex;
	flex-direction: column-reverse;
}
.service_top ul li .titel_box .image_ara{
    padding: 20px;
    background-color: var(--beige);
     order: 1;
    border-radius: 20px;
	
}
.service_top ul li .titel_box .image_ara img{
    width: 100%;
    height: auto;
}
@media screen and (max-width: 768px) {
.service_top .website {
  margin-bottom: 50px;
}
.website .side_by_side {
  display: block;
}	
.top_web {
  width: 100%;
	padding: 0;
}
.website .side_by_side .box {
  width: 100%;
  padding: 20px min(1.6875rem, 32.4px) max(6.25rem, 100px);
}
.service_top ul li {
  width: 100%;
  display: block;
	margin-bottom: 20px;
}
.mika_01 {
  right: 50px;
  width: 115px;
  bottom: 300px;
}
.mika_01_text {
  width: 35px;
  right: 10px;
  bottom: 320px;
}
.service_no {
  padding: 15px 20px;
}
.service_no .umber {
  font-size: 30px;
}	
.service_top ul li .titel_box .titel_ara,
.service_top ul li .titel_box .image_ara{
      width: calc(50% - 15px);
}	
.service_top ul li:nth-child(3) .orage_under {
  box-shadow: .5rem .5rem 0 0 #5881aa;
}
.service_top ul li:nth-child(3) .orage_under .service_no {
  background: #5881aa;
}
.service_top ul li:nth-child(3) .orange{
  color: #5881aa;
}
.service_top ul li:nth-child(4) .blue_under {
  box-shadow: .5rem .5rem 0 0 #e27f00;
}
.service_top ul li:nth-child(4) .blue_under  .service_no {
  background: #e27f00;
}
.service_top ul li:nth-child(4) .blue{
  color: #e27f00;
}	
	
	
}




/*blog*/
.blog_title{
	position: relative;
	display: flex;
	overflow: hidden;
	color: #FFFFFF;
}
.blog_hero{
	min-height: 35.2rem;
	padding-top: 10.3rem;
    padding-bottom: 10rem;

	display: flex;
   flex-direction: column;
  align-items: flex-start; /* ← 左寄せならこれ */
  width: 100%;
	position: relative;
	z-index: 5;
}
.blog_title .blog_h1{
  order: 2;	
	margin-bottom: 3rem;
	font-size: max(2.00rem, 28px);
	font-weight:600;
	letter-spacing: calc( 20 / 1000 * 1em);
	font-family: "Noto Sans JP", sans-serif;
}

.blog_title .time{
  order: 1;
  font-size: 1rem; 
  font-size: max(1rem, 13px); 
    margin-bottom: 3rem;
	 font-family: "Cantarell", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.blog_title .c-term{
  order: 3;
	font-size: 14px;
	font-size: max(0.875rem, 12px);
}
.c-bg {
  width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0;
  left: 0;

  overflow: hidden;
}
.c-blend.-opacity-04::before {
  opacity: .4;
}
.c-blend::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: #000000;
  pointer-events: none;
  transition: 400ms cubic-bezier(0.215, 0.61, 0.355, 1 );	
}
.c-objectfit.-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  left: 0;
}
.blog_ara{
	padding-top: min(5.5rem, 182.4px);
	font-family: "Noto Sans JP", sans-serif;
		letter-spacing: 0.08em;

}
.blog_ara h2,.blog_ara h3{
	margin-bottom: 20px;
}
.blog_ara p{
	font-size: 1rem;
	line-height: 1.8;
	font-weight: 400;
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom: 20px;
}
.blog_ara img{
	max-width: 900px;
	width: 100%;
	border-radius: 20px;
	margin: 30px auto;
}
.return_ara{
	text-align: center;
	margin-top: 120px;
}
@media screen and (max-width: 1023px) and (min-width: 561px) {
.blog_hero{
	min-height: 25.2rem;
    padding-top: 9rem;
    padding-bottom: 9.5rem;
  }
}
@media screen and (max-width: 768px) {
 ._under .top-news__list {
    margin-top: 3.0625rem;
  }
}
@media screen and (max-width: 560px) {
.blog_hero {
    min-height: 12.4rem;
    padding-top: 6rem;
    padding-bottom: 6.5rem;
  }
.blog_title .blog_h1 {
    font-size: max(1.35rem, 20px);
	margin-bottom: 2.7rem;
  }
.blog_title .time {
 margin-bottom: 1.9rem;
}
.blog_ara {
  padding-top: min(2rem, 182.4px);
}
.blog_ara h2{
	font-size: max(1.25rem, 18px);
}
.return_ara{
	margin-top: 80px;
}
}



/*****************
WORKS 
*****************/
.btn_ara{
	text-align: center;
}
.btn_ara .line_btn {
  position: relative;
  margin: 1.5rem auto;
  width: 70%;
  max-width: 320px;
	
}
.btn_ara .line_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 2rem 2rem 2rem 2rem;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  position: relative;
  transition: transform 0.2s;
	height: 70px;
	text-align: center;
}

/* 下の透過ラインを ::after で追加 */
.btn_ara .line_btn::after {
	content: "";
	position: absolute;
	left: 3px;
	bottom: -6px;       /* ボタン下に配置 */
	width: 100%;
	height: 70px;
	border-radius: 50px;
	opacity: 0.5;
	transition: all 0.2s;
	pointer-events: none;
}

/* hover時に沈む感じ */
.btn_ara .line_btn:hover a {
  transform: translateY(2px);
}
.btn_ara .line_btn:hover::after {
  bottom: -2px;
	left: 0;
  opacity: 0.3;
}

/* 個別カラー */
.btn_ara .line_btn a {
  background: #e27f00;
	position: relative;
}
.btn_ara .line_btn::after {
  border: 2px solid #e27f00;
}
.btn_ara .line_btn a::after{
	content: "";
	width: 20px;
	height: 20px;
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(assets/images/icon_blank.png);
	position: absolute;
	right: 40px;
	top: 38%;
}

/* 矢印 */
.btn_ara a::after {
  content: "›";
  font-size: 2.5rem;
  margin-left: auto;
}

@media screen and (max-width: 560px) {
.btn_ara .line_btn a {
  font-size: 14px;
}
.btn_ara .line_btn a::after {
  width: 17px;
  height: 17px;
  background-size: 17px auto;
  right: 30px;
  top: 38%;
}
}


/* ====================
制作実績
==================== */
.single-works .work-slider__cat{
  position: static;
  font-size: min(2.625rem, 13px);
	margin-top: 20px;
	
}
.wroks_hero{
	position: relative;
	margin-bottom: 5.8rem;
}
.c-bg {
  width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
	display: block;
}
.wroks_hero::after {
    padding-top: calc( ( 662 / 1400 ) * 100%);
	content: '';
  display: block;
}
.c-objectfit.-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  left: 0;
}
/* ------------------------------------------------------------
 pg-works-table
------------------------------------------------------------ */



.pg-works-table__body{
	padding: 50px;
	background-color: #FFFFFF;
	border: 2px solid #000000;
	border-radius: 20px;
}
.pg-works-table__body dl {
  position: relative;
  border-bottom: 1px solid rgba(178, 178, 178, 0.5);
}
.pg-works-table__body dl:last-of-type{
	border-bottom: none;
}
.pg-works-table {
		margin-bottom: 7.7rem;
}
@media screen and (max-width: 769px) {
	.pg-works-table {
		margin-bottom: 4rem;
}
.single-works .work-slider__cat{
	transform: none;
	  font-size: min(0.625rem, 12px);
}
}

/* ---------- pg-works-table__body ---------- */

.pg-works-table__body dt {
	font-weight: 600;
	font-size: 1.3rem;
	font-size: max( 0.9rem , 12px );
	letter-spacing: calc( 40 / 1000 * 1em);
}

@media screen and (min-width: 769px) {
	.pg-works-table__body dd {
		width: calc( 100% - 10.8rem);
	}
}

@media screen and (min-width: 769px) {
	.pg-works-table__body__cell {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.pg-works-table__body__cell.-baseline {
		align-items: baseline;
	}
}

@media screen and (min-width: 1024px) {
	.pg-works-table__body__cell {
		padding: 1.5rem 2.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-works-table__body__cell {
		padding: 1.1rem 0;
	}
}

@media screen and (min-width: 769px) {
	.pg-works-table__body__cell dt {
		width: 10.8rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-works-table__body__cell dt {
		margin-bottom: 0.6rem;
	}
}

/* ----- pg-works-table__client ----- */
.pg-works-table__client {
	font-weight: 600;
	font-size: max( 1.6rem , 16px );
}
.pg-works-table__industry li {
	margin-top: 1em;
	background-color: #000000;
	padding: 7px 20px;
	color: #FFFFFF;
	border-radius: 100px;
	display: inline-block;
	font-size: max( 0.9rem , 12px );
}
.c-list-full-space{
	display: flex;
	flex-wrap: wrap;
  align-items: baseline;
	
}
.c-list-full-space li{
	font-size: 13px;	
	font-weight: 400;
}
.c-list-full-space li::after {
  content: '　';
}
.-baseline a{
	color: #e27f00;
	font-size: max( 1.1rem , 12px );

}

.baseline {
  display: inline;
  background-repeat: no-repeat;
  background-image: linear-gradient(#e27f00, #e27f00);
  background-size: 100% 1px;
  background-position: 0 100%;
  padding-bottom: 2px;

  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media screen and (max-width: 1023px) {
.pg-works-table__client {
    font-size: max( 1.3rem , 16px );
  }
}
@media screen and (min-width: 769px) {
	.pg-works-table__client {
		display: flex;
		align-items: center;
	}
}

.pg-works-table__client span {
	display: block;
}

.pg-works-table__client__ja {
	letter-spacing: calc( 50 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-works-table__client__ja {
		font-size: 2.2rem;
		font-size: max( 2.2rem , 16px );
	}
}

@media screen and (max-width: 1023px) {
	.pg-works-table__client__ja {
		font-size: 2rem;
		font-size: max( 2rem , 16px );
	}
}

@media screen and (max-width: 768px) {
	.pg-works-table__client__ja {
		margin-bottom: 1.4rem;
	}
}

.pg-works-table__client__en {
	font-family: var(--font-Cantarell);
}

@media screen and (min-width: 769px) {
	.pg-works-table__client__en {
		margin-top: 0.3rem;
		margin-left: 1.8rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-works-table__client__en {
		font-size: 1.4rem;
		font-size: max( 1.4rem , 12px );
	}
}

@media screen and (max-width: 1023px) {
	.pg-works-table__client__en {
		font-size: 1rem;
	}
}

@media screen and (max-width: 560px) {
.wroks_hero::after {
    padding-top: calc( ( 225 / 375 ) * 100%);
  }
}

.pg-works-outline{
	margin-bottom: 7.7rem;
}
.pg-works-outline .usual_h2{
	text-align: center;
	margin-bottom: 50px;
}
.pg-works-outline .text_ara{
	max-width: 900px;
	margin: auto;
	margin-bottom: 4.7rem;
	font-weight: 400;
}
.pg-works-outline .btn_ara .fomal_font{
	font-size: 13px;
}


@media screen and (max-width: 769px) {

.wroks_hero,.pg-works-outline {
  margin-bottom: 3.8rem;
}	
.pg-works-outline .usual_h2{
	text-align: left;
	margin-bottom: 25px;
}
.pg-works-outline .text_ara {
  margin-bottom: 3rem;
}}
@media screen and (max-width: 560px) {

.pg-works-table__body{
	padding: 20px 30px;
}
.pg-works-table__industry li {
  margin-top: 0.5em;
  font-size: max( 0.7rem , 12px );
}
}

/* 動画箇所 */
.pg-works-move{
	margin-bottom: 7.7rem;
}
.p-article__figure2 {
  --frame-color: #e27f00;     /* デフォルト */
  --frame-pad: 56px;         /* 枠の太さ（PC） */

  background: var(--frame-color);
  padding: var(--frame-pad);
  border-radius: 24px;
}

.p-article__figure2 .wp-video,
.p-article__figure2 video {
  display: block;
  width: 100% !important;    /* WPがwidth属性を持つので上書き */
  height: auto !important;
  border-radius: 16px;       /* 内側も角丸にしたい場合 */
}

@media (max-width: 767px) {
.pg-works-move{
	margin-bottom: 3.8rem;
}
.p-article__figure2 { --frame-pad: 16px; }
}


/* case-section */
.case-section{
  --bg: #f3efe8;
  --muted: #2f536d;     /* 線＆バッジの色 */
  --radius: 14px;
  --line: 2px;
  background: var(--bg);
  padding: clamp(28px, 5vw, 60px) 0;
}
.case-section__inner{
  width: min(1030px, 92vw);
  margin: 0 auto;
}
.case-section__head{
 display: flex;
  align-items: flex-start; 
  gap: 18px;
}
.case-badge{
  flex-shrink: 0; /* 折り返し防止 */
  margin-top: 10px; /* 見出し1行目に合わせる微調整 */
}
.case-badge__num{
	background-repeat: no-repeat;
	background-size: 58px auto;
	background-position: center center;
	background-image: url(images/works/icon_gear.png);
	padding: 20px;
}
.case-badge span{
  color: #fff;
  font-weight: 800;
  font-size: 25px;
  line-height: 1;
  letter-spacing: .02em;
	font-family: "Poppins", sans-serif;
}
.case-title{
  margin: 0;
  letter-spacing: .02em;
}
/* 罫線 */
.case-divider{
  border: 0;
  height: var(--line);
  background: var(--muted);
  margin: clamp(18px, 3vw, 28px) 0 0;
}
.case-body {
  margin: 0;
  /* 画像みたいに本文を中央寄せのブロックに */
  width: min(880px, 100%);
  margin-inline: auto;
	font-weight: 400;
	line-height: 2.4;
	padding-top: clamp(18px, 3vw, 28px);
}
.case-body img{
    margin-bottom: 3.2rem;
    border-radius: .8rem;
}
.case-body h3{
	color: #5881aa;
	margin-bottom: 1rem;
	font-family: "Noto Sans JP", sans-serif;
	
}
@media (max-width: 640px){
.case-section__inner{width: 100%;}	
.case-section__head{ gap: 12px; }
.case-section{ --badge: 46px; --line: 2px; }
.case-badge span {font-size: 15px;}	
.case-body h3 {line-height: 1.8;}
.case-badge__num {
  background-size: 40px auto;
  padding: 20px 15px;
}	

}


.single_navi{
	margin: 100px auto 200px;
	padding: 30px 50px;
  background-color: #FFFFFF;
  border: 2px solid #000000;
  border-radius: 20px;
	width: min(1030px, 92vw);
}
.single_navi ul{
	display: flex;
	justify-content: center; 
}
.single_navi li{

}
.prev,.next{
	width: 24%;
}
.view_all{
	width: 50%;
	text-align: center;
	padding: 0;
}

.view_all a{
	display: inline-flex;
	align-items: center;
	gap: 12px; /* 文字と画像の間隔 */
	font-family: var(--en-font);
}

.view_all img{
	position: static; /* absolute を解除 */
	width: 20px;
	height: 20px;
}
.next{
	text-align: right;
}
.single_navi li a{
	transition: 0.3s;
}
.single_navi li a:hover{
	color: 	var(--orange);

}
.other_plan{overflow:hidden;}
.other_plan .title_ara{
	text-align: center;
}
.other_plan .sub_h2 {
  margin-bottom: 10px;
}
.other_plan .work-slider__title,.other_plan .work-slider__text{
	color:#000;
}
.other_plan .work-slider__text{
	line-height:1.6;
	margin-top:5px;
}
@media screen and (max-width: 768px) {
.single_navi li a{
	font-size: 13px;
	
}
.single_navi{
	margin: 50px auto 0;
	padding: 25px 15px;
	border-radius: 10px;
}
.view_all img {
  width: 15px;
  height: 15px;
}
.prev,.next{
	width: 19%;
}
.view_all{
	width: 56%;
}}
.pg-works-archive__total{
	font-size: 20px;
	margin-bottom: 20px;
	 justify-content: flex-end;
display: flex;
	  align-items: baseline; 
	font-weight: var(--fw-bold);
}
.pg-works-archive__total__en,.pg-works-archive__total__num{
	display: flex;
  align-items: baseline; 
	gap: 0;
	letter-spacing: 0.1em;
}
.pg-works-archive__total__num{font-size: 40px;}
.works_column{
    display: flex;
  flex-wrap: wrap;
    column-gap: 2rem;
}
.works_column.work-slider.work-slider--sub .work-slider__slide {
  transform: none;
  width: calc(100% / 3 - 1.7rem);
  padding-right: 0;
}
.works_column > * {
  margin-bottom: 3.7rem;
}
.works_column .work-slider__title,.works_column .work-slider__text {
  color: #000;
}
.works_column .work-slider__img-wrap{
	margin-bottom: 1.0rem;
}
.works_column .work-slider__title {
 margin-bottom: 0.4rem;
}
.work-slider__list{
	display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.work-slider__item{
	margin-top: .5rem;
	margin-left: .3rem;
	background-color: rgba(88,129,170,0.28);
	border-radius: 50px;
	padding: 5px 10px;
	font-size: 11px;
	font-weight: 400;
}

@media (max-width: 1023px){
.works_column{
	column-gap: 2rem;
}
.works_column > * {
  margin-top: 1.7rem;
}
.works_column.work-slider.work-slider--sub .work-slider__slide {
  width: calc(100% / 2 - 2.0rem);
}
}
@media (max-width: 768px) {
.work-slider__cat.left_cat {
    left: auto;
   transform: none;
}
.works_column .work-slider__title {
  margin-bottom: 0;
}
.work-slider__item{
	font-size: 10px;
}
.pg-works-archive__total {
  font-size: 14px;
	margin-bottom: 0px;
	justify-content: center;
}
.pg-works-archive__total__num {
  font-size: 25px;
}	
}	  
	  

@media (max-width: 560px){
.works_column.work-slider.work-slider--sub .work-slider__slide {
  width: 100%;
}
.works_column > * {
  margin-bottom: 2.0rem;
}
.works_column > *:last-child {
  margin-bottom: 0;
}

}