@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@import url('https://fonts.googleapis.com/css2?family=Artifika&family=Mochiy+Pop+One&family=Berkshire+Swash&family=Sawarabi+Gothic&display=swap');


body,html{
	overflow-x:hidden!important;
}
body .container{
	font-family: 'Sawarabi Gothic', sans-serif;
	color:#403734;
}

.home .article h1,.page .date-tags,.page .author-info,.home .entry-title{
	display:none;
}

/* 【初期】 */
.home .entry-content{
	margin-top:0;
}
.flexslider,
.metaslider .flexslider,
.home .content,
.home .entry-content,
.home .article,
.footer,
.copyright{
	padding:0!important;
	margin:0!important;
}
.footer-bottom,
.tagline,
.widget-content-bottom,
.content-bottom{
	margin:0!important;
}


/* 【本文の幅調節：画面幅に合わせる】 */
/* .home  */
.page .content-in{
	width:100%;
}
main.main{
	margin-bottom:0;
	border:none;
}
.page main.main{
	padding:0 0 2em;
}
.home main{
	background:#fff;
}

.article,
.entry-content{
	margin-bottom:0!important;
}




.article h2, .article h3, .article h4{
	margin:0;
	padding:0;
	background:none;
	border:none;
}
.article p,
#content-bottom p{
	margin:0;
}

.content{
	background:#fff;
	margin-top:0;
}


/* 【リンクタグ設定】 */
.main a{
	display:block;
	text-decoration:none;
}
.breadcrumb a,
.entry-categories a,
.footer-meta a,
.entry-categories-tags a{
	display:inline-block;
}
.pager-post-navi a.prev-post,
.pager-post-navi a.next-post{
	display:flex;
}

a{
	outline:none;
}
/* ※↑firefoxリンククリックでボーダー削除 */


/* 【テーブルスタイル：初期】 */
.container table tr,
.container table tr:nth-of-type(2n+1),
.container table tr th,
.container table tr td{
	background:none;
	border:none;
}


/* 【ウジェット：コンテンツ下部】 */
.content-bottom-in{
	width:100%;
	background:#fff;
	
/* 	padding-top: 3em; */
}


/* 【投稿ページ：アイキャッチ・P】 */
.eye-catch{
	margin: auto;
}
.eye-catch img{
	width:100%;
	max-width: 800px;
}
.single p{
	margin-bottom:1em;
}


/* 【問い合わせ等送信ボタン】 */
.wpcf7-form p{
	margin-bottom:1em;
}
.wpcf7 .wpcf7-submit:disabled{
	background-color: #eee;
	color:#403734;
}

input[type="submit"]{
	background-color: #FFC727;
}


/* 【モバイル時のheader色】 */
.mobile-header-menu-buttons.mobile-menu-buttons .menu-button {
  color: #fff;
  background-color: #000;
}

.navi-menu-content .fa-close{
    color:#000; 
}

/* 【ヘッダー】******************************************** */
#global_menu{
	display:none;
}
@media screen and (min-width:1024px){
	#header-in,
	#navi{
		display:none;
	}
	#header{
		width:100%;
	}
	#header-container-in{
		width:100%;
	}
	
	#global_menu {
		display:block;
		width: 100%;
		position: relative;
		color: #333; 
		background: #000;
	}
	#global_menu .menu-home{
	  width:20%;
	  margin:auto;
	  text-align:center;
		padding:0 0.5em;
	}
	#global_menu .menu-home .H-logo{
		image-rendering: -webkit-optimize-contrast;
		max-height: 60px;
	}
	#global_menu .menu-box{
	  width:80%;
	  display:flex;
	  justify-content: space-evenly;
		align-items: center;
		padding-left: 2em;
	}
	
	#global_menu .global_menu_ul{
		padding:0;
		max-width: 1300px;
		margin: auto;
	}
	#global_menu li {
	  display: inline-block;
	}

	#global_menu a { /* 各項目のスタイル */
	  display: block;
		text-decoration:none;
		color:#fff;
	}

	#global_menu .menu_top{
		height: 100%;
		width: 100%;
	}
	#global_menu .menu_top .menu_top_but{
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#global_menu .menu_top .menu_top_but i{
		font-size:.8em;
		padding-left:0.3em;
	}
	#global_menu .menu-box .menu_top > a {
		transition:.6s;
	}
	#global_menu .menu-box .menu_top:hover > a {
		background:#333;
	}

	#global_menu .child_menu > li > a {
	  font-size: 0.8em;
	}
/* 	#global_menu .child_menu > li > a:hover {
	  background: #ffb6c1;
	} */

	#global_menu .child_menu {
	  width: 100%;
	  position: absolute;
	  top: 100%; /* 親項目の直下に配置 */
	  left: 0;
	  padding: 2em;
	  color: #fff;
/* 	  background:rgba(64,55,52,0.95); */
		background:rgba(0,0,0,0.90);
	  visibility: hidden;
		z-index:9999;
		opacity: 0;
		max-height: calc(100vh - 72px) !important;
		overflow-y: auto;
		transition: opacity 500ms, visibility 300ms;
	}

	#global_menu .menu_top:hover .child_menu {
	  visibility: visible!important;
		opacity: 1;
	}

	#global_menu .child_menu a:hover {
	  color: #fff;
	}
	
	#global_menu .child_menu .child_menu_title{
		width:100%;
		max-width:1400px;
		margin:0 auto 1em;
		background:#fff;
		padding:0.5em 1em 0.5em 5%;
		border-radius:50px;
		color:#403734;
		font-size:1.2em;
	}
	#global_menu .child_menu .child_menu_title span{
		font-size:.9em;
		color:#84B9E5;
		padding-left:0.5em;
	}
	/* - */
	#global_menu .child_menu .item{
	  display:flex;
	  flex-wrap:wrap;
		width:100%;
		max-width:1300px;
		margin:auto;
	}
	#global_menu .child_menu .item li{		
		width: calc(100% / 5);
		border-right: solid 1px #555;
		padding: 0.5em 1.5em;
		margin-bottom: 1em;
	}
	#global_menu .child_menu .item li:nth-of-type(5),
	#global_menu .child_menu .item li:last-child{
		border-right:none;
	}
	#global_menu .child_menu .item li a{
		transition:.6s;
	}
	#global_menu .child_menu .item li a:not(:last-child){
		margin-bottom:0.5em;
	}
	#global_menu .child_menu .item li a:hover{
		opacity:.6;
	}
	#global_menu .child_menu .item li img{
		display:block;
		margin:auto;
		width:80%;
	}

	#global_menu .child_menu .item li a:nth-of-type(1) i{
	 	color:#FFC727;
	}
	
}


/* 【フッター】******************************************** */
.F-area{
	position:relative;
}

/* -- */
.F-contact .wrap-box{
	width:95%;
	margin:auto;
	flex-wrap: nowrap;
}
.F-contact .f-tel,
.F-contact .f-mail{
	border-radius:5px;
	box-shadow:2px 2px 10px 2px rgba(0,0,0,0.5) inset;
	padding:5em 1em;
}

.F-contact .f-tel .wrap-item{
	text-align:center;
}
.F-contact .f-tel .txt-tel{
	font-size:2em;
	font-weight:bold;
}
.F-contact .f-tel i{
	padding-right:0.3em;
}
.F-contact .f-tel .txt02{
	width:80%;
	max-width:350px;
	margin:auto!important;
	background:#ffc727;
	padding:0.5em;
	border-radius:50px;
	box-shadow:0px 2px 5px rgba(0,0,0,0.5);
}

.F-contact .f-mail a{
	width:90%;
	display:block;
	border:solid 8px #1F3D89;
	padding:1em 0.5em;
	margin:auto;
	text-align:center;
	text-decoration:none;
	color:#403734;
	line-height:1.8em;
	max-width: 650px;
}
.F-contact .f-mail a i{
	font-size:2em;
}
.F-contact .f-mail a p{
	font-size:1.5em;
	font-weight:bold;
}
.F-contact .f-mail .txt01{
	width:90%;
	max-width: 650px;
	margin:0.5em auto 0!important;
}

/* -- */
.F-about{
	padding:3em 0 0;
	z-index:0;
}
.F-about .f-logo{
	width: 60%;
  	max-width: 380px;
	margin:auto;
	display:block;
}
.F-about .f-address{
	max-width: fit-content;
	margin: auto!important;
	width: 70%;
}
/* * */
.F-area.F-about .city-image-area{
	position:relative;
	margin-top:-3em;
	z-index:-1;
}
.F-area.F-about .city-image-area .image-01{
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/05/city_2.png) center repeat-X;
	background-size:cover;
	width:100%;
	height:0;
	padding-top:20%;
	position: absolute;
	top:-2rem;
	animation: bgloop 180s linear infinite;
	
}
.F-area.F-about .city-image-area .image-02{
	background:url(https://dream-factory.xyz/wp-content/uploads/2024/06/city_5.png) center bottom no-repeat;
	background-size:cover;
	width:100%;
	height:0;
	padding-top:20%;
	margin: 0;
	position:relative;
	z-index:0;
}
@keyframes bgloop {
  from {
      background-position: 0 0;
  }
  to {
      background-position: -4000px 0; /*-1000px部分は画像の横幅と同じ数値*/
  }
}
@media screen and (max-width: 834px){
	.F-area.F-about .city-image-area{
		margin-top:-4.5em;
	}
	.F-area.F-about .city-image-area .image-01,
	.F-area.F-about .city-image-area .image-02{
		padding-top:50%;
/* 		bottom: -1.5em; */
	}
}

.F-about .ok-area{
	text-align:left;
	width:90%;
	max-width: 800px;
	margin:0.5em auto 0!important;
}
.F-about .ok-area .area-title{
	background:#000;
	color:#fff;
	padding: 0.3rem 1rem;
  	text-align: center;
  	border-radius: 50px;
  	margin-bottom: 0.5rem !important;
}


/* -- */
.F-nav{
	background:#000;
	
	padding:3em 0;
	color:#fff;
}

.F-nav .F-box{
	width:100%;
	max-width:1200px;
	margin:auto;
	display:flex;
}
.F-nav .banner-area{
	width: 30%;
}
.F-nav .F-fl{
	width: 70%;
}

.F-nav .F-pf .F-logo{
	width:50%;
	max-width:250px;
	display:block;
	margin-bottom:1em
/* 	margin:auto; */
}
.F-nav a{
  color:#fff;
  text-decoration:none;
  width:100%;
	display:block;
}
.F-nav .menu-box{
	width:100%;
}
.F-nav .menu-box .title{
	width: 100%;
}
.F-nav .menu-box ul{
	list-style: none;
	padding: 0!important;
}
.F-nav .menu-box ul li{
	display:flex;
}
.F-nav .menu-box input{
	display:none;
}
.F-nav .F-fl p{
	width:100%;
	padding: 0.2em 0;
}
.F-nav .F-fl{
	display:flex;
	flex-wrap:wrap;
}
.F-nav .F-fl .F-fl_box{
	width:calc((100% / 3) - 1em);
	margin:0.5em;
}

.F-nav .sns-link{
	width:fit-content;
}
.F-nav .sns-link img{
	display: block;
	width: 50px;
}
.F-nav .banner-area .banner-item{
	width:fit-content;
	margin:0 auto 1em;
}
.F-nav .banner-area .banner-item img{
	vertical-align:top;
}


@media screen and (max-width: 980px){
	.F-nav .F-pf,
	.F-nav .F-fl{
		width: 100%;
	}
	.F-nav .F-pf .txt{
		width:fit-content;
		margin:auto;
	}
	.F-nav .F-pf .F-logo{
		margin:auto;
	}
}

@media screen and (min-width: 781px){
  .F-nav .sp{
    display:none !important;
  }
	.F-nav .F-fl .F-fl_box a{
		transition:.6s;
	}
	.F-nav .F-fl .F-fl_box a:hover{
		text-shadow:0px 2px 10px #ffc727;
	}
}
@media screen and (max-width: 781px){
	.F-nav .F-box{
		display:block;
	}
	
  .F-nav .sp{
    display:block;
  }
  .F-nav .pc{
    display:none!important;
  }
  	.F-nav .F-fl p{
  		padding: 0.5em 0;
	}
	.F-nav .F-fl span{
  		padding:0;
	}
	.F-nav .menu-box .sp{
		pointer-events: all;
	}
	
	.F-nav .menu-toggle{
		height: 0;
		padding: 0 8px;
		transition: .2s;
		font-size:0.8em;
	}
	
	.F-nav input:checked + .menu-toggle{
		height: auto;
		padding: 0 15px 20px 15px;
	}
	.F-nav .menu-box ul li,
  .F-nav .link-border{
    border-bottom: solid 1px #f8f5de;
  }
	.F-nav .menu-toggle li{
/* 		padding: 0 8px; */
		line-height: 0;
	}
	.F-nav input:checked + .menu-toggle li{
		padding-top: 1em;
    	width:100%;
		line-height: 1.5;
	}
	
	.F-nav .menu-toggle .menu-toggle-item{
		visibility: hidden;
		opacity: 0;
		transition: 
			padding .2s,
			line-height .2s,
			visibility .1s,
			opacity .1s;
	}
	.F-nav input:checked + .menu-toggle .menu-toggle-item{
		visibility: visible;
		opacity: 1;
	}
	
	.menu-box label{
		position:relative;
		display: block;
	}
	/*矢印描画*/
	.menu-box label:before{
		content:"";
		display:block;
		width:10px;
		height:10px;
		border-top: #000 3px solid;
		border-right: #000 3px solid;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
		position:absolute;
		right: 5%;
		top: 0;
		bottom: 15%;
		margin: auto;
	}
	.F-nav .menu-box label:before{
		border-top: #fff 3px solid;
		border-right: #fff 3px solid;
	}
	.F-nav .F-fl .F-fl_box{
	  width:90%;
	  margin:auto;
  }
	
	.F-nav .banner-area {
  		width: 100%;
		margin-top: 1em;
	}
}
/* 【フッターモバイルボタン】 */
.mobile-footer-menu-buttons .navi-menu-button:nth-of-type(1){
	background:#FFF6DD;
}
.mobile-footer-menu-buttons .navi-menu-button:nth-of-type(2){
	background:#C1CAE0;
/* 	background:#1F3D89; */
}
.mobile-footer-menu-buttons .navi-menu-button:nth-of-type(2) a{
/* 	color: #fff; */
}


/* 【モバイルメニュー：】 */
.navi-menu-content .fa-close{
    color:#fff; 
}
.navi-menu-content{
	background:#000;
}
#Mobile-navi-area{
	overflow-x:hidden;
}
#Mobile-navi-area a{
	display:block;
	text-decoration:none;
	color:#000;
}
#Mobile-navi-area ul{
	list-style: none;
	padding: 0!important;
}


