@charset "UTF-8";
/* ========================================================================================================
	メインイメージ
======================================================================================================== */
.bl_hero-wrap {
	position: relative;
	overflow: hidden;
	padding: calc(100 / 1902* 100%) 0 0;
}

.el_hero-img {
	position: fixed;
	top: calc(50% - (550 / 786 * 100% / 2));
	max-width: 680px;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
}

.el_main-btn {
	position:absolute;
	width: 100%;
	max-width: 141px;
	display: block;
	left: 85%;
	top: 65%;
}

.area{
	background: url(../../img/top/bg.jpg) 0 0 / cover  no-repeat;
	background-attachment: fixed;
	width: 100%;
	padding-top: 120vh;
}


.test {
	width: 100vw;
	position: absolute;
	bottom: 0;
	left: 0;
}


/* ========================================================================================================
	共通アイテム
======================================================================================================== */
/* 画像横並び */
.bl_img-list {
	width: 100%;
	display: flex;
}



/* ========================================================================================================
	コンテンツ
======================================================================================================== */
main {
	background: #fff;
    position: relative;
    z-index: 1;
}

.bl_content-wall {
	position: absolute;
	bottom:100%;
	width: 100%;
}

.bl_content-area {
	width: 100%;
	max-width: 1000px;
	margin-inline: auto;
}

/* あなたのオモイにとことん寄り添う
-------------------------------------------------------------------------------------------------------- */
.bl_content-block01 {
	position: relative;
}
.bl_content-block01 [class*="el_content-boxImg"] {
	position:absolute;
}

.bl_content-block01 .el_content-boxImg01 {
	width: 100%;
	max-width: 377px;
	top: calc(200 / 724 * 100%);
	left: calc(-50 / 1000 * 100%);
	opacity: 0;
}
.bl_content-block01 .el_content-boxImg02 {
	width: 100%;
	max-width: 380px;
	left:calc(450 / 1000 * 100%);
	top: calc(-50 / 724 * 100%);
	opacity: 0;
}
.bl_content-block01 .el_content-boxImg03 {
	width: 100%;
	max-width: 416px;
	left:calc(670 / 1000 * 100%);
	top: calc(250 / 724 * 100%);
	opacity: 0;
}

/* 読む人も、つくる人もオモシロイ社内報
-------------------------------------------------------------------------------------------------------- */
.bl_content-block02 {
	width: 100%;
	max-width: 1000px;
	margin-top: calc(126 / 1000 * 100%);
	background: url(../../img/top/img_under-arrow.png) center bottom / auto calc(53 / 1000 * 100%) no-repeat;
	padding-bottom:calc(113 / 1000 * 100%);
}
.bl_content-block02 .el_content-mainImg {
	width: 100%;
	max-width: 890px;
	margin-left: auto;
	position:relative;
	opacity:0;
}
.bl_content-block02 .el_content-mainImg .el_img-wrap {
	position: absolute;
	top: 0;
}

.bl_content-block02 .el_imgWrap-caption {
	width: 100%;
	max-width: 400px;
	padding-top: calc(290 / 890* 100%);
	position: relative;
	margin: 0 0 0 calc(180 / 890* 100%);
	color: #fff;
	font-weight: 700;
	font-size: 2rem;
}

.bl_content-block02 .el_img-no05 {
    margin-top: calc(200 / 1000* 80%);
	justify-content: space-between;
}

.el_img-no05 .el_content-boxImg01 {
	width:100%;
	max-width: 184px;
	opacity: 0;
}
.el_img-no05 .el_content-boxImg02  {
	width:100%;
	max-width: 185px;
	opacity: 0;
}
.el_img-no05 .el_content-boxImg03  {
	width:100%;
	max-width: 184px;
	opacity: 0;
}
.el_img-no05 .el_content-boxImg04  {
	width:100%;
	max-width: 174px;
	opacity: 0;
}
.el_img-no05 .el_content-boxImg05  {
	width:100%;
	max-width: 195px;
	opacity: 0;
}

/* オモイに応えながらオモシロイを実現する
-------------------------------------------------------------------------------------------------------- */
.bl_content-block03 {
	width: 100%;
	max-width: 1000px;
	margin-top: calc(108 / 1000 * 100%);
	display: flex;
	justify-content: space-between;
	align-items: end;
}
.bl_content-block03 .el_content-mainImg {
	width: 100%;
	max-width: 596px;
	margin-left:calc(-60 / 1000 * 100%);
}

.bl_content-block03 .el_content-mainImg  .el_imgWrap-caption {
	width: 100%;
	max-width: 420px;
	padding-top: calc(20 / 596 * 100%);
	font-weight: 700;
	font-size: 2rem;
	margin-left: calc(60 / 1000* 100%);
}

.bl_content-block03 .el_img-no01 {
	width: 100%;
	max-width: 462px;
}

/* オモシロイを叶える、3つのポイント
-------------------------------------------------------------------------------------------------------- */
.bl_contentCenter-area {
	width: 100%;
	padding-top: calc(140 / 1902 * 100%);
	margin-top: calc(130 / 1902 * 100%);
}
.bl_contentCenter-inner {
	width: 100%;
	background:url(../../img/common/bg_header.jpg) center top / 100% auto repeat-y;
	padding-bottom: calc(130 / 1902* 100%)
}

.bl_articleContent-area {
	width: 100%;
	margin-inline: auto;
	max-width: 1000px;
}

.bl_articleContent-area + .bl_articleContent-area {margin-top:calc(150 / 1902 * 100%)}

.el_headline02-ver01 {text-align: center;}
.el_headline02-ver01 [class*="el_headline02-img"] {
	display: block;
	margin-inline:auto;
}
.el_headline02-ver01 .el_headline02-img01 {
	width: 100%;
	max-width: 972px;
	text-align: center;
	opacity: 0;
	position: relative;
}

