@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	header.bs_header {
		position: relative;
		margin-top: -10px;
	  }

	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}





/* ================================================================================

	メイン画像

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/* 背景設定 */
	.main_top_box{
		background: #45A8E6;
	}
	.main_top {
		position: relative;
		height: 907px;
	}
	.main_top::after {
		position: absolute;
		content: '';
		background: url(../img/top_stripe_b.png) repeat-x top center / auto;
		width: 100%;
		height: 98px;
		top: -1px;
		left: 0;
	}
	.main_top::before {
		position: absolute;
		content: '';
		background: url(../img/w_nami.png) center top / contain repeat-x;
		width: 100%;
		height: 29px;
		bottom: -1px;
		left: 0;
		z-index: 1;
	}


	.main_top_in{
		position: relative;
		height: 100%;
	}
	.main_top_in::after {
		content: '';
		position: absolute;
		background: url(../img/b_back_l.jpg) left top / contain no-repeat;
		width: 396px;
		height: 581px;
		bottom: 0;
		left: 50%;
		margin-left: -959px;
	  }
	.main_top_in::before {
		content: '';
		position: absolute;
		background: url(../img/b_back_r.jpg) right top / contain no-repeat;
		width: 434px;
		height: 576px;
		right: 50%;
		margin-right: -960px;
	}


	/* ＝＝メイン画像設定＝＝

	四人の画像背景　吹き出しなし*/
	.main_top_in ul{
		position: relative;
	}
	.main_top_in > ul::before{
		position: absolute;
		content: "";
		display: inline-block;
		background: url(../img/mv.jpg) no-repeat center top / auto;
		width: 1272px;
		height: 694px;
		top: 158px;
		left: 50%;
		margin-left: -649px;
		z-index: 1;
		pointer-events: none;
	}



/* ＝＝＝中央の画像設定＝＝＝ */
	li.main_title_box {
		position: absolute;
		z-index: 1;
		display: inline-block;
		top: 0;
		left: 50%;
		margin-left: -950px;
	}

	/* 画像 */
	li.main_title_box > ul li.main_title01{
		position: absolute;
		top: 179px;
		left: 50%;
		margin-left: 638px;
	}
	li.main_title_box > ul li.main_title01 img{
		width: 645px;
		transform-origin: center;
		transition: 0.5s;
	}
	li.main_title_box:hover > ul li.main_title01 img{
		transform: rotate(5deg);
	}


	/* 画像 */
	li.main_title_box > ul li.main_title02{
		position: absolute;
		top: 529px;
		left: 50%;
		margin-left: 749px;
	}
	li.main_title_box > ul li.main_title02 img{
		width: 165px;
		transform-origin: center;
		transition: 0.5s;
	}
	li.main_title_box:hover > ul li.main_title02 img{
		transform: translateY(20px);
	}

	/* 画像 */
	li.main_title_box > ul li.main_title03{
		position: absolute;
		top: 587px;
		left: 50%;
		margin-left: 907px;
	}
	li.main_title_box > ul li.main_title03 img{
		width: 171px;
		transform-origin: center;
		transition: 1s;
	}
	li.main_title_box:hover > ul li.main_title03 img{
		transform: translateY(20px);
	}


/* ＝＝＝吹き出し設定＝＝＝ */
	/* 吹き出し1 */
	.hukidashi_01{
		position: absolute;
		top: 184px;
		left: 50%;
		margin-left: -506px;
		z-index: 1;
	}
	/* 吹き出2 */
	.hukidashi_02{
		position: absolute;
		top: 565px;
		left: 50%;
		margin-left: -471px;
		z-index: 1;
	}
	/* 吹き出し3 */
	.hukidashi_03{
		position: absolute;
		top: 391px;
		right: 50%;
		margin-right: -565px;
		z-index: 1;
	}
	/* 吹き出4 */
	.hukidashi_04{
		position: absolute;
		top: 626px;
		right: 50%;
		margin-right: -409px;
		z-index: 1;
	}

	/* 画像拡大する動き */
	.imgbox{
		width: 211px;
		height: 118px;
	}
	.imgbox-img{
		transition-duration: 0.3s;
		width: 100%;
	}
	.imgbox-img:hover{
		transform: scale(1.2);
		transition-duration: 0.3s;
	}

}

/* PC設定　1920px以上の場合に適用
----------------------------------------------- */
@media (min-width: 1920px) {

	.main_top{
		position: relative;
		height: 907px;
	}
	.main_top::after {
		position: absolute;
		content: '';
		background: url(../img/top_stripe_b.png) repeat-x top center / auto;
		width: 100%;
		height: 98px;
		top: -1px;
		left: 0;
	}

	.main_top::before {
		position: absolute;
		content: '';
		background: url(../img/w_nami.png) center top / contain repeat-x;
		width: 100%;
		height: 29px;
		bottom: -1px;
		left: 0;
		z-index: 1;
	}
	  .main_top_in::after {
		content: '';
		position: absolute;
		background: url(../img/b_back_l.jpg) left top / contain no-repeat;
		width: 396px;
		height: 581px;
		bottom: 0;
		left: 0;
		margin-left: 0;
	  }
	  .main_top_in::before {
		content: '';
		position: absolute;
		background: url(../img/b_back_r.jpg) right top / contain no-repeat;
		width: 434px;
		height: 576px;
		top: 0;
		right: 0;
		margin-right: 0;
	}
 


}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
		height: auto;
		background: transparent;
	}
	.main_top_in {
		position: relative;
	}
	.main_top_in img{
		width: 100%;
	}
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ================================================================================

	共通設定

================================================================================ */
	/* 文字を拡大する */
	.my-parts {
		display: inline-block;
		transition: all .3s ease 0s;
		text-decoration: none;
	}
	.my-parts:hover {
		transform: scale(1.08);
	}

	/* テキストライン　黄色１ */
	.yellow_line01 {
		background:linear-gradient(transparent 60%, #FDEF4C 60%);
		padding: 0 2px 0 2px;
	}
	/* テキスト */
	.text_01 p{
		letter-spacing: 0.1em;
		line-height: 1.75;
	}
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
		/* コンテンツ内リンク
	----------------------------------------------- */
	.link_common {
	}
	.link_common ul {
		font-size: 0;
		letter-spacing: -0.4em;
		text-align: center;
	}
	.link_common ul li {
		display: inline-block;
		font-size: 22px;
		letter-spacing: 0;
		border: 2px solid #505050;
		border-radius: 100px;
	}
	.link_common ul li:not(:first-child) {
		margin-left: 20px;
	}
	.link_common ul li a {
		position: relative;
		display: block;
		background: #fdef4c;
		color: #505050;
		border-radius: 100px;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		line-height: 1.3;
		padding: 0.8em 2.5em 0.9em;
		overflow: hidden;
	}

	/* ホバー */
	.link_common .btntransform::before {
		top: -0.1px !important;
		height: 65.3px  !important;;
	  }

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	/* コンテンツ内リンク
	----------------------------------------------- */
	.link_common {
	}
	.link_common ul {
		text-align: center;
	}
	.link_common ul li {
		display: block;
		font-size: 4vw;
		border: 2px solid #505050;
		border-radius: 100px;
	}
	.link_common ul li:not(:first-child) {
		margin-top: 2vw;
	}
	.link_common ul li a {
		position: relative;
		display: block;
		background: #fdef4c;
		color: #505050;
		border-radius: 100px;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		line-height: 1.3;
		padding: 0.8em 0 0.9em;
		margin-left: auto;
		margin-right: auto;
	}

}






