@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*　1203pxより小さくなるとヘッダーメニューが消えてしまうのでここで対処　*/

@media screen and (max-width: 1023px) {
	.navi-in .menu-pc {
		display: flex;
	}
}

/*　↑↑↑↑↑ここまで↑↑↑↑↑　*/

.author-info {
	display: none;
}

.entry-title {
	display: none;
}

/*h2見出し*/
h2{
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	color: #f4aa9a;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #f9d6e2;/*左線*/
}

/*h3見出し*/
h3 {
	position: relative;
	padding: 0.25em 0;
}
h3:after {
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, rgb(231, 185, 222), transparent);
	background: linear-gradient(to right, rgb(231, 185, 222), transparent);
}

/*数字箇条書き*/

.list-5{
	counter-reset:number; 
	list-style-type: none; 
	padding:0;
	margin:0;
}
.list-5 li { 
	position: relative;
	margin:0.5em 0 !important;
	padding-left: 1.8em;
}
.list-5 li:before {
	counter-increment: number;
	content: counter(number);
	background-color: #f4aa9a; /* 文字背景色 */
	color: #fff; /* 文字色 */
	position: absolute;
	font-weight:bold;
	font-size: 14px;
	border-radius: 50%;
	left: 0;
	top:0.5em;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
}

.box5-pink {
	position: relative;	/* 配置に関するもの(ここを基準に) */
	max-width:600px; /* ボックスの横幅 */
	margin: 2em auto;	/* ボックスの外側余白(上下:2em　左右:auto) */
	padding: 2em 2em 1.7em;	/* ボックスの内側余白(上:2em　左右:2em 下：1.7em) */
	border: 1px solid #f27398;	/* ボックスの線 (太さ　線の種類　線の色)*/
	border-radius: 4px;	/* ボックスの角丸 */
	background: #fdf1f4; /* ボックス背景色 */
}
.box5-pink .box-title {
	position: absolute; /* 配置に関するもの(ここを動かす) */
	top: -18px; /* 上から（-18px）移動*/
	left: 27px; /* 左から(27px)移動 */
	background: #f27398; /* タイトル背景色 */
	color: #fff; /* タイトル文字色 */
	padding: 0.6em 1em;/* タイトルの内側余白 */
	line-height: 1;/* タイトルの行の高さ */
	font-size: 17px;/* タイトル文字の大きさ */
	font-weight: bold;/* タイトル文字の太さ */
	border-radius:4px;/* タイトルの角丸 */
}
.box5-pink p {
	margin: 0; /* 文字の外側余白リセット*/
	padding: 0; /* 文字の内側余白リセット*/
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
	/*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
	/*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
	/*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
	/*必要ならばここにコードを書く*/
}

/* ========== 投稿ページ（ブログ）レイアウトの設定========== */

.content {
	margin-bottom: 32px;
}


/**ページネーション**/
.pagination-next, .next, .prev, .pager-prev-next{ display: none; }
.pager-numbers a { text-decoration: none; }
.page-numbers{
	border: none;
	border-radius: 50% !important;
	font-family: sans-serif;
	font-size: 80%;
	color: #666 !important;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
	transition: all .1s ease;
	background-color: #ffffff;
}
.pagination a.page-numbers:hover,.pager-numbers a:hover .page-numbers{
	background-color: #ddd;
	color: #fff;
}
.pagination .current, .pager-links .current{
	background-color: #ccc !important;
	color: #fff !important;
}

.blog,
.single {
	background-color: #fcf9f9 !important;
}

.blog .header .header-in,
.single .header .header-in {
	height: 0;
}

.breadcrumb.sbp-main-before + .content, .breadcrumb.pbp-main-before + .content {
	margin-top: 0;
}

.blog .main,
.single .main {
	background-color: #fff !important;
	max-width:1000px;
	margin: 0 auto 45px;
}

.blog .content-in,
.single .content-in {
	max-width:1280px;
	margin: auto;
}

.sidebar {
	background-color: transparent;
	margin: 0 auto;
	max-width:280px;
}

.type-post {
	padding: 16px;
}


/*  パソコン向けの設定  */

@media screen and (min-width: 1023px) {
	.blog .main,
	.single .main {
		margin: 25px auto 45px;
	}
}

.list-3{
	list-style: none;
	padding:0;
	margin:0;
}

.list-3 li { 
	position: relative;
	margin:0.5em 0;
	padding-left: 25px;
}

.list-3 li .fa-check-circle {
	color:  #ef8893; /* 色 */
	position: absolute;
	left:0;
	top:7px;
}

/*  点線ボックス  */
.list-box-3{
	background: #fcebef !important;/* 背景色 */
	border-radius: 4px;
	max-width: 600px;
	padding: 2em;
	margin:0 auto;
	border:2px dotted !important;
	border-color:#f6c0d1 !important; /* 線の色 */
}

@media screen and (max-width: 768px){
	.article ul, .article ol {
		padding-left: 0px; /* スマホ閲覧時の余白リセット(cocoon) */
	}
}

/* Font Awesomeの設定 */
.blog_check {
	color: #ef8893;
	font-size: 25px ;
}


/* ========== スキン設定の変更 ========== */

.header {
	background-image: none;
}

.header-container, .navi, .notice-area, .carousel-in {
	box-shadow: none;
}

.mobile-menu-buttons {
	font-size: 200%;
}

.mobile-menu-buttons, .navi-menu-close-button {
	background-image: none !important;
}

.card-thumb img {
	border: none;
}

.container table tr:nth-of-type(2n+1) {
	background-color: transparent !important;
}

.container table td {
	border: 1 !important;
}


/* ========== 共通部分のレイアウト ========== */

/*  テーマの初期設定をカスタマイズ  */

.wrap {
	width: 100%;
}

.content {
	margin-bottom: 0px;
}

.main {
	background-color: transparent;
	padding: 0 !important;
	box-shadow: none;
}

.entry-content {
	margin-bottom: 0;
}

.content-top, .content-bottom {
	margin: 1em 0 0;
}

.breadcrumb {
	max-width: 1280px;
}

/*  ヘッダーの設定  */

.home .header .header-in {
	height: 78px;
}


@media screen and (min-width: 768px) {
	.home .header .header-in {
		height: 24px !important;
		min-height: 24px !important;
	}
}

@media screen and (min-width: 835px) {
	.home .header .header-in {
		height: 78px !important;
		min-height: 78px !important;
	}
}

/*  フッターの設定  */

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