/* ―― */
#Mobile-navi-area ul.about-menu,
#Mobile-navi-area ul.blog-menu{
	display: flex;
	flex-wrap: wrap;
	margin: 1em 0 0;
}
#Mobile-navi-area ul.blog-menu{
	margin: 2em 0 5em;
}
#Mobile-navi-area .about-menu li,
#Mobile-navi-area .blog-menu li{
	background: #fff;
	border-radius: 5px;
	width: calc((100% / 2) - 0.25em);
	text-align: center;
	margin-bottom: 0.5em;
}
#Mobile-navi-area .about-menu li:nth-of-type(2n+1),
#Mobile-navi-area .blog-menu li:nth-of-type(2n+1){
	margin-right: 0.25em;
}
#Mobile-navi-area .about-menu li:nth-of-type(2n),
#Mobile-navi-area .blog-menu li:nth-of-type(2n){
	margin-left: 0.25em;
}
#Mobile-navi-area .about-menu li a,
#Mobile-navi-area .blog-menu li a{
	padding: 1em 0.5em;
}
#Mobile-navi-area .about-menu li a .M-icon,
#Mobile-navi-area .blog-menu li a .M-icon{
	font-size:1.5em;
}
#Mobile-navi-area .about-menu li a p,
#Mobile-navi-area .blog-menu li a p{
	margin-top:0.3em;
	margin-bottom:0!important;
}

/* ―業務内容エリア― */
#Mobile-navi-area .service-menu{
	padding: 1em 0;
	position:relative;
}
#Mobile-navi-area .service-menu::before{
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:100vw;
	height:100%;
	border-bottom: solid 1px #FFC727;
}
#Mobile-navi-area .service-menu .service-top{
	text-align: center;
	color: #000;
	padding: 0.5em;
	margin: 0 0 1em;
	position:relative;
}
#Mobile-navi-area .service-menu .service-top::before{
	content: "";
	background: #FFC727;
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

#Mobile-navi-area .service-menu-box{
	width: 100%;
	color:#000;
	background: #fff;
/* 	padding: 0.5em 0.5em 0.5em 1em; */
	border-radius: 5px;
	margin-bottom:0.5em;
}

#Mobile-navi-area .service-menu-box .title .M-icon{
	margin-right:0.3em;
	font-size: 1.2em;
}

#Mobile-navi-area .service-menu-box ul li{
	display:flex;
}

#Mobile-navi-area .service-menu-box input{
	display:none;
}

#Mobile-navi-area .service-menu-box{
/* 	pointer-events: all; */
}
	
#Mobile-navi-area .service-menu .menu-toggle{
	height: 0;
	padding: 0 1em 0 3em;
	transition: .2s;
/* 	font-size:0.8em; */
}
	
#Mobile-navi-area .service-menu input:checked ~ .menu-toggle{
	height: auto;
	padding: 0.5em 1em 0.5em 3em;
}
	#Mobile-navi-area .service-menu .menu-toggle li{
		line-height: 0;
	}

#Mobile-navi-area .service-menu .service-menu-box .menu-toggle li a{
	padding: 0.8em;
	line-height: 1;
	width:100%;
}
#Mobile-navi-area .service-menu .service-menu-box .menu-toggle li:not(:last-child){
	border-bottom: solid 1px #000;
}
	
#Mobile-navi-area .service-menu .service-menu-box .menu-toggle .menu-toggle-item{
	visibility: hidden;
	opacity: 0;
	transition: 
		padding .2s,
		line-height .2s,
		visibility .1s,
		opacity .1s;
}

/* ＋・＞アイコン */
#Mobile-navi-area .service-menu .service-menu-box label,
#Mobile-navi-area .service-menu-box a.single-title{
	position:relative;
	display: block;
	padding: .8em 0.5em .8em 1em;
}
#Mobile-navi-area .service-menu label::before{
	content: "\2b";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5em;
	line-height: 1;
}
#Mobile-navi-area .service-menu input:checked ~ label::before{
	content: "\f068";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

#Mobile-navi-area .service-menu .service-menu-box .menu-toggle .menu-toggle-item a{
	position:relative;
}
#Mobile-navi-area .service-menu .menu-toggle .menu-toggle-item a::before,
#Mobile-navi-area a.single-title::before{
	content: "\f054";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5em;
	line-height: 1;
	color:#FFC727;
}
#Mobile-navi-area .service-menu input:checked ~ .menu-toggle .menu-toggle-item{
	visibility: visible;
	opacity: 1;
}
	






/* 【共通css】******************************************** */
.width-1200{
	max-width:1200px;
	margin:auto;
}
.width-1000{
	max-width:1000px;
	margin:auto;
}

.fl{
	display:flex;
	flex-wrap:wrap;
}
.fl-kotei{
	display:flex;
	flex-wrap:wrap;
}
.fl-R{
	flex-direction:row-reverse;
}
.fl-margin{
	width:calc(100% / 2);
	margin:0;
}
.fl-item{
	width:calc((100% / 2) - 1em);
	margin:0.5em;
}
.fl-item_2kotei{
	width:calc((100% / 2) - 1em);
	margin:0.5em;
}

.fl-item.text-area{
	margin:auto;
}

.hissu{
	color:red;
	font-size:.8em;
}

.mini{
	font-size:.8em;
}

.wrap-padding{
	padding-left:1em!important;
	padding-right:1em!important;
}

.marker{
  background: linear-gradient(transparent 70%,#FFC727 70%,#FFC727 100%,transparent 100%);
  font-weight: bold;
}

.Center{
	text-align:center;
}
.ul-none{
	padding-left:0!important;
	margin-bottom:0;
}
.ul-none li{
	list-style: none;
}

/* フォント */
.font-A{
	font-family: 'Artifika', serif;
}
.home .font-A{
	font-size:3em!important;
}
.font-M{
	font-family: 'Mochiy Pop One', sans-serif;
}  


/* カラー */
.B-color-yellow{
	background:#FFC727!important;
}
.B-color-lightblue{
	background:#84B9E5!important;
}
.B-color-orange{
	background:#EE7B00!important;
}
.B-color-gray{
	background:#A7A9AB!important;
}
.B-color-pink{
	background:#C14F7E!important;
}
.B-color-blue{
	background:#1F3D89!important;
}
.B-color-lightgreen{
	background:#69C4D0!important;
}


/* ボタン *****************/
.main-but{
	border:solid 1px #403734;
	padding:1em;
	background:#fff;
	width:80%;
	max-width:350px;
	margin:1.5em auto 0;
	color:#403734;
	position:relative;
	transition:.6s;
}

/*線の設定*/
.main-but::before {
    content: "";
    position: absolute;
    top: 50%;
	left:60%;

    width: 40%;
    height: 1px;
    background: #403734;
	transform: translateY(-50%);
	transition:.6s;
}

/*矢印の設定*/
.main-but::after {
    content: "";
    position: absolute;
    top:48%;
	left:50%;

    width: 8px;
    height: 8px;
    border-top: 1px solid #403734;
    border-right: 1px solid #403734;
    transform: rotate(45deg) translateY(-50%);
	transition:.6s;
}

/*アニメーション*/
.main-but::before {
    animation: arrowlong01 3.5s ease infinite;
}
.main-but::after {
    animation: arrowlong02 3.5s ease infinite;
}

@keyframes arrowlong01{
    0%{width:0;opacity:0}
    25%{width:0;opacity:0}
	50%{width:0;opacity:1}
    75%{width:34%;opacity:1}
    100%{width:34%;opacity:0}
}

@keyframes arrowlong02{
    0%{left:58%;opacity:0}
    25%{left:58%;opacity:0}
	50%{left:58%;opacity:1}
    75%{left:92%;opacity:1}
    100%{left:92%;opacity:0}
}

.main-but:hover,
.top-sec06 a:hover .main-but{
	background:#000;
	color:#fff;
}
.main-but:hover::before,
.top-sec06 a:hover .main-but::before{
	background:#fff;
}
.main-but:hover::after,
.top-sec06 a:hover .main-but::after{
	border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}


/* -------------------- */
.btnarrow{
	position: relative;
	padding: 0 20px;
    color: #403734;
	width: fit-content;
	margin:0 0 0 auto;
}
.btnarrow::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #403734;
	transition: all .3s;
}
.btnarrow::after{
	content: '';
	position: absolute;
	bottom: 8px;
	right: -2%;
	width: 21px;
	height: 1px;
	background: #403734;
	transform: rotate(48deg);
	transition: all .3s;
}

.btnarrow:hover::before{
    left:4%;
}
.btnarrow:hover::after{
    right:-6%;
}