/* ================================================================================

	あなたが欲しい人材は他社も欲しい人材です

================================================================================ */


/* PC設定
----------------------------------------------- */

@media (min-width: 768px) {

	/* タイトル */
	.row01 .row01_h2 h2{
		position: relative;
		display: inline-block;
		color: #EA8B1E;
		font-size: 28px;
		font-weight: 500;
		background: url(../img/nami_line.jpg)repeat-x left bottom / auto;
		padding: 0 5px 27px 5px;
		letter-spacing: 0.05em;
	}
	.row01 .row01_h3 h3{
		position: relative;
		display: inline-block;
		font-size: 20px;
		font-weight: 400;
		border-bottom: #FDEF4C solid 8px;
		padding: 0 5px 9px 5px;
		line-height: 1.8;
		letter-spacing: 0.05em;
	}


	/* 画像タイトルサイズ調整 */
	.row01 .row01_img01 img{
		width: 603px;
	}

	/* キュージンプラス */
	.row01_text01{
		position: relative;
		background: url(../img/sign_bg.jpg) no-repeat center top / auto;
		width: 583px;
		height: 234px;
	}

	.row01_text01::before{
		position: absolute;
		content: "";
		background: url(../img/kaiketsu_illust_2.png) no-repeat center top / auto;
		width: 235px;
		height: 244px;
		bottom: -180px;
		right: 4px;
	  }
	  .row01_text01::after{
		position: absolute;
		content: "";
		background: url(../img/kaiketsu_illust_1.png) no-repeat center top / auto;
		width: 213px;
		height: 222px;
		bottom: -156px;
		left: 22px;
	  }
	.row01_text01 p{
		position: absolute;
		display: inline-block;
		top: 93px;
		left: 291px;
		color: #EA8B1E;
		font-size: 45px;
		font-weight: bold;
		opacity: 1;
		line-height: 1.8;
		letter-spacing: 1.0px;
		border-bottom: #FDEF4C solid 8px;
		padding: 0 15px 0 21px;
	  }

	  /* 「求職者」向けの~ */
	  .row01_text02 p{
		font-size: 20px;
		letter-spacing: 0.08em;
	  }

	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* タイトル */
	.row01 .row01_h2 h2{
		position: relative;
		display: inline-block;
		color: #EA8B1E;
		font-size: 7vw;
		font-weight: bold;
		background: url(../img/nami_line.jpg)repeat-x left bottom / 17%;
		padding: 0 3vw 6vw 3vw;
		line-height: 1.4 !important;
	}
	.row01 .row01_h3 h3{
		position: relative;
		display: inline-block;
		font-size: 5vw;
		font-weight: 400;
		border-bottom: #FDEF4C solid 8px;
		padding: 0 1vw 3vw 1vw;
		line-height: 1.8;
	}

			/* キュージンプラス */
	.row01_text01{
		position: relative;
		background: url(../img/sign_bg.jpg) no-repeat center top / 100% auto;
		height: 38vw;
	}
	.row01_text01::before{
		position: absolute;
		content: "";
		background: url(../img/kaiketsu_illust_1.png) no-repeat center top / 100% auto;
		width: 25vw;
		height: 27vw;
		bottom: -17vw;
		left: -3vw;
		z-index: 1;
	  }
	  .row01_text01::after{
		position: absolute;
		content: "";
		background: url(../img/kaiketsu_illust_2.png) no-repeat center top / 100% auto;
		width: 22vw;
		height: 25vw;
		bottom: -16vw;
		right: -2vw;
	  }

	.row01_text01 p{
		position: absolute;
		display: inline-block;
		top: 14.7vw;
		left: 12.6vw;
		color: #EA8B1E;
		font-size: 8vw;
		font-weight: bold;
		opacity: 1;
		line-height: 1.8;
		letter-spacing: 1.0px;
		border-bottom: #FDEF4C solid 8px;
		padding: 0 1vw 0vw 1vw;
	  }

	  /* 「求職者」向けの~ */
	  .row01_text02 p{
		font-size: 4vw;
	  }
	
}





/* ================================================================================

	キュージンプラスってなに？/会社案内とは違うの？

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/* 背景設定 */
	.row02 {
		position: relative;
		overflow: hidden;
	}
	
	.row02 .row02_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_l.jpg) left top / contain no-repeat;
		width: 796px;
		height: 735px;
		bottom: 0;
		left: 50%;
		margin-left: -959px;
	  }
	  .row02 .row02_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_r.jpg) right top / contain no-repeat;
		width: 702px;
		height: 540px;
		right: 50%;
		margin-right: -960px;
	}
	.row02 .row02_in{
		position: relative;
		height: 100%;
	}

	/* タイトル */
	.row02 .row02_h3{
		width: 510px;
		background: url(../img/nami_line_y.png)repeat-x left bottom / auto;
		margin: 0 auto;
		padding: 0 0 38px 0;
	  }
	.row02 .row02_h3 h3{
		position: relative;
		display: inline-block;
		color: #ffffff;
		font-size: 28px;
		font-weight: 500;
		letter-spacing: 0.05em;
	}
	.row02 .row02_h3 h3::before{
		content: '';
		position: absolute;
		background: url(../img/light.png) no-repeat right top / contain;
		width: 35px;
		height: 37px;
		top: -6px;
		left: -80.1px;
	}
	.row02 .row02_h3 h3::after{
		content: '';
		position: absolute;
		background: url(../img/light.png) no-repeat right top / contain;
		width: 35px;
		height: 37px;
		top: -6px;
		right:-80.1px;
	}

	/* テキスト */
	.row02_text_box{
		color: #ffffff;
		position: relative;
		width: 492px !important;
		margin: 0 auto;
		text-align: justify;
		letter-spacing: 0.06em;
	}
	.row02_text_box::before{
		content: '';
		position: absolute;
		background: url(../img/waku_l.png) no-repeat right top / contain;
		width: 45px;
		height: 210px;
		top: 50%;
		left: -67.1px;
		transform: translate(-50%, -40%);
		-webkit-transform: translate(-50%, -40%);
		-ms-transform: translate(-50%, -40%);
	}
	.row02_text_box::after{
		content: '';
		position: absolute;
		background: url(../img/waku_r.png) no-repeat right top / contain;
		width: 45px;
		height: 210px;
		top: 50%;
		right: -67.1px;
		transform: translate(50%, -40%);
		-webkit-transform: translate(50%, -40%);
		-ms-transform: translate(50%, -40%);
	}

	/* 画像サイズ調整 */
	.row02 .row02_img01 img{
		width: 509px;
	}
}