.el_headline02-ver01 .el_headline02-img02 {
	width: 100%;
	max-width: 897px;
	opacity: 0;
}
.el_headline02-ver01 .el_headline02-img03 {
	width: 100%;
	max-width: 915px;
	opacity: 0;
}
.el_headline02-ver01 .el_headline02-img04 {
	width: 100%;
	max-width: 230px;
}

.el_support-item {opacity:0;}
.el_fade-in {
	animation: FadeIn 1s forwards;
}
@keyframes FadeIn {
	0% {
		transform: scale(0, 0);
		opacity: 0;
	}
	100% {
		transform: scale(1, 1);
		opacity: 1;
	}
}

.el_go-left {
	animation: leftSlideIn 1s forwards;
}
@keyframes leftSlideIn {
	0% {
		transform: translateX(-100vw);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

.el_go-rotate {
	animation: titleRotate 0.5s forwards;
}
@keyframes titleRotate {
	0% {
		transform: scale(0, 0) rotate(0deg);
		opacity: 0;
	}
	100% {
		transform: scale(1, 1) rotate(360deg);
		opacity: 1;
	}
}

.el_go-scaling {
	animation: titleScaling 1s forwards;
}
@keyframes titleScaling {
	0% {
		transform: scale(0, 0);
		opacity: 0;
	}
	25% {
		transform: scale(0.75, 0.75);
		opacity: 1;
	}
	50% {
		transform: scale(0.5, 0.5);
		opacity: 1;
	}
	100% {
		transform: scale(1, 1);
		opacity: 1;
	}
}

.el_go-slideIn {
	animation: SlideIn 1s forwards;
}
@keyframes SlideIn {
	0% {
		transform: translateX(-5vw);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

[class*="bl_point-content0"] {
	padding-bottom:calc(93 / 1000 * 100%);
	background:url(../../img/top/bg_wavy-line.png) left bottom / contain no-repeat;
}

[class*="bl_point-content0"]:not(:nth-of-type(1)) {margin-top:calc(80 / 1000 * 100%);}

.bl_point-content01 {
	width:100%;
	margin-top:calc(110 / 1000 * 100%);
}
.bl_hgroup01 {
	padding-left:calc(210 / 1000 * 100%);
	position: relative;
}

.bl_hgroup01::before {
	position: absolute;
	content:"";
	top:0;
	left:calc(-25 / 1000 * 100%);
}


.bl_point-content01 .bl_hgroup01::before {
	width: 100%;
	max-width: 177px;
	padding-top:calc(170 / 1000 * 100%);
	background:url(../../img/top/icon_point01.png) 0 0 / cover no-repeat;
}
.bl_point-content02 .bl_hgroup01::before {
	width: 100%;
	max-width: 188px;
	padding-top:calc(180 / 1000 * 100%);
	background:url(../../img/top/icon_point02.png) 0 0 / cover no-repeat;
}
.bl_point-content03 .bl_hgroup01::before {
	width: 100%;
	max-width: 202px;
	padding-top:calc(172 / 1000 * 100%);
	background:url(../../img/top/icon_point03.png) 0 0 / cover no-repeat;
}

.el_headline03-ver01 {
	width: 100%;
	max-width: 560px;
	padding-top:calc(20 / 560 * 100%);
	font-size: 3.2rem;
	font-family: 'DelaGothicOne';
	font-weight: 400;
	line-height: 1.25;
}

.el_headline-comment {
	width: 100%;
	max-width: 560px;
	padding-top:calc(20 / 560 * 100%);
	margin-bottom: 0;
	font-weight: 700;
}

.bl_point-content01 .bl_col02-box,
.bl_point-content03 .bl_col02-box {
	overflow: hidden;
}

.bl_point-content01 .bl_explanation-text,
.bl_point-content03 .bl_explanation-text {
	width:100%;
	max-width:480px;
	background:url(../../img/top/bg_light_yellow.png) 0 0 / cover no-repeat;
	padding:calc(50 / 1000 * 100%) 0;
}

.bl_point-content01 .el_explanation-title,
.bl_point-content03 .el_explanation-title {
	width:100%;
	max-width:340px;
	font-size:2.4rem;
	line-height: 1.2;
	margin-inline: auto;
	font-weight: 900;
}

.bl_point-content01 .el_explanation-content,
.bl_point-content03 .el_explanation-content {
	width:100%;
	max-width:340px;
	line-height: 1.5;
	margin-top:calc(30 / 480 * 100%);
	margin-inline: auto;
	font-weight: 700;
}


.bl_point-content01 .bl_col02-box:nth-of-type(1) {
	margin-top:calc(110 / 1000 * 100%);
}

.bl_point-content01 .bl_col02-box:nth-of-type(1) .el_img-box {
	width: 100%;
	max-width: 301px;
	float: left;
	margin-left:calc(100 / 1000 * 100%)
}

.bl_point-content01 .bl_col02-box:nth-of-type(1) .bl_explanation-text {
	float: right;
	margin-right:calc(70 / 1000 * 100%)
}

.bl_point-content01 .bl_col02-box:nth-of-type(2) {
	margin-top:calc(70 / 1000 * 100%);
}

.bl_point-content01 .bl_col02-box:nth-of-type(2) .el_img-box {
	width: 100%;
	max-width: 427px;
	float: right;
}

.bl_point-content01 .bl_col02-box:nth-of-type(2) .bl_explanation-text {
	float: left;
	margin-left:calc(70 / 1000 * 100%)
}

.el_img-no03 {
	margin-top:calc(45 / 1000 * 100%);
	display: flex;
	justify-content: space-between;
}

.el_img-no03 [class*="el_content-boxImg0"] {
	width: 100%;
	max-width:321px;
}
.el_img-no03 .el_content-boxImg01 {margin-top:calc(80 / 1000 * 100%);}
.el_img-no03 .el_content-boxImg02 {margin-top:calc(40 / 1000 * 100%);}
.el_img-no03 .el_content-boxImg03 {margin-top:calc(0 / 1000 * 100%);}

.bl_point-content03 .bl_col02-box:nth-of-type(1) {margin-top:calc(110 / 1000 * 100%);}

.bl_point-content03 .bl_col02-box:nth-of-type(1) .el_img-box {
	width:100%;
	max-width: 301px;
	float: left;
	margin-left:calc(130 / 1000 * 100%)
}

.bl_point-content03 .bl_col02-box:nth-of-type(1) .bl_explanation-text {
	float: right;
	margin-right:calc(70 / 1000 * 100%)
}

.bl_point-content03 .bl_col02-box:nth-of-type(2) {margin-top:calc(70 / 1000 * 100%);}

.bl_point-content03 .bl_col02-box:nth-of-type(2) .el_img-box {
	width:100%;
	max-width: 301px;
	float: right;
	margin-right:calc(120 / 1000 * 100%)
}

.bl_point-content03 .bl_col02-box:nth-of-type(2) .bl_explanation-text {
	float: left;
	margin-left:calc(70 / 1000 * 100%)
}


/* オモイに合わせて自由に選べる、うれしいサービスがいっぱい！
-------------------------------------------------------------------------------------------------------- */
[class*="bl_bgcolor-"] {
	padding:0 calc(80 / 1000 * 100%) calc(80 / 1000 * 100%);
	font-weight: 700;
}

[class*="bl_bgcolor-"] .el_headline03-ver02 {
	background: #000;
	display: inline-block;
	margin-top:8px;
}

[class*="bl_bgcolor-"] .el_headline03-ver02 span {
	border:4px solid #000;
	background: #fff;
	font-size: 3.2rem;
	font-weight: 900;
	display: inline-block;
	padding:3px 20px 6px;
	position: relative;
	top:-8px;
	left:-8px;
}

[class*="bl_bgcolor-"] .bl_col02-box {
	width: 100%;
	max-width: 840px;
	display: flex;
	justify-content: space-between;
	margin-top:calc(50 / 840 * 100%);
}

[class*="bl_bgcolor-"] .el_first-content {
	width: calc(440 / 840 * 100%);
	max-width: 440px;
}

[class*="bl_bgcolor-"] .el_annotaion {
	width: 100%;
	display: block;
	font-size:1.6rem;
	margin-top:calc(20 / 440 * 100%)
}

[class*="bl_bgcolor-"] .el_annotaion + .el_annotaion {
	margin-top:0;
}

[class*="bl_bgcolor-"] .bl_col02-box02 {
	background:url(../../img/top/bk_light_blue.png) 0 0 / cover no-repeat;
	display: flex;
	justify-content: space-between;
}

[class*="bl_bgcolor-"] .bl_col02-box02 + .bl_col02-box02 {margin-top:calc(100 / 840 * 100%);}
[class*="bl_bgcolor-"] .bl_col02-box02 .el_img-box {margin-top:calc(-80 / 840 * 100%);}
[class*="bl_bgcolor-"] .bl_col02-box02:nth-of-type(even) {padding:calc(40 / 840 * 100%) 0 calc(40 / 840 * 100%) calc(90 / 840 * 100%);}
[class*="bl_bgcolor-"] .bl_col02-box02:nth-of-type(odd) {padding:calc(40 / 840 * 100%) calc(80 / 840 * 100%) calc(40 / 840 * 100%) calc(40 / 840 * 100%);}
[class*="bl_bgcolor-"] .bl_col02-box02:nth-of-type(odd) .el_img-box {}

[class*="bl_bgcolor-"] .bl_col02-box02:nth-of-type(odd) .el_text {
	width: 100%;
	max-width: 280px;
}

[class*="bl_bgcolor-"] .bl_col02-box02:nth-of-type(even) .el_img-box {}

[class*="bl_bgcolor-"] .bl_col02-box02:nth-of-type(even) .el_text {
	width: 100%;
	max-width: 300px;
}

.bl_bgcolor-blue {
	background: url(../../img/top/bg_blue.jpg) 0 0;
	margin-top:calc(70 / 1000 * 100%);
}
.bl_bgcolor-blue .bl_col02-box + .bl_col02-box02 {margin-top:calc(80 / 1000 * 100%);}
.bl_bgcolor-blue .bl_col02-box .el_img-box {
	width: 100%;
	max-width: 300px;
	margin-top:calc(20 / 1000 * 100%);
	margin-left:calc(20 / 1000 * 100%);
}

.bl_bgcolor-blue .bl_col02-box02:nth-last-of-type(3) .el_img-box {margin-right: calc(20 / 840 * 100%);}
.bl_bgcolor-blue .bl_col02-box02:nth-last-of-type(1) {padding-bottom:0;}
.bl_bgcolor-blue .bl_col02-box02:nth-last-of-type(2) .el_img-box {margin-right: calc(20 / 840 * 100%);}
.bl_bgcolor-blue .bl_col02-box02:nth-last-of-type(1) .el_img-box {
	margin-right: calc(90 / 840 * 100%);
	margin-bottom: calc(-10 / 840 * 100%);
}



.bl_bgcolor-blue .el_img-box {
}
.bl_bgcolor-blue .el_first-content {
}


.bl_bgcolor-purple {background: url(../../img/top/bg_purple.jpg) 0 0;}
.bl_bgcolor-purple .bl_col02-box02 .el_img-box {
	width: 100%;
	max-width: 403px;
}
.bl_bgcolor-purple .bl_col02-box02:nth-last-of-type(2) {margin-top:calc(60 / 840 * 100%);}
.bl_bgcolor-purple .bl_col02-box02:nth-last-of-type(2) .el_img-box {margin-right:calc(20 / 840 * 100%);}
.bl_bgcolor-pink {background: url(../../img/top/bg_pink.jpg) 0 0;}
.bl_bgcolor-pink .bl_col02-box .el_img-box {
	width: 100%;
	max-width: 403px;
}


/* オモイに合わせて自由に選べる、うれしいサービスがいっぱい！
-------------------------------------------------------------------------------------------------------- */
.bl_other-service{margin-top:calc(90 / 1000 * 100%);}
.el_headline03-ver03{
	font-size:2.8rem;
	font-weight: 900;
	line-height: 1.2;
	text-align: center;
}
.bl_servis-list{
	margin-top:calc(60 / 1000 * 100%);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.el_service-icon{
	width: 100%;
	max-width: 220px;
}
.el_service-icon:nth-of-type(even){margin-top: calc(40 / 1000 * 100%);}

/* 企画からアフターフォローまで
-------------------------------------------------------------------------------------------------------- */
.bl_bgcolor-white {
	background: url(../../img/top/bg_white.jpg) 0 0;
	margin-top:calc(70 / 1000 * 100%);
	padding-bottom:calc(40 / 1000 * 100%);
}

.bl_bgcolor-white + .bl_bgcolor-white .bl_col02-box .el_first-content {
	width:100%;
	max-width: 100%;
}

.bl_bgcolor-white .el_headline03-ver02 {margin-left:calc(-50 / 1000 * 100%);}
.bl_bgcolor-white .bl_col02-box .el_first-content {
	width: 100%;
	max-width: 500px;
}
.bl_bgcolor-white .bl_col02-box .el_img-box {margin-top:calc(-100 / 840 * 100%);}

.bl_col02-img {
	width: 100%;
	max-width: 700px;
	display: flex;
	justify-content: space-between;
	align-items: end;
	margin-inline:auto;
	margin-top:calc(25 / 840 * 100%);
}

.bl_col02-img .el_col02-item:nth-of-type(1) {
	width: 100%;
	max-width: 312px;
}

.bl_col02-img .el_col02-item:nth-of-type(2) {
	width: 100%;
	max-width: 282px;
}

.el_sample-img {
	width: 100%;
	max-width: 710px;
	margin-left: calc(130 / 840* 100%);
	display: block;
}

.bl_other-support {margin-top:calc(90 / 1000 * 100%);}

.bl_support-list {
	margin-top:calc(60 / 1000 * 100%);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.el_support-item {width:calc(240 / 1000 * 100%)}
.el_support-item img {margin-inline:auto;}
.el_support-item:nth-of-type(1) img {
	width: 100%;
	max-width:216px;
}
.el_support-item:nth-of-type(2) img {
	width: 100%;
	max-width:140px;
}
.el_support-item:nth-of-type(3) img {
	width: 100%;
	max-width:233px;
}
.el_support-item:nth-of-type(4) img {
	width: 100%;
	max-width:198px;
}

.el_support-item span {
	display: block;
	text-align: center;
	font-size:2.4rem;
	font-weight: 700;
	margin-top:calc(10 / 240 * 100%);
}

/* FAQ
-------------------------------------------------------------------------------------------------------- */
.bl_contentBottom-area {
	background: url(../../img/top/bg_light_yellow.jpg) 0 0;
	padding-bottom:calc(200 / 1902 * 100%);
}

/* 上余白 */
.bl_contentBottom-area .bl_articleContent-area {
	padding-top:calc(60 / 1902 * 100%);
}

.bl_faq-box {
	margin-top:calc(60 / 1000 * 100%);
}

.bl_faq-box + .bl_faq-box {
	margin-top:calc(20 / 1000 * 100%);
}

/* Question */
.el_faq-tatile {
	border:4px solid #000;
	border-radius: 16px;
	background:#F0C42A;
	font-weight: 900;
	display: flex;
	align-items: center;
	line-height: 1;
	padding:calc(10 / 1000 * 100%) calc(35 / 1000 * 100%) calc(30 / 1000 * 100%) calc(40 / 1000 * 100%);
}

.bl_cross-icon {
	width: 100%;
	max-width: 50px;
	margin-left:auto;
	margin-top:14px;
}
.bl_cross-iconInner {
	display: block;
	width: 100%;
	padding-top:calc(50 / 50 * 100%);
	position:relative;
	background: #000;
	border-radius:100px;
}
.bl_cross-iconInner::before,
.bl_cross-iconInner::after {
	position:absolute;
	content:"";
	width: 100%;
	max-width: 24px;
	height:6px;
	background: #fff;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.bl_cross-iconInner::before {
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
.bl_cross-iconInner.el_cross-change::before {
	transform: translateY(-50%) translateX(-50%) rotate(180deg);
}

.el_faq-tatile:hover {cursor:pointer;}
.el_open-content {	border-radius: 16px 16px 0 0;}


.el_faq-no {
	font-family: 'DelaGothicOne';
	font-weight: 400;
	font-size:4rem;
	display: inline-block;
}

.el_faq-no::first-letter {
	font-size:6rem;
}

.el_faq-text {
	font-size:2.4rem;
	margin-left:calc(30 / 920 * 100%);
	margin-top: calc(20 / 920* 100%);
}

/* Answer */
.el_faq-answer {
	background: #fff;
	border:4px solid #000;
	border-radius: 0 0 16px 16px;
	border-top:none;
	padding: calc(40 / 1000 * 100%) calc(120 / 1000 * 100%) calc(40 / 1000 * 100%) calc(160 / 1000 * 100%);
	position: relative;
	display: none;
}

.el_faq-answer::before {
	content:"A.";
	font-size:4rem;
	font-family: 'DelaGothicOne';
	font-weight: 400;
	color:#E64E74;
	position: absolute;
	top:calc(70 / 1000 * 100%);
	left:calc(50 / 1000 * 100%);
}

.el_answer-text {
	font-size:1.8rem;
	font-weight: 700;
}

/* ボタン */
.bl_btn-area {
	margin-top:calc(140 / 1000 * 100%);
}

.el_btn-text {
	font-size:4rem;
	font-weight: 900;
	text-align: center;
	;
}

.el_color-gray {color: #555A64;}
.el_color-green {color: #03A71F;}

.bl_btn-list {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top:calc(60 / 1000 * 100%);
}

.el_single-btn .el_btn-item {
	width: 100%;
	max-width: 480px;
	min-height: 100px;
}

.el_single-btn .el_btn-item .el_btn-link {
	display: flex;
	width: calc(100% + 8px);
	max-width: 488px;
	min-height: 100px;
	position: relative;
}

.el_single-btn .el_btn-item .el_text-warp{
	position: relative;
	margin-left:-10px;
}

.el_single-btn .el_btn-item .el_text-warp::before,
.el_single-btn .el_btn-item .el_text-warp::after {
	position: absolute;
	top: calc(50% - 6px);
	left: calc(100% + 8px);
	content: " ";
	width: 10px;
	height: 10px;
	background: none;
	display: block;
}

.el_single-btn .el_btn-item .el_text-warp::before {
	margin: 3px 3px 0 0;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	order: 2;
	left: calc(100% + 5px);
}

.el_single-btn .el_btn-item .el_text-warp::after {
	border: 1px solid #000;
	order: 3;
}

.el_double-btn .el_btn-item {
	width: 100%;
	max-width: 360px;
}

.el_btn-item:hover {
	opacity: 0.7;
}

.el_double-btn .el_btn-item .el_btn-link {
	display: flex;
	width: calc(100% + 8px);
	max-width: 368px;
}

.el_double-btn .el_btn-item:nth-of-type(1) .el_btn-link {
	background: #000;
	color:#fff;
	text-decoration: none;
}

.el_btn-link:hover {
	text-decoration: none;
}


.el_btn-item {

}

.el_btn-item + .el_btn-item {margin-left:calc(60 / 1000 * 100%);}

.el_btn-item,
.el_btn-link {
	display: block;
	border-radius: 16px;
	min-height: 100px;
	border:4px solid #000;
}

.el_btn-item {
	background: #F0C42A;
	max-width: 480px;
}
.el_btn-link {
	font-family: 'DelaGothicOne';
	font-weight: 400;
	font-size:2.4rem;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin:-15px 0 0 -15px;
	max-width: 480px;
}




/* 注見出し
-------------------------------------------------------------------------------------------------------- */

/* 小見出し */


/* ========================================================================================================
	SP用CSS
	------------------------------------------------------------------------------------------------------
	@media all and (max-width: 768px)
======================================================================================================== */
@media all and (max-width: 750px) {

/* ========================================================================================================
	メインイメージ
======================================================================================================== */
.bl_hero-wrap {
	height:73vh;
}

.el_hero-img {
	width: calc(680 / 750 * 100%);
	left: 50%;
	top: calc(50% - (490 / 700 * 100% / 2));
}

.el_main-btn {
	width: calc(200 / 750* 100%);
	left: 60%;
    top: 88%;
}

.area{
	background: url(../../img/top/sp_bg.jpg) 0 0 / 100% auto no-repeat fixed;
	height: 100vh;
}

/* ========================================================================================================
	共通アイテム
======================================================================================================== */
/* 画像横並び */
.bl_img-list {
}


/* ========================================================================================================
	コンテンツ
======================================================================================================== */
main {
}

.bl_content-wall {
}

.bl_content-area {
	width: 100%;
	min-width: auto;
}

/* あなたのオモイにとことん寄り添う
-------------------------------------------------------------------------------------------------------- */
.bl_content-block01 {
	display: flex;
	flex-direction: column;
}
.bl_content-block01 [class*="el_content-boxImg"] {position: relative;}
.bl_content-block01 .el_content-mainImg {
	order:5;
}
.bl_content-block01 .el_content-boxImg01 {
	order:2;
	width:calc(556 / 750 * 100%);
	top:auto;
	right:auto;
	left:auto;
	margin:calc(40 / 750 * 100%) calc(40 / 750 * 100%) 0 auto;
}
.bl_content-block01 .el_content-boxImg02 {
	order:3;
	width:calc(556 / 750 * 100%);
	top:auto;
	right:auto;
	left:auto;
	margin:calc(-40 / 750 * 100%) auto 0 calc(-60 / 750 * 100%);
}
.bl_content-block01 .el_content-boxImg03 {
	order:4;
	width:calc(544 / 750 * 100%);
	top:auto;
	right:auto;
	left:auto;
	margin:calc(0 / 750 * 100%) calc(40 / 750 * 100%) calc(-80 / 750 * 100%) auto;
}
.bl_content-block01 .el_content-boxImg04 {
	order:1;
	width:calc(526 / 750 * 100%);
	margin:calc(100 / 750 * 100%) 0 0 calc(40 / 750 * 100%);
}

/* 読む人も、つくる人もオモシロイ社内報
-------------------------------------------------------------------------------------------------------- */
.bl_content-block02 {
	background: url(../../img/top/img_under-arrow.png) center bottom / auto calc(16 / 750* 100%) no-repeat;
	padding-bottom: calc(180 / 750* 100%);
	max-width: 750px;
	overflow: hidden;
}
.bl_content-block02 .el_content-mainImg {
	width: calc(1188 / 750* 100%);
	max-width: 1188px;
	margin-left: calc(-220 / 750* 100%);
}
.bl_content-block02 .el_content-mainImg .el_img-wrap {
}

.bl_content-block02 .el_imgWrap-caption {
	width: calc(600 / 1188* 100%);
	margin: 0 auto;
	font-size: 1.6rem;
	padding-top: calc(410 / 1188* 100%);
}

.bl_content-block02 .el_img-no05 {
	margin-top: calc(240 / 750* 100%);
	width:calc(650 / 750 * 100%);
	margin-inline:auto;
	flex-wrap: wrap;
}

.el_img-no05 .el_content-boxImg01 {
	width: calc(308 / 650 * 100%);
}
.el_img-no05 .el_content-boxImg02  {
	width: calc(310 / 650 * 100%);
}
.el_img-no05 .el_content-boxImg03  {
	width: calc(308 / 650 * 100%);
	margin-top:calc(120 / 650 * 100%);
}
.el_img-no05 .el_content-boxImg04  {
	width: calc(290 / 650 * 100%);
	margin-top:calc(120 / 650 * 100%);
}
.el_img-no05 .el_content-boxImg05  {
	width: calc(324 / 650 * 100%);
	margin-top:calc(120 / 650 * 100%);
	margin-inline:auto;
}

/* オモイに応えながらオモシロイを実現する
-------------------------------------------------------------------------------------------------------- */
.bl_content-block03 {
	max-width: 750px;
	display: block;
	margin-top: calc(160 / 750* 100%);
	overflow: hidden;
}

.bl_content-block03 .el_content-mainImg {
	width: calc(764 / 750* 100%);
	max-width: 764px;
	margin-left: 0;
}

.bl_content-block03 .el_content-mainImg .el_img-wrap {
	margin-left: calc(-80 / 750* 100%);
	display: block;
	width: 100%;
}

.bl_content-block03 .el_content-mainImg  .el_imgWrap-caption {
	padding-top: calc(40 / 750* 100%);
	width: calc(600 / 750* 100%);
	font-weight: 700;
	font-size: 1.6rem;
	margin-left: calc(48 / 750* 100%);
}

.bl_content-block03 .el_img-no01 {
	width: calc(554 / 750* 100%);
	margin-inline: auto;
}

/* オモシロイを叶える、3つのポイント
-------------------------------------------------------------------------------------------------------- */
.bl_contentCenter-area {
}
.bl_contentCenter-inner {padding-bottom: calc(200 / 750* 100%);}

.bl_articleContent-area {
	width: calc(710 / 750 * 100%);
}

.bl_articleContent-area + .bl_articleContent-area {margin-top: calc(180 / 750* 100%);}

.el_headline02-ver01 {}
.el_headline02-ver01 [class*="el_headline02-img"] {
}
.el_headline02-ver01 .el_headline02-img01 {}
.el_headline02-ver01 .el_headline02-img02 {width: calc(684 / 710 * 100%);}
.el_headline02-ver01 .el_headline02-img03 {width: calc(680 / 710 * 100%);}
.el_headline02-ver01 .el_headline02-img04 {width: calc(370 / 710* 100%);}

[class*="bl_point-content0"] {padding-bottom: calc(160 / 710* 100%);}
[class*="bl_point-content0"]:not(:nth-of-type(1)) {margin-top: calc(160 / 710* 100%);}

.bl_point-content01 {
	padding-top: calc(120 / 710* 100%);
	margin-top: 0;
}
.bl_hgroup01 {
	padding-left: 0;
	padding-top: calc(200 / 710* 100%);
}

.bl_hgroup01::before {
}


.bl_point-content01 .bl_hgroup01::before {
	width: calc(226 / 750* 100%);
	padding-top: calc(216 / 750* 100%);
	left: 0;
}
.bl_point-content02 .bl_hgroup01::before {
	width: calc(192 / 710* 100%);display: block;
	padding-top: calc(184 / 710* 100%);
	left: 0;
}
.bl_point-content03 .bl_hgroup01::before {
	width: calc(262 / 710* 100%);
	padding-top: calc(223 / 710* 100%);
	left: 0;
}

.el_headline03-ver01 {font-size: 2.2rem;}
.el_headline-comment {font-size: 1.6rem;}

.bl_point-content01 .bl_explanation-text,
.bl_point-content03 .bl_explanation-text {
}

.bl_point-content01 .el_explanation-title,
.bl_point-content03 .el_explanation-title {
	width: calc(550 / 630* 100%);
	font-size: 1.8rem;
}

.bl_point-content01 .el_explanation-content,
.bl_point-content03 .el_explanation-content {
	width: calc(550 / 630* 100%);
	font-size: 1.6rem;
}

.bl_point-content01 .bl_col02-box,
.bl_point-content03 .bl_col02-box {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.bl_point-content01 .bl_col02-box:nth-of-type(1) .el_img-box,
.bl_point-content01 .bl_col02-box:nth-of-type(2) .el_img-box,
.bl_point-content03 .bl_col02-box:nth-of-type(1) .el_img-box,
.bl_point-content03 .bl_col02-box:nth-of-type(2) .el_img-box {
	float:none;
	margin:0;
}

.bl_point-content01 .bl_col02-box:nth-of-type(1) .bl_explanation-text,
.bl_point-content01 .bl_col02-box:nth-of-type(2) .bl_explanation-text,
.bl_point-content03 .bl_col02-box:nth-of-type(1) .bl_explanation-text,
.bl_point-content03 .bl_col02-box:nth-of-type(2) .bl_explanation-text {
	width: calc(630 / 710* 100%);
	margin: calc(40 / 710 * 100%) 0 0;
	float: none;
}

.bl_point-content01 .bl_col02-box:nth-of-type(1) .el_img-box {
	width: calc(384 / 710* 100%);
}

.bl_point-content03 .bl_col02-box:nth-of-type(1) .el_img-box {
	width: calc(384 / 710* 100%);
}

.bl_point-content01 .bl_col02-box:nth-of-type(1) .bl_explanation-text {
}

.bl_point-content01 .bl_col02-box:nth-of-type(2) .el_img-box {
	order:1;
	width: calc(546 / 710* 100%);
	margin-top: calc(150 / 710 * 100%);
}

.bl_point-content03 .bl_col02-box:nth-of-type(2) .el_img-box {
	order:1;
	width: calc(384 / 710* 100%);
	margin-top: calc(150 / 710 * 100%);
}

.bl_point-content01 .bl_col02-box:nth-of-type(2) .bl_explanation-text,
.bl_point-content03 .bl_col02-box:nth-of-type(2) .bl_explanation-text {
	order:2;
}

.el_img-no03 {
	flex-direction: column;
}

.el_img-no03 [class*="el_content-boxImg0"] {
	width:calc(510 / 710 * 100%);
	margin-top:calc(30 / 710 * 100%);
}
.el_img-no03 .el_content-boxImg01 {margin-left:auto;}
.el_img-no03 .el_content-boxImg02 {margin-inline:auto;}
.el_img-no03 .el_content-boxImg03 {margin-right:auto;}

.bl_point-content03 .bl_col02-box:nth-of-type(1) {}

.bl_point-content03 .bl_col02-box:nth-of-type(1) .el_img-box {
}

.bl_point-content03 .bl_col02-box:nth-of-type(1) .bl_explanation-text {
}

.bl_point-content03 .bl_col02-box:nth-of-type(2) {}

.bl_point-content03 .bl_col02-box:nth-of-type(2) .el_img-box {
}

.bl_point-content03 .bl_col02-box:nth-of-type(2) .bl_explanation-text {
}


/* オモイに合わせて自由に選べる、うれしいサービスがいっぱい！
-------------------------------------------------------------------------------------------------------- */
[class*="bl_bgcolor-"] {
	padding: 0 calc(28 / 710* 100%) calc(28 / 1000* 100%);
}

[class*="bl_bgcolor-"] .el_headline03-ver02 {
}

[class*="bl_bgcolor-"] .el_headline03-ver02 span {
	font-size: 2.4rem;
}

[class*="bl_bgcolor-"] .bl_col02-box {
	flex-direction: column;
	margin-top: calc(80 / 710* 100%);
}

[class*="bl_bgcolor-"] .bl_col02-box .el_first-content {
	flex-direction: column;
	margin-top: calc(80 / 710* 100%);
}

[class*="bl_bgcolor-"] .el_first-content {
	width: calc(630 / 654* 100%);
	margin-top: calc(80 / 654* 100%);
	margin-inline: auto;
	font-size: 1.6rem;
}

[class*="bl_bgcolor-"] .el_annotaion {
	font-size: 1.2rem;
}

[class*="bl_bgcolor-"] .el_annotaion + .el_annotaion {
}

.bl_articleContent-area [class*="bl_bgcolor-"] .bl_col02-box02 {
	flex-direction: column;
	padding: calc(90 / 710* 100%) calc(40 / 710* 100%) calc(100 / 710* 100%);
}

[class*="bl_bgcolor-"] .bl_col02-box02 + .bl_col02-box02 {}
[class*="bl_bgcolor-"] .bl_col02-box02 .el_img-box {
	width: calc(560 / 654 * 100%);
	margin-top:0;
	margin-inline: auto;
}
[class*="bl_bgcolor-"] .bl_col02-box02 .el_text {
	font-size: 1.6rem;
	margin-top:calc(100 / 654 * 100%);
}
[class*="bl_bgcolor-"] .bl_col02-box02:nth-of-type(even) {}
[class*="bl_bgcolor-"] .bl_col02-box02:nth-of-type(odd) {}
[class*="bl_bgcolor-"] .bl_col02-box02:nth-of-type(odd) .el_img-box {margin-inline: auto;}

[class*="bl_bgcolor-"] .bl_col02-box02:nth-of-type(odd) .el_text {
}

[class*="bl_bgcolor-"] .bl_col02-box02:nth-of-type(even) .el_img-box {
	margin-inline: auto;
	order: 1;
}

[class*="bl_bgcolor-"] .bl_col02-box02:nth-of-type(even) .el_text {order: 2;
}

.bl_bgcolor-blue {
}
.bl_bgcolor-blue .bl_col02-box + .bl_col02-box02 {
	flex-direction: column;
	padding: calc(90 / 710* 100%) calc(40 / 710* 100%) calc(100 / 710* 100%);
}
.bl_bgcolor-blue .bl_col02-box .el_img-box {
	width: calc(384 / 654* 100%);
	margin: 0;
	margin-inline: auto;
}

.bl_bgcolor-blue .bl_col02-box02:nth-last-of-type(3) .el_img-box {
}
.bl_bgcolor-blue .bl_col02-box02:nth-last-of-type(1) {}
.bl_bgcolor-blue .bl_col02-box02:nth-last-of-type(2) .el_img-box {}
.bl_bgcolor-blue .bl_col02-box02:nth-last-of-type(1) .el_img-box {
	width: calc(332 / 654 * 100%);
}



.bl_bgcolor-blue .el_img-box {
}
.bl_bgcolor-blue .el_first-content {
}


.bl_bgcolor-purple {}
.bl_bgcolor-purple .bl_col02-box .el_img-box {
	width: calc(460 / 654 * 100%);
	margin-inline: auto;
}
.bl_bgcolor-purple .bl_col02-box02:nth-last-of-type(2) {}
.bl_bgcolor-purple .bl_col02-box02:nth-last-of-type(2) .el_img-box {}
.bl_bgcolor-pink {}
.bl_bgcolor-pink .bl_col02-box .el_img-box {
	width: calc(520 / 654 * 100%);
	margin-inline: auto;
}


/* オモイに合わせて自由に選べる、うれしいサービスがいっぱい！
-------------------------------------------------------------------------------------------------------- */
.bl_other-service{margin-top:calc(200 / 710 * 100%);}
.el_headline03-ver03{font-size: 2rem;}
.bl_servis-list{
	justify-content: flex-start;
	width: calc(660 / 710 * 100%);
	margin-inline: auto;
}
.el_service-icon{
	width:calc(268 / 660 * 100%);
	margin-top: calc(48 / 660 * 100%);
}
.el_service-icon:nth-of-type(even){
	margin-left: calc(46 / 660 * 100%);
	margin-top: calc(48 / 660 * 100%);
}
.el_service-icon:nth-of-type(3){margin-left: calc(78 / 660 * 100%);}
.el_service-icon:nth-of-type(7){margin-left: calc(78 / 660 * 100%);}

/* 企画からアフターフォローまで
-------------------------------------------------------------------------------------------------------- */
.bl_bgcolor-white {padding: 0 calc(28 / 710* 100%) calc(90 / 710* 100%);}

.bl_bgcolor-white .el_headline03-ver02 {margin-left: 0;}
.bl_bgcolor-white .bl_col02-box .el_first-content {
	order: 2;
	width: 100%;
	max-width: 100%;
}
.bl_bgcolor-white .bl_col02-box .el_img-box {
	order:1;
	width: calc(356 / 654 * 100%);
	margin-inline: auto;
	margin-top: 0;
}

.bl_bgcolor-white + .bl_bgcolor-white .el_first-content {margin-top:0;}

.bl_col02-img {
	display: block;
	width: 100%;
}

.bl_col02-img .el_col02-item:nth-of-type(1) {
	width: calc(420 / 654 * 100%);
}

.bl_col02-img .el_col02-item:nth-of-type(2) {
	width: calc(400 / 654 * 100%);
	margin:calc(40 / 654 * 100%) 0 0 calc(200 / 654 * 100%);
}

.bl_col02-img .el_img-text {
	font-size:1.4rem;
	margin-top:calc(40 / 400 * 100%);
}

.el_sample-img {
	width: 100%;
	margin: 0;
}

.bl_other-support {}

.bl_support-list {
	width: calc(620 / 710* 100%);
	flex-wrap: wrap;
	margin-inline:auto;
	margin-top: 0;
}
.el_support-item {
	width: 50%;
	margin-top:calc(70 / 620 * 100%);
}
.el_support-item img {margin-inline:auto;}
.el_support-item:nth-of-type(1) img {width: calc(276 / 310 * 100%);}
.el_support-item:nth-of-type(2) img {width: calc(180 / 310 * 100%);}
.el_support-item:nth-of-type(3) img {width: calc(300 / 310 * 100%);}
.el_support-item:nth-of-type(4) img {width: calc(252 / 310 * 100%);}

.el_support-item span {
	font-size: 1.8rem;
	display: block;
	text-align: center;
}

/* FAQ
-------------------------------------------------------------------------------------------------------- */
.bl_contentBottom-area {
}

/* 上余白 */
.bl_contentBottom-area .bl_articleContent-area {
}

.bl_faq-box {margin-top: calc(100 / 710* 100%);
}

.bl_faq-box + .bl_faq-box {
	margin-top: calc(40 / 710* 100%);
}

/* Question */
.el_faq-tatile {flex-wrap: wrap;}
.el_faq-no {
	font-size:3.2rem;
	margin-right: 60%;
}
.el_faq-no::first-letter {font-size:4.8rem;}

.el_faq-text {
	display: block;
	margin-top: calc(40 / 580 * 100%);
	width: 80%;
	font-size: 2rem;
	line-height: 1.2;
}

.bl_cross-icon {
	width: calc(100 / 640 * 100%);
	margin-left: auto;
	margin-top: 14px;
}

/* Answer */
.el_faq-answer {padding: calc(140 / 702* 100%) calc(80 / 702* 100%) calc(80 / 702* 100%);}

.el_faq-answer::before {
	top: calc(40 / 702* 100%);
	left: calc(80 / 702* 100%);
	font-size: 3.2rem;
}

.el_answer-text {margin:0;}

/* ボタン */
.bl_btn-area {
}

.el_btn-text {
	font-size:2.8rem;
	line-height: 1.2;
}

.bl_btn-list {display: block;}

.el_single-btn .el_btn-item,
.el_double-btn .el_btn-item {
	width: calc(660 / 710* 100%);
	margin-top: calc(48 / 710* 100%);
	margin-left: 0;
	margin-inline: auto;
}

.el_single-btn .el_btn-item .el_btn-link {
}

.el_single-btn .el_btn-item .el_text-warp{line-height: 1.2;}

.el_single-btn .el_btn-item .el_text-warp::before,
.el_single-btn .el_btn-item .el_text-warp::after {
}

.el_single-btn .el_btn-item .el_text-warp::before {
	border-left: 2px solid #000;
    border-bottom: 2px solid #000;
	left: calc(100% + 15px);
}

.el_single-btn .el_btn-item .el_text-warp::after {
	border: 2px solid #000;
	left: calc(100% + 18px);
}

.el_double-btn .el_btn-item {
	width: calc(660 / 710* 100%);
	margin-top: calc(48 / 710* 100%);
	margin-left: 0;
	margin-inline: auto;
}

.el_btn-item:hover {
}

.el_double-btn .el_btn-item .el_btn-link {
}

.el_double-btn .el_btn-item:nth-of-type(1) .el_btn-link {
}

.el_btn-link:hover {
}


.el_btn-item {

}

.el_btn-item + .el_btn-item {}

.el_btn-item,
.el_btn-link {
}

.el_btn-item {
}
.el_btn-link {
}
}