/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 06 2022 | 03:02:38 */
/*** 　ページ全体 
___________________________________________***/

p a {
  text-decoration-color: #999;
  text-decoration-style: dotted;
}
.entry.category-work img,.entry.category-days img {
	padding: 1em 0;
}
a img:hover{
	opacity:0.7!important;
}
.text_center {
	text-align:center;
	margin:0 auto;
}
.text_right {
	text-align:right!important;
}
.text_s90 {
	font-size:90%;
}
.text_s80 {
	font-size:80%;
}
.text_s70 {
	font-size:70%;
}
.text_s60 {
	font-size:60%;
}
.text_s50 {
	font-size:50%;
	vertical-align: super;
}
.text_L1 {
	font-size:110%;
}
.text_L2 {
	font-size:120%;
}
.text_L5 {
	font-size:150%;
}
.bold {
	font-weight: bold;
}
.red{
	color: #c3181f;
}
.navy{
	color: #2e318d;
}
.brown{
	color:#bf9119;
}
.beige {
	color: #D6C0B1;
}
.flex_box{
	display:flex;
}
.flex_text{
	width: 50%;
}
.flex_photo_R{
	margin:  0 0 0 1em ;
}
.flex_photo_L{
	margin:  0 1em 0 0;
}
.floatleft_photo{
	float:left;
	margin-right:1em;
}
.floatright_photo{
	float:right;
	margin-left:1em;
}
h1, h2, h3, h4, h5, h6, .page-header-title {
    font-family:;
}
h2 {
	background: rgba(0,0,0,0.02);
	padding-left: 0.5em;
}
p.mb0{
	margin-bottom:0;
}
.p_1{
	padding: 1em 0;
}
.mb0{
	margin-bottom:0;
}
.mt0{
	margin-top:0;
}
.mt1{
	margin-top:1em;
}
.mb1{
	margin-bottom:1em;
}
.mb2{
	margin-bottom:2em;
}
.mb05{
	margin-bottom:0.5em;
}
.mb02{
	margin-bottom:0.2em;
}
.pink_1 {
	background:linear-gradient(transparent 20%, #fae7e9 20%);
}
.pink_2 {
	background:linear-gradient(transparent 60%, #fae7e9 60%);
}
.hr_gray{
	border-top: 2px solid #eee;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin : 30px 0 30px;
}
.pd_r{
	padding-right:1em;
}
.pd_l{
	padding-left:1em;
}
.b_n{
	border:none;
}

html :where(.has-border-color){
     border: none;	
}
.mincho {
    font-weight: normal;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", HGS明朝E, メイリオ, "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
}
.youtube_movie {
	width: 100%;
	aspect-ratio: 16/9;
}
.youtube_movie iframe {
	width: 100%;
	height: 100%;
}
.vk_posts .vk_post_imgOuter_singleTermLabel {
    border-radius: 0;
    top: 0;
    right: 0;
    padding: 0.7em 1.2em;
}
.sub-section .vk_posts .vk_post_imgOuter_singleTermLabel {
    padding: 0.1em 1em;
}
.single-hakusyo h3{
	font-size:1em;
	border-bottom: 2px dotted rgba(0,0,0,0.06) ;
	font-weight:normal;
	padding: 0.5em 0;
}
.single-hakusyo h3::after{
	border-bottom: none;
}
.single-hakusyo .imgDc img{
	width: 600px;
}

/*** 　投稿のページヘッダー画像をカテゴリごとに変更
___________________________________________***/
.category-works .page-header {
    background: url(http://woman-style.main.jp/wps/wp-content/uploads/2022/08/works.jpg) no-repeat 50% center;
}
.category-blog .page-header {
    background: url(/wps/wp-content/uploads/2022/08/blog3.jpg) no-repeat 50% center;
}	

/*** 　トップページ 
___________________________________________***/
.top_movie{
	min-height: 800px;
}
.top_movie_text{
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", HGS明朝E, メイリオ, "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;	
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.7;
}
.top_1 {
	padding: 3em 0;
	margin-bottom: 4em;
}
.top_1_inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.top_1_p{
	width: 32%;
	text-align: center;
	background: #fff;
	border-radius: 0.5em;
	margin: 2em 0;
	padding: 1em;
	position:relative;
}
.top_1_p h3{
	margin-top: 2em;
}
.top_1_p p{

}
.top_1_p .top_1_p_icon{
	position:absolute;
	top: -1em;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
	background-color: #c7050d;
	color:#fff;
	border-radius:50%;
	font-size: 2em;
	padding:0.8em;

}
.top_2 h2 {
	color :#fff;
	text-align: right;
}
.top_2_inner {
	display: flex;
	justify-content: space-between;	
}
.top_2_p {
	width: 30%;
	text-align: center;
	background: #fff;
	margin: 2em 0;
	padding: 1em;
	position:relative;
}


/*** 　業務内容
______________________________________________________________________________***/

.vk_step .vk_step_item .vk_step_item_dot_caption {
    margin-bottom: 4px;
}



/*** 　固定ページなど  共通
______________________________________________________________________________________***/
.profile_photo{
	float: right;	
	width:30%;
	margin-left:1em;
}
.profile_name{
	text-align:right;
}
.profile_name span{
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", HGS明朝E, メイリオ, "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	font-size: 120%;
}
.plan_dl dt{
  float: left;
}
.plan_dl dd{
  margin-left: 80px;
}
.staff{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.staff_p{
	width: 21%;
	margin-bottom:2em;
}
.staff_p p{
	margin-bottom:0;
}
.staff_p_photo{
	position:relative;
}
.staff_p_photo img{
	margin: 0 auto;
}
.staff_p_name{
	position:absolute;
	width: 100%; 
	padding: 0.3em 1em;
	bottom: 0.3em; 
	background:rgba(214,212,208,0.8);
}
.staff_p_name p{
	text-align:center;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", HGS明朝E, メイリオ, "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	font-weight: bold;
	font-size: 110%;
	letter-spacing:0.08em;
}
.staff_p_text {
	padding: 1em 0;
	font-size: 0.9rem;
	line-height: 1.2;
}


/*** 　サイドバー
___________________________________________***/
.side_profile{
	font-size: 14px;
	margin-bottom:0;
}
.side_profile a{
	color: #c7050d;	
	text-decoration: none;
}
.sub-section .widget ul li a:before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px;
    color: #c7050d;
}

/*** 　サイドバーの表示　　同一カテゴリの記事リストのみ表示させる
___________________________________________***/

.single:not(.categoryid-2,.categoryid-3,.categoryid-5) .sidebar_info{
	display:none;
}
.single:not(.categoryid-46,.categoryid-47,.categoryid-48,.categoryid-49,.categoryid-50,.categoryid-59) .sidebar_works{
	display:none;
}
.single:not(.categoryid-1,.categoryid-44,.categoryid-45) .sidebar_blog{
	display:none;
}
.single:not(.tag) .sidebar_tag{
	display:none;
}


/*** 　コンタクトフォーム
___________________________________________***/



/*** 　テーブル
___________________________________________***/

.table_1{
 	width: 100%;
 	border-collapse: collapse;
 	border-spacing: 0;
}
.table_1 th,.table_1 td{
 	border: 1px solid rbga(0,0,0,0.06);
	padding: 1em;
	font-size: 1rem;
}
.table_1 th{
	background: #f9f9f9;
	width: 20%;
}
.table_1 td dl{
	margin:0;
}
.table_1 tr:nth-child(odd){
}


/*** 　ボタン
___________________________________________***/

.btn_div1 {
	padding:1em 0;
}

.btn_1 a{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5em auto;
  padding: 0.4em 1em;
  width: 50%;
  color: #c7050d;
  font-size: 1em;
  font-weight:400;
  text-align:center;
  border-radius:50vh;
  transition: 0.3s;
  text-decoration:none!important;
	background: #fff;
	border:1px solid #c7050d;
}
.btn_1 a:hover {
  border:1px solid #c7050d;
  background: #c7050d;
  color:#fff;
}
.btn_2 a{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5em auto;
  padding: 0.4em 1em;
  width: 50%;
  color: #fff;
  font-size: 1em;
  font-weight:400;
  text-align:center;
  border-radius:50vh;
  transition: 0.3s;
  text-decoration:none!important;
	background: #c7050d;
	border:1px solid #c7050d;
}
.btn_2 a:hover {
  border:1px solid #c7050d;
  background: #fff;
  color:#c7050d;
}


/*** 　リスト 
___________________________________________***/
.list{
	padding-left: 1em;
	text-indent:-1em;
}
.list li {
	list-style:  none; 
	margin:  0.5em 0 0.5em 0; 
}
.list li:before {
	content:  ""; 
	width:  7px; 
	height:  7px;  
	display:inline-block;
	background-color: #c7050d; 
	border-radius:  50%; 
	margin: 0 10px 3px 3px;
}
.list_check {
	padding-left: 0;	
}
.list_check li{
	list-style:  none; 
	margin:  0.5em 0 0.5em 0; 
	padding: 0; 
}
.list_check li:before{
	content: "\f14a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 10px;
  color: #c7050d;
}


/*** 　ボックススタイル 
___________________________________________***/
/*赤枠*/
.box_1{
	padding: 1em;
   border: solid 1px #c7050d;
}
/*ピンク背景*/
.box_2{
	padding: 1em;
   background: #f8e1e5;
}
/*グレー背景*/
.box_3{
	padding: 1em;
   background: #eeeeef;
}
/*ベージュ背景*/
.box_4{
	padding: 1em;
   background: #f8f4e4;
}
/*実績紹介用*/
.box_work{
  margin: 2em 0 3em;
  background-color: rgba(255,240,245,0.65);
  border: 1px solid #c7050d;
	border-radius:5px;
}
.box_work_title{
  font-size: 16px;
  position: absolute;
  margin-top: 0;
  background-color: #c7050d;
  color: #fff;
  font-weight: bold;
  border-radius: 0 0 2px 0;
  padding: 6px 20px;
}
.box_work p{
  margin: 0;
  padding: 3em 1em 1em 1em;
}


/*** 　CTA
___________________________________________***/


/*** 　ポップアップ
___________________________________________***/

.popup_1{
	border-radius: 8px;
	padding: 2em 1em 0.5em;
}


/*** 　メディアクエリ ヘッダー画像用
______________________________________________________________________________***/
@media screen and  (max-width: 767.98px) { /* タブレット以下 */ 
.category-works .page-header {
    background: url(/wps/wp-content/uploads/2022/08/works2.jpg) no-repeat 50% center;
}
	

}

/*** 　メディアクエリ
______________________________________________________________________________***/

@media screen and  (max-width: 767.98px) { /* タブレット以下 */ 
	.sp_none{display:none;}
	.page-header {min-height: 10rem;}
	.floatleft_photo {float:none;width:100%;margin: 0 auto 0.7em;}
	.floatright_photo {float:none;width:100%;margin: 0 auto 0.7em;}
	.flex_box {display: block; }
	.flex_text, .flex_photo_R img,.flex_photo_L img {width: 100%; margin: 1em auto;}
	.flex_photo_R ,.flex_photo_L ,.flex_spot_photo {margin:0;}
	.box_message_photo{width:25%;}
	.box_message_text{width:75%;}
	.btn_1 a,.btn_2 a{width:95%;}
	.pd_r{padding-right:0;}
	.pd_l{padding-left:0;}
	.profile_photo{width: 50%;}
	.staff_p{width: 48%;}
	.table_1 th{width: 25%; padding: 1em 0.5em;}
	.top_movie{min-height: 400px;}
	.top_movie_text{font-size: 1.6rem;line-height: 1.3;}	
	.category-blog .archive-description{height: 80px;margin-bottom: 2em; }
	
	
}

@media screen and  (min-width: 768px) { /* タブレット以上 */ 
	.br_sp {display:none;}
	.pc_none {display:none;}
}

@media screen and (min-width: 576px) and (max-width: 991.98px) { /* タブレットのみ */

}
@media screen and  (min-width: 992px) { /* PCサイズ */ 


}
@media screen and  (max-width: 575.98px) { /* モバイルのみ */ 

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

}