/* PC設定　1920px以上の場合に適用
----------------------------------------------- */
@media (min-width: 1921px) {
	.row02{
		position: relative;
	}
	.row02 .row02_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_l.jpg) left top / contain no-repeat;
		width: 796px;
		height: 735px;
		bottom: 0;
		left: 0;
		margin-left: 0;
	  }
	  .row02 .row02_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_r.jpg) right top / contain no-repeat;
		width: 702px;
		height: 540px;
		top: 0;
		right: 0;
		margin-right: 0;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	/* タイトル */
	.row02 .row02_h3{
		background: url(../img/nami_line_y.png)repeat-x left bottom / 10% auto;
		padding: 0 0 8vw 0;
	  }
	.row02 .row02_h3 h3{
		position: relative;
		display: inline-block;
		color: #ffffff;
		font-size: 6vw;
		font-weight: bold;
	}
	.row02 .row02_h3 h3::before{
		content: '';
		position: absolute;
		background: url(../img/light.png) no-repeat right top / 100% auto;
		width: 5vw;
		height: 5vw;
		top: 0.6vw;
		left: -8vw;
	}
	.row02 .row02_h3 h3::after{
		content: '';
		position: absolute;
		background: url(../img/light.png) no-repeat right top / 100% auto;
		width: 5vw;
		height: 5vw;
		top: 0.6vw;
		right: -8vw;
	}

	/* テキスト */
	.row02_text_box{
		position: relative;
		color: #fff;
	}	
}





/* ================================================================================

	こんな風にお考えではないですか？

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.row03_text_01{
		position: relative;
		font-size: 28px;
		font-weight: 500;
		letter-spacing: 0.05em;
	}
	/* 吹き出し */
	.row03_img_01 img{
		width: 288px;
		transform-origin: center;
		transition: 0.5s; /* 回転が終わるまでにかかる時間 */
	}
	.row03_img_01 img:hover{
		transform: rotate(5deg);
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row03_text_01{
		position: relative;
		font-size: 5vw;
		font-weight: bold;
		text-align: center;
	}
	/* 吹き出し */
	.row03_img_01 img{
		transform: rotate(15deg);
	}
}





/* ================================================================================

	ハテナ三人

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/* 背景設定 */
	.row04 {
		position: relative;
		overflow: hidden;
	}
	
	.row04 .row04_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_g_l_04.jpg) left top / contain no-repeat;
		width: 588px;
		height:  1018px;
		bottom: 0;
		left: 50%;
		margin-left: -959px;
	  }
	  .row04 .row04_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_g_r_04.jpg) right top / contain no-repeat;
		width: 528px;
		height: 608px;
		right: 50%;
		margin-right: -960px;
	}
	.row04 .row04_in{
		position: relative;
		height: 100%;
	}



	/* テキスト黄色の枠 */
	.row04_text_y_box01{
		width: 250px !important;
		padding: 20px 0;
		margin: 0 auto;
		border-radius: 20px;
		background: #fdef4c;
		border: 2px solid #505050;
		letter-spacing: 0.05em;
	}
	/* 画像後ろの背景 */
	.row04_bg01{
		background: url(../img/kumo01.jpg) no-repeat center top / auto;
	}
	.row04_bg02{
		background: url(../img/kumo02.jpg) no-repeat center top / auto;
	}
	.row04_bg03{
		background: url(../img/kumo03.jpg) no-repeat center top / auto;
	}
	/* 画像のサイズ設定*/
	.row04_img_01 img{
		width: 179px;
	}
	.row04_img_02 img{
		width: 182px;
	}
	.row04_img_03 img{
		width: 181px;
	}
	.row04_img_04 img{
		width: 203px;
	}

	/* ＝＝求人媒体を中心とした採用活動では~＝＝ */
	.row04_box_in_top{
		position: relative;
		background: url(../img/yajirushi_line.jpg) no-repeat center top / auto,#ffffff;
	}
	.row04_box_in_bottom{
		position: relative;
		background: url(../img/yajirushi_line_bottom.jpg) no-repeat center bottom / auto,#ffffff;
		width: 754px !important;
		margin: 0 auto;
	}
	/* タイトル */
	.row04_box  .row_04_h3 h3{
		font-weight: 500;
		font-size: 25px;
		letter-spacing: 0.05em;
		line-height: 2;
	}
	.row04_box  .row_04_h3 h3 span{
		display: block;
		border-bottom: 5px solid #ffeb6e;
		width: 610px;
		margin: 0 auto;
	}

	/* ＝＝更に近年の傾向として＝＝ */
	.row_04_h4 h4{
		font-weight: 400;
		font-size: 22px;
		letter-spacing: 0.05em;
		color: #505050;
	}
	/* テキスト黄色の枠 */
	.row04_text_y_box02{
		width: 575px !important;
		margin: 0 auto 15px !important;
		padding: 20px;
		border-radius: 100px;
		background: #fdef4c;
		border: 2px solid #505050;
	}
	
}

/* PC設定　1920px以上の場合に適用
----------------------------------------------- */
@media (min-width: 1921px) {
	.row04{
		position: relative;
	}
	.row04 .row04_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_g_l_04.jpg) left top / contain no-repeat;
		width: 588px;
		height:  1018px;
		bottom: 0;
		left: 0;
		margin-left: 0;
	  }
	  .row04 .row04_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_g_r_04.jpg) right top / contain no-repeat;
		width: 528px;
		height: 608px;
		top: 0;
		right: 0;
		margin-right: 0;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* テキスト黄色の枠 */
	.row04_text_y_box01{
		width: 60vw !important;
		padding: 6vw 0;
		margin: 0 auto;
		border-radius: 20px;
		background: #fdef4c;
		border: 2px solid #505050;
		letter-spacing: 0.05em;
	}
	/* 画像後ろの背景 */
	.row04_bg01{
		background: url(../img/kumo01.jpg) no-repeat center top / auto;
	}
	.row04_bg02{
		background: url(../img/kumo02.jpg) no-repeat center top / auto;
	}
	.row04_bg03{
		background: url(../img/kumo03.jpg) no-repeat center top / auto;
	}
	/* ＝＝求人媒体を中心とした採用活動では~＝＝ */
	.row04_box_in_top{
		position: relative;
		background: url(../img/yajirushi_line.jpg) no-repeat center top / auto,#ffffff;
	}
	.row04_box_in_bottom{
		position: relative;
		background: url(../img/yajirushi_line_bottom.jpg) no-repeat center bottom / auto,#ffffff;
		margin: 0 auto;
	}
	/* タイトル */
	.row04_box  .row_04_h3 h3{
		font-weight: 500;
		font-size: 4.5vw;
		letter-spacing: 0.05em;
		line-height: 2.5;
		margin: 0 4vw;
	}
	.row04_box  .row_04_h3 h3 span{
		display: block;
		border-bottom: 5px solid #ffeb6e;
		width: auto;
	}

	/* ＝＝更に近年の傾向として＝＝ */
	.row_04_h4{
		font-size: 4.5vw;
	}
	/* テキスト黄色の枠 */
	.row04_text_y_box02{
		margin: 0 auto 1em !important;
		padding: 4vw;
		border-radius: 100px;
		background: #fdef4c;
		border: 2px solid #505050;
	}

		/* 画像のサイズ設定*/
		.row04_img_01 img{
			width: 46vw;
		}
		.row04_img_02 img{
			width: 49vw;
		}
		.row04_img_03 img{
			width: 47vw;
		}
		.row04_img_04 img{
			width: 46vw;
		}

}