.footer {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.footer-bottom {
	background-color: #d8d5c0;
	margin-top: 0 !important;
	padding: 20px 8px 8px;
}

.footer-widgets, .footer-widgets-mobile {
	margin: 0 auto;
}

.menu-footer li a {
	color: #fff !important;
}

.copyright {
	color: #fff !important;
}

.footer-bottom-content {
	float: none;
	text-align: center;
}

.navi-footer-in > .menu-footer {
	justify-content: center;
	margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
	.navi-footer-in > .menu-footer li.menu-item {
		width: 100%;
		display: block;
		flex: auto;
		padding: 0.3em 0;
		border: none; 
	}
}

.common_img {
	margin: 0 auto;	
}

.common_img2 {
	margin: 0 auto;	
}

/*  パソコン向けの設定  */

@media screen and (min-width: 768px) {
	.common_img {
		margin: 16px 0 0px 0;
		width: 40%;
		height: 40%;
	}

	.common_img2 {
		margin: 32px auto 16px;	
	}
}

/* メニューの設定  */

/*
#navi {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29);
}
*/

.pc_header_menu {
	background: rgba(0, 185, 0, 0.7) !important;
}

.pc_header_menu .item-label {
	color: #fff !important;
}

@keyframes SubMenuFadeIn  {
	0% {
		transform: translateY(0%); opacity: 0;
	}
	100% {
		transform: translateY(0%); opacity: 1;
	}
}

.menu-content {
	background: rgba(255, 255, 255, 0.85) !important;
}

.search-menu-button {
	display: none;
}

.menu-header .menu-item {
	background: #fff;
}

.navi-in a {
	font-size: 0.9em;
}

/*  パソコン向けの設定  */

@media screen and (min-width: 768px) {
	.menu-header .menu-item:hover {
		background: #f0fff8;
	}
}

@media screen and (min-width: 835px) {
	.header-container {
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29);
	}
}


/*  モバイルメニューの設定  */
/*
.mobile-footer-menu-buttons .navi-menu-button:nth-child(2){
	background: rgba(0, 185, 0, 0.7);
}

.mobile-footer-menu-buttons .navi-menu-button:nth-child(3){
	background: rgba(61, 142, 250, 0.7);
}


.mb_menu_line {
	background: rgba(0, 185, 0, 0.7);
}

.mb_menu_mail {
	background: rgba(61, 142, 250, 0.7);
}

.navi-menu-button {
	background: rgba(0, 185, 0, 0.7);
}
*/

.mobile-footer-menu-buttons .navi-menu-button:nth-child(2){
	background-color: rgba(0, 185, 0, 0.7);
}

.mobile-footer-menu-buttons .navi-menu-button:nth-child(1){
	background: url("https://salon-snowrabbit.com/images/logo.png") no-repeat center center;
	background-size: contain;
	background-color: rgba(255, 255, 255, 0.8);
}

.mobile-footer-menu-buttons {
	display: flex;
	align-items: stretch;
	background: rgba(255, 255, 255, 0.7);
	font-size: 25px !important;
}

.mobile-footer-menu-buttons .menu-caption {
	font-size: 14px!important;
	opacity: 1!important;
}

ul.mobile-footer-menu-buttons.mobile-menu-buttons .menu-button-in>span, ul.mobile-footer-menu-buttons.mobile-menu-buttons .menu-button-in>a {
	color: #fff !important;
	text-shadow: none !important;
}

.menu-drawer li {
	border-bottom: 1px dotted #333;
}

.menu-drawer li:first-child{
	border-top: 1px dotted #333;
}

.menu-drawer .sub-menu  li{
	position: relative;
	border-bottom: none;
	border-top: none;
}

.menu-drawer .sub-menu a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	position: absolute;
	top: 7px;
	left: 2px;
	font-size: 1.5em;
}

.menu-drawer a {
	padding: 12px 16px !important;
}

.menu-content .menu-drawer {
	padding: 0 !important;
}

.menu-drawer .sub-menu {
	margin: 0;
}


/*  パソコン向けの設定  */