/* -------------------- */
.but-c-area{
	width:100%;
}
.but-c-area i{
	padding-right:0.3em;
}
.but-c-area a{
		display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	/*! width: 120px; */
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	background-image: linear-gradient(to right, #27acd9 0%, #b4e12b 100%);
	border-radius: 100vh;
	color: #fff;
	border: 2px solid #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	transition: 0.5s;
}
.but-c-area a:nth-of-type(1){
	background:#16CACA;
}
.but-c-area a:nth-of-type(2){
	background:#84B9E5;
}
.but-c-area a:hover{
	opacity:.8;
}



/* テーブル *****************/
.table-01{
/* 	display:block; */
	width:95%;
	max-width:800px;
	margin:auto;
}
.table-01 tr,
.table-01 tr:nth-of-type(2n+1){
	border-bottom:solid 2px #403734!important;
}
.table-01 tr th{
	padding:0.8em 0;
	width:30%;
}
.table-01 tr td{
	padding:0.8em 0 0.8em 0.5em;
}

/* -- */

.table-02{
	width:95%;
	max-width:1000px;
	margin:auto;
}
.table-02 tr th{
	padding:0.8em 0;
	width:30%;
	background:#f1f1f1!important;
	border:solid 1px #000!important;
}
.table-02 tr td{
	border:solid 1px #000!important;
	padding:0.8em;
}
.table-02 tr td.left{
	text-align:right;
}
.table-02 tr td:nth-of-type(2){
	width:30%;
	padding-left:0;
}
.table-02 ul{
	padding-left:15px;
	margin-bottom:0;
}


/* 見出し***************************************** */
.title-area{
	background:#000;
	color:#fff;
	padding:1em 0.5em;
	box-shadow:0px 2px 5px #000;
	position:relative;
	z-index:1;
}
.home .title-area{
	text-align:center;
}



/* 【本文の幅調節】 */
@media screen and (min-width: 1024px) {
/* 	.page .article {
		width:100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	.home .article{
		width:auto;
		max-width: 100%;
	} */
}




/* =================================================
TOP
================================================= */


.top-sec01,
.top-sec02,
.top-sec03,
.top-sec04,
.top-sec05,
.top-sec06{
	position:relative;
	margin-bottom:0;
}

.top-title-icon img{
	display: block;
	width: 60px;
	margin: auto;
}

    
/* -- */
.top-sec01{
	padding:2em 0;
	background:#000;
	color:#fff;
}
.top-sec01 .sec01-title{
/* 	width:70%; */
}
.top-sec01 .sec01-but{
	background: #fff;
	height: fit-content;
	width: fit-content;
	padding: 0.2em 1em;
	border-radius: 50px;
	margin: auto 0 auto auto;
	float: right;
	color:#403734;
	font-size: 0.9em;
	transition:.6s;
}
.top-sec01 .sec01-but:hover{
	background:#c0c0c0;
}

/* -投稿- */
.news-area .new-entry-cards figure.new-entry-card-thumb,
.news-area .post-update{
	display: none;
}
.news-area .new-entry-cards .new-entry-card-link{
	border-bottom: solid 2px #fff;
}
.news-area .new-entry-cards .new-entry-card-link:first-child{
	border-top:solid 2px #fff;
}

.news-area .widget-entry-cards .a-wrap{
	padding: 0;
	margin-bottom: 0;
	color:#fff;
}
.news-area .widget-entry-cards .a-wrap:hover{
	background:#505050;
}

.news-area .new-entry-cards .new-entry-card-content{
	display: flex;
	margin-left: 0;
	flex-direction: row-reverse;
	justify-content: left;
	padding:0.8em 0.5em;
}

.news-area .new-entry-cards .new-entry-card-date{
	display: block!important;
}
.news-area .new-entry-cards .new-entry-card-date span.new-entry-card-post-date{
	font-size: .9em;
}


/* -- */
.top-sec02{
	padding:5em 0 1em;
	z-index:0;
}
.top-sec02::before{
	content:"";
	background:#F3F3F3;
	position:absolute;
	width:100%;
	height:90%;
/* 	height:100%; */
	top:0;
	left:0;
	z-index:-1;
}
.top-sec02 .logo-area{
	width:30%;
}
.top-sec02 .logo-area img{
	display:block;
	margin:auto;
	width:80%;
	max-width:300px;
}
.top-sec02 .about-area{
	width:70%;
}
.top-sec02 .about-area .about-P{
	position:relative;
	z-index:0;
	padding:1.5em 0 1.5em 1.5em;
	margin:1.5em 0 0;
}
.top-sec02 .about-area .about-P::before{
	content:"";
	background:#fff;
	width:200%;
	height:130%;
/* 	height:150%; */
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
.top-sec02 .main-but{
	margin:1.5em 0 0 auto;
	position: relative;
	z-index: 1;
}

.top-sec02 .about-area h2{
	font-size:1.6em;
	letter-spacing:0.1em;
}
.top-sec02 .about-area .about-P .txt02{
	font-size:1.2em;
	margin:0.5em 0;
	font-weight:bold;
}


.top-sec02 .image-01{
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/06/illust_2_large.png) center no-repeat;
	background-size:contain;
	position: absolute;
	bottom: -5em;
	left: 6%;
	width: 20%;
	height: 0;
	padding-top: 12.5%;
	min-width: 450px;
	min-height: 280px;
}
@media screen and (max-width:1200px){
	.top-sec02 .image-01{
		min-width: 320px;
		min-height: 205px;
		left: 1%;
		bottom: -4em;
		width: 20%;
		padding-top:12.5%;
	}
}



/* -- */
.top-sec03{
	padding:12em 0 5em;
}
.top-sec03 h2{
	text-align:center;
}
.top-sec03 .sub-title{
	text-align:center;	
}

.top-sec03 .Service-item{
	width:calc((100% / 3) - 2em);
	margin:1.5em 1em 0;
	display: flex;
	flex-direction: column;
	
	z-index: 0;
}
.top-sec03 .Service-item .s-image{
	background:#fff;
	
	z-index:1;
}
.top-sec03 .Service-item .s-image img{
	vertical-align:top;
	width:90%;
	display:block;
	margin:0 auto -1em;
}

.top-sec03 .box .Service-item:nth-of-type(1){
	background:#FFF6DD;
}
.top-sec03 .box .Service-item:nth-of-type(2){
	background:#D7E3ED;
}
.top-sec03 .box .Service-item:nth-of-type(3){
	background:#EFDAE3;
}
.top-sec03 .box .Service-item:nth-of-type(4){
	background:#C1CAE0;
}
.top-sec03 .box .Service-item:nth-of-type(5){
	background:#CAE4E8;
}
.top-sec03 .box .Service-item:nth-of-type(6){
	
	background:#FAEDDF;
}
.top-sec03 .box .Service-item:nth-of-type(7){
	
	background:#E1E2E3;
}

.top-sec03 .Service-item .item-about{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.top-sec03 .Service-item h3{
	font-family: 'Mochiy Pop One', sans-serif;
	padding:0.8em 0.3em 0.8em 1em;
	color:#fff;
/* 	text-shadow: 0px 1px 1px #303030; */
	font-weight:normal;
}
.top-sec03 .Service-item .text-area{
	background: #fff;
	margin: 0.5em;
	padding: 0.8em;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.top-sec03 .Service-item .text-area .text{
	flex-grow: 1;
	font-size: .9em;
}

.top-sec03 .Service-item .s-but{
	text-align: right;
	font-size: 0.9em;
}
.top-sec03 .Service-item .s-but:hover{
	color: #403734;
}


/* -- */
.top-sec04{
	padding:0 0 5em;
}
/* .title-area{
	background:#000;
	color:#fff;
	text-align:center;
	padding:1em 0.5em;
	box-shadow:0px 2px 5px #000;
} */
.top-sec04 .Works-box{
	margin:5em 0 1em;
}
.top-sec04 .Works-box .image-item{

}
.top-sec04 .width-1200{
/* 	padding:0 1em; */
}

.top-sec04 .Works-box .back-h3{
	padding: 1.5em 0;
	margin: 0 0 2em;
	position:relative;
}
.top-sec04 .Works-box .back-h3::before {
  	content: '';
  	position: absolute;
  	bottom: 0;
  	left: 0;
	border-top: 100px solid #fff;
	border-right: 10vw solid transparent;
}

.top-sec04 .Works-box .back-h3-01{
	background:linear-gradient(90deg, rgba(255, 199, 39, 1), rgba(255, 251, 235, 1) 50%, rgba(255, 255, 255, 0));
}
.top-sec04 .Works-box .back-h3-02{
	background:linear-gradient(90deg, rgba(31, 61, 137, 1), rgba(227, 233, 246, 1) 50%, rgba(255, 255, 255, 0));
}
.top-sec04 .Works-box .back-h3-03{
	background:linear-gradient(90deg, rgba(105, 196, 208, 1), rgba(225, 246, 249, 1) 50%, rgba(255, 255, 255, 0));
}

.top-sec04 .Works-box .back-h3 h3{
	width:80%;
	max-width:1200px;
	margin:auto;
	font-size: 1.5em;
	letter-spacing: 0.05em;
}


/* -- */
.top-sec05{
	padding:0;
}

.top-sec05 .box-satff{
	background:#F8F5DE;
}
.top-sec05 .box-president{
	background:#EBD9E0;
}

.top-sec05 .box{
	padding:5em 1em 5em;
}
.top-sec05 .box h3{
	text-align:center;
	font-size:1.5em;
}

/* -投稿レイアウト- */
.top-blog{
	width: 85%;
	margin: 5em auto;
}
.top-blog .wp-show-posts-image{
  width: 50%;
}
.top-blog .wpsp-read-more{
	float:right;
}
.top-blog a.wp-show-posts-read-more{
	border-radius: 50px;
	width: 150px;
	text-align: center;
	background: #303030;
	color: #fff;
	border: none;
	box-shadow: 0px 2px 3px #505050 !important;
	transition:.6s;
}
.top-blog a.wp-show-posts-read-more:hover{
	background:#606060;
}
.top-blog .wp-show-posts .wp-show-posts-entry-title a,
.top-blog .wp-show-posts-entry-meta a,
.top-blog .wp-show-posts-entry-summary{
	color:#303030;
}
.top-blog .wp-show-posts-image img{
	border: 1px solid #303030;
/* 	border-image: linear-gradient(134deg, rgba(215, 149, 35, 1), rgba(255, 249, 183, 1) 49%, rgba(215, 149, 35, 1))1; */
}

.top-blog .wp-show-posts-entry-header {
	margin: 0em 0 0.3em;
	padding-top:1em;
}
.top-blog .wp-show-posts-entry-summary {
  margin-bottom: 0.3em;
}

@media (max-width: 767px){
	.top-blog .wp-show-posts-image.wpsp-image-left,.top-blog .wp-show-posts-image.wpsp-image-right {
	  	float: left;
	  	margin-right: 1em;
	  	margin-left: 1em;
	}
}
@media (max-width: 600px){
	.top-blog .wp-show-posts-image.wpsp-image-left,.top-blog .wp-show-posts-image.wpsp-image-right {
	  	float: none;
		margin: auto;
	}
	.top-blog .wp-show-posts-image{
  		width: 100%;
		margin: auto;
	}
	.top-blog{
		margin:2em auto;
	}
}



/* -- */
.top-sec06{
	padding:2em 0 0;
}
.top-sec06 a{
	padding:5em 0;
	background:linear-gradient(90deg, rgba(64, 55, 52, 0.5), rgba(0, 0, 0, 0.8) 50%);
	position:relative;
	box-shadow:0px 0px 10px 3px #000;
}
.top-sec06 a::before{
	content:"";
	width:100%;
	height:100%;
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/01/sec06_bg.jpg) center no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
.top-sec06 .text-box{
	color:#fff;
	align-items: center;
}

.top-sec06 .main-but{
	margin:1.5em auto 0;
}


/*SNS*/
.sns-flex {
	display:flex;
	justify-content:space-between;
	align-items: center;
}

.sns-flex img {
	width:60%;
}

.sns-flex a {
	text-align: center;
	padding-top:20px;
}



/* =================================================
固定ページ
================================================= */

/* -背景グレー- */
/* -背景アイボリーー- */
.back-gray,
.back-ivory,
.back-green{
	position:relative;
	padding:2em 0;
/* 	margin-top: 2rem; */
}
.back-gray::before,
.back-ivory::before,
.back-green:before{
	content:"";
	background:#F4F4F4;
	width:100vw;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	z-index:-1;
}
.back-ivory::before{
	background:#F8F5DE;
}
.back-green::before{
	background:#A8DFD0;
}

/* -ページタイトル- */
.page .article-header,
.Custom-works{
	position: relative;
/* 	padding: 8em 0 10em; */
	margin-bottom:5em;
	z-index:0;
	padding: 6em 0 14em;
}
.page .article-header::before,
.Custom-works::before{
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	width: 50%;
	height: 50%;
	position: absolute;
	bottom: 0;
	right: 1%;
	background-color: rgba(255,255,255,0.4);
	background-blend-mode: lighten;
	z-index: -1;
	box-shadow: 2px 2px 15px #403734 inset;
	border-radius: 3px;
	
	animation: zoomin 1s ease-out forwards;
}
.page .article-header::after,
.Custom-works::after{
	content:"";
	background: #403734;
	z-index:-2;
	
	width: 100%;
	height: 20%;
	position: absolute;
	bottom: -3%;
	left:50%;
	transform: translateX(-45%);
	
}
@keyframes zoomin {
  0% {
/*     transform: translateX(-52%) scale(0.8); */
	  transform: translateX(80%);
  }
  100% {
/*     transform: translateX(-52%) scale(1); */
	  transform: translateX(0);
  }
}

.home .article-header,
.home .article-header::before,
.home .article-header::after{
	display:none;
}

.page-id-93 .article-header::before{/* 会社案内 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/01/25146766_m.jpg);
	background-position:bottom center;
}
.page-id-97 .article-header::before{/* 求人情報 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/01/25132460_m.jpg);
	background-position:top 10% center;
}
.page-id-99 .article-header::before{/* 業務内容 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2024/01/28250379_m.jpg);
	background-position: top 30% center;
}
.page-id-101 .article-header::before{/* Webサイト制作 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/01/computer-g4f5d6c008_1920.jpg);
	background-position:bottom 10% center;
}
.page-id-105 .article-header::before{/* Webサイト制作の流れ */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/03/24987437_m.jpg);
	background-position:bottom 5% center;
}
.page-id-107 .article-header::before{/* Webサイト制作料金 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/02/24941870_m.jpg);
	background-position:bottom 20% center;
}
.page-id-109 .article-header::before,
.website-works-about-template-default .Custom-works::before{/* Webサイト制作実績 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/02/4193091_m.jpg);
	background-position:bottom 40% center;
}
.page-id-200 .article-header::before{/* 補助金・助成金 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/03/25464718_m.jpg);
	background-position:top 30% center;
}
.page-id-202 .article-header::before{/* デザイン制作 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/03/25307319_m.jpg);
	background-position:bottom 30% center;
}
.page-id-206 .article-header::before{/* デザイン制作の流れ */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/05/26402886_m.jpg);
	background-position:center center;
}
.page-id-208 .article-header::before{/* デザイン制作料金 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/05/25697078_m.jpg);
	background-position:center center;
}
.page-id-210 .article-header::before,
.design-works-about-template-default .Custom-works::before{/* デザイン制作実績 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/05/25307295_m.jpg);
	background-position: top 20% center;
}
.page-id-204 .article-header::before,
.page-id-6952 .article-header::before{/* 動画制作 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/01/camera-g22eda1100_1920.jpg);
	background-position:bottom 40% center;
}
.page-id-212 .article-header::before{/* 動画制作の流れ */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/05/22662345_m.jpg);
	background-position:bottom 40% center;
}
.page-id-214 .article-header::before{/* 動画制作料金 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/05/24890719_m.jpg);
	background-position:top center;
}
.page-id-216 .article-header::before{/* 動画制作実績 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/05/3799262_m.jpg);
	background-position:center center;
}
.page-id-196 .article-header::before{/* Webコンサルティング */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/05/25041586_m.jpg);
	background-position:bottom 40% center;
}
.page-id-238 .article-header::before{/* お問い合わせ */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/01/25042142_m.jpg);
	background-position:top 40% center;
}
.page-id-198 .article-header::before{/* 管理業務 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/03/25890885_m.jpg);
	background-position:bottom 40% center;
}
.page-id-683 .article-header::before{/* 求人：募集要項 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/02/25042390_m.jpg);
	background-position:bottom 20% center;
}
.page-id-103 .article-header::before{/* システム開発 */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/05/3717633_m.jpg);
	background-position:center center;
}
.page-id-941 .article-header::before{/* プライバシーポリシー */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2023/05/privacy-policy_img.jpg);
	background-position:center center;
}

.page-id-7061 .article-header::before{/* DreaMa */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2024/06/dreama-header.jpg);
	background-position:center center;
}

.page-id-7229 .article-header::before{/* 数値化ページ */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2024/08/3590041_m.jpg);
	background-position:center center;
}

.page-id-7419 .article-header::before{/* 社員インタビューページ */
	background-image: url(https://dream-factory.xyz/wp-content/uploads/2024/08/4353665_m.jpg);
	background-position:bottom 20% center;
}



.page .entry-title,
.Custom-works .entry-title,
.interview-header .entry-title{
	position:relative;
/* 	text-align:center;
	text-shadow: 0px 0px 30px #fff;*/
	color: #000;
	padding-left: 1em;
	max-width: 1200px;
	margin: auto;
}
.page .entry-title::after,
.Custom-works .entry-title::after,
.interview-header .entry-title::after{
	font-family: 'Berkshire Swash', cursive;
	position: absolute;
	bottom: -1.3em;
	left: 1em;
	font-size: 2.5em;
	font-weight: bold;
	white-space:nowrap;
	z-index:1;
}
.page .entry-title::before,
.Custom-works .entry-title::before,
.interview-header .entry-title::before{
	content:"";
	position: absolute;
	top: 50%;
	left: 0.5em;
	z-index: -2;
	transform: translateY(-50%);
	
	width: 150px;
	height: 150px;
	background: #F8F5DE;
	border-radius: 50px;
	animation: fluidrotate 30s ease 0s infinite;
}
@keyframes fluidrotate {  
	  
/* 0%, 100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
}
14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
}
28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
}
42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
}
56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
}
70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
}
84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
} */
	0%, 100% {
		border-radius: 72% 28% 63% 37% / 45% 57% 43% 55% ;
	}
	14% {
		border-radius: 72% 28% 28% 72% / 69% 33% 67% 31%;
	}
	28% {
		border-radius: 27% 73% 22% 78% / 49% 20% 80% 51% ;
	}
	42% {
		border-radius: 56% 44% 55% 45% / 82% 62% 38% 18% ;
	}
	56% {
		border-radius: 49% 51% 35% 65% / 54% 81% 19% 46% ;
	}
	70% {
		border-radius: 26% 74% 82% 18% / 54% 34% 66% 46% ;
	}
	84% {
		border-radius: 59% 41% 60% 40% / 34% 28% 72% 66%  ;
	}
	  
}

.page-id-93 .entry-title::after{
	content: "About";
}
.page-id-97 .entry-title::after{
	content: "Recruit";
}
.page-id-99 .entry-title::after{
	content: "Service";
}
.page-id-101 .entry-title::after{
	content: "Website";
}
.page-id-109 .entry-title::after,
.website-works-about-template-default .Custom-works .entry-title::after{
	content: "Website works";
}
.page-id-105 .entry-title::after{
	content: "Website flow";
}
.page-id-107 .entry-title::after{
	content: "Website price";
}
.page-id-202 .entry-title::after{
	content: "Design";
}
.page-id-206 .entry-title::after{
	content: "Design flow";
}
.page-id-208 .entry-title::after{
	content: "Design price";
}
.page-id-210 .entry-title::after,
.design-works-about-template-default .Custom-works .entry-title::after{
	content: "Design works";
}
.page-id-204 .entry-title::after{
	content: "Movie production";
}
.page-id-212 .entry-title::after{
	content: "Movie flow";
}
.page-id-214 .entry-title::after{
	content: "Movie price";
}
.page-id-216 .entry-title::after{
	content: "Movie works";
}
.page-id-238 .entry-title::after{
	content: "Contact";
}
.page-id-200 .entry-title::after{
	content:"Subsidy";
}
.page-id-683 .entry-title::after{
	content:"Job description";
}
.page-id-196 .entry-title::after{
	content:"Web consulting";
}
.page-id-103 .entry-title::after{
	content:"System";
}
.page-id-198 .entry-title::after{
	content:"Administrative tasks";
}
.page-id-941 .entry-title::after{
	content:"Privacy policy";
}
.page-id-7229 .entry-title::after{
	content:"Infographics";
}
.page-id-7419 .entry-title::after,
.interview-template-default .interview-header .entry-title::after{
	content:"Interview";
}


/* -- */
.entry-content > *{
	margin-bottom:0;
}

.padding-box{
	padding-top: 5em;
	padding-bottom: 5em;
}


/* 4連の矢印・下方向 */
.img-arrow01{
	display:block;
	width:30%;
	max-width:150px;
	margin:1.5em auto 0;
}

/* 見出し----黒背景（全幅） */
.page-title-area{
	
}
.page-title-area .left{
	font-size: 1.5em;
	background: #fff;
	color: #403734;
	padding: 0 1em;
	border-radius: 50px;
}
.page-title-area .text{
	margin: auto 0;
	font-size: 1.5em;
	padding: 0 0.5em;
}

/* 見出し----黒背景 */
.black-h2-title h2{
	background: #000;
	color: #fff;
	padding: 0.5em 0.5em 0.5em 1em;
	margin-bottom: 1em;
}


/* 見出し----黒枠・image */
.H-border{
	border:solid 2px #403734!important;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	padding:0.8em 0.5em 0.8em 8%!important;
	position:relative;
}
.H-image01,
.H-image02,
.H-image03{
	position:relative;
	margin:3em 0 2em!important;
}
.H-image01::after{
	content:"";
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/02/check_03.png) center no-repeat;
	background-size:contain;
	width: 14%;
	height: 0;
	padding-top: 5.41%;
	position: absolute;
	top: -2em;
	left: -1em;
	min-width: 125px;
}
.H-image02::after{
	content:"";
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/02/point_01.png) center no-repeat;
	background-size:contain;
	width: 14%;
	height: 0;
	padding-top: 5.41%;
	position: absolute;
	top: -2em;
	left: -1em;
	min-width: 125px;
}
.H-image03::after{
	content:"";
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/02/bikuri_01.png) center no-repeat;
	background-size:contain;
	width: 7%;
	height: 0;
	padding-top: 6.81%;
	position: absolute;
	top: -2em;
	left: 0em;
	min-width: 90px;
}
@media screen and (max-width: 1023px){
	.H-image01::after,
	.H-image02::after{
		min-height: 30px;
	}
	.H-image03::after{
		min-height: 23px;
	}
}
@media screen and (max-width: 600px){
	.H-image03::after{
		top: -1.3em;
		left: -1em;
	}
}