/* ================================================================================

	「キュージンプラス」を使うことで

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_05_h2{
		position: relative;
	}
	.row_05_h2::before{
		content: '';
		position: absolute;
		background: url(../img/job_offer_m.png) no-repeat right top / contain;
		width: 141px;
		height: 275px;
		top: -91px;
		left: 40.9px;
	}
	.row_05_h2::after{
		content: '';
		position: absolute;
		background: url(../img/job_offer_w.png) no-repeat right top / contain;
		width: 141px;
		height: 275px;
		top: -91px;
		right: 40.9px;
	}
	.row_05_h2 h2{
		position: relative;
		font-weight: bold;
		font-size: 28px;
		letter-spacing: 0.08em;
		border-bottom: 5px solid #ffeb6e;
		display: inline-block;
		padding: 0 20px 16px 20px;
	}
	.row_05_h2 h2::before{
		content: '';
		position: absolute;
		background: url(../img/light.png) no-repeat right top / contain;
		width: 35px;
		height: 37px;
		top: -41px;
		left: -49.1px;
	}
	.row_05_h2 h2::after{
		content: '';
		position: absolute;
		background: url(../img/light.png) no-repeat right top / contain;
		width: 35px;
		height: 37px;
		top: -41px;
		right: -49.1px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_05_h2{
		position: relative;
	}
	.row_05_h2::before{
		content: '';
		position: absolute;
		background: url(../img/job_offer_m.png) no-repeat right top / contain;
		width: 16vw;
		height: 28vw;
		top: 27vw;
		left: -1vw;
	}
	.row_05_h2::after{
		content: '';
		position: absolute;
		background: url(../img/job_offer_w.png) no-repeat right top / contain;
		width: 16vw;
		height: 28vw;
		top: 27vw;
		right: -1vw;
	}
	.row_05_h2 h2{
		position: relative;
		font-weight: bold;
		font-size: 4.6vw;
		letter-spacing: 0.08em;
		border-bottom: 5px solid #ffeb6e;
		display: inline-block;
		padding: 0 2vw 3vw 2vw;
	}
	.row_05_h2 h2::before{
		content: '';
		position: absolute;
		background: url(../img/light.png) no-repeat right top / contain;
		width: 5vw;
		height: 5vw;
		top: -3vw;
		right: -4vw;
	}
	.row_05_h2 h2::after{
		content: '';
		position: absolute;
		background: url(../img/light.png) no-repeat right top / contain;
		width: 5vw;
		height: 5vw;
		top: -3vw;
		left: -4vw;
	}

}

/* ================================================================================

	メリット

================================================================================ */
.row06{
	color: #ffffff;
	overflow: hidden;
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/* 背景設定 */
	.row_06_h3 {
		position: relative;	
	}
	
	.row06 .row06_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_l.jpg) left top / contain no-repeat;
		width: 796px;
		height: 735px;
		bottom: 0;
		left: 50%;
		margin-left: -959px;
	  }
	  .row06 .row06_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_r.jpg) right top / contain no-repeat;
		width: 702px;
		height: 540px;
		right: 50%;
		margin-right: -960px;
	}
	.row06 .row06_in{
		position: relative;
		height: 100%;
	}


	/* ＝＝＝画像ホバーで動く タイトル設定＝＝＝ */
	ul.merit_title_box{
		position: relative;
		display: inline-block;
		height: 170px;
	}

	/* 画像 光 */
	ul.merit_title_box > li.merit_light01{
		position: absolute;
		width: 35px;
		top: 111px;
		left: 50%;
		margin-left: 300px;
	}
	ul.merit_title_box > li.merit_light01 img{
		width: 100%;
		transform-origin: center;
		transition: 0.5s;
	}
	ul.merit_title_box:hover > li.merit_light01 img{
		transform: translate(-7px,-17px);
	}


	/* 画像 ゆび*/
	ul.merit_title_box > li.merit_yubi{
		position: absolute;
		width: 61px;
		top: 91px;
		left: 50%;
		margin-left: 345px;
		z-index: 1;
	}
	ul.merit_title_box > li.merit_yubi img{
		width: 100%;
		transform-origin: center;
		transition: 0.5s;
	}
	ul.merit_title_box:hover > li.merit_yubi img{
		transform: rotate(19deg);
	}


	/* 画像 吹き出し*/
	ul.merit_title_box > li.merit_title{
		position: absolute;
		width: 319px;
		top: -4px;
		left: 50%;
		margin-left: 341px;
	}
	ul.merit_title_box > li.merit_title img{
		width: 100%;
	}


	/* 画像 光 */
	ul.merit_title_box > li.merit_light02{
		position: absolute;
		width: 35px;
		top: 10px;
		left: 50%;
		margin-left: 660px;
	}
	ul.merit_title_box > li.merit_light02 img{
		width: 100%;
		transform-origin: center;
		transition: 0.5s;
	}
	ul.merit_title_box:hover > li.merit_light02 img{
		transform: translate(0,-13px);
	}





	/* タイトル */
	.row06  .row_06_h2 h2{
		font-weight: 500;
		font-size: 28px;
		letter-spacing: 0.05em;
		line-height: 2.2;
	}
	.row06  .row_06_h2 h2 span{
		display: block;
		border-bottom: 5px solid #ffeb6e;
		width: 744px;
		margin: 0 auto;
	}
	span.sp_y_line{
		border: none !important;
	}

	/* タイトル */
	.row_06_h3 h3{
		position: relative;
		font-weight: 500;
		font-size: 22px;
		letter-spacing: 0.05em;
		line-height: 35.2px;
		border-bottom: 5px solid #ffeb6e;
		padding: 0 23px 20px 23px;
	}
	.row_06_h3 h3::before{
		content: '';
		position: absolute;
		background-color: #ffffff;
		width: 3.6px;
		height: 63.5px;
		top: 6.9px;
		left: 4.3px;
		transform: rotate(-19deg);
		border-radius: 32px;
	}
	.row_06_h3 h3::after{
		content: '';
		position: absolute;
		background-color: #ffffff;
		width: 3.6px;
		height: 63.5px;
		top: 6.9px;
		right: 4.3px;
		transform: rotate(19deg);
		border-radius: 32px;
	}

	/* テキスト */
	.row06_text{
		text-align: justify
	}

	/* 画像サイズ設定 */
	.row06_img_01 img,
	.row06_img_02 img,
	.row06_img_03 img,
	.row06_img_04 img{
		width: 300px;
		border-radius: 10px;
	}


}

/* PC設定　1920px以上の場合に適用
----------------------------------------------- */
@media (min-width: 1921px) {
	.row06{
		position: relative;
	}
	.row06 .row06_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_l.jpg) left top / contain no-repeat;
		width: 796px;
		height: 735px;
		bottom: 0;
		left: 0;
		margin-left: 0;
	  }
	  .row06 .row06_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_r.jpg) right top / contain no-repeat;
		width: 702px;
		height: 540px;
		top: 0;
		right: 0;
		margin-right: 0;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	/* タイトル */
	.row06  .row_06_h2 h2{
		font-weight: 500;
		font-size: 4.5vw;
		line-height: 1.6;
	}
	.row06  .row_06_h2 h2 span.sp_y_line{
		border-bottom: 13px double #ffeb6e;
		padding: 0 0vw 2vw 0vw;
		display: inline-block;
		width: 100%;
	}
	/* タイトル */
	.row_06_h3 h3{
		position: relative;
		font-weight: 500;
		font-size: 4vw;
		letter-spacing: 0.05em;
		line-height: 1.7;
		border-bottom: 3px solid #ffeb6e;
		padding: 0 4vw 4vw 4vw;
	}
	.row_06_h3 h3::before{
		content: '';
		position: absolute;
		background-color: #ffffff;
		width: 1vw;
		height: 13vw;
		top: 2vw;
		left: 6vw;
		transform: rotate(-15deg);
		border-radius: 100px;
	}
	.row_06_h3 h3::after{
		content: '';
		position: absolute;
		background-color: #ffffff;
		width: 1vw;
		height: 13vw;
		top: 2vw;
		right: 6vw;
		transform: rotate(15deg);
		border-radius: 100px;
	}

	/* 画像サイズ設定 */
	.row06_img_01 img,
	.row06_img_02 img,
	.row06_img_03 img,
	.row06_img_04 img{
		border-radius: 10px;
	}