@media screen and (min-width: 835px) {
	.mobile-menu-buttons {
		display: none;
	}
	.no-mobile-header-logo .logo-header {
		display: block !important;
	}
	.admin-bar.mblt-header-mobile-buttons, .admin-bar.mblt-header-and-footer-mobile-buttons {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.sub-menu {
		background-color: #fce3f8 !important;
		animation: SubMenuFadeIn  .3s ease-out 0s 1 normal;
	}
}

/*  モバイルのヘッダー表示設定  */

.mobile-header-menu-buttons {
	width: 40%;
}

.mobile-header-menu-buttons {
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	background: rgba(255,255,255,.9);
}

/*
.mobile_header_logo {
background: url("https://livechat-brilliant.com/image/site_logo.png") no-repeat center center;
background-size: auto 32px;
}
*/

.mobile-header-menu-buttons .navi-menu-button {
	background: url("https://livechat-brilliant.com/image/site_logo.png") no-repeat center center;
	background-size: auto 32px;
}

.custom-menu-icon .fa-star:before{
	display: none;
}

.mobile-header-menu-buttons {
	z-index: 0;
}

/*  パソコン向けの設定  */

@media screen and (min-width: 835px) {

}

/*  spanの色、太さ、線の設定  */

.color_red {
	color: #ff2525;
	font-weight: bold;
}

.color_light_blue {
	color: #42c5ff;
	font-weight: bold;
}

.color_sakura_pink {
	color: #ffb2de;
	font-weight: bold;
}

.color_black {
	color: #000;
	font-weight: bold;
}

.color_blue {
	color: #0000ff;
	font-weight: bold;
}

.color_pink {
	color: #ff00ba;
	font-weight: bold;
}

.color_green {
	color: #a1ecc9;
	font-weight: bold;
}

.color_purple {
	color: #893fff;
	font-weight: bold;
}

.color_orange {
	color: #ff9300;
	font-weight: bold;
}

.color_gray {
	color: #a3a3a3;
}

.underline {
	text-decoration-line: underline;
}

/*  マーカー風デザイン設定  */

.marker_red {
	background:linear-gradient(transparent 60%, #ff7f7f 60%);
	font-weight:bold; 
}

.marker_pink {
	background: linear-gradient(transparent 60%, #ffc1e0 60%);
	font-weight: bold; 
}

.marker_blue {
	background: linear-gradient(transparent 60%, #7fbfff 60%);
	font-weight: bold; 
}

.marker_yellow {
	background: linear-gradient(transparent 60%, #ffdc00 60%);
	font-weight: bold; 
}

.marker_green {
	background: linear-gradient(transparent 60%, #a1ecc9 60%);
	font-weight: bold; 
}

.marker_light_blue {
	background: linear-gradient(transparent 60%, #c1ffff 60%);
	font-weight: bold; 
}

.marker_orange {
	background: linear-gradient(transparent 60%, #ffbf7f 60%);
	font-weight: bold; 
}

.marker_purple {
	background: linear-gradient(transparent 60%, #ce9eff 60%);
	font-weight: bold; 
}

hr {
	max-width: 1280px;
	margin: 50px auto;
	border: none;
	border-bottom: 2px dotted #ff24bc;
}


/*  見出しのデザイン設定  */

.caption {
	position: relative;
	padding: 12px 0 5px 36px !important;
	margin: 32px 10px 0px 16px !important;
	font-size: 1.2rem !important;
	font-weight: bold;
	color: #ff95af !important;
	border-left: none !important;
	background: transparent !important;
}

.caption:before,
.caption:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid #ffbdc2;
	position: absolute;
	top: 18px;
	left: 5px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.caption:after {
	top: 19px !important;
	left: 15px !important;
	height: 12px !important;
	width: 12px !important;
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
	border: none;
	margin-top: 0 !important;
	background: rgba(255, 189, 194, 0.6) !important;
}

.common_h2 {
	border: none !important;
	padding: 12px !important;
	text-align: center;
	color: #7cfef1 !important;
	font-size: 1.4em !important;
	background-color: transparent !important;
	background-image: none !important;
	margin: 0.5em 0 1em !important;
}

.common_h2::after {
	background-image: none !important;
}

h3 {
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
}

.common_h3 {
	background: transparent !important;
	border: 1px solid #ffbdc2 !important;
	color: #ff95af;
	margin: 30px 6px !important;
	padding: 10px !important;
	position: relative;
	z-index: 0;
	font-size: 1.2em !important;	text-align: center;
}

.common_h3:before {
	border: 2px solid #ffbdc2;
	content: '';
	display: block;
	position: absolute;
	top: -8px;
	bottom: -8px;
	left: -8px;
	right: -8px;
	z-index: -1;
}

.common_h3:after {
	background: none;
}

h3.common_h3_prt2 {
	position: relative;
	padding-left: 30px;
	line-height: 1;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 16px;
	text-align: left;
	border: none;
}

h3.common_h3_prt2:before {
    position: absolute;
	top: 10px;
	left: 0px;
    content: "";
    width: 20px;
    height: 20px;
    background: #bfa178;
}

h3.common_h3_prt2:after {
	background: none;
}

/*  パソコン向けの設定  */

@media screen and (min-width: 768px) {
	.common_h2 {
		text-align: center;
		font-size: 2em !important;
	}

	.common_h3 {
		margin: 50px 6px 16px !important;
		font-size: 1.4em !important;
	}

	.common_h4:before {
		left: 0;
		top: 0;
	}
	
	h3.common_h3_prt2 {
		padding-left: 45px;
	}
	
	h3.common_h3_prt2:before {
		top: 12px;
		left: 16px;
	}
}

@media screen and (min-width: 1023px) {
	.caption {
		margin-left: 40px !important;
		font-size: 1.3rem !important;
	}

	.common_h2 {
		margin-bottom: 16px!important;
	}
}

/*  メインセクションの設定  */

.main_section_wrapper{
	background: #fff;
	padding: 5px 10px;
	margin: 0 auto;
}

.main_section {
	max-width: 1280px;
	margin: 32px auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;	
}

.main_section p,
.main_section2 p,
.main_section3 p{
	padding:0 10px;
}

.main_sec_p {
	margin-left: 0;
}

/*  背景色を変えたい場合に使用  */
.main_section_wrapper2 {
	margin: 64px auto;
	padding: 5px 10px;
	background: #fafafa;
}

.main_section_wrapper2 h2,
.main_section_wrapper2 p {
	margin-left: auto;
}

.main_section div p,
.main_section3 div p {
	margin-left: 0px;
}

/*  スマホで画像を横幅いっぱいに表示させたい場合に使用  */
.main_section_wrapper3 {
	background: #fff;
	padding: 5px 0px;
	margin: 0 auto;
}

.main_section_wrapper3 .common_h3_prt2 {
	margin: 5px 10px;
}

.main_section_wrapper3 p {
	padding: 0px 16px;
}

.main_section_wrapper:first-child,
.main_section_wrapper2:first-child,
.main_section_wrapper3:first-child {
	margin: 0 auto;
}


/*  パソコン向けの設定  */

@media screen and (min-width: 768px) {
	.main_section_wrapper p,
	.main_section_wrapper2 h2,
	/*.main_section_wrapper2 p*/,
	.main_section_wrapper3 p {
		margin-left: 40px;
	}

	.main_section p,
	.main_section2 p {
		padding:0 16px;
	}

	.main_section_wrapper,
	.main_section_wrapper3 {
		background: #fff;
		padding: 10px;
		margin: 64px auto;
	}

	.main_section {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.main_sec_p {
		margin-left: 32px;
	}

	.main_section div p {
		margin-left: 25px;
	}
}

.main_section2 {
	max-width: 1280px;
	margin: 0 auto;
}

/*  768px用のセクションの設定  */
.main_section3 {
	max-width: 1280px;
	margin: 32px auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;	
}

.section3_img {
	margin: 0 auto;
	box-shadow: 15px 15px #a1ecc9;
}

/*  パソコン向けの設定  */

@media screen and (min-width: 768px) {
	.main_section3 {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		align-items: center;
	}

	.main_section3 p{
		padding:0 16px;
	}

	.main_section3 div p {
		margin-left: 25px;
	}

	.section3_img {
		margin: 16px 0 0px 0;
		max-width: 40% !important;
		max-height: 40% !important;
	}
}

/*  SNSアイコンのレイアウト  */

.sns_icon_wrapper {
	margin: 0 auto;
	padding: 1px;
	/*background: #fefce6;:*/
	text-align: center;
}

/* SNSアイコン */

.flowbtn{
	border-radius: 4px;
	position:relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height:50px;
	font-size: 32px;
	color: #fff!important;
	transition:.5s;
	text-decoration:none;
	box-shadow:0 1px 2px #999;

}

/* Twitter */

.fl_tw{
	background:#55acee;

}

/* Facebook */

.fl_fb{
	background:#3b5998;
}

/* YouTube */

.fl_yu{
	background:#fc0d1c;
}

/* TikTok */

.fl_tt{
	background:#000;
}

/* Instagram紫グラデ背景 */

.insta_btn {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: -webkit-linear-gradient(315deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	overflow: hidden;
	font-size: 42px;
}

/* Instagramオレンジグラデ背景 */

.insta_btn:before{
	content: '';
	position: absolute;
	top: 23px;
	left: -18px;
	width: 65px;
	height: 65px;
	background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
	background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}

.insta_btn .fa-instagram {
	color: #fff;
	position: relative;
	z-index: 2
}

/* ボタン全体の位置調整 */

.sns_icon{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0!important;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
	list-style: none;
}

/* ボタン同士の余白調整 */

.sns_icon li{
	text-align: center;
	margin: 0 10px!important;
}

.fl_tw:hover {
	background: #75c4ff !important;
}
.fl_fb:hover {
	background: #3a6cd4 !important;
}
.fl_yu:hover {
	background: #ff5761 !important;
}

/*  パソコン、タブレット向けの設定  */

@media screen and (min-width: 1023px) {
	/* ボタンマウスホバー時 */
	.flowbtn:hover {
		-webkit-transform:translateY(-5px);
		-ms-transform:translateY(-5px);
		transform:translateY(-5px);
	}
}

/*  LINE@画像の設定  */

.youtube_banner {
	margin: 30px 0 0;
	text-align: center;
}

.youtube_banner img {
	border-radius: 5px;
	border: solid 3px #ff95af;
}

/*  パソコン、タブレット向けの設定  */

@media screen and (min-width: 768px) {

}

/*  共通で使うボタンの設定  */

.common_btn {
	text-align: center;
	margin: 64px auto 40px;
}

.common_btn a {
	padding: 14px 15px 14px 50px;
	border-radius: 50px;
	box-shadow: 3px 3px #91e3bd;
	color: #fff;
	background-color: #a1ecc9;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

.common_btn a:hover{
	background: #91e3bd;
	color: #fff;
}

.common_btn .fa-chevron-circle-right {
	font-size: 1.6em;
	margin-left: 35px;
	vertical-align: middle; /*  上下センター合わせ  */
}

.athome_btn {
	margin: 60px auto 80px !important;
}

/*  パソコン向けの設定  */

@media screen and (min-width: 768px) {
	.athome_btn {
		margin: 16px auto 80px !important;
	}
}

/*  最下部応募ボタン関連のレイアウト  */

.apply_box_wrapper {
	margin: 0 auto;
	padding: 10px;
	background: url("https://livechat-brilliant.com/image/bg_img04.jpg") no-repeat center center;
	background-size: cover;
}

.main_sec_p1 {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
		-1px 1px 0 #000, 1px -1px 0 #000,
		0px 1px 0 #000,  0-1px 0 #000,
		-1px 0 0 #000, 1px 0 0 #000;
}

.main_sec_p1 p {
	display: inline-block;
	text-align: left;
	margin: 16px 12px;
	padding: 0 5px;
}

.apply_box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	padding: 10px 12px;
	position: relative;

	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1280px;
	text-align: center;

	border: 0px solid rgba(255, 255, 255, 1);
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.apply_img {
	width:50%;
}

/*　各種問い合わせリンクボタン  */

.line_container {
	width: 100%;
	margin: 32px auto;
}

.mail_container {
	width: 100%;
	margin: 0 auto 32px;
}

.line_btn,
.mail_btn {
	display: inline-block;
	width: 100%;
	height: 80px;
	border-radius: 3px;
	font-weight: bold;
	position: relative;
}

/*　ボタンの文字を上下センターに配置　*/

.line_btn p,
.mail_btn p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	width: 100%;
	text-align: center;
	margin: 0;
	color: #fff;
	text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
		-1px 1px 0 #000, 1px -1px 0 #000,
		0px 1px 0 #000,  0-1px 0 #000,
		-1px 0 0 #000, 1px 0 0 #000;
}

.line_btn {
	padding: 1em 1em;
	border: solid 2px #00e61a;
	border-bottom: solid 4px #00e61a;
	font-size: 1.6em;
	background-color: rgba(242, 255, 235, 0.7);
}

.line_btn:active{
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: solid 2px #00e61a;
}

.mail_btn{
	border: solid 2px #33bfff;
	border-bottom: solid 4px #33bfff;
	font-size: 1.6em;
	padding: 1em 1em;
	background-color: rgba(240, 250, 255, 0.7);
}

.mail_btn:active{
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: solid 2px #ff9300;
}

.line_container .fa-chevron-circle-right,
.mail_container .fa-chevron-circle-right {
	font-size: 1.1em;
	margin-left: 16px;
}

/*  パソコン向けの設定  */

@media screen and (min-width: 768px) {
	.apply_box {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		align-items: center;
		margin: auto;
	}

	.line_container, 
	.mail_container {
		width: 50%;
		margin: 25px 16px;
		padding: 25px 0;
	}

	.line_btn,
	.mail_btn {
		height: 130px;
	}

	.line_btn:hover {
		background: #f2ffeb;
		color: #fff;
	}
	.mail_btn:hover{
		background: #f0faff;
		color: #fff;
	}
}

/*  パソコン、タブレット向けの設定  */

@media (min-width: 647px) {
	.main_sec_p1{
		font-size: 1.5em;
	}
	.main_sec_p1 br {
		display: none;
	}
}

@media screen and (min-width: 842px) {
	.main_sec_p1{
		font-size: 2em;
	}
}

.common_frame {
	/*background: url("https://livechat-brilliant.com/image/common_frame300.png") no-repeat;
	background-size: cover;*/
}

.common_frame p {
	margin: 16px 20px;
}

/* ============ トップページのレイアウト ============ */


/*  マージン調節用  */
.mgn_h3_top {
	margin-top: 70px;
}

.mgn_combtn_top {
	margin-top: -30px;
}

/*  トップバナーの設定  */

.top_banner_wrapper {
	/*background: linear-gradient(77.91deg,#0f2c35 -.63%,#284b54 46.54%,#0f2c35 100%);*/
	
	/* Gradient in Hex */
	background: /* Gradient in Hex */
		linear-gradient(to right, #DDFAFF 0%, 5.514705926179886%, #E5F8FF 11.029411852359772%, 24.632353335618973%, #E2F4FE 38.235294818878174%, 45.77205777168274%, #F1F8FE 53.308820724487305%, 64.88970518112183%, #D8F3FE 76.47058963775635%, 88.23529481887817%, #E0F9FE 100%);

	/* Gradient in RGBA */
	background: linear-gradient(to right, rgba(221, 250, 255, 1) 0%, 5.514705926179886%, rgba(229, 248, 255, 1) 11.029411852359772%, 24.632353335618973%, rgba(226, 244, 254, 1) 38.235294818878174%, 45.77205777168274%, rgba(241, 248, 254, 1) 53.308820724487305%, 64.88970518112183%, rgba(216, 243, 254, 1) 76.47058963775635%, 88.23529481887817%, rgba(224, 249, 254, 1) 100%);
}

.top_banner_inner {
	margin: -89px auto 0 !important;
	max-width: 1290px;
}


.top_img_pc,
.top_img_sp {
	width: 100%;
}


/*  パソコン、タブレット向けの設定  */

@media screen and (min-width: 768px) {
	/*.top_banner_wrapper {
		margin: -113px auto 0 !important;
	}*/
	
	.top_banner_inner {
		margin: 0px auto 0px !important;
	}
}

@media screen and (min-width: 835px) {
	.top_banner_wrapper {
		margin: -53px auto 0 !important;
	}
	
	.mgn_combtn_top {
		margin-top: 100px;
	}
}

/*  スタッフ紹介  */

.staff_img_wrapeer {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	margin: 0 auto 16px;
}

.staff_img {
	margin-bottom: 12px;
	margin-right: 8px;
}

.staff_img:last-child {
	margin-right: 0;
}

.staff_img_wrapeer .staff_img {
	background: #fff;
	padding: 6px; 
	border: solid 1px #333;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	text-align: center;
}

.staff_img p {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #7cfef1 ;
	letter-spacing: 0.06em;
}

/*  パソコン、タブレット向けの設定  */

@media screen and (min-width: 768px) {
	.staff_img_wrapeer {
		-webkit-justify-content: space-around;
		justify-content: space-around;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		margin: 0 auto 32px;
	}

	.staff_img_wrapeer .staff_img {
		margin-bottom: 18px;
		width: 35%;
		max-height: 35% !important;
		box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
	}

	.staff_img p {
		font-size: 1.5em;
	}
}

/*  メインセクションの設定  */

.top_section_wrapper {
	margin: 32px auto;
	padding: 10px;
	background: url("https://salon-snowrabbit.com/images/top_bg_img.jpg") no-repeat center center;
	background-size: cover;
}

.main_section_top_inner {
	margin: 40px auto;
	padding: 16px 10px 0px;
	background-color: rgba(255, 255, 255, 0.7);
}

.top_setsubi_wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 45px auto 8px;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 1280px;
}

.top_setsubi1,
.top_setsubi2,
.top_setsubi3 {
	background-color: #fff;
	border: 1px solid #ffbdc2;
	border-right: 20px solid #ffbdc2;
	box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	color: #ff95af;
	padding: 30px 20px;
	position:relative;
	width: 100%;
	margin: 15px auto;
	font-size: 1.1em;
	text-align: center;
}

.top_setsubi1:after,
.top_setsubi2:after,
.top_setsubi3:after {
	box-shadow: 0 15px 10px rgba(0, 0, 0, .1); /* 付箋の影 */
	content: '';
	position: absolute;
	transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	bottom: 15px;
	right: -3px;
	width: 85%;
	height: 10px;
	z-index: -1;
}

/*
.top_setsubi1,
.top_setsubi2,
.top_setsubi3 {
max-width: 100%;
display: inline-block;
text-decoration: none;

}

.top_setsubi1 img,
.top_setsubi2 img,
.top_setsubi3 img {
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
margin-bottom: 16px
}
*/

.common_center_p {
	margin: 16px 0px;
}

.common_p {
	margin: 16px 0px;
}


.common_wrap2_p {
	margin: 16px 32px !important;
}


/*  パソコン向けの設定  */

@media screen and (min-width: 1023px) {
	.top_setsubi_wrapper {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		padding: 0;
	}

	.top_setsubi1,
	.top_setsubi2,
	.top_setsubi3 {
		width: 33%;
	}

	.top_setsubi1 {
		margin-left: 0 !important;
	}

	.top_setsubi2,
	.top_setsubi3 {
		margin-left: 12px !important;
	}
}

.top_effort_wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 45px auto 8px;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 1280px;
}

.top_effort_wrapper p {
	padding: 0 10px 10px;
	margin-left: 0;
}

/*  パソコン向けの設定  */

@media screen and (min-width: 768px) {
	.top_effort_wrapper {
		padding: 0;
	}

	.top_effort_wrapper img{
		width: 35%;
	}

	.top_effort_wrapper p {
		padding: 0 6px 32px 32px;
	}
	/*  テキストを左揃えでセンタリング */
	.common_center_p {
		margin: 16px auto;
		text-align: center;
		max-width: 1100px;
	}

	.common_center_p p {
		display: inline-block;
		text-align: left;
	}
	
	.common_p {
		margin: 16px auto;
		max-width: 1100px;
	}

	.common_p p {
		display: inline-block;
		text-align: left;
	}
}

/*  SHR脱毛のメリット  */

.shr_merit_box {
	margin: 20px auto 0px;
	padding: 0;
	width: 100%;
}

.shr_merit_list {
	padding: 0 !important;
}

.shr_merit_img {
	margin: 0 auto 0;
}

.shr_merit_text_area {
	padding: 75px 0px 10px 6px;
	margin: -30px 16px 20px 0px !important;
    -ms-flex-preferred-size: calc(100% - 80px);
    flex-basis: calc(100% - 80px);
    position: relative;
    z-index: 50;
}

.shr_merit_text_area:before {
	content: "";
    display: block;
    background: #fff;
    border: 1px solid #7cfef1;
    width: calc(100% + 0px);
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 15px;
}

.shr_merit_num {
	background: #7cfef1;
    width: 100px;
    height: 100px;
    margin: 0;
    padding: 25px 0 0!important;
    text-align: center;
    line-height: 1;
    color: #fff;
    font-family: "marcellus", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    position: absolute;
    top: 5px;
    left: calc(50% - 40px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
}

.shr_merit_num span {
    display: block;
    font-size: 2.5rem;
}

.shr_merit_num:after {
    content: "";
    display: block;
    width: calc(100% - 18px);
    height: calc(100% - 10px);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 2px solid #fff;
    border-radius: 50%;
    pointer-events: none;
}

.shr_merit_subtitle {
	margin: 0 0 25px;
    line-height: 1;
    position: relative;
    text-align: center;
	font-size: 1.5em;
	color: #d08258;
}

.shr_merit_text {
	margin: 0px 0px;
    position: relative;
    z-index: 2;
	padding-left: 18px !important;
	padding-right: 6px !important;
	font-size: 1.1em;
}

.shr_merit_section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 40px;
}

@media screen and (min-width: 768px) {	
	.shr_merit_section {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-bottom: 100px;
	}
	
	.shr_merit_box {
		margin-top: 40px;
		padding: 0 0.5em;
	}
	.shr_merit_img {
		margin: -25px -250px 0 0;
		min-width: 640px;
		width: 100%;
	}
	
	.shr_merit_text_area {
		margin: 30px 30px 20px 0 !important;
		-ms-flex-preferred-size: calc(100% - 80px);
		flex-basis: calc(100% - 430px);
		padding-left: 0;
	}
	
	.shr_merit_text_area:before {
		left: -40px;
		width: calc(100% + 80px);
	}
	
	.shr_merit_text {
		padding: 0!important;
		font-size: 1em;
	}
	
	.shr_merit_subtitle {
		margin: 0 0 0px;
		font-size: 1.6em;
	}
}

/*  光フォトについて  */

.lightfot_wrapper {
	background: url("https://salon-snowrabbit.com/images/lightfot_bg_img.jpg") no-repeat center center;
	background-size: cover;
	/*background: #fff9f5;*/
}

.lightfot_wrapper .common_h2 {
	color: #ff1460 !important;
}

/*  メディア掲載  */

.media_box_wrap {
	width: 750px;
	max-width: 100%;
	margin: 20px auto;
}

.media_box {
	padding: 1em !important;
	margin: 32px 0 50px !important; 
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
}

.media_banner {
	margin: 30px 0 0;
	text-align: center;
}

.media_banner img {
	border-radius: 8px;
	border: solid 3px #47d9ff;
}

/* ============ お仕事内容のレイアウト ============ */

.about_flow_step {
	position: relative;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0;
}

.flow_step {
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 0px;
	font-size: 1.15em;
	color: #62c1ce;
	font-weight: bold;
	letter-spacing: 1px;
}

.about_flow_h3 {
	margin-left: 0px !important;
	padding: 18px 10px 8px 30px !important;
	/*border-bottom: 4px double #ff24bc !important;*/
	font-size: 1.2em !important;
	max-width: 520px;
	position: relative;
	background: transparent !important;
}

.about_flow_h3:before {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px rgb(218, 98, 113);
}

.about_flow_h3:after {
	position: absolute;
	content: '';
	bottom: -3px;
	left: 10px;
	width: 100%;
	border-bottom: solid 3px rgb(218, 98, 113);
	background: none;
}

/*  パソコン向けの設定  */

@media screen and (min-width: 1023px) {
	.about_flow_step {
		padding: 0.5em 1em;
	}

	.flow_step {
		top: -10px;
		left: 40px;
		height: 30px;
		font-size: 1.4em;
	}

	.about_flow p {
		margin-left: 32px;
	}

	.about_flow_h3 {
		margin-left: 25px !important;
		font-size: 1.4em !important;
	}
}

/* ============ 幅広い年代が活躍のレイアウト ============ */

.broad_age_list {
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 32px;
}

.broad_age_img {
	box-shadow: 2px 1px 3px #eee;
}

/* ============ マダム層大募集のレイアウト ============ */

.madam_p {
	margin-top: 64px;
}

.madam_p_list {
	margin: 0;
}

.madam_p_list p{
	margin: 0 0 0 40px;
}


/* ============ 注意確認事項のレイアウト ============ */

.warning_box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin: 32px 2px;
}

.warning_box_wrap {
	width:100%;
	overflow:hidden;
	border-radius:4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.warning_title {
	background: #7cfef1;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding:0em 1em;
	font-size:1.5em;
	line-height:1.5;
	height:55px;
	display:table-cell;
	vertical-align:middle;
	width:1280px;
}

.warning_title {
	border-radius:4px 0 0 0;
}

.list_wrap{
	padding:1.5em;
	font-size:0.75em;
	line-height:2;
	text-align: justify;
	text-justify: inter-ideograph;
	/*background:#f5fffe !important;*/
	background: #fff;
	height:100%;
}

.warning_box p {
	padding: 0;
	margin: 0 0 20px 0;
}

/*スマホで見たとき*/
@media screen and (max-width: 767px){
	.warningt_title {
		font-size:1em;
		height:45px;
	}

	.list_wrap {
		padding: 1.2em;
	}
}

.warning_box .list{
	list-style: none !important;
	padding:0 !important;
	margin:0 !important;
	border:none !important;
	font-size: 1.2em;
}

.warning_box .list li { 
	border-bottom: 1px dashed #cdcdcd;
	position: relative;
	margin: 0.5em 0 !important;
	max-width: 100%;
	padding: 0 0 0.7em 1.4em !important;
	line-height:1.8;
}

.warning_box .list li:last-child{ 
	border:none;
}

.warning_box .list li:before {
	background-color:  #7cfef1;
	position: absolute;
	content: '';
	top: 10px;
	left: 0px;
	width: 12px;
	height: 12px;
	border-radius: 10px;
}

/*スマホで見たとき*/
@media screen and (max-width: 767px){
	.warning_box .list li:before {
		top: 8px;
		left: 0px;
		width:9px;
		height:9px;
	}
}

/*  パソコン向けの設定  */

@media screen and (min-width: 768px) {
	.warning_box .list {
		font-size: 1.5em;
	}
	.warning_box_wrap {
		width:85%;
		margin: 0 auto;
	}
}

.list_number ol {
  counter-reset: count 0;
}

.list_number li:before {
  content: counter(count) ". ";
  counter-increment: count 1;
}

@media screen and (min-width: 768px) {
	.list_number li:before {
		display: none;
	}
}


.room_img_wrapeer {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 auto;
}

.room_img {
	margin-bottom: 0px;
}

.room_img2 {
	text-align:center;
	width: 95%;
	max-width: 500px;
}

.room_img_p {
	margin-top: 35px;
	margin-bottom: 25px;
}

.setsubi_box {
	position: relative;
	margin: 70px 0;
	padding: 1.5em 0.2em 0;
	border: dotted 3px #a1ecc9;
	border-radius: 8px;
	text-align: center;
}

.setsubi_box:last-child {
	margin-bottom: 0;
}

.setsubi_box .setsubi_box_title {
	position: absolute;
	display: inline-block;
	top: -30px;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0 6px;
	line-height: 1;
	font-size: 19px;
	background: #FFF;
	color: #95ccff;
	font-weight: bold;
}

.setsubi_box p {
	display: inline-block;
	text-align: left;
}

/*  パソコン、タブレット向けの設定  */

@media screen and (min-width: 768px) {
	.room_img_wrapeer {
		-webkit-justify-content: space-around;
		justify-content: space-around;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-bottom: 40px;
	}
	.room_img {
		width: 45%;
		height: 45% !important;
		margin-bottom: 0;
	}

	.room_img2 {
		margin: 50px auto;
		width: 100%;
	}

	.setsubi_box {
		margin: 100px 0;
	}

	.setsubi_box .setsubi_box_title {
		top: -50px;
	}
}

/* ============ 報酬についてのレイアウト ============ */

.reward_about_section {
	max-width: 1280px;
	margin: 0 auto;
	padding:0;
}

.reward_section_wrapper {
	background: url("https://livechat-brilliant.com/image/bg_reward_img01.jpg") no-repeat center center;
	background-size: cover;
}

.reward_section_inner {
	margin: 50px auto;
	padding: 16px 6px;
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-box-shadow: 0px 0px 5px #faf5f9;
	box-shadow: 0px 0px 5px #faf5f9;
}

.reward_section_inner p {
	margin-left: 0;
}

.reward_h2 {
	border: none !important;
	margin: 0 !important;
	padding: 12px !important;
	text-align: center;
	color: #333 !important;
	font-size: 1.5em !important;
	background-color: transparent !important;
	background: none;
}

.reward_h2::after {
	background-image: none !important;
}

.reward_h3 {
	margin-left: 0px !important;
	padding: 8px 12px !important;
	font-size: 1.15em !important;
	max-width: 520px;
	position: relative;
	background: transparent !important;
}

.reward_h3:before {
	position: absolute;
	content: '';
	bottom: -3px;
	right: -3px;
	width: 0;
	height: 0;
	border: none;
	border-right: solid 15px transparent;
	border-bottom: solid 15px #ffbdc2;
}

.reward_h3:after {
	position: absolute;
	content: '';
	bottom: -3px;
	right: 0;
	width: 100%;
	border-bottom: solid 3px #ffbdc2;
	background: none;
}

.reward_ex {
	position: relative;
	margin: 0;
	padding: 1.5em 0.5em 1.5em 0;
}

.reward_ex_title {
	position: absolute;
	display: inline-block;
	top: 15px;
	left: 7px;
	font-size: 1.4em;
	color: #a1ecc9;
	font-weight: bold;
	letter-spacing: 1px;
}

.reward_img {
	margin-top: 16px;
}

@media screen and (min-width: 768px) {
	.reward_about_section p{
		margin-left: 0 !important;
	}

	.reward_h2 {
		font-size: 1.7em !important;
	}
	.reward_h3 {
		padding: 8px 10px 8px 30px !important;
	}

	.reward_ex {
		padding: 0.5em 1em;
	}

	.reward_ex_title {
		top: 5px;
		left: 43px;
		font-size: 2em;
	}
}

@media screen and (min-width: 1023px) {
	.reward_about_section {
		padding: 0 12px 0 0px;
	}
	.reward_about_section:last-child {
		padding-left: 12px;
		padding-right: 0px;
	}
}

.interview_box_wrap {
	width: 1280px;
	max-width: 100%;
	margin: 20px auto;
}

.interview_box {
	padding: 1em !important;
	margin: 0; 
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29);
}

/* ============ 完全在宅専門求人のレイアウト ============ */

/*  トップバナーの設定  */

.main_section_athome_inner {
	margin: 0 auto;
	padding: 30px 0px 10px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

/*  応募の流れのレイアウト設定  */

.athome_flow {
	margin: 0 auto !important;
	padding: 0;
}

.athome_flow dd {
	margin-left: 16px;
}

.athome_flow > li {
	position: relative;
	list-style-type: none;
}

.athome_flow > li:not(:last-child) {
	margin-bottom: 50px;
}

.athome_flow > li:not(:first-child)::before {
	content: "";
	height: 90px;
	display: block;
	border-left: 4px dotted #e5e5e5;
	position: absolute;
	top: -50px;
	left: -webkit-calc(10% + 30px - 2px);
	left: calc(10% + 30px - 2px);
	z-index: 10;
}

.athome_flow > li dl {
	width: 100%;
	padding: 20px 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid rgb(161,236,201);
	border-radius: 10px;
	position: relative;
}

.athome_flow > li:not(:last-child) dl::before,
.athome_flow > li:not(:last-child) dl::after {
	content: "";
	border: solid transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.athome_flow > li:not(:last-child) dl::before {
	border-width: 22px;
	border-top-color: rgb(161,236,201);
}

.athome_flow > li:not(:last-child) dl::after {
	border-width: 20px;
	border-top-color: #fff;
}

.athome_flow > li dl dt {
	font-size: 1.1em;
	font-weight: 600;
	color: rgb(99,222,165);
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
	margin-right: 2vw;
	text-align: center;
}

.athome_flow > li dl dt .athome_icon {
	font-size: 0.85em;
	color: #fff;
	background: rgb(161,236,201);
	background: -moz-linear-gradient(left, rgba(161,236,201,1) 0%, rgba(156,305,215,1) 100%);
	background: -webkit-linear-gradient(left, rgba(161,236,201,1) 0%, rgba(156,305,215,1) 100%);
	background: linear-gradient(to right, rgba(99,222,165,1) 0%, rgba(104,255,205,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
	padding: 5px 20px;
	margin-bottom: 10px;
	display: block;
	border-radius: 20px;
	position: relative;
	z-index: 100;
}

.athome_img {
	margin: -20px auto 32px;
}

/*  パソコン向けの設定  */

@media screen and (min-width: 768px) {
	.athome_flow > li dl dt {
		font-size: 1.2em;
	}

	.athome_flow > li dl dt .athome_icon {
		font-size: 0.85em;
		padding: 5px 10px;
	}

	.athome_img {
		margin: 0 auto;
	}
}

/*  メリット装飾の設定  */

.athome_merit_box {
	margin: 32px auto 50px;
	padding: 0;
	width: 100%;
}

.athome_merit_list {
	padding: 0 !important;
}

.athome_merit_list li{
	border: solid 2px #74f6ea;
	border-left: solid 12px #74f6ea;
	margin: 0 0 16px !important;
	padding: 1.2em 1em;
	list-style-type: none;
	width: 100%;
	color: #12e2cf;
	font-weight: bold;
}

.athome_merit_list p {
	padding: 0 0.5em;
	margin-left: 0;
	margin-bottom: 32px;
}

@media screen and (min-width: 768px) {
	.athome_merit_box {
		margin: 32px auto 0;
		padding: 0 0.5em;
		width: 805;
		max-width: 850px;
	}
	.athome_merit_list li{
		font-size: 1.1em;
	}
}

/*  お仕事開始から報酬受け取りまで  */

.athome_img2 {
	border-radius: 50%;
	width: 120px;
	height: 120px;
	margin: 16px auto;
}

.athome_section {
	max-width: 1280px;
	margin: 32px auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;	
}

.athome_section p {
	margin: 0 0 0 16px;
}

.athome_h3 {
	margin: 0 !important;
	color: #bd94ff;
	border: none !important;
}

.athome_h3:after {
	background: none;
}

@media screen and (min-width: 768px) {
	.athome_section p {
		margin: 0 0 0 64px;
	}

	.athome_h3 {
		margin: 0 50px !important;
		color: #bd94ff;
	}
	
	.athome_img2 {
		margin: 0 0 0 32px;
		width: 200px;
		height: 200px;
	}
}

.athome_hr {
	border-bottom: 3px dotted #ddd;
}


/* ============ よくある質問のレイアウト ============ */

.faq_section {
	max-width: 1280px;
	margin: 0 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.faq_q,
.faq_a {
	position: relative;
	display: inline-block;
	margin: 15px 12px 10px 3px;
	padding: 0 5px;
	min-width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	background: #426fff;
	border-radius: 50%;
	box-sizing: border-box;
}

.faq_q:before,
.faq_a:before {
	content: "";
	position: absolute;
	bottom: 5px;
	right: -20px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #426fff;
	z-index: 0;
}

.faq_a {
	background: #ff4248;
}

.faq_a:before {
	border-left: 15px solid #ff4248;
}


.faq_h3 {
	font-size: 1.3em !important;
	margin: 42px 6px 0 !important;
	padding: .25em .5em !important;
	border-left: solid 5px #7db4e6 !important;
	font-weight: bold;
	background: transparent !important;
}

.faq_h3:after {
	background: none;
}

.faq_q_p {
	margin-left: 12px !important;
	font-size: 1.15em;
}

.faq_a_p {
	margin-left: 12px !important;
	margin-right: 6px !important;
	font-size: 0.9em;
}

.faq_hr {
	max-width: 1280px;
	margin: 20px auto;
	border: none;
	border-bottom: 2px dotted #c4c4c4;
}


/*  パソコン向けの設定  */

@media screen and (min-width: 768px) {
	.faq_q,
	.faq_a {
		margin: 10px 15px 10px 16px;
		padding: 0 5px;
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 1.6em;
	}

	.faq_q:before,
	.faq_a:before {
		bottom: 15px;
		right: -23px;
	}

	.faq_q_p {
		margin-left: 30px !important;
		font-size: 1.35em;
	}

	.faq_a_p {
		margin-left: 30px !important;
		font-size: 1.05em;
	}
}

/* ========== お問い合わせフォーム ========== */

/*スマホContact Form 7カスタマイズ*/

@media(max-width:767px) {
	.entry-content .mail_form th,
	.entry-content .mail_form td {
		display:block;
		width:100%;
		border-top:none;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;	
	}

	.entry-content .mail_form tr:first-child th{
		border-top:1px solid #d7d7d7;
	}
}

.wpcf7 {
	max-width: 1280px;
	margin: 32px auto 64px !important;
}

/*見出し欄*/

.mail_form th{
	text-align:left;
	color:#444 !important;
	background:#f7f7f7 !important;
	padding: 10px 0;
}

/*通常欄*/

.mail_form td{
	border:solid 1px #d7d7d7 !important;	
	padding:16px 10px;
}

/*横の行とテーブル全体*/

.entry-content .mail_form tr,.entry-content table{
	width: 100%;
}

/*  必須・任意  */
.mail_required,
.mail_optional {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	color: #ffffff;
	line-height: 1.2;
	padding: 5px 7px;
	border-radius: 3px;
	margin: auto 1em auto 8px;
}

.mail_required {
	background: #d9534f;
	border: 1px solid #d43f3a;
}

.mail_optional {
	background: #337ab7;
	border: 1px solid #2e6da4;
}

/*  セレクトボックス  */
.birth_year {
	max-width: 100px;
}

.birth_month {
	max-width: 70px;
}

.birth_day {
	max-width: 70px;
}

/*ラジオボタンを縦並び指定*/

.verticallist .wpcf7-list-item{
	display:block;
}

/* 生年月日 */

.wpcf7-select{
	margin-top: 16px;
	margin-bottom: 16px;
}

.birth-year,
.birth-month,
.birth-day{
	margin-right: 5px;
}

/* ?入力エリア  */

.mail_form input[type="text"],
.mail_form input[type="email"],
.mail_form input[type="tel"],
.mail_form textarea {
	font-size: 16px;
}

.mail_form input[type="text"]:focus,
.mail_form input[type="email"]:focus,
.mail_form input[type="tel"]:focus,
.mail_form textarea:focus {
	-webkit-box-shadow: 0px 0px 5px #55ccff;
	box-shadow: 0px 0px 5px #55ccff;
	border: 2px solid #55ccff;
	background: #ffffff;
}

/*  送信ボタン  */

#mail_submit_button input[type="submit"] {
	background: #00e2ff;
	box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
	border-radius: 4px;
	color: #fff;
	transition: .3s;
	border:none;
	margin-top: 16px;
	width: 50%;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
}

#mail_submit_button input[type="submit"]:hover {
	cursor: pointer;
	background: #00ceff;
	box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
	border-radius: 4px;
}

#mail_submit_button {
	text-align:center;
}

.acceptance-442{
	margin-right: 8px;
}

/* 募集要項 */

.boshu{
	background:#fff ;
}

.boshu th{
	text-align:center;
	color:#444 !important;
	background:#f7f7f7 !important;
	width: 20%;
}

/*横の行とテーブル全体*/

.boshu th {
	border: 1px solid #333 !important;
	font-size: 1em;
}

.boshu td {
	border: 1px solid #333 !important;
	font-size: 1em;
	padding: 10px 16px;
}

@media(max-width:767px) {
	.boshu th,
	.boshu td {
		display:block;
		width:100%;
		border-top:none;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	/*.boshu tr:first-child th{
		border-top:1px solid #d7d7d7;
	}*/
}

.graph_paper {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #cccccc;
	margin: 32px 12px;
	padding: 0 16px 16px;
	background-image: -webkit-linear-gradient( transparent 95%, rgba(0, 144, 255, .1) 50%, rgba(0, 144, 255, 0.1)), -webkit-linear-gradient( 0deg, transparent 95%, rgba(0, 144, 255, 0.1) 50%, rgba(0, 144, 255, .1));
	background-size: 20px 20px;
	background-repeat: repeat;
}


/* ========== 動画アーカイブ ========== */

/*  テーマに設定されてるスタイルを上書き  */
.video-container{
	margin: 0 auto 32px !important;
}

.video_title{
	text-align: center;
}

/* ========== 料金ページのレイアウト ========== */

.fee_p {
	margin: 1em;
}

.menu_font {
	font-size: 0.75em;
}

.care_table{
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}


.care_table tr{
	/*height: 110px;*/
	line-height: 1.4;
}


.care_table th{
	text-align: left;
	padding: 16px 8px 16px 20px;
	width: 55%;
	font-size: 0.9em;
	background-color:#fff;
}


.care_table th:nth-child(1){
	border-bottom: 1px solid #eee;
}

/*
.care_table th:nth-child(2){
	background-color:#ffbdc2;
	color: #fff;
}

.care_table th:nth-child(3){
	background-color:#ffbdc2;
	color: #fff;
}

.care_table th:nth-child(4){
	background-color:#ffbdc2;
	color: #fff;
}
*/

.care_table td{
	text-align: right;
	width: 45%;
	font-size: 1.1em;
	padding: 16px 20px 16px 8px;
	background-color:#fff;
}

.care_table td:last-child{
	border-bottom: 1px solid #eee;
}

.fee_cont {
	margin-top: 40px;
	background: #f5f5f5;
}

@media screen and (min-width: 768px) {
	.fee_cont {
		margin-top: 64px;
	}
	.care_table th{
		width: 60%;
		font-size: 0.9em;
		padding-left: 24px;
	}
	.care_table td{
		width: 40%;
		font-size: 1em;
		padding-right 24px;
	}
}