/* -見出し----check画像左側：黄色チェック- */
.H-Check-leftY{
	position: relative;
	padding-left: 50px!important;
	margin: 1.5em 0!important;
}
.H-Check-leftY::before{
	content:"";
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/02/check_02.png) center no-repeat;
	background-size:contain;
	width: 50px;
	height: 50px;
/* 	padding-top: 10%; */
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
@media screen and (max-width: 480px){
	.H-Check-leftY{
		padding-left:40px!important;
	}
	.H-Check-leftY::before{
		width:40px;
		height:40px;
	}
}


/* -見出し----サーチ画像左側- */
.H-search-left{
	position: relative;
	padding-left: 50px!important;
/* 	margin: 1.5em 0!important; */
}
.H-search-left::before{
	content:"";
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/03/sagasu_02.png) center no-repeat;
	background-size:contain;
	width: 50px;
	height: 50px;
/* 	padding-top: 10%; */
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
@media screen and (max-width: 480px){
	.H-search-left{
		padding-left:40px!important;
	}
	.H-search-left::before{
		width:40px;
		height:40px;
	}
}



/* --3カラム：アイコン画像ありの箇所-- */
.Third-box-area .item{
	width:calc((100% / 3) - 3em);
	margin:1.5em;
}
.Third-box-area .item .Third-title{
	text-align:center;
	margin-bottom:0.5em;
	font-size:1.1em;
}
.Third-box-area .item img{
	width: 70%;
	max-width: 180px;
	display: block;
	margin: 0 auto 0.5em;
}
@media screen and (max-width: 834px){
	.Third-box-area .item {
		width: calc((100% / 2) - 3em);
	}
}
@media screen and (max-width: 480px){
	.Third-box-area .item {
  		width: 80%;
  		margin: 1em auto;
	}
}


/* メインエリア下部：リンクエリア */
.Link-area{
	padding:5em 0;
}
.Link-area .link-but{
	background: #fff;
	border: solid 2px #403734;
	color:#403734;
	padding:1em 0;
	position:relative;
	transition: ease .2s;
}
.Link-area .link-but::after{
    content: '';
	position: absolute;
    top:42%;
    right: 30px;
	width: 12px;
	height: 12px;
	border-top: 2px solid #403734;
	border-right: 2px solid #403734;
    transform: rotate(45deg);
    transition: all .3s;
}
/*hoverした際の移動*/
.Link-area .link-but:hover::after{
    right: 20px;
}

.Link-area .link-but .wrap-link{
	margin:auto;
	width:80%;
}
.Link-area .link-but .wrap-link .img-icon{
	width:20%;
	padding-right:0.5em;
	margin:auto;
}
.Link-area .link-but .wrap-link .img-icon img{
	display:block;
	margin:auto;
}
.Link-area .link-but .wrap-link .text{
	padding-left:1em;
	width:80%;
}
.Link-area .link-but .wrap-link .text .txt01{
	font-size:.9em;
}
.Link-area .link-but .wrap-link .text .txt02{
	font-size: 2em;
	line-height: 1em;
}



/* ボックス：黒枠 */
.border-box-01{
	background: #FFFFFF;
	border: 5px solid #403734;
	border-radius: 5px;
	padding:2em 0;
}


/* check-image・liの左側：黒チェック */
.check-list{
	list-style: none;
	padding: 0 0.5em!important;
	width: fit-content;
	margin: 1.5em auto!important;
}
.check-list li{
	padding-left: 35px;
	line-height: 2.2em;
	background: url(https://dream-factory.xyz/wp-content/uploads/2023/02/check_01.png) left 0px top 8px no-repeat;
	background-size: 25px auto;
}
@media screen and (max-width: 834px){
	.check-list li{
		line-height:1.8em;
		padding-left: 30px;
		background-position:left 0px top 5px;
		background-size: 23px auto;
	}
	
}

/* ページ上部レイアウト */
.area-top {
	padding:3.5em 0 5.5em;
	position:relative;
	z-index:2;
}
.area-top h2{
	text-align:center;
	margin-bottom:1.5em;
}
.area-top .wrap-text{
	width:90%;
	max-width:800px;
	margin:auto;
	z-index:4;
	position:relative;
}
.area-top .text{
	max-width:fit-content;
	margin:auto;
}

/* 犬 */
.area-top .image-01{
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/09/inu_img01.png) center no-repeat;
	background-size:contain;
	width:18%;
	height:0;
	padding-top:18%;
	position:absolute;
	bottom:-30px;
	right:0;
	min-width: 130px;
	min-height: 130px;
	z-index:3;
}
.area-top .image-02{
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/09/inu_img02.png) center no-repeat;
	background-size:contain;
	width:18%;
	height:0;
	padding-top:18%;
	position:absolute;
	bottom:-30px;
	right:0;
	min-width: 130px;
	min-height: 130px;
	z-index:3;
}

.area-top .image-03{
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/09/inu_img03.png) center no-repeat;
	background-size:contain;
	width:18%;
	height:0;
	padding-top:18%;
	position:absolute;
	bottom:-30px;
	right:0;
	min-width: 130px;
	min-height: 130px;
	z-index:3;
}
@media screen and (max-width:480px){
	.area-top .image-03{
		bottom:-55px;
	}
}


/* -カルーセル箇所- **********************/
.Team-about{
	position: relative;
/*   width:95%; */
	width:100%;
  max-width:1000px;
  margin:0 auto 2em;
  border-radius:20px;
  border:solid 2px #403734;
/*   padding:1em 1.2em 1em; */
	padding:1em 0em 1em;
/* 	box-shadow: 5px 1px 10px 1px #A7A9AB inset,-1px -3px 10px 1px #eee inset; */
	box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5) inset;
	background: #fff;
}
.Team-about-box {
    position:relative;
	z-index: 1;
	height: 100%;
  	width:100%;
	margin: auto auto 0 !important;
}
.Team-about-item {/* ****************************** */
  padding: 0 3em;
}
.Team-about-item img{
	display:block;
	margin:auto;
}
.Team-about-item .sub-txt{
	margin-top:1em;
	font-size:1.1em;
}

.Team-about .slick-prev, 
.Team-about .slick-next {
    position: absolute;
	z-index: 3;
    top: 50%;
    cursor: pointer;
    outline: none;
    height: 60px;
	width: 60px;
	transform: translateY(-50%);
}
.Team-about .slick-prev {/*戻る矢印*/
    left:-30px;
  	background:url(https://dream-factory.xyz/wp-content/uploads/2023/03/arrow03_left.png) center no-repeat;
	background-size:contain;
}
.Team-about .slick-next {/*次へ矢印*/
    right:-30px;
    background:url(https://dream-factory.xyz/wp-content/uploads/2023/03/arrow03_right.png) center no-repeat;
	background-size:contain;
}

.Team-about .slick-dots {
	position: relative;
	z-index: 3;
    text-align:center;
	margin:20px 0 0 0!important;
	padding:0;
}
.Team-about .slick-dots li {
    display:inline-block;
	margin:0 5px;
}
.Team-about .slick-dots button {
    color: transparent;
    outline: none;
    width:10px;
    height:10px;
    display:block;
    border-radius:50%;
    background:#ccc;
	border: none;
}
.Team-about .slick-dots .slick-active button{
    background:#333;
}
.Team-about-item h3.h3-title{
	font-size:1.5em;
	margin:2em 0 1em;
	color:#005b56;
	font-weight:bold;
}
.Team-about-item h4{
	margin-bottom:0.3em;
}
.Team-about-item h4.h4-title{
	font-size:1.2em;
	margin:2em 0 1em;
	background: #403734;
	padding: 0.5em 0.5em 0.5em 1em;
	color: #fff;
	border-radius: 5px;
}
.Team-about-item .image-border{
	border:solid 1px #c0c0c0;
}
.Team-about-item .center-box{
	margin-bottom:1em;
}


/* -吹き出し- */
.balloon-area .item-image{
	width: 25%;
}
.balloon-area .item-image img{
	display:block;
	width:80%;
	margin:auto;
}
.balloon-area .item-text{
	width: 75%;
	height: fit-content;
	margin: auto;
}
/* 吹き出し本体 */
.balloon-area .balloon{
  position: relative;
    padding: 2rem 1.5rem;
    border-radius: 10px;
    border: 3px solid #403734;
    box-shadow: 2px 2px 5px 0px #403734;
	background: #F8F5DE;
}
.balloon-area .balloon::before,
.balloon-area .balloon::after{
	position: absolute;
    left: 30px;
    height: 0;
    width: 0;
    border: solid transparent;
    content: "";
}
.balloon-area .balloon::before{
  	top: 30px;
	margin-left: -47px;
    border-color: transparent;
    border-bottom-color: #403734;
    border-right-color: #403734;
    border-width: 8px;
}
.balloon-area .balloon::after{
  	top: 34px;
	margin-left: -44px;
    border-color: transparent;
    border-bottom-color: #F8F5DE;
    border-right-color:#F8F5DE;
    border-width: 7px;
}
.balloon-area .balloon p{
	width:fit-content;
	margin:auto;
}
@media screen and (max-width: 600px){
	.balloon-area .item-image{
		width: 100%;
		margin-top:1em;
	}
	.balloon-area .item-image img{
		display:block;
		width:30%;
		margin:0 auto 0 2em;
		min-width:100px;
	}
	.balloon-area .item-text {
		width: 90%;
	}
	.balloon-area .balloon::after{
		top:auto;
		bottom: -14px;
		margin-left: 0;
		border-top-color: #F8F5DE;
/* 		border-left-color: #F8F5DE; */
		border-bottom-color:transparent;
/* 		border-right-color:transparent; */
	}
	.balloon-area .balloon::before{
		top:auto;
		bottom: -18px;
		margin-left: -2px;
		border-top-color: #403734;
/* 		border-left-color:#403734; */
		border-bottom-color:transparent;
/* 		border-right-color:transparent; */
	}
}



/* -会社案内- */
.about-02{
	padding:5em 0;
}
.about-03 .pamphlet-image{
	display:flex;
	flex-wrap:wrap;
}
.about-03 .page-title-area{
	margin-bottom:2rem;
}
.about-03 .pamphlet-image a{
	width:calc((100% / 2) - 1rem);
	margin:0.5rem;
}
.about-03 .pamphlet-image a img{
	vertical-align: top;
	box-shadow: 0px 2px 5px #c0c0c0;
}
@media screen and (min-width:834px){
	.about-03 .page-title-area{
		margin-bottom:3rem;
	}
	.about-03 .pamphlet-image a{
		width:calc((100% / 4) - 1rem);
		margin:0.5rem;
	}
}



/* -求人情報- */
.recruit-02{
	padding:3em 0 5em;
}
.recruit-03{
	padding:0 0 5em;
}
.R-box{
	margin-top:3em;
}
.R-box1-1 .recruit-img01{
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 2em auto;
}
.R-box1-1 .txt02{
	font-size: 1.2em;
	margin: 1em 0 2.5em;
}

.R-box1-2 .box-team{
	margin:1.5em 0;
}
.R-box1-2 .item-team{
	border: solid 2px #403734;
	border-radius: 10px;
}
.R-box1-2 .item-team .title-team{
	background: #403734;
	padding: 0.5em 0;
	text-align: center;
	font-size: 1.1em;
	color:#fff;
	border-radius: 5px 5px 0 0;
}
.R-box1-2 .item-team ul{
	margin:1.5em auto;
	width:fit-content;
}
.R-box1-2 .item-team ul li{
/* 	text-align:center; */
	margin:0.5em 0;
}
.R-box1-2 .txt02{
	font-size:1.2em;
}
.R-box1-2 .busyo-box{
	margin:1.5em 0 0;
}
.R-box1-2 .busyo-box .item{
	border-radius: 10px;
	box-shadow: 0px 2px 5px #c0c0c0;
}
.R-box1-2 .busyo-box .item:nth-of-type(1){
	background:#FFF6DD;
}
.R-box1-2 .busyo-box .item:nth-of-type(2){
	background:#CAE4E8;
}
.R-box1-2 .busyo-box .item:nth-of-type(3){
	background:#C1CAE0;
}
.R-box1-2 .busyo-box .item:nth-of-type(4){
	background:#EFDAE3;
}
.R-box1-2 .busyo-box .item:nth-of-type(5){
	background:#D7E3ED;
}
.R-box1-2 .busyo-box .item:nth-of-type(6){
	background:#FAEDDF;
}
.R-box1-2 .busyo-box .item-name{
	padding:0.8em 0;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	border-radius: 10px 10px 0 0;
}
.R-box1-2 .busyo-box .text{
	padding:1em 0 1.5em;
}
.R-box1-6 .txt{
	padding-left:40px;
}


/* 求人ページ：社内写真のスライダー */
.R-box1-7 .company-slider {
/*    width:94%;
    margin:0 auto; */
	
	width: 100vw;
	margin: 0 auto 1rem;
	transform: translateX(-50%);
	left: 50%;
	padding: 0 1rem;
}

.R-box1-7 .company-slider li img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}
.R-box1-7 .company-slider li .txt{
	font-size:0.9rem;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.R-box1-7 .company-slider .slick-slide {
    margin:0 10px;
}

/*矢印の設定*/
.R-box1-7 .company-slider .slick-prev, 
.R-box1-7 .company-slider .slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
	
	width: 50px;
	height: 50px;
}

.R-box1-7 .company-slider .slick-prev {/*戻る矢印の位置と形状*/
	left: 3rem;
	z-index: 2;
	
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/03/arrow03_left.png);
	background-size: contain;
}

.R-box1-7 .company-slider .slick-next {/*次へ矢印の位置と形状*/
	right: 3rem;
	
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/03/arrow03_right.png);
	background-size: contain;
}

@media screen and (max-width:834px){
	.R-box1-7 .company-slider{
		padding: 0 15px !important;
	}
	.R-box1-7 .company-slider .slick-prev, 
	.R-box1-7 .company-slider .slick-next{
		width:40px;
		height:40px;
	}
	.R-box1-7 .company-slider .slick-prev{
		left: 1rem;
	}
	.R-box1-7 .company-slider .slick-next{
		right: 1rem;
	}
}

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



.recruit-02 .recruit-hp-img{
	display:block;
	width:100%;
	max-width:700px;
	margin:auto;
}
.R-box1-7 .but-c-area{
	margin-top:2em;
}


.recruit-00 .but-c-area .recruit-link{
	width:100%;
	max-width:500px;
	margin:auto;
}
@media screen and (min-width:834px){
	.recruit-00 .but-c-area .recruit-link{
		width: calc((100% / 3) - 1em);
  		margin: 0.5em;
	}
}