ul.merit_title_box > li.merit_light01 img,
ul.merit_title_box > li.merit_yubi img,
ul.merit_title_box > li.merit_title img,
ul.merit_title_box > li.merit_light02 img{
	width:3vw
}


}

/* ================================================================================

	「キュージンプラス」が求職者にフォーカスした求人を打てる理由！

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
/* タイトル */
	.row_07_h2 h2{
		position: relative;
		font-weight: 500;
		font-size: 28px;
		letter-spacing: 0.08em;
		border-bottom: 5px solid #ffffff;
		display: inline-block;
		padding: 0 20px 16px 20px;
		line-height: 1.5;
	}
	.row_07_h2 h2::before{
		content: '';
		position: absolute;
		background: url(../img/denkyu_l.jpg) no-repeat right top / contain;
		width: 59px;
		height: 75px;
		top: 0;
		left: -80px;
	}
	.row_07_h2 h2::after{
		content: '';
		position: absolute;
		background: url(../img/denkyu_l.jpg) no-repeat right top / contain;
		width: 59px;
		height: 75px;
		top: 0;
		right: -80px;
		display: inline-block;
		transform: scale(-1,1);
	}
	/* タイトル */
	.row_07_h3 h3{
		position: relative;
		font-weight: bold;
		font-size: 20px;
		letter-spacing: 0.05em;
		line-height: 35.2px;
		color: #ea8b1e;
		width: 744px !important;
		margin: 0 auto;
		background: #ffffff;
		padding: 13px 0 13px;
	}
	.row_07_h3 h3::before{
		content: '';
		position: absolute;
		background: #ea8b1e;
		width: 6px;
		height: 100%;
		top: 0;
		left: 0;
	}

	/* 画像サイズ設定 */
	.row07_img_01 img,
	.row07_img_02 img{
		width: 218px;
	}
	.row07_img_03 img,
	.row07_img_04 img{
		width: 314px;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
/* タイトル */
.row_07_h2 h2{
	position: relative;
	font-weight: 500;
	font-size: 4.5vw;
	letter-spacing: 0.08em;
	border-bottom: 5px solid #ffffff;
	padding: 0 2vw 3vw 2vw;
	line-height: 1.5;
}
.row_07_h2 h2::before{
	content: '';
	position: absolute;
	background: url(../img/denkyu_l.jpg) no-repeat right top / contain;
	width: 11vw;
	height: 11vw;
	top: 0;
	left: -5vw;
}
.row_07_h2 h2::after{
	content: '';
	position: absolute;
	background: url(../img/denkyu_l.jpg) no-repeat right top / contain;
	width: 11vw;
	height: 11vw;
	top: 0;
	right: -5vw;
	display: inline-block;
	transform: scale(-1,1);
}
/* タイトル */
.row_07_h3 h3{
	position: relative;
	font-weight: bold;
	font-size: 4.5vw;
	letter-spacing: 0.05em;
	line-height: 1.4;
	color: #ea8b1e;
	background: #ffffff;
	padding: 5vw 4vw 5vw;
}
.row_07_h3 h3::before{
	content: '';
	position: absolute;
	background: #ea8b1e;
	width: 1.5vw;
	height: 100%;
	top: 0;
	left: 0;
}

	/* 画像サイズ設定 */
	.row07_img_01 img,
	.row07_img_02 img{
		width: 45vw;
	}

}

/* ================================================================================

	2つの求人媒体が相互に弱点を補完し合うのでより効果の高い求人活動が期待できる！

================================================================================ */

.row08{
	color:#ffffff;
	overflow: hidden;
}
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/* 背景設定 */
	.row08 {
		position: relative;
	}
	
	.row08 .row08_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_l.jpg) left top / contain no-repeat;
		width: 796px;
		height: 735px;
		bottom: 0;
		left: 50%;
		margin-left: -959px;
	  }
	  .row08 .row08_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_r.jpg) right top / contain no-repeat;
		width: 702px;
		height: 540px;
		right: 50%;
		margin-right: -960px;
	}
	.row08 .row08_in{
		position: relative;
		height: 100%;
	}

	/* タイトル */
	.row_08_h2 h2{
		position: relative;
		font-weight: 500;
		font-size: 28px;
		letter-spacing: 0.08em;
		border-bottom: 5px solid #FDEF4C;
		display: inline-block;
		width: 744px !important;
		padding: 0 20px 16px 20px;
		margin: 0 auto;
		line-height: 1.5;
	}
	.row_08_h2 h2::before{
		content: '';
		position: absolute;
		background: url(../img/hokan_title_bg.jpg) no-repeat center top / contain;
		width: 71px;
		height: 37px;
		top: -54px;
		left: 50%;
		margin-left: -50px;
	}
	/* 飾り */
	.row08_text01{
		position: relative;
	}
	.row08_text01::before{
		content: '';
		position: absolute;
		background: url(../img/job-offer_lp_m.jpg) no-repeat center top / contain;
		width: 107px;
		height: 130px;
		top: 24px;
		left: 148px;
	}
	.row08_text01::after{
		content: '';
		position: absolute;
		background: url(../img/job-offer_lp_w.jpg) no-repeat center top / contain;
		width: 97px;
		height: 130px;
		top: 24px;
		right: 148px;
	}

	/* 黄色の枠 */
	.row08_text_y_box01{
		color: #505050;
		width: 300px !important;
		height: 90px;
		margin: 20px auto 0;
		border-radius: 10px;
		background: #fdef4c;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/* 画像のサイズ設定 */
	.row08_img_01 img,
	.row08_img_02 img{
		width: 300px;
	}
	.row08_img_03 img,
	.row08_img_04 img,
	.row08_img_05 img{
		width: 199px;
	}
}

/* PC設定　1920px以上の場合に適用
----------------------------------------------- */
@media (min-width: 1921px) {
	.row08{
		position: relative;
	}
	.row08 .row08_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_l.jpg) left top / contain no-repeat;
		width: 796px;
		height: 735px;
		bottom: 0;
		left: 0;
		margin-left: 0;
	  }
	  .row08 .row08_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_r.jpg) right top / contain no-repeat;
		width: 702px;
		height: 540px;
		top: 0;
		right: 0;
		margin-right: 0;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	/* タイトル */
	.row_08_h2 h2{
		position: relative;
		display: inline-block;
		font-weight: 500;
		font-size: 4.5vw;
		letter-spacing: 0.08em;
		border-bottom: 5px solid #FDEF4C;
		padding: 0 2vw 3vw 2vw;
		line-height: 1.5;
	}
	.row_08_h2 h2::before{
		content: '';
		position: absolute;
		background: url(../img/hokan_title_bg.jpg) no-repeat center top / contain;
		width: 11vw;
		height: 6vw;
		top: -11vw;
		left: 50%;
		margin-left: -6.6vw;
	}
	/* 飾り */
	.row08_text01{
		position: relative;
	}
	.row08_text01::before{
		content: '';
		position: absolute;
		background: url(../img/job-offer_lp_m.jpg) no-repeat center top / contain;
		width: 15vw;
		height: 20vw;
		bottom: -2vw;
		left: 2vw;
	}
	.row08_text01::after{
		content: '';
		position: absolute;
		background: url(../img/job-offer_lp_w.jpg) no-repeat center top / contain;
		width: 15vw;
		height: 20vw;
		bottom: -2vw;
		right: 2vw;
	}

	/* 黄色の枠 */
	.row08_text_y_box01{
		color: #505050;
		margin: 5vw auto 0;
		border-radius: 10px;
		background: #fdef4c;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 4vw 0;
	}

.row08_img_03 img,
.row08_img_04 img,
.row08_img_05 img{
	width: 63vw;
}
}

/* ================================================================================

	キュージンプラス 活用事例

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* 背景設定 */
	.row09 {
		position: relative;
		overflow: hidden;
	}
	
	.row09 .row09_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_g_l.jpg) left top / contain no-repeat;
		width: 791px;
		height: 815px;
		bottom: 0;
		left: 50%;
		margin-left: -959px;
	  }
	  .row09 .row09_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_g_r.jpg) right top / contain no-repeat;
		width: 701px;
		height: 637px;
		right: 50%;
		margin-right: -960px;
	}
	.row09 .row09_in{
		position: relative;
		height: 100%;
	}

/* タイトル */
	.row_09_h3_01 h3,
	.row_09_h3_02 h3,
	.row_09_h3_03 h3{
		position: relative;
		font-weight: 500;
		font-size: 20px;
		letter-spacing: 0.05em;
		line-height: 1.7;
		color: #ea8b1e;
		padding: 0px 0 3px 27px;
	}
	.row_09_h3_01 h3::before,
	.row_09_h3_02 h3::before,
	.row_09_h3_03 h3::before{
		content: '';
		position: absolute;
		background: #FDEF4C;
		width: 9px;
		height: 100%;
		top: -3px;
		left: 0;
	}
	.row_09_h3_01 h3::after,
	.row_09_h3_02 h3::after,
	.row_09_h3_03 h3::after{
		content: '';
		position: absolute;
		width: 81px;
		height: 124px;
		bottom: 0;
		left: -111px;
		z-index: 1;
	}
	.row_09_h3_01 h3::after{
		background: url(../img/case-icon.jpg) no-repeat center top / contain;
	}
	.row_09_h3_02 h3::after{
		background: url(../img/case-icon02.jpg) no-repeat center top / contain;
	}
	.row_09_h3_03 h3::after{
		background: url(../img/case-icon03.jpg) no-repeat center top / contain;
	}
	/* 画像サイズ設定 */
	.row09_img_01 img{
		width: 710px;
	}
	.row09_img_02 img{
		width: 174px;
	}
	.row09_img_03 img{
		width: 222px;
	}
	.row09_img_04 img{
		width: 186px;
	}
}

/* PC設定　1920px以上の場合に適用
----------------------------------------------- */
@media (min-width: 1921px) {
	.row09{
		position: relative;
	}
	.row09 .row09_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_g_l.jpg) left top / contain no-repeat;
		width: 796px;
		height: 735px;
		bottom: 0;
		left: 0;
		margin-left: 0;
	  }
	  .row09 .row09_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_g_r.jpg) right top / contain no-repeat;
		width: 702px;
		height: 540px;
		top: 0;
		right: 0;
		margin-right: 0;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_09_h3_01 h3,
	.row_09_h3_02 h3,
	.row_09_h3_03 h3{
		position: relative;
		font-weight: 500;
		letter-spacing: 0.05em;
		line-height: 1.7;
		color: #ea8b1e;
		padding: 0 4vw 0 9vw;
	}
	.row_09_h3_01 h3::before,
	.row_09_h3_02 h3::before,
	.row_09_h3_03 h3::before{
		content: '';
		position: absolute;
		background: #FDEF4C;
		width: 1.5vw;
		height: 100%;
		top: 0;
		left: 4vw;
	}

	.row_09_h3_01 h3::after,
	.row_09_h3_02 h3::after,
	.row_09_h3_03 h3::after{
		content: '';
		position: absolute;
		width: 13vw;
		height: 17vw;
		top: -19.8vw;
		left: 50%;
		z-index: 1;
		margin-left: -9vw;
	}
	.row_09_h3_01 h3::after{
		background: url(../img/case-icon.jpg) no-repeat center top / contain;
	}
	.row_09_h3_02 h3::after{
		background: url(../img/case-icon02.jpg) no-repeat center top / contain;
	}
	.row_09_h3_03 h3::after{
		background: url(../img/case-icon03.jpg) no-repeat center top / contain;
	}
	/* 画像サイズ設定 */
	.row09_img_02 img{
		width: 50vw;
	}
	.row09_img_03 img{
		width: 51vw;
	}
	.row09_img_04 img{
		width: 51vw;
	}
}

/* ================================================================================

	採用についてのご相談を無料にて承ります

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/* 背景設定 */
	.row10 {
		position: relative;
		overflow: hidden;
	}
	
	.row10 .row10_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_l.jpg) left top / contain no-repeat;
		width: 796px;
		height: 735px;
		bottom: 0;
		left: 50%;
		margin-left: -959px;
	  }
	  .row10 .row10_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_r.jpg) right top / contain no-repeat;
		width: 702px;
		height: 540px;
		right: 50%;
		margin-right: -960px;
	}
	.row10 .row10_in{
		position: relative;
		height: 100%;
	}

	/* タイトル */
	.row_10_h2 h2{
		font-weight: 500;
		font-size: 28px;
		letter-spacing: 0.08em;
		text-align: center;
		color: #fdef4c;
		background: #136fcf;
		border-radius: 100px;
		display: inline-block;
		padding: 18px 51px;
	}
	/* リスト */
	.row010_text01{
		background: 
		url(../img/row010_text01_top.jpg) no-repeat center top / auto, 
		url(../img/row010_text01_bottom.jpg) no-repeat center bottom / auto, 
		url(../img/row010_text01_middle.jpg) repeat-y center top / auto;
		width: 665px !important;
		margin: 0 auto;
		padding: 50px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 20px;
	}

	/* 画像サイズ設定 */
	.row10_img_01 img{
		width: 346px;
	}
	.row10_img_02 img{
		width: 346px;
	}
}

/* PC設定　1920px以上の場合に適用
----------------------------------------------- */
@media (min-width: 1921px) {
	.row10{
		position: relative;
	}
	.row10 .row10_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_l.jpg) left top / contain no-repeat;
		width: 796px;
		height: 735px;
		bottom: 0;
		left: 0;
		margin-left: 0;
	  }
	  .row10 .row10_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_r.jpg) right top / contain no-repeat;
		width: 702px;
		height: 540px;
		top: 0;
		right: 0;
		margin-right: 0;
	}
}
/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	/* タイトル */
	.row_10_h2 h2{
		font-weight: 500;
		font-size: 4.5vw;
		letter-spacing: 0.08em;
		line-height: 1.5;
		text-align: center;
		color: #fdef4c;
		background: #136fcf;
		border-radius: 100px;
		padding: 4vw 4vw 3vw;
	}
	/* リスト */
	.row010_text01{
		background: 
		url(../img/row010_text01_top.jpg) no-repeat center top / 100% auto, 
		url(../img/row010_text01_bottom.jpg) no-repeat center bottom / 100% auto, 
		url(../img/row010_text01_middle.jpg) repeat-y center top / 100% auto;
		padding: 9vw 5vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
}