/* -募集要項- */
.Job-description .Recruit-title{
	margin:0.5em;
}
.Job-description .table-title{
	font-size:1.1em;
	font-weight:bold;
	padding-left:0.5em;
	margin:1.5em 0 0.3em;
}
.Job-description .table-Recruit th,
.Job-description .table-Recruit td{
	border: solid 1px #c0c0c0;
}
.Job-description .table-Recruit th{
	width:25%;
	background:#F8F5DE;
}
.Job-description .table-Recruit td{
	padding:0.5em;
}
.Job-description .table-Recruit td p:not(:last-child){
	margin-bottom:1em;
}
.Job-description i{
	padding-right:0.3em;
	font-size:1.3em;
}
.Job-description .Recruit-message{
	border: solid 5px #FFC727;
	margin: 2em auto 0;
	border-radius: 10px;
	padding: 1em 0.5em;
	position: relative;
}
.Job-description .Recruit-message .message-title{
	font-size:1.1em;
	font-weight:bold;
	position: absolute;
	top: -20px;
	background: #fff;
	padding: 0 0.5em;
	margin-left: 0.5em;
}
.Job-description .Recruit-message .message-text{
	width: 100%;
	max-width: 900px;
	margin: auto;
}
.Job-description .Recruit-message .message-text p:not(:last-child){
	margin-bottom:1em;
}

/* -業務内容- */
.page-id-99 .service-top-area{
	padding:5rem 0;
}

/* -web制作- */
.web-site-03 .box .text-area,
.web-site-05 .text-area{
	line-height: 2.0;
}

.web-site-04 .box-top img{
	display:block;
	width:80%;
	max-width:600px;
	margin:5em auto 2em;
}
.web-site-04 .box-top .txt01{
	text-align: center;
	font-size: 1.3em;
	margin: 2em 0;
}

.web-site-04 .wp-01{
	margin-bottom: 5em;
}
.web-site-04 .wp-01 .image{
	float: right;
	margin: -6em auto 0 auto;
	padding: 0 0 0 50px;
	z-index: 1;
	position: relative;
	max-width: 50%;
}
.web-site-04 .wp-01 .image img{
	width:450px;
}
.web-site-04 .wp-01 .text{
	line-height: 2.0;
}

/* ---- */
.web-site-04 .wp-03 .box{
	margin-bottom:3.5em!important;
}
.web-site-04 .wp-03 .item{
	border: 3px solid #403734;
	border-radius: 15px;
	padding:1em;
}
.web-site-04 .wp-03 .item .txt-top{
	background:#403734;
	color:#fff;
	padding:0.5em 0;
	font-size:1.1em;
	text-align:center;
}
.web-site-04 .wp-03 .item img{
	display:block;
	width:80%;
	margin:auto;
}

.web-site-04 .txt-000{
	font-size:1.3em;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.05em;
	margin-bottom:5em;
}

.web-site-04 .web-image-q{
	width: 100%;
	max-width: 800px;
	margin: auto;
	display: block;
}

.title-box h2{
	padding:2em 0;
	width:100%;
	max-width:1200px;
	margin:auto;
	text-align:center;
	position:relative;
}
.title-box h2::before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 100px 0 100px;
	border-color: #ffc727 transparent transparent transparent;
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}


/* -Web制作料金- */
.web-site-price02 h2{
	text-align:center;
	padding-left:0;
	padding-right:0;
}
.web-site-price02 .box{
	flex-wrap:nowrap;
	margin:8em 0 5em 0;
}
.web-site-price02 .box .item{
	margin:0 0.5em;
	background:#fff;
	border:solid 1px #403734;
	flex:1 1;
}
.web-site-price02 .box .item:nth-of-type(2){
	flex: 1.2 1.2;
	margin: -3em 0 -1em 0;
	border:solid 5px #403734;
}
.web-site-price02 .box .item h3{
	text-align:center;
	padding:1em 0;
	position:relative;
}
.web-site-price02 .box .item:nth-of-type(1) h3{
	background:#69C4D0;
}
.web-site-price02 .box .item:nth-of-type(2) h3{
	background:#FFC727;
	font-size:1.6em;
	font-weight:bold;
}
.web-site-price02 .box .item:nth-of-type(3) h3{
	background:#84B9E5;
}
.web-site-price02 .box .item h3::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 50px 0 50px;
	position: absolute;
	bottom: -28px;
	left: 50%;
	transform: translateX(-50%);
}
.web-site-price02 .box .item:nth-of-type(1) h3::before{
	border-color: #69C4D0 transparent transparent transparent;
}
.web-site-price02 .box .item:nth-of-type(2) h3::before{
	border-color: #FFC727 transparent transparent transparent;
}
.web-site-price02 .box .item:nth-of-type(3) h3::before{
	border-color: #84B9E5 transparent transparent transparent;
}

.web-site-price02 .box .item .text-area{
	width:90%;
	margin:auto;
	padding:1em 0;
}

.web-site-price02 .box .item .text-area .price{
	font-size:1.8em;
	text-align:center;
	margin:1em 0;
}

.web-site-price02 .box .item-big .text-area .price{
	font-size:2.2em;
}

.web-site-price03 .box:not(:last-child){
	margin-bottom:5em;
}
.web-site-price03 .box .table-02{
	margin-bottom:0;
}
.web-site-price03 .box .txt-0{
	text-align:right;
	width:95%;
	margin:auto;
}


/* -各フローページ- ***** */
.flow-wrap-box{
	border:solid 1px #000;
	width:95%;
	padding: 3em 1em;
}
.flow-box h3{
	padding:0.5em 0;
}
.flow-box .wrap-box{
	width: 90%;
	max-width: 1000px;
	margin: auto;
}
.flow-box .wrap-box .item{
	width: 90%;
	margin: auto;
/* 	border-left: solid 2px #000; */
/* 	border-left: 3px #333 dotted; */
	padding: 1em 0 2em 1em;
	
	
	background-image: radial-gradient(circle farthest-side, #403734, #403734 50%, transparent 50%, transparent);
	background-size: 5px 10px;
	background-repeat: repeat-y;
}
.flow-box .wrap-box .item::after{
/* 	content:""; */
}
.flow-box .item .image-area{
	width:30%;
	margin:auto;
}
.flow-box .item .text-area{
	width:70%;
	margin:auto;
	padding-left:1em;
}
.flow-box .but-c-area{
	margin-top:1em;
}



/* -補助金- */
.subsidy-01 .border-Y{
	margin:1.5em auto -1em;
	border-color:#ECB800;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
}
.subsidy-02{
	margin-top:1.5em;
}
.subsidy-02 .wrap-box-01{
	margin:2em 0;
	position:relative;
}
.subsidy-02 .money-box{
	border: solid 5px #84B9E5;
	border-radius: 10px;
	padding: 2.5em 0.5em;
	text-align: center;
	background:#ECF6FF;
}
.subsidy-02 .wrap-box-01 .subsidy-sad-img01,
.subsidy-02 .wrap-box-01 .subsidy-sad-img02{
	position: absolute;
	width: 18%;
	height: 0;
	padding-top: 18%;
	bottom: -2em;
	min-width: 100px;
	min-height: 100px;
}
.subsidy-02 .wrap-box-01 .subsidy-sad-img01{
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/06/women_1.png) center no-repeat;
	background-size:contain;
	left: -2em;
}
.subsidy-02 .wrap-box-01 .subsidy-sad-img02{
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/06/men_1.png) center no-repeat;
	background-size:contain;
	right: -2em;
}

.subsidy-02 .wrap-box-02 .money-box:nth-of-type(1){
	border-color:#EA7901;
	background:#fff;
}
.subsidy-02 .wrap-box-02 .money-box:nth-of-type(2){
	border-color:#C14F7E;
	background:#fff;
}
.subsidy-02 .wrap-box-01 .money-box{
	justify-content:center;
	align-items: center;
}
.subsidy-02 .money-box .money-big-f{
	font-size:2.5em;
	font-weight:bold;
}

.subsidy-02 .wrap-box-01 .money-box .txt02{
	padding-right:1em;
}

.subsidy-02 .text-01,
.subsidy-02 .text-02{
	font-size:1.3em;
	text-align:center;
	width:100%;
	max-width:800px;
	margin:auto;
}
.subsidy-02 .text-02{
	background:#C14F7E;
	color:#fff;
	border-radius:10px;
	padding:1em 0.5em;
	margin-top:1.5em;
}
.subsidy-02 .wrap-box-02{
	position:relative;
	margin-bottom: 8em;
}
.subsidy-02 .wrap-box-02 .color-area{
	position:relative;
	padding: 6em 0 3em;
	margin-top: -3em;
}
.subsidy-02 .wrap-box-02 .color-area::before{
	content:"";
	background: linear-gradient( 90deg,#FFECDB 0%,#FFECDB 50%,#FFE9F2 50%,#FFE9F2 100%);
	width:100vw;
	height:100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.subsidy-img01{
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/05/help_1.png) center no-repeat;
	background-size:contain;
	position: absolute;
	width: 15%;
	height: 0;
	padding-top: 15%;
	top: 13em;
	left: 50%;
	transform: translateX(-50%);
}
.subsidy-img02{
	background:url(https://dream-factory.xyz/wp-content/uploads/2023/05/help_4.png) center no-repeat;
	background-size:contain;
	position: absolute;
	width: 35%;
	height: 0;
	padding-top: 20.8606%;
	top: 20em;
	left: 50%;
	transform: translateX(-50%);
}

.subsidy-02 .text-03{
	margin-top:1.5em;
}
.subsidy-02 .text-04{
	margin:3em 0 1.5em;
	text-align:center;
	font-size:1.3em;
}

.subsidy-03 .wrap-box .text-big{
	font-size:1.3em;
	text-align:center;
	margin:1.5em 0;
}
.subsidy-03 .wrap-box p:not(:last-child){
	margin-bottom:2em;
}
.subsidy-03 .imgbox{
	margin-bottom:2rem;
}




/* -動画制作- */


.movie-02 .movie-content-area{
	margin:3em 0;
}

.youtube {
  	width: 100%;
  	aspect-ratio: 16 / 9;
	position:relative;
}
.youtube iframe {
  	width: 100%;
  	height: 100%;
}
.youtube .video-container{
	margin:0;
}
.youtube .video-container .video {
	position: absolute;
  	top: 0;
  	right: 0;
  	width: 100%;
  	height: 100%;
	
	padding:0;
	margin:0;
}
.movie-03 .movie-box,
.movie-05 .movie-box{
	border:solid 3px #69C4D0;
	border-radius:5px;
	padding:1em;
	margin: 3.5em 0 5em;
	position: relative;
}
.movie-03 .movie-box h3{
	position: absolute;
	top: -.8em;
	background: #fff;
	padding: 0 0.5em;
}
.movie-03 .movie-box .image img,
.movie-05 .movie-box .image img{
	display:block;
	margin:auto;
	width: 90%;
	max-width: 400px;
}
@media screen and (min-width:770px){
	.movie-03 .movie-box{
		margin: 5em 0 6em;
	}
	.movie-03 .movie-box .image,
	.movie-05 .movie-box .image{
		float: right;
		margin: -13em auto 0 auto;
		padding: 0 0 0 50px;
		z-index: 0;
		position: relative;
		max-width: 50%;
	}
	.movie-05 .movie-box .image{
		float: left;
		margin: -17em auto 0 auto;
	}
	.movie-03 .movie-box .image img,
	.movie-05 .movie-box .image img{
		width:450px;
		max-width:100%;
	}
	.movie-03 .movie-box .check-list{
		margin: 0 !important;
		padding: 1.5em 0.5em 1.5em 2em !important;
		position:relative;
		z-index:1;
	}
	.movie-05 .movie-box .check-list{
		margin: 0 0 0 auto !important;
		padding: 1.5em 2em 1.5em .5em !important;
		position: relative;
		z-index: 1;
		width: 40%;
	}
}

.movie-04{
	background:#69C4D0;
	position:relative;
}
.movie-04::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 100px 0 100px;
	border-color: #69C4D0 transparent transparent transparent;
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
.movie-04 .movie-box{
	margin:3em 0 1em;
}
.movie-04 .movie-box .movie-item{
	background: #fff;
	padding: 1.5em;
	border-radius: 5px;
	border: solid 3px #403734;
}
.movie-04 .movie-box .movie-item h3{
	text-align:center;
	margin-bottom:0.5em;
}
.movie-04 .movie-box .movie-item img{
	display: block;
	margin: 1em auto 1.5em;
	box-shadow: 0px 0px 8px #505050;
}
.movie-05{
	margin-top:3.5em;
}
.movie-05 .text{
	text-align: center;
	font-size: 1.2em;
	line-height: 2.2em;
	font-weight: bold;
}


/* -Webコンサルティング- */
.w-consulting-03 .bottom-text{
	margin-top:1.5em;
}
.Item-C-box{
	border:solid 3px #EE7B00;
	border-radius:10px;
	padding:1.5em;
	background:#fff;
	z-index:0;
}
.Item-C-box h3{
	position:relative;
	margin-top: 1em;
	padding-left: 1em;
	margin-bottom: 1em;
	z-index:1;
	
	display:flex;
	align-items: center;
}
.Item-C-box h3::before{
	content:attr(data-C-number)"";
	font-family: 'Artifika', serif;
	color: #DBDBDB;
	font-size: 4.5em;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: -1;
}
.Item-C-box h3::after{
	content: "";
	flex-grow: 1;
	margin-left: 1.5rem;
	display: inline-block;
	height: 10px;
	background: radial-gradient(circle farthest-side, #403734, #403734 50%, transparent 50%, transparent);
	background-size: 10px 5px;
	background-repeat: repeat-x;
}
.Item-C-box:nth-of-type(4) h3::after{
	margin-left: 2.5rem;
}
.Item-C-box .fl .image{
	width:20%;
	margin: auto;
}
.Item-C-box .fl .text{
	width:80%;
	margin: auto;
}
.Item-C-box .fl .text p:not(:last-child) {
	margin-bottom:1.5em;
}
.Item-C-box .border-image{
	position:relative;
	display: flex;
	margin-top:1.5em;
}
.Item-C-box .border-image::before{
	content: "";
	flex-grow: 1;
/* 	margin-left: 1rem; */
	display: inline-block;
	height: 10px;
	background: radial-gradient(circle farthest-side, #403734, #403734 50%, transparent 50%, transparent);
	background-size: 10px 5px;
	background-repeat: repeat-x;
}

.w-consulting-04 .img-arrow01{
	margin: auto;
}

.w-consulting-04 .bottom-text{
	margin:3em 0 1.5em;
	text-align:center;
	font-size:1.2em;
}


/* -デザイン制作- */
.design-03 .title{
	margin-bottom:2em;
}
.design-03 .about-box{
	margin-bottom:2em;
}
.design-03 .text-01{
	width:fit-content;
	margin:auto;
	margin-bottom:3em!important;
}

.design-04 .item{
	width:calc((100% / 3) - 1em);
	margin: 0.5em 0.5em 1.5em;
	padding:1em;
	border:solid 3px #403734;
	border-radius:20px;
	position:relative;
}
.design-04 .item::before{
	font-family: 'Artifika', serif;
	content:attr(data-d-number)"";
	position:absolute;
	top: -0.5em;
	left: -0.3em;
	font-size: 3em;
	font-weight: bold;
	background: #fff;
	z-index: 0;
	line-height: 1;
	color: #D0D0D0;
	text-shadow: 1px 1px 0 #D0D0D0,-1px -1px 0 #D0D0D0;
	padding: 0 0.1em 0.1em 0;
}
.design-04 .item h3,
.design-04 .item img{
	position:relative;
	z-index:1;
}
.design-04 .item h3{
	margin:0.5em 0;
}


/* -システム開発- */
.system-02{
	margin-top: .5rem;
}
.system-03 .txt01{
	text-align:center;
	font-size:1.2em;
	margin:0 0 1.5em 0;
}
.system-03 .txt02{
	width: fit-content;
	margin: 2em auto;
}


/* -夢ポス- */
#pos-W-box{
	background: #FFFFFF;
	border-radius:10px;
	padding: 3em 1em;
}
#pos-W-box .pos-txt01{
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
#pos-W-box .pos-txt02{
	width:fit-content;
	margin:auto;
}
#pos-W-box img{
	width: 80%;
	margin: 1em auto;
	display: block;
	max-width: 600px;
}

.Item-pos-box{
	border:solid 3px #0070A8;
	border-radius:10px;
	padding:1.5em;
	background:#fff;
	margin-bottom:1.5em;
}
.yumepos-food .Item-pos-box{
	border-color:#D93A20;
}
.Item-pos-box .fl .image{
	width:20%;
	margin: auto;
	padding:0 1em;
}
.Item-pos-box .fl .text{
	width:80%;
	margin: auto;
}
.Item-pos-box h3{
	color:#0070A8;
	margin-bottom:1em;
}
.yumepos-food .Item-pos-box h3{
	color:#D93A20;
}

#pos-F-box .item-box{
	background:#fff;
	
	width:calc((100% / 2) - 2em);
	margin:1em;
	border-radius:10px;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.50);
}
#pos-F-box .item-box h3{
	background: #403734;
	color: #fff;
	text-align: center;
	padding: 0.5em 0 0.5em 30px;
	position: relative;
	margin: 2em 30px 0 -10px;
}
#pos-F-box .item-box h3:before {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  content: '';
  border-top: 10px solid #020100;
  border-left: 10px solid transparent;
}

#pos-F-box .item-box img{
	width:70%;
	display:block;
	margin: 1em auto;
	max-width: 200px;
}

#pos-F-box .item-box .wrap-i-box{
	padding:0em 2em 2em;
}

.yumepos-06 img{
	display: block;
	margin: 0 auto 1em;
	width: 50%;
	max-width: 250px;
}
.yumepos-06 .txt01{
	background:#FFC727;
	padding:0.5em 2em;
	border-radius:50px;
	width:fit-content;
	margin:auto;
	font-size:1.2em;
}
.yumepos-06 .txt02{
	text-align:center;
	margin-top:2em;
	font-size:1.2em;
}

.yumepos-bottom-but .wrap-link img{
	display:block;
	margin:auto;
	width:50%;
}


.page-id-1140 .entry-title,
.page-id-1142 .entry-title{	
	background: url(https://dream-factory.xyz/wp-content/uploads/2023/07/yumepos_logo2.png) center no-repeat;
	background-size: contain;
/* 	overflow: hidden; */
	margin: 0;
	padding: 0;
	width: 20%;
	height: 0;
	padding-top: 9%;
	position: absolute;
	top: auto;
	left: 50%;
	transform: translate(-50%);
	text-indent:-9999px;
	
	min-width: 223px;
	min-height: 100px;
}
.page-id-1142 .entry-title{
	background: url(https://dream-factory.xyz/wp-content/uploads/2023/07/yumepos_logo1.png) center no-repeat;
	background-size: contain;
}
.page-id-1140 .entry-title::before,
.page-id-1142 .entry-title::before{
	content:none;
	animation: none;
}

.page-id-1140 .article-header::after,
.page-id-1142 .article-header::after{
	content: "";
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 1)),url(https://dream-factory.xyz/wp-content/uploads/2023/07/26089877_m.jpg) center no-repeat;
	background-size: cover;
	width: 40%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0);
}
.page-id-1142 .article-header::after{
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 1)),url(https://dream-factory.xyz/wp-content/uploads/2023/07/26893927_m.jpg) center no-repeat;
	background-size: cover;
}
.page-id-1140 .article-header::before,
.page-id-1142 .article-header::before{
	background: url(https://dream-factory.xyz/wp-content/uploads/2023/07/yumepos_service01.png) center no-repeat;
	background-size: contain;
	box-shadow: none;
	width: 40%;
	height: 0;
	padding-top: 14%;
	position: absolute;
	bottom: -5em;
	right: 1%;
}

.page-id-7061 .article-header::before{
	background: url(https://dream-factory.xyz/wp-content/uploads/2024/06/dreama-header.jpg) center no-repeat;
	background-size: contain;
	box-shadow: none;
	width: 40%;
	height: 0;
	padding-top: 14%;
	position: absolute;
	bottom: -5em;
	right: 1%;
}

.page-id-1142 .article-header::before{
	background: url(https://dream-factory.xyz/wp-content/uploads/2023/07/yumepos_cafe01.png) center no-repeat;
	background-size: contain;
}
@media screen and (max-width:1023px){
	.page-id-1140 .article-header::before,
	.page-id-1142 .article-header::before{
		width: 60%;
		height: 0;
		padding-top: 21%;
	}
}
@media screen and (max-width:600px){
	.page-id-1140 .article-header::before,
	.page-id-1142 .article-header::before{
		min-width: 320px;
		min-height: 60px;
	}
}



/* -プライバシーポリシー- */
.page-id-941 .entry-content{
	width:100%;
	max-width:1200px;
	margin:auto;
	padding-left:1em;
	padding-right:1em;
}
.page-id-941 .entry-content p{
	margin-bottom:1em;
}
.page-id-941 .entry-content a{
	display:inline-block;
}


/* =================================================
投稿ページ
================================================= */
.sidebar h3{
	background:#403734;
	color:#fff;
}
.widget-sidebar ul li:not(:last-child){
	border-bottom:solid 2px #ffc727;
}


.single .entry-title{
	margin:2em 0;
}

.categoryid-6 article .entry-content h2,
.categoryid-7 article .entry-content h2{
	background:#403734;
	padding:0.8em 0.3em;
	border-radius:5px;
	color:#fff;
	text-align:center;
	margin:3em 0 1.5em;
}
.categoryid-6 article .entry-content h3,
.categoryid-7 article .entry-content h3{
	position: relative;
/*   background: #403734; */
	padding-left: 1.8em;
	margin:1.5em 0;
}
.categoryid-6 article .entry-content h3::after,
.categoryid-7 article .entry-content h3::after{
  content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 30px;
	border-color: transparent transparent transparent #403734;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.categoryid-6 .under-entry-content h3::after,
.categoryid-7 .under-entry-content h3::after{
/* 	content:none; */
}
.categoryid-6 article h4,
.categoryid-7 article h4{
	border-bottom:solid 2px #403734;
	margin:1.5em 0;
}


/* -web制作実績- -デザイン制作実績-*******************************/
.website-works-about-template-default .content-in,
.design-works-about-template-default .content-in{
	width:100%;
}
.website-works-about-template-default main,
.design-works-about-template-default main{
	padding:0;
}
.website-works-about-template-default .entry-content,
.design-works-about-template-default .entry-content{
	margin:0;
}
.website-works-about-template-default .Custom-works,
.design-works-about-template-default .Custom-works{
	margin-bottom: 8em;
}
.website-works-about-template-default .Custom-works .entry-title,
.design-works-about-template-default .Custom-works .entry-title{
	margin:auto!important;
	font-size: 26px;
}

/* -- */
.Custom a{
	display:block;
}
.Custom .Works-name{
	font-size:2em;
}

.Custom .Works-main-img{
	flex-wrap: nowrap;
	justify-content: center;
}
.Custom .Works-main-img .Design-main-img .W-image-item{
/* 	width:calc((100% / 2) - 1em); */
	padding:0.5em;
}
.Custom .Works-main-img .Design-main-img .W-image-item img{
	border: solid 1px #c0c0c0;
}

.Custom .Works-link{
	color:#403734;
	width: fit-content;
}
.Custom .Works-main-img,
.Custom .Works-other-img{
	margin:3em auto;
}
.Custom .Works-other-link{
	background: #fff;
	border: solid 2px #403734;
	color: #403734;
	padding: 1.5em 0;
	position: relative;
	text-align: center;
	width: 80%;
	max-width: 400px;
	margin:0 auto 3em;
	transition: ease .2s;
}
.Custom .Works-other-link::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 30px;
	width: 12px;
	height: 12px;
	border-top: 2px solid #403734;
	border-right: 2px solid #403734;
	transform: translateY(-50%) rotate(45deg);
	transition: all .3s;
}
.Custom .Works-other-link:hover::before {
  right: 20px;
}
.Custom .Works-other-txt{
	text-align:center;
}

.Custom .Web-works-table{
/* 	margin-top:5em; */
	padding:5em 0;
}
.Custom .Web-works-table .works-table-box{
	background:#fff;
	padding: 3em 1.5em;
	border-radius: 20px;
}
.Custom .Web-works-table .works-table-box .wrap-box{
	width: 100%;
	max-width: 800px;
	margin:auto;
	display: flex;
	flex-wrap:wrap;
}
.Custom .Web-works-table .works-table-box .wrap-box:not(:last-child){
	margin-bottom: 1em;
}
.Custom .Web-works-table .works-table-box .wrap-box .web-about-th{
	width:25%;
	display: block;
	background: #403734;
	height: fit-content;
	padding: 0.5em;
	text-align: center;
	color:#fff;
}
.Custom .Web-works-table .works-table-box .wrap-box .web-about-td{
	width:75%;
	padding-left: 1em;
	margin: auto;
}

.Custom .Web-works-table .works-table-box .wrap-box .web-about-td-category{
	display: flex;
	flex-wrap:wrap;
}
.Custom .Web-works-table .works-table-box .wrap-box .web-about-td-category .txt{
	border: solid 1px #000;
	border-radius: 50px;
	padding: 0.2em 1em;
	width: fit-content;
/* 	margin: auto 0.5em auto 0; */
	margin: 0.3em 0.5em 0.3em 0;
}

.Custom .Web-works-table .works-table-box .wrap-box .web-about-td .Works-service{
	margin: 0;
	padding-left:1em;
	display: flex;
	flex-wrap: wrap;
}
.Custom .Web-works-table .works-table-box .wrap-box .web-about-td .Works-service li{
	width:calc((100% / 2) - 1em);
	margin:auto 0.5em;
}

.Custom .Works-back-button{
	padding:3em 0 1em;
}

/* -- */
.Custom .design-works-title{
	background:#403734;
	color:#fff;
	padding:0.5em 0.5em 0.5em 1em;
	margin-bottom:1em;
	border-radius:5px;
}


.Custom .D-Works-box01{
	margin-top: 5em!important;
}
.Custom .D-Works-box{
	margin: 1em 0;
}

.Custom .D-Works-box .D-Works-image{
	width: 50%;
	margin:auto;
	padding: 1em;
	border: solid 1px #c0c0c0;
}
.Custom .D-Works-box .D-Works-image img{
	display: block;
	margin: auto;
	width: 90%;
}

.Custom .D-Works-box .D-Works-text{
	width:45%;
	margin:auto;
}
.Custom .D-Works-box .D-Works-text .design-works-text{
	margin:0;
}



@media screen and (max-width: 600px){
	.Custom .Works-name {
  		font-size: 1.6em;
	}
	.Custom .Web-works-table .works-table-box .wrap-box .web-about-th,
	.Custom .Web-works-table .works-table-box .wrap-box .web-about-td{
		width:100%;
		margin: 0.5em 0 0 0;
	}
	.Custom .Web-works-table .works-table-box .wrap-box .web-about-td .Works-service li {
		width: 100%;
	}
	
	.website-works-about-template-default .Custom-works .entry-title,
	.design-works-about-template-default .Custom-works .entry-title{
		font-size: 26px;
	}
	
	.Custom .D-Works-box .D-Works-image{
		width: 100%;
		margin: 1em auto;
	}
	.Custom .D-Works-box .D-Works-text{
		width: 100%;
	}
	
	.Custom .Works-main-img{
		display:block;
	}
	.Custom .Works-main-img .W-image .W-image-item img{
		display:block;
		margin:auto;
	}
}
@media screen and (max-width: 480px){
	.website-works-about-template-default .Custom-works .entry-title,
	.design-works-about-template-default .Custom-works .entry-title{
		padding:0.6em 0.6em 0.6em 1em;
		font-size: 20px;
	}

	.Custom .Works-back-button .Works-other-link{
		margin-bottom:1em;
	}
}

.Custom .entry-categories-tags{
	padding-bottom:2rem;
}
.Custom .entry-categories-tags a{
	display:inline-block;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
	.F-contact{
		display:none;
	}
	
	.fl-margin {
  		width: 100%;
  		margin: 0;
	}
	
}

@media screen and (max-width:900px){
	
/* -TOP- */
	.top-sec03 .Service-item {
  		width: calc((100% / 2) - 2em);
  		margin: 1.5em 1em 0;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.fl-item {
  		width: 100%;
  		margin: 0.5em auto;
	}
	
/* -TOP- */
	.top-sec02 .logo-area {
  		width: 100%;
	}
	.top-sec02 .about-area {
  		width: 95%;
  		margin: 0 0 0 auto;
	}
	.top-sec02 .logo-area img{
		width: 80%;
    	margin: 0 auto 2em;
	}
	.top-sec02 .image-01{
		display:none;
	}
	.top-sec03{
		padding:5em 0;
	}
	.top-sec04 .Works-box .about-item .text,
	.top-sec04 .Works-box .image-item{
		width:90%;
		margin:auto;
	}
	
/* -固定ページ- */
	.page .article-header,
	.website-works-about-template-default .Custom-works,
	.design-works-about-template-default .Custom-works{
  		padding: 6em 0 11em;
	}
	.page .entry-title::after,
	.website-works-about-template-default .Custom-works .entry-title::after,
	.design-works-about-template-default .Custom-works .entry-title::after{
		font-size:2em;
	}
	
	/* -web制作- */
	.web-site-04 .wp-01 .image{
		margin:auto;
	}
	
	/* 	-Web制作料金- */
	.web-site-price02 .box{
		display:block;
		margin: 3em 0;
	}
	.web-site-price02 .box .item:nth-of-type(2){
		margin: 1em auto;
	}
	
	/* 	-各フローページ- */
	.flow-box .item .image-area,
	.flow-box .item .text-area{
		width:100%;
	}
	.flow-box .item .image-area img{
		width:50%;
		display:block;
		margin:0 auto 1em;
	}
	/* 	-求人情報- */
	.Team-about-item img{
		width:70%;
	}
	.Team-about .slick-dots {
  		display: block !important;
		margin: 0px 0 0 0 !important;
	}
	/* 	-Webコンサルティング- */
	/* 	-夢ポス- */
	.Item-C-box .fl .image,
	.Item-pos-box .fl .image{
	  	width: 70%;
	  	max-width: 350px;
	}
	.Item-C-box .fl .text,
	.Item-pos-box .fl .text,
	#pos-F-box .item-box{
		width:100%;
	}
	#pos-F-box .item-box{
		margin:1em 0;
	}
	
	/* -補助金- */
	.subsidy-02 .wrap-box-02{
		margin-bottom: 3em;
	}
	.subsidy-img-box{
		width:90%;
		max-width:500px;
		margin:auto;
		position:relative;
	}
	.subsidy-img01{
		bottom: 1em;
		top: auto;
		width: 40%;
		padding-top: 40%;
		right: 8%;
		left: auto;
		transform: translateX(0);
	}
	.subsidy-img02{
		top: auto;
		transform: translateX(0);
		width: 60%;
		padding-top: 35.7611%;
		margin-top: -3em !important;
		left: -1em;
		position: relative;
	}
	/* -デザイン制作- */
	.design-03 .about-box .image img{
		width: 80%;
		display: block;
		margin: 0 auto;
		max-width: 600px;
	}
	.design-04 .item{
		width: calc((100% / 2) - 1em);
	}
}

@media screen and (min-width: 600px){
	.sp-600{
		display:none;
	}
}
@media screen and (max-width: 600px){
	.sp-600{
		display:block;
	}
	.sp-none600,
	.pc-600{
		display:none;
	}
	.home .font-A{
		font-size: 2.3em !important;
	}
	
/* -TOP- */
	.top-sec02 .about-area h2 {
  		font-size: 1.5em;
  		line-height: 1.6em;
		letter-spacing: 0.05em;
	}
	
/* -固定ページ- */
	.page .article-header,
	.website-works-about-template-default .Custom-works,
	.design-works-about-template-default .Custom-works{
		padding:5em 0 8em;
	}
	.page .article-header::before,
	.website-works-about-template-default .Custom-works::before,
	.design-works-about-template-default .Custom-works::before{
		width:60%;
	}
	
	.padding-box {
  		padding-top: 3em;
  		padding-bottom: 3em;
	}
	
	/* -web制作- */
	.web-site-04 .wp-01 .image{
		float: none;
		max-width: 100%;
		padding: 0;
	}
	.web-site-04 .wp-01 .image img{
		width:100%;
	}
	
	/* 	-各フローページ- */
	.flow-box .wrap-box,
	.flow-box .wrap-box .item{
		width:100%;
	}
	.flow-box .wrap-box .item{
		padding:0 0 2.5em;
	}
	
	/* 	-求人情報- */
	.R-box1-1 .txt02,
	.R-box1-2 .txt02{
		font-size:1em;
	}
	.Team-about-item {
  		padding: 0 2em;
	}
	.Team-about .slick-prev,.Team-about .slick-next{
		height: 45px;
		width: 45px;
	}
	.Team-about .slick-prev{
		left: -15px;
	}
	.Team-about .slick-next{
		right: -15px;
	}
	/* -補助金- */
	.subsidy-02 .text-04{
		text-align:left;
		font-size:1.2em;
	}
	/* 動画制作 */
	.movie-05 .text{
		font-size:1em;
	}
	/* 	-Webコンサルティング- */
	.Item-C-box h3{
		font-size: 1.3em;
		padding-left:0;
	}
	.Item-C-box h3::before{
		font-size: 3.5em;
		transform: translateY(0);
		top: auto;
		bottom: -0.2em;
		left: -0.2em;
	}
	.w-consulting-04 .bottom-text{
		font-size:1em;
	}
	
	
}

@media screen and (min-width: 480px){
	.sp-main,
	.sp-480{
		display:none;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.pc-main{
		display:none;
	}
	.sp-main,
	.sp-480{
		display:block;
	}
	
/* -TOP- */
	.top-title-icon img{
		width:40px;
	}
	.news-area .new-entry-cards .new-entry-card-content{
		flex-direction: column-reverse;
		padding:0.5em;
	}
	
	.top-sec03 .Service-item h3,
	.top-sec04 .Works-box .back-h3 h3{
		font-size:1.3em;
	}
	.top-sec03 .Service-item {
  		width: 90%;
		margin: 1.5em auto 2em;
	}
	
/* -固定ページ- */
	.page .entry-title{
/* 		margin: 3em 0 3.5em; */
	}
	.page .entry-title::after,
	.website-works-about-template-default .Custom-works .entry-title::after,
	.design-works-about-template-default .Custom-works .entry-title::after,
	.interview-template-default .interview-header .entry-title::after{
		bottom: -1em;
	}
	
	.page-title-area .left,
	.page-title-area .text{
		font-size:1.3em;
	}
	
	/* 	-web制作- */
	.web-site-05 h2::before{
		border-width: 30px 60px 0 60px;
		bottom: -30px;
	}
	/* 	-求人：募集要項- */
	.Job-description .Recruit-title{
		font-size:1.1em;
	}
	/* -デザイン制作- */
	.design-04 .item {
  		width: 80%;
  		margin: 0 auto 2em;
	}
	/* 	-夢ポス- */
	.yumepos-06 .txt01,
	.yumepos-06 .txt02{
		font-size:1em;
	}
}









/* 制作実績レイアウト******************************************************************************* */
/*  以下はラベルのスタイル */

.filters {
  	display:flex;
  	flex-wrap:wrap;
}
.filters * {
  display: block;
}

.filters label,
.label-but{
  text-align: center;
  padding: 0.25rem 1em;
  min-width: 45px;
  line-height: normal;
  cursor: pointer;
  transition: all 0.2s;
  
  width:auto;
  margin:0;
  border:solid 1px #403734;
  border-radius:50px;
  
  margin:0.2em;
}
.filters label:hover,
.label-but:hover{
  background: #403734;
  color: #fff;
}

.tag-area{
  margin:0.5em 0.3em 0.5em 0;
}

/* web */
[value="All"]:checked ~ [for="All"], 
[value="Foods"]:checked ~ [for="Foods"], 
[value="Jpub"]:checked ~ [for="Jpub"], 
[value="Beauty"]:checked ~ [for="Beauty"], 
[value="Bar"]:checked ~ [for="Bar"], 
[value="Ecsite"]:checked ~ [for="Ecsite"],
[value="Living"]:checked ~ [for="Living"],
[value="Autos"]:checked ~ [for="Autos"],
[value="Finance"]:checked ~ [for="Finance"],
[value="Education"]:checked ~ [for="Education"],
[value="Design_art"]:checked ~ [for="Design_art"],
[value="Industry"]:checked ~ [for="Industry"],
[value="Goods"]:checked ~ [for="Goods"],
[value="Fashion"]:checked ~ [for="Fashion"],
[value="Etc"]:checked ~ [for="Etc"]{
  background: #403734;
  color: #fff;
}
/* design */
[value="All"]:checked ~ [for="All"], 
[value="Logo"]:checked ~ [for="Logo"], 
[value="Flyer"]:checked ~ [for="Flyer"], 
[value="B-card"]:checked ~ [for="B-card"], 
[value="Poster"]:checked ~ [for="Poster"], 
[value="Pamphlet"]:checked ~ [for="Pamphlet"],
[value="Signboard"]:checked ~ [for="Signboard"],
[value="Illustration"]:checked ~ [for="Illustration"],
[value="Envelope"]:checked ~ [for="Envelope"],
[value="Y-thumbnail"]:checked ~ [for="Y-thumbnail"],
[value="Menu-table"]:checked ~ [for="Menu-table"]{
  background: #403734;
  color: #fff;
}

/* ------- */
.content .targets{
/*   padding:0; */
  display:flex;
  flex-wrap:wrap;
}
.content .targets .target{
  width:calc((100% / 3) - 0.4em);
  margin: 0.5em 0.2em !important;
	display: flex;
}

/*  ラジオボタンを非表示に */
.filters input[type="radio"] {
  display: none;
}

.target {
	animation: checked_animation 0.5s ease-in-out both;
}
@keyframes checked_animation {
	0% {
		transform: translate(0, 100px);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}
@media screen and (max-width: 834px){
	.content .targets .target{
		width:calc((100% / 2) - 0.4em);
	}
}
@media screen and (max-width: 600px){
	.content .targets .target{
		width:95%;
		margin:0.3em auto!important;
	}
}

/*アコーディオン -- */
    /*ベース*/
.works-toggle {
	display: none;
}
.search-area{
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5) inset,2px 2px 5px rgba(0,0,0,0.5);
	padding: 1.5em 1em;
	margin-bottom: 2rem;
}
.search-area .Label{
	margin: 0 0 0.5em;
	padding-left: 0.4em;
	font-weight: bold;
}
    
@media screen and (max-width: 834px){
	.search-area .Label {		/*タイトル*/
    	display: block;
		margin-bottom:0;
    }
    .search-area .Label::before{		/*タイトル横の矢印*/
    	content:"";
    	width: 6px;
    	height: 6px;
    	border-top: 2px solid #403734;
    	border-right: 2px solid #403734;
    	-webkit-transform: rotate(45deg);
    	position: absolute;
    	top:calc( 50% - 3px );
    	right: 20px;
    	transform: rotate(135deg);
    }
    .search-area .Label,
    .search-area .toggle-content {
    	-webkit-backface-visibility: hidden;
    	backface-visibility: hidden;
    	transform: translateZ(0);
    	transition: all 0.3s;
    }
    .search-area .toggle-content {		/*本文*/
    	height: 0;
/*     	margin-bottom:10px; */
/*     	padding:0 20px; */
    	overflow: hidden;
    }
    .search-area .works-toggle:checked + .Label + .toggle-content {	/*開閉時*/
    	height: auto;
/*     	padding:20px ; */
    	transition: all .3s;
    }
    .search-area .works-toggle:checked + .Label::before {
    	transform: rotate(-45deg) !important;
    }
	
	.filters label, .label-but{
		font-size:.8em;
	}
}


/* --画像ホバー-- */
.works-box{
	background:#403734;
	color:#fff;
	padding:0.5em 0.5em 0.8em 0.5em;
	border-radius:5px;
	
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.works-box .works-link {
	overflow:hidden;
	position:relative;
}
.works-box .works-link img{
	vertical-align:top;
}
.works-box .works-link .mask {
	width:100%;
	height:	100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(0,0,0,0.8);
	-webkit-transition:	all 0.6s ease;
	transition:	all 0.6s ease;
	padding-bottom:50px;
	
	display: flex;
	align-items: center;
}
.works-box .works-link:hover .mask {
	opacity:1;	/* マスクを表示する */
	padding-bottom:0;	
	/* ホバーで下にずらす */
}
.works-box .works-link .mask .mask-box{
	width: 90%;
	margin: auto;
}
.works-box .works-link .caption {
/* 	width:90%; */
	margin:auto;
	color:#fff;
	font-size:.8em;
}
.works-box .works-link .mask i{
	text-align: center;
	color: #fff;
	margin: 1em auto 0;
	display: block;
	font-size: 1.3em;
}
.works-box .works-name{
	padding:0.3em 0;
}
.works-box .label-but{
	background:#fff;
	color:#403734;
	font-size: 0.7em;
/* 	white-space: pre; */
	display: inline-block;
}





/* 求人情報：募集要項に使用******************************************************************************* */
/* タブの切替 */
/* レスポンシブはセレクト */
.Tab_menu {
	display: flex;
	width: 100%;
	margin: 0 auto 1em;
	
	flex-wrap: wrap;
	padding: 0em 0.5em !important;
}
.Tab_menu li{
/* 	flex: 1; */
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 0 8px;
	margin: 0 1px 0 0;
	list-style: none;
	cursor: pointer;
	background: #fff;
	border:solid 2px #403734;
	
	width: calc((100% / 3) - .6em);
	margin: 0.2em 0.3em !important;
}
.Tab_menu li:last-child {
	margin-right: 0;
}
.Tab_menu li.selected {
	background: #403734;
	color:#fff;
}
.Tab_menu li:hover {
	background:#f4f4f4;
}
.Tab_menu li.selected:hover{
	background: #403734;
	color:#fff;
}
.Tab_menu li img {
	display: inline-block;
	padding: 0 5px 2px 0;
}
.Tab_select_menu_container {
	text-align: center;
	padding: 0.5em 0.5em 0.3em;
	border-radius: 3px;
	background: #403734;
	color: #fff;
	margin: 0 auto 1em;
}
.Tab_select_menu {
	padding: 10px;
	margin: 0 auto 0.5em;
	cursor: pointer;
	border-radius: 0;
	outline: none;
	
	border: none;
	background: #fff;
	color: #403734;
	border-radius: 3px;
}
.Tab_panel {
	overflow: hidden;
	height: 0;
	opacity: 0;
	display:none;
}
.Tab_panel.Is-Show {
	overflow: visible;
	height: auto;
	opacity: 1;
	transition: opacity .4s ease-in-out;
	display:block;
	max-width: 1000px;
}
@media screen and (min-width: 641px) {
	.Tab_select_menu_container {
		display: none;
	}
}
@media screen and (max-width: 640px) {
	.Tab_menu {
		display: none;
	}
}






/* **********求人：選択不可*********** */
/* （募集要項↓↓） */
#Tab_menu #tab4,
#Tab_menu #tab3{
	pointer-events: none;
	background: #dfdfdf;
}
/* （求人フォーム↓↓） */
#job-occupation .wpcf7-form-control.wpcf7-radio .wpcf7-list-item:nth-of-type(4),
#job-occupation .wpcf7-form-control.wpcf7-radio .wpcf7-list-item:nth-of-type(3){
	pointer-events: none;
	text-decoration: line-through;
}





/*↓↓ 2024/02/02追記 ↓↓*/
/* 動画制作実績ページ：動画横並び最大3つ */
@media screen and (min-width:1150px){
	#yrc-shell-0 .yrc-sections .yrc-video,
	#yrc-shell-0 .yrc-sections .yrc-playlist-item{
		width: calc((100% / 3) - 8px) !important;
	}
}



/* 2024/07/31追記 */
/* 数値化ページ */
.info_g{
	padding: 5rem 0;
}
.info_g.info_g-02 .image-area{
	padding:1rem;
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 1.5rem;
	grid-row-gap:1rem;
}
.info_g.info_g-02 picture:nth-of-type(7){
	grid-column: 1 / 4;
/* 	grid-row:3 / 4; */
}

.info_g.info_g-03 .image-area{
	padding:1rem;
	display:grid;
	grid-template-columns: repeat(6, 1fr);
	grid-column-gap: 1.5rem;
	grid-row-gap:1rem;
}
.info_g.info_g-03 picture:nth-of-type(1){
	grid-column: 1 / 3;
}
.info_g.info_g-03 picture:nth-of-type(2){
	grid-column: 3 / 5;
}
.info_g.info_g-03 picture:nth-of-type(3){
	grid-column: 5 / 7;
}
.info_g.info_g-03 picture:nth-of-type(4){
	grid-column: 1 / 4;
}
.info_g.info_g-03 picture:nth-of-type(5){
	grid-column: 4 / 7;
}
.info_g.info_g-03 picture:nth-of-type(6){
	grid-column: 1 / 7;
}
.info_g.info_g-03 picture:nth-of-type(7){
	grid-column: 1 / 5;
}
.info_g.info_g-03 picture:nth-of-type(8){
	grid-column: 5 / 7;
}
.info_g.info_g-03 picture:nth-of-type(9){
	grid-column: 1 / 7;
}

.info_g.info_g-03 .txt{
	text-align:right;
}

@media screen and (max-width:600px){
	.info_g{
		padding: 3rem 0;
	}
	.info_g.info_g-02 .image-area,
	.info_g.info_g-03 .image-area{
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 1rem;
		grid-row-gap:0.6rem;
	}
	
	.info_g.info_g-02 picture:nth-of-type(3){
		grid-column: 2 / 3;
		/* grid-row:2 / 3; */
	}
	.info_g.info_g-02 picture:nth-of-type(7){
		grid-column: 1 / 2;
		grid-row:2 / 4;
	}
	
	.info_g.info_g-03 picture:nth-of-type(1){
		grid-column: 1 / 2;
	}
	.info_g.info_g-03 picture:nth-of-type(3){
		grid-column: 2 / 3;
		grid-row:1 / 2;
	}
	.info_g.info_g-03 picture:nth-of-type(2),
	.info_g.info_g-03 picture:nth-of-type(4),
	.info_g.info_g-03 picture:nth-of-type(5),
	.info_g.info_g-03 picture:nth-of-type(6),
	.info_g.info_g-03 picture:nth-of-type(7),
	.info_g.info_g-03 picture:nth-of-type(8),
	.info_g.info_g-03 picture:nth-of-type(9){
		grid-column: 1 / 3;
	}
}



/* 2024/08/05追記 */
/* システム関連ページ
・DreaMa（商談管理システム）
・DreamManager（勤怠管理・給与計算システム）
・PortalMaker（ポータルサイト構築システム） */

.page-id-7287 .entry-title::after{
	content:"DreaMa";
}
.page-id-7305 .entry-title::after{
	content:"DreamManager";
}
.page-id-7325 .entry-title::after{
	content:"Portal Maker";
}

.page-id-7287 .article-header::before,
.page-id-7305 .article-header::before,
.page-id-7325 .article-header::before{
	display:none;
/* 	background-image: url(https://dream-factory.xyz/wp-content/uploads/2024/08/3590041_m.jpg);
	background-position:center center; */
}

/* - */
.system_page ul{
	width:100%;
	max-width:fit-content;
	margin:3rem auto;
}

.system_page{
	padding-bottom:5rem;
}

.system_page .title{
	font-size:2rem;
	font-weight:bold;
	margin-bottom:2rem;
}

.system_page01{
	padding:5rem 0;
}
.system_page01 .txt02{
	margin-bottom:2rem;
}

.system_page02 .item:nth-of-type(1),
.system_page03 .item:nth-of-type(1){
	margin-top:5rem;
}


/* - */

.DreaMa .txt02 img{
	display:block;
	width:50%;
	max-width:350px;
	margin:auto;
}
.system_page02.DreaMa .item:nth-of-type(1) .fl{
	justify-content: center;
  align-items: center;

}
.system_page02.DreaMa .item:nth-of-type(1) p:nth-of-type(2){
	width:50%;
}

@media screen and (min-width:600px){
	.system_page02.DreaMa .item:nth-of-type(1) p:nth-of-type(2){
		width:20%;
	}
}

/* - */

.system_page02.DreamManager .item:nth-of-type(1) .txt02{
	letter-spacing: 0.1rem;
	margin-top:2rem;
}
.system_page02.DreamManager .item:nth-of-type(1) .txt02 span{
	font-size:1.7rem;
	font-weight:bold;
}

.DreamManager .ok-area p{
	background: #0075B3;
	border-radius: 300px;
	width: 200px;
	height: 200px;
	text-align: center;
	position: relative;
	align-content: center;
	margin: 1rem auto;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
}
.DreamManager .ok-area p img{
	display:block;
	width: 100px;
	margin: auto;
}
.system_page02.DreamManager .item .image-gazou{
	margin-bottom:2rem;
	border:solid 1px #c0c0c0;
}
.system_page03.DreamManager .txt{
	margin-top:5rem;	
}

@media screen and (min-width:834px){
	.DreamManager .ok-area{
		display:flex;
	}
}

/* - */
.system_page.PortalMaker .system-fl{
	justify-content: center;
  align-items: center;

}
.system_page.PortalMaker .system-fl p{
	width:50%;
}

.system_page.PortalMaker .text-area{
	width:100%;
	max-width:fit-content;
	margin:3.5rem auto;
}
.system_page.PortalMaker .text-area p:not(:last-child){
	margin-bottom:1.5rem;
}

.system_page01.PortalMaker .image-gazou{
	border:solid 1px #c0c0c0;
}
.system_page .Q-A .item p{
	position:relative;
	padding-left:3.5rem;
}
.system_page .Q-A .item p:nth-of-type(1)::before{
	content:"Q";
	color:#403734;
	font-size:2rem;
	font-weight:bold;
	position:absolute;
	top:-1rem;
	left: 0;
/* 	transform: translateY(-50%); */
}
.system_page .Q-A .item p:nth-of-type(2)::before{
	content:"A";
	color:#22b8cb;
	font-size:2rem;
	font-weight:bold;
	position:absolute;
	top: -1rem;
	left: 0;
/* 	transform: translateY(-50%); */
}
.system_page .Q-A .item p:nth-of-type(1){
	margin-bottom:2rem;
}

.system_page .Q-A .item:not(:last-child){
	margin-bottom: 2.5rem;
	border-bottom: solid 1px #000;
	padding-bottom: 2.5rem;
}

@media screen and (min-width:600px){
	.system_page.PortalMaker .system-fl p{
		width:20%;
	}
}
@media screen and (min-width:834px){
	.system_page .Q-A .item p:nth-of-type(2){
		margin-left:3rem;
	}
	.system_page .Q-A .item:not(:last-child){
		border:none;
	}
}





/* 2024/08/09追加 */
/* 社員インタビューページ */

.Interview-page .box{
	display:flex;
	flex-wrap: wrap;
}
.Interview-page .box a{
	width:calc((100% / 2) - 1rem);
	margin:0.5rem;
}

@media screen and (min-width:834px){
	.Interview-page {
		padding-top: 5rem;
		padding-bottom:5rem;
	}
	.Interview-page .box a{
		width:calc((100% / 3) - 2rem);
		margin:1rem;
	}
}


/* -カスタム投稿- */
#interview-area{
	margin-top:5rem;
}
#interview-area .about{
	margin: 0 auto 3rem;
}
#interview-area .about .prof .txt01{
	font-size: 1.3rem;
	margin-bottom: 0;
}
#interview-area .about .prof .txt02{
	display:flex;
}
#interview-area .about .prof .txt02 p{
	padding-right:1rem;
}
#interview-area .about .image img{
	display: block;
	width: 80%;
	margin: auto;
	max-width: 350px;
}