/* ================================================================================

	資料請求

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/* 背景設定 */
	.row11 {
		position: relative;
		overflow: hidden;
	}
	
	.row11 .row11_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_g_l_11.jpg) left top / contain no-repeat;
		width: 796px;
		height: 541px;
		bottom: 0;
		left: 50%;
		margin-left: -959px;
	  }
	  .row11 .row11_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_g_r_11.jpg) right top / contain no-repeat;
		width: 701px;
		height: 397px;
		right: 50%;
		margin-right: -960px;
	}
	.row11 .row11_in{
		position: relative;
		height: 100%;
	}
	
 	/* タイトル */
	.row_11_h2 h2	{
		font-weight: 500;
		font-size: 28px;
		letter-spacing: 0.08em;
	}
 	/* タイトル */
	.row_11_h3{
		height: 27px;
		border-radius: 100px;
		background: #ffeb6e;
	}
	.row_11_h3 h3{
		font-weight: 500;
		font-size: 20px;
		letter-spacing: 0.05em;
		padding: 3px 0 0 0;
	}
	/* 画像 */
	.row11_img img{
		width: 200px;
	}
	/* リンク画像 */
	.row11 .link_common ul li{
		position: relative;
	}
	.row11 .link_common ul li::before{
		content: '';
		position: absolute;
		background: url(../img/image_26.png) center top / contain no-repeat;
		width: 138px;
		height: 150px;
		bottom: -17px;
		right: -179px;
		margin-left: 0;
	}
}

/* PC設定　1920px以上の場合に適用
----------------------------------------------- */
@media (min-width: 1921px) {
	.row11{
		position: relative;
	}
	.row11 .row11_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_g_l_11.jpg) left top / contain no-repeat;
		width: 796px;
		height: 541px;
		bottom: 0;
		left: 0;
		margin-left: 0;
	  }
	  .row11 .row11_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_g_r_11.jpg) right top / contain no-repeat;
		width: 701px;
		height: 397px;
		top: 0;
		right: 0;
		margin-right: 0;
	}
}
/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
 	/* タイトル */
	 .row_11_h2 h2	{
		font-weight: 500;
		font-size: 4,5vw;
		letter-spacing: 0.08em;
	}
 	/* タイトル */
	.row_11_h3{
		height: 27px;
		border-radius: 100px;
		background: #ffeb6e;
	}
	.row_11_h3 h3{
		font-weight: 500;
		font-size: 20px;
		letter-spacing: 0.05em;
		padding: 3px 0 0 0;
	}
	/* リスト */
	.row11_box ul li{
		text-indent: -1.1em;
		margin-left: 1.1em;
	}
	/* 画像 */
	.row11_img img{
		width: 200px;
	}
}

/* ================================================================================

料金案内	

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/* 白背景の影 */
	.row12_box{
		position: relative;
	}
	.row12_box::before{
		content: '';
		position: absolute;
		background-color: #d6c55c;
		width: 879px;
		height: 100%;
		top: 9px;
		right: 51px;
	}

	/* タイトル */
	.row_12_h2 h2{
		position: relative;
		font-weight: 500;
		font-size: 28px;
		letter-spacing: 0.08em;
		display: inline-block;
	}

	.row_12_h2 h2::before{
		content: '';
		position: absolute;
		background: url(../img/kakko.jpg) no-repeat right top / contain;
		width: 23px;
		height: 28px;
		top: 0;
		left: -50px;
	}
	.row_12_h2 h2::after{
		content: '';
		position: absolute;
		background: url(../img/kakko.jpg) no-repeat right top / contain;
		width: 23px;
		height: 28px;
		top: 0;
		right: -52px;
		display: inline-block;
		transform: scale(-1,1);
	}