#interview-area .interview-h2{
	position:relative;
	color: #fff;
	padding: 1em 0.5em;
	margin-bottom:3rem;
}
#interview-area .interview-h2::before{
	content:"";
	width:100vw;
	height:100%;
	background:#000;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	box-shadow: 0px 2px 5px #000;
	z-index:-1;
}

#interview-area .interview-item,
#interview-area .interview-fl{
	margin-bottom:3rem;
}
#interview-area .interview-item .interview-title{
	position:relative;
	padding:2.2rem 1rem .5rem 1.5rem;
	border-left:solid 5px #ffc727;
	margin-bottom:2rem;
}
#interview-area .interview-item .interview-title::before{
	content:"－ Interview";
	color:#8E8E8E;
	position:absolute;
	top:.5rem;
	left:1.5rem;
	font-size:1.2rem;
	font-weight:normal;
	letter-spacing:.1rem;
}

#interview-area .interview-item .interview-text{
	margin-left:1rem;
	padding: 3rem 0 0.05rem 1.5rem;
	border-left:solid 5px #689AC8;
	position:relative;
	z-index:0;
}
#interview-area .interview-item .interview-text::before{
	content:"answer";
	color:#fff;
	background:#689AC8;
	width: 100px;
	height: 35px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	text-align: center;
}
#interview-area .interview-item .interview-text .txt01{
	color:#689AC8;
	font-weight:bold;
	margin-bottom:0.5rem!important;
}