/* タイトル */
	.row_12_h3{
		position: relative;
		background: #3FB9F0;
		padding: 22px 0 22px;
	}
	.row_12_h3{
		font-weight: 500;
		font-size: 22px;
		letter-spacing: 0.05em;
		color: #fff;
	}
	
	.row_12_h3::before{
		content: '';
		position: absolute;
		border-top: 33px solid transparent;
		border-bottom: 33px solid transparent;
		border-left: 30px solid #45A8E6;
		top: 0;
		left: 0;
	}
	.row_12_h3::after{
		content: '';
		position: absolute;
		border-top: 33px solid transparent;
		border-bottom: 33px solid transparent;
		border-right: 30px solid #45A8E6;
		top: 0;
		right: 0;
	}

	/* 種類 */
	ul.lp_catalog_set{
		text-align: center;
		font-size: 0;
	}
	ul.lp_catalog_set li{
		display: inline-block;
		font-size: 20px;
		width: 299.02px;
		background: #fdef4c;
		border: 2px solid #505050;
		padding: 18px 0;
	}
	ul.lp_catalog_set li:not(:first-of-type){
		position: relative;
		margin-left: 18px;
	}
	ul.lp_catalog_set li:not(:first-of-type)::before{
		content: '';
		position: absolute;
		background: url(../img/plus.png) no-repeat center top / auto;
		width: 49px;
		height: 49px;
		top: 12px;
		left: -37px;
	}
	/* リスト */
	.row12_text01{
		display: flex;
		justify-content: center;
		align-items: center;
		letter-spacing: 0.05em;
	}
	/* 値段画像 */
	.campaign_380 img {
		width: 615px;
		height: auto;
	}
	.campaign_350 img {
		width: 298px;
		height: auto;
	}
	.campaign_250 img {
		width: 298px;
		height: auto;
	}
	/* 値段表 */
	.row12 .table_01 table,
	.row12 .table_02 table {
		border: 2px solid #505050;
		border-collapse: collapse;
		width: 100%;
		height: 85px;
		margin: 0 auto;
	}
	.row12 .table_02 table {
		border: 3px solid #505050;
	}

	.row12 .table_01 th,
	.row12 .table_02 th {		
		padding: 10px 20px;
		vertical-align: middle;
		width: 50%;
		font-size: 20px;
		font-weight: normal;
	}
	.row12 .table_02 th{
		padding: 10px 0px 10px 20px;
		font-size: 16px;
		width: 39%;
	}

	.row12 .table_01 td,
	.row12 .table_02 td {
		padding: 10px 20px;
		vertical-align: middle;
		font-size: 35px;
		color: #ea8b1e;
	}
	.row12 .table_02 td{
		padding: 10px 20px 10px 5px;
		font-size: 25px;
	}
	/* テキスト */
	.row12_text02{
		font-size: 13px;
	}

	/* タイトル */
	.row_12_h4{
		position: relative;
		background: #3FB9F0;
		padding: 12px 0 12px;
	}

	.row_12_h4::before{
		content: '';
		position: absolute;
		border-top: 23px solid transparent;
		border-bottom: 23px solid transparent;
		border-left: 30px solid #45A8E6;
		top: 0;
		left: 0;
	}
	.row_12_h4::after{
		content: '';
		position: absolute;
		border-top: 23px solid transparent;
		border-bottom: 23px solid transparent;
		border-right: 30px solid #45A8E6;
		top: 0;
		right: 0;
	}
	.row_12_h4 h4{
		font-weight: 500;
		font-size: 22px;
		letter-spacing: 0.05em;
		color: #fff;
	}

	/* ５連値段表 */
	.option_box p{
		font-size: 20px;
		padding-top: 20px;
	}

	/* 画像サイズ設定 */
	.row12_img_01 img,
	.row12_img_02 img,
	.row12_img_03 img,
	.row12_img_04 img,
	.row12_img_05 img{
		width:  189px;
	}
	.row12_img_06 img{
		width: 802px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* タイトル */
	.row_12_h2 h2{
		position: relative;
		font-weight: 500;
		font-size: 4.5vw;
		letter-spacing: 0.08em;
		display: inline-block;
	}

	.row_12_h2 h2::before{
		content: '';
		position: absolute;
		background: url(../img/kakko.jpg) no-repeat right top / contain;
		width: 5vw;
		height: 7vw;
		top: -0.4vw;
		left: -11vw;
	}
	.row_12_h2 h2::after{
		content: '';
		position: absolute;
		background: url(../img/kakko.jpg) no-repeat right top / contain;
		width: 5vw;
		height: 7vw;
		top: -0.4vw;
		right: -11vw;
		display: inline-block;
		transform: scale(-1,1);
	}

/* タイトル */
	.row_12_h3{
		position: relative;
		background: #3FB9F0;
		padding: 6vw 0 6vw;
	}
	.row_12_h3::before{
		content: '';
		position: absolute;
		border-top: 8vw solid transparent;
		border-bottom: 8vw solid transparent;
		border-left: 5vw solid #45A8E6;
		top: 0;
		left: 0;
	}
	.row_12_h3::after{
		content: '';
		position: absolute;
		border-top: 8vw solid transparent;
		border-bottom: 8vw solid transparent;
		border-right: 5vw solid #45A8E6;
		top: 0;
		right: 0;
	}
	.row_12_h3 h3{
		font-weight: 500;
		font-size: 4vw;
		letter-spacing: 0.05em;
		color: #fff;
	  }

	/* 種類 */
	ul.lp_catalog_set{
		text-align: center;
		font-size: 0;
	}
	ul.lp_catalog_set li{
		display: inline-block;
		font-size: 4vw;
		width: 100%;
		background: #fdef4c;
		border: 2px solid #505050;
		padding: 5vw 0;
		margin: 0;
	}
	ul.lp_catalog_set li:not(:first-of-type){
		position: relative;
		margin-top: 1.5em;
	}
	ul.lp_catalog_set li:not(:first-of-type)::before{
		content: '';
		position: absolute;
		background: url(../img/plus.png) no-repeat center top / 100% auto;
		width: 11vw;
		height: 11vw;
		top: -10vw;
		left: 50%;
		margin-left: -5.6vw;
	}
	/* リスト */
	.row12_text01 ul li{
		text-indent: -1.1em;
		margin-left: 1.1em;
	}
	/* 値段画像 */
	.campaign_380 img {
		width: 85vw;
		height: auto;
	}
	.campaign_350 img {
		width: 85vw;
		height: auto;
	}
	.campaign_250 img {
		width: 85vw;
		height: auto;
	}
	/* 値段表 */
	.row12 .table_01 table,
	.row12 .table_02 table {
		border: 2px solid #505050;
		border-collapse: collapse;
		width: 100%;
		margin: 0 auto;
	}

	.row12 .table_01 th,
	.row12 .table_02 th {		
		padding: 3vw 4vw;
		vertical-align: middle;
		width: 50%;
		font-size: 4vw;
		font-weight: normal;
		text-align: center !important;
	}
	.row12 .table_01 td,
	.row12 .table_02 td {
		padding: 3vw 4vw;
		vertical-align: middle;
		font-size: 5vw;
		color: #ea8b1e;
		text-align: center !important;
	}

	/* タイトル */
	.row_12_h4{
		position: relative;
		background: #3FB9F0;
		padding: 3vw 0 3vw;
	}
	.row_12_h4::before{
		content: '';
		position: absolute;
		border-top: 5.3vw solid transparent;
		border-bottom: 5.2vw solid transparent;
		border-left: 5vw solid #45A8E6;
		top: 0;
		left: 0;
	}
	.row_12_h4::after{
		content: '';
		position: absolute;
		border-top: 5.3vw solid transparent;
		border-bottom: 5.2vw solid transparent;
		border-right: 5vw solid #45A8E6;
		top: 0;
		right: 0;
	}
	.row_12_h4 h4{
		font-weight: 500;
		font-size: 4vw;
		letter-spacing: 0.05em;
		color: #fff;
	}


	/* 画像サイズ設定 */
	.row12_img_01 img,
	.row12_img_02 img,
	.row12_img_03 img,
	.row12_img_04 img,
	.row12_img_05 img{
		width: 40vw;
	}

	/* ５連値段表 */
	.option_box{
		width: calc(100% / 2);
		margin: 0 auto;
	}
	.option_box p{
		font-size: 4vw;
		padding-top: 1em;
	}

	
}

/* ================================================================================

	お問合せ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

/* 背景設定 */
.row13 {
	position: relative;
	overflow: hidden;
}

.row13 .row13_in::after {
	content: '';
	position: absolute;
	background: url(../img/content_bg_g_l.jpg) left top / contain no-repeat;
	width: 791px;
	height: 815px;
	bottom: 0;
	left: 50%;
	margin-left: -959px;
  }
  .row13 .row13_in::before {
	content: '';
	position: absolute;
	background: url(../img/content_bg_g_r.jpg) right top / contain no-repeat;
	width: 701px;
	height: 637px;
	right: 50%;
	margin-right: -960px;
}
.row13 .row13_in{
	position: relative;
	height: 100%;
}
/* タイトル */
.row_13_h2 h2{
	position: relative;
	font-weight: 500;
	font-size: 28px;
	letter-spacing: 0.08em;
	display: inline-block;
}
/* テキスト */
	.row13_text01{
		width: 574px !important;
		margin: 0 auto;
		border-top: 1px solid #505050;
		border-bottom: 1px solid #505050;
	}
}

/* PC設定　1920px以上の場合に適用
----------------------------------------------- */
@media (min-width: 1921px) {
	.row13{
		position: relative;
	}
	.row13 .row13_in::after {
		content: '';
		position: absolute;
		background: url(../img/content_bg_g_l.jpg) left top / contain no-repeat;
		width: 791px;
		height: 815px;
		bottom: 0;
		left: 0;
		margin-left: 0;
	  }
	  .row13 .row13_in::before {
		content: '';
		position: absolute;
		background: url(../img/content_bg_g_r.jpg) right top / contain no-repeat;
		width: 701px;
		height: 637px;
		top: 0;
		right: 0;
		margin-right: 0;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* タイトル */
	.row_13_h2 h2{
		position: relative;
		font-weight: 500;
		font-size: 4.5vw;
		letter-spacing: 0.08em;
		display: inline-block;
	}

	/* テキスト */
	.row13_text01{
		width: 100% !important;
		margin: 0 auto;
		border-top: 1px solid #505050;
		border-bottom: 1px solid #505050;
	}
}