#interview-area .interview-fl .interview-image{
	display:block;
	width:80%;
	position:relative;
	margin:auto;
	z-index:0;
}
#interview-area .interview-fl .interview-image::before{
	content: "";
	background:#dfeaf3;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index:-1;
}
#interview-area .interview-fl .interview-image img{
	vertical-align:top;
}


@media screen and (min-width:834px){
	#interview-area{
		margin-top:0;
	}
	#interview-area .about{
		display: flex;
		justify-content: center;
		align-items: center;
		max-width: 800px;
		margin: 0 auto 5rem;
	}
	#interview-area .about .prof {
		width: 60%;
	}

	#interview-area .about .image {
		width: 40%;
	}
	#interview-area .about .image img{
		width:100%;
	}
	#interview-area .about .prof .txt01{
		font-size: 2rem;
	}
	
	
	#interview-area .interview-h2{
		margin-bottom:5rem;
	}
	#interview-area .interview-item,
	#interview-area .interview-fl{
		margin-bottom:6rem;
	}
	#interview-area .interview-fl .interview-item{
		margin-bottom:0;
	}
	
	#interview-area .interview-item .interview-text{
		margin-left:3rem;
	}
	#interview-area .interview-item .interview-text .txt01{
		font-size:1.2rem;
	}
	
	#interview-area .interview-fl{
		display: flex;
		justify-content: space-between;
	}
	#interview-area .interview-fl.Image-area{
		align-items: center;
	}
	#interview-area .interview-fl .interview-item{
		width:70%;
	}
	#interview-area .interview-fl .interview-image{
		width:25%;
		margin:0;
	}
	
	
	#interview-area .interview-fl.Text-area{
/* 		align-items:; */
	}
	#interview-area .interview-fl.Text-area .interview-item{
		width:calc(100% / 2) - 2rem;
		margin:0 1rem;
	}
	#interview-area .interview-fl.Text-area .interview-item:nth-of-type(2){
		margin-top:6rem;
	}
}

/* -- */
/* スタッフ画像のスライダー */
.Interview-staff-slider {	
	width: 100vw;
	margin: 0 auto 1rem;
	transform: translateX(-50%);
	left: 50%;
	padding: 0 1rem;
}
.Interview-staff-slider li img {
    width:100%;
    height:auto;
}
.Interview-staff-slider li .txt{
	font-size:0.9rem;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.Interview-staff-slider .slick-slide {
    margin:0 10px;
}

@media screen and (max-width:834px){
	.Interview-staff-slider{
		padding: 0 15px !important;
	}
}
@media screen and (min-width:834px){
	.Interview-staff-slider{
		margin: 0 auto 5rem;
	}
}

/************************************
 * staff-blog カテゴリー限定デザイン
 * （カテゴリ一覧 & 該当カテゴリの個別記事）
 ************************************/
body.category-staff-blog {
  /* 必要なら全体のベース */
  --sb-accent: #7c4dff;      /* アクセント色（お好みで変更） */
  --sb-accent-weak: #efe9ff; /* 薄いアクセント背景 */
  --sb-text: #222;
  --sb-border: #e6e6e6;
}

/* ---- コンテンツ範囲の指定（テーマに合わせて1つでOK） ---- */
body.category-staff-blog .entry-content,
body.category-staff-blog .post-content,
body.category-staff-blog .article-body,
body.category-staff-blog .l-entry,
body.category-staff-blog .content {
  color: var(--sb-text);
}

/* ========== 見出しスタイル ========== */
/* H2：帯付きボックス */
body.category-staff-blog .entry-content h2,
body.category-staff-blog .post-content h2,
body.category-staff-blog .article-body h2 {
  position: relative;
  margin: 2.2em 0 1.2em;
  padding: .9em 1.1em .9em 1.1em;
  background: var(--sb-accent-weak);
  border-left: .5rem solid var(--sb-accent);
  border-radius: .5rem;
  line-height: 1.4;
}

/* H3：下線アクセント */
body.category-staff-blog .entry-content h3,
body.category-staff-blog .post-content h3,
body.category-staff-blog .article-body h3 {
  margin: 2em 0 1em;
  padding-bottom: .35em;
  border-bottom: 3px solid var(--sb-accent);
  line-height: 1.35;
}

/* H4：ラベル風 */
body.category-staff-blog .entry-content h4,
body.category-staff-blog .post-content h4,
body.category-staff-blog .article-body h4 {
  display: inline-block;
  margin: 1.6em 0 .8em;
  padding: .25em .7em;
  border: 1px solid var(--sb-accent);
  border-radius: 999px;
  font-weight: 600;
}

/* ========== テーブル ========== */
body.category-staff-blog .entry-content table,
body.category-staff-blog .post-content table,
body.category-staff-blog .article-body table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--sb-border);
  border-radius: .6rem;
  overflow: hidden; /* 角丸を適用 */
  font-size: .98rem;
}

/* ヘッダー */
body.category-staff-blog .entry-content table thead th,
body.category-staff-blog .post-content table thead th,
body.category-staff-blog .article-body table thead th {
  background: var(--sb-accent-weak);
  color: var(--sb-text);
  text-align: left;
  font-weight: 700;
  padding: .9em .9em;
  border-bottom: 1px solid var(--sb-border);
}

/* セル */
body.category-staff-blog .entry-content table td,
body.category-staff-blog .entry-content table th,
body.category-staff-blog .post-content table td,
body.category-staff-blog .post-content table th,
body.category-staff-blog .article-body table td,
body.category-staff-blog .article-body table th {
  padding: .8em .9em;
  border-bottom: 1px solid var(--sb-border);
  border: 1px solid var(--cocoon-x-thin-color);
}
}

/* しましま行 */
body.category-staff-blog .entry-content table tbody tr:nth-child(odd),
body.category-staff-blog .post-content table tbody tr:nth-child(odd),
body.category-staff-blog .article-body table tbody tr:nth-child(odd) {
  background: #faf9ff;
}

/* 最終行のボーダー消し */
body.category-staff-blog .entry-content table tbody tr:last-child td,
body.category-staff-blog .post-content table tbody tr:last-child td,
body.category-staff-blog .article-body table tbody tr:last-child td {
  border-bottom: none;
}

/* キャプション */
body.category-staff-blog .entry-content table caption,
body.category-staff-blog .post-content table caption,
body.category-staff-blog .article-body table caption {
  caption-side: top;
  text-align: left;
  font-weight: 600;
  margin-bottom: .5em;
}

/* スマホで横スクロールが必要なときの保険（任意） */
body.category-staff-blog .entry-content .table-wrap,
body.category-staff-blog .post-content .table-wrap,
body.category-staff-blog .article-body .table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.category-staff-blog .main a {
  display: inline;
}

/* 2025/10/30 ショートコードプラグイン不具合の為
ブログ一覧のスタイル調整 */
.article ul.my-post-list {
	padding: 0;
}
.top-blog li::marker {
	content: none;
}
.article ul li.my-post-list-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}
.my-post-list-thumbnail,
.my-post-list-content {
	width: 48%;
}
h2.my-post-list-title a {
	display: block;
	color: #303030;
	font-size: 20px;
}
.my-post-list-thumbnail a {
	width: 100%;
	height: 250px;
	border: solid 1px #303030;
	overflow: hidden;
}
.my-post-list-thumbnail a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.my-post-list-excerpt {
	margin-bottom: 20px;
}
.my-post-list-read-more {
	position: relative;
}
.my-post-list-read-more a {
	position: absolute;
	top: 0;
	right: 0;
}

@media screen and (max-width: 767px) {
	.article ul li.my-post-list-item {
		display: block;
		margin-bottom: 100px;
	}
	.my-post-list-thumbnail, .my-post-list-content {
		width: 100%;
	}
	.my-post-list-thumbnail {
		margin-bottom: 20px;
	}


}

/* 2025/11/7 追記 */
.toc.tnt-number.toc-center.tnt-number.border-element {
	margin-bottom: 100px;
}
.article-footer.entry-footer {
	margin-top: 100px;
}