/* MbDevelopment */
@font-face {
 font-family: 'Akrobat-Black';
 src: url( "fonts/Akrobat-Black.otf") format('woff'); /* medium */
 font-weight: normal;
 font-style: normal;
}
body {
	margin: 0px;
    padding: 0px;
	font-family: "游ゴシック", "Yu Gothic", sans-serif;
	overflow-x: hidden;
}

/* 下層ページ共通*/
.title_ba {
	width:100%;
	height: 645px;
	background-image: url("images/title_ba.png")!important;
	background-position: center center;
	background-size: cover;
	padding-top:130px;
	position: relative;
}
.title {
	width:500px;
	color: #fff;
	font-size: 92px;
	font-weight: 600;
	line-height: 112px;
	position: relative;
	margin: 0 auto;
}
.title p {
	width:100%;
	position: absolute;
	left: 132px;
    top: -9px;
	font-family: 'Akrobat Black', sans-serif;
	letter-spacing: 5px;
}
.text {
	position: absolute;
	right:280px;
	bottom:15px;
	font-size: 20px;
	font-weight: 600;
}
.text p {
	font-size: 16px;
	line-height: 180%;
}
.promotion_ba {
	width:100%;
	background-image: url("images/promotion_ba.png")!important;
}
@media (max-width: 768px) {
	.title {
    width: 90%;
    font-size: 30px;
    font-weight: 600;
    line-height: 180%;
    position: relative;
    margin: 0 auto;
}
	.title_ba {
    width: 100%;
    height: 300px;
    background-image: url("images/title_ba.png")!important;
    background-position: center center;
    background-size: cover;
    padding-top: 130px;
    position: relative;
}
	.text {
	width: 90%;
		margin-top:20px;
    position: absolute;
    right:0;
	left:50%;
    top: 230px;
    bottom: 0px;
    font-size: 18px;
	text-align: justify;
	 transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
	.text p {
    font-size: 12px;
    line-height: 160%;
	margin: 10px auto 30px;
}
	.title_ch2 p {
		top: -132px!important;
}
	.title_company {
	width:100%;
	height:auto;
	background-image: url("images/title_company.png")!important;
	background-position: center;
	background-size: cover;
	padding-top:130px;
	position: relative;
	}
	.title_company_ch {
		padding-top:155px;
	}
	.title_company_ba {
	margin-top:60px;
	}
	.title p {
	width:100%;
	text-align: right;
	position: relative;
	right:0;
	bottom: 108px;
	left:0;
		top: -108px;
}
}


/* INNER BRANDINGここから*/
.inner_title {
	text-align: center;
	margin: 75px auto 30px;
}
.inner_title img {
	width: 555px;
	margin: 0 auto;
}
.inner_img {
	margin: 0 auto 39px;
	text-align: center;
}
.inner_info_flex_top {
	width:1084px;
	display:flex;
	justify-content: space-between;
	margin : 50px auto;
	align-items: center;
}
.inner_info_flex_top div {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: -8px;
}
.inner_info_flex_top img {
	width:149px;
}
.inner_info_flex_bottom {
	    width: 783px;
	display:flex;
	justify-content: space-between;
	margin : 50px auto;
	    align-items: center;
	padding-left: 105px;
}
.inner_info_flex_bottom div {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.inner_info_flex_border {
	border-left:#4f7fff solid 3px;
	height: 283px;
}
.inner_info_flex_bottom img {
	width:257px;
}
.inner_info1-b_title {
	text-align: center;
	margin:80px auto 40px;
}
.inner_info1-b_title img {
	width:700px;
}
.inner_info1-b_flex {
	width:1200px;
	display:flex;
	justify-content: space-between;
	margin:0 auto 50px;
}
.inner_info1-b_flex img {
	width:400px;
}
.inner_info2_ba {
	background: #F0F0F0;
	padding:55px 0 50px;
}
.inner_title2 {
	width:600px;
	font-size: 31px;
	margin : 0 auto;
	font-weight: 600;
	text-align: center;
	border-bottom: 3px #000 solid;
	padding-bottom:15px;
}
.inner_text2 {
	width:800px;
	font-size: 16px;
	font-weight: 600;
	line-height: 180%;
	margin: 30px auto;
	text-align: left;
	text-align: justify;
}
.inner_info3 {
	margin: 100px auto 90px;
}
.inner_title3 {
	width:1200px;
	height: 79px;
	display:flex;
	align-items: center;
	justify-content: center;
	background: #000;
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	margin: -24px auto 0;
	border-radius: 6px;
	letter-spacing: 3px;
}
.inner_flex {
	width:1150px;
	display:flex;
	flex-wrap: wrap;
	font-size: 18px;
	font-weight: 600;
	justify-content: space-between;
	margin : 0px auto;
}
.inner_flex div{
	width:325px;
	line-height: 180%;
	text-align: center;
	margin : 65px auto 0;
}
.inner_flex img{
	width:250px;
}
.inner_info4 {
	background: #F0F0F0;
	padding: 70px 0 115px;
}
.inner_case_study {
	width:1000px;
	margin: 0  auto;
}
.inner_case_study_flex {
	width:900px;
	display:flex;
	margin: 87px auto 0;
	justify-content: space-between;
	align-items: flex-start;
}
.inner_case_study_flex img {
	width:220px;
	height: auto;
}
.inner_case_study_flex p {
	font-size: 26px;
	font-weight: 600;
	margin-bottom:5px;
}
.inner_case_study_flex span {
	font-size: 16px;
	font-weight: 600;
	line-height: 180%;
}
.inner_case_study_flex_item {
	margin-bottom:55px;
}
@media (max-width: 768px) {
	.inner_title {
    text-align: center;
    margin: 30px auto;
	width:90%;
}
	.inner_title img {
    width: 100%;
}
	.inner_img {
	width:100%;
    margin: 0 auto 25px;
}
	.inner_img img {
	width:90%;
    margin: 0 auto 25px;
    text-align: center;
}
	.inner_title3 {
    width: 95%;
    height: 50px;
    font-size: 14px;
    border-radius: 5px;
	letter-spacing: 0px;
	margin-top: 40px;
	margin-bottom:0px;
}
	.inner_info {
	margin-top: 260px;
}
	.inner_info_flex_top {
	width: 90%;
    display: block;
    margin: 25px auto;
	}
	.inner_info_flex_bottom {
    width: 90%;
    display: block;
    margin: 50px auto;
	padding-left: 0px;
}
	.inner_info1-b_flex {
    width: 90%;
    margin: 0 auto 50px;
	display:block;
}
	.inner_info1-b_title {
		width:90%;
		margin: 50px auto 0;
	}
	.inner_info1-b_title img {
    width: 100%;
}
	.inner_info_flex_top p {
	font-size: 14px;
	margin-bottom:50px;
	}
	.inner_info_flex_top img {
    width: 40%;
}
	.inner_info_flex_bottom img {
    width: 80%;
}
	.inner_info_flex_bottom p {
    display: block;
    margin-bottom:50px;
}
	.inner_info1-b_flex img {
    width: 100%;
	display:block;
	margin:20px auto 40px;
}
	.inner_title2 {
    width: 90%;
    font-size: 18px;
    margin: 0 auto;
    border-bottom: 2px #000 solid;
    padding-bottom: 15px;
}
	.inner_info2_ba {
    padding: 25px 0 25px;
}
	.inner_text2 {
    width: 90%;
    font-size: 14px;
    margin: 15px auto;
	padding-bottom: 0px;
}
	.inner_info3 {
    margin: 50px auto 40px;
}
	.inner_flex {
    width: 90%;
    display: block;
    font-size: 14px;
    margin: 0px auto 80px;
}
}



/* promotion_brandingここから*/
.promotion_img img {
	width:980px;
}
.promotion_text {
	text-align: center;
	margin: 0 auto 60px;
	font-size: 20px;
	font-weight: 600;
	line-height: 180%;
}
.promotion_info_ba {
	background: #F0F0F0;
	padding:58px 0 1px;
}
.promotion_title {
	width:1200px;
	margin : 0 auto;
	text-align: center;
	color: #fff;
	background: #000;
	padding:10px;
	padding: 15px 0;
	border-radius: 5px;
}
.promotion_title p {
	width:600px;
	font-size: 31px;
	font-weight: 600;
	margin : 0 auto;
}
.promotion_line {
	width:1200px;
	border-bottom: 1.7px solid #000;
	margin : 0 auto;
}
.promotion_box {
	width:380px;
	text-align: center;
}
.promotion_box img {
	width:175px;
	text-align: center;
}
.promotion_box_subtitle {
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
.promotion_box_subtitle span{
	font-size: 30px;
	font-weight: 500;
	display:inline-block;
	padding-top:3px;
	font-family: 'Akrobat Black', sans-serif;
}
.promotion_box_title{
	width:340px;
	height: 55px;
	background: #f59d23;
	margin : 5px auto 31px;
	display:flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}
.promotion_box_title p{
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	margin : 0 auto;
}
.promotion_box_text {
	width: 345px;
	font-size: 15px;
	font-weight: 600;
	text-align: justify;
	line-height: 180%;
	margin: 0 auto;
}
.promotion_info_flex {
	width:1147px;
	margin : 55px auto 20px;
	display:flex;
	justify-content: space-between;
}
.promotion_box_img_ch img{
	width:129px;
}
.promotion_info2 {
	width:1000px;
	padding:105px 0 16px;
	margin : 0 auto;
}
.promotion_case_study {
	line-height: 5px;
	font-weight: 600;
}
.promotion_case_study p {
	font-size: 60px;
	font-family: 'Akrobat Black', sans-serif;
	letter-spacing: 9px;
}
.promotion_case_study_subtitle {
	font-size: 17px;
	line-height: 180%;
	margin-bottom:-25px;
}
.promotion_case_study_subtext {
	font-size: 17px;
	line-height: 180%;
	margin-top:20px;
}
.promotion_case_study2 {
	width:980px;
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
}
.promotion_case_study2_text {
	width:380px;
	height: 165px;
	font-weight: 600;
	text-align: justify;
	background-image: url("images/promotion_case_study2_text_ba.png")!important;
	background-position: center center;
	background-size: cover;
	position: relative;
	margin-bottom:32px;
}
.promotion_case_study2_text p {
	width:272px;
	position: absolute;
	top:13%;
	left: 18%;
	line-height: 180%;
}
.promotion_customer_ba {
	width: 960px;
    background: #E8E8E8;
    border-radius: 12px;
    padding: 29px 0 30px;
    margin: 60px 0 100px;
}
.promotion_customer {
	width:825px;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.promotion_customer span{
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	margin-bottom:20px;
	margin-top: 10px;
}
.promotion_customer img {
	width:455px;
	margin: 0 auto;
}
.promotion_customer_title {
	width:270px;
	height: 45px;
	background: #f59d23;
	color: #fff;
	display:flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight:bold;
}
.promotion_customer_text {
	font-weight: 600;
	line-height: 180%;
	font-size: 22px;
}
.promotion_case_study3_ba {
	width:100%;
	background: #F0F0F0;
	padding:31px 0;
	margin: 0 auto 100px;
}
.promotion_case_study3_title {
	font-size: 26px;
	font-weight: 600;
	border-left: 4px #000 solid;
}
.promotion_case_study3_title p {
	margin-left:15px;
	margin-bottom: 19px;
	font-family: 'Akrobat Black', sans-serif;
}
.promotion_case_study3_text {
	width:615px;
	font-size: 16px;
	font-weight: 600;
	line-height: 180%;
}
.promotion_case_study3_text span{
	font-size: 20px;
	line-height: 200%;
}
.promotion_case_study3 {
	width:710px;
	margin: 0 auto 34px;
}
.promotion_case_study3_flex {
	width:710px;
	display:flex;
	justify-content: space-between;
	margin: 0 auto;
}
.promotion_case_study3_flex div {
	width:400px;
}
.promotion_case_study4 {
	width:710px;
	margin : 0 auto;
}
.promotion_case_study3_line {
	border-bottom: 2px solid #808080;
}
.promotion_case_study4_flex2 {
	display:flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto 50px; 
}
.promotion_case_study4_flex2 img {
	width:200px;
}
.promotion_case_study4_flex3 {
	height: 288px;
	display:flex;
	align-items: center;
	margin: 50px auto 45px; 
	align-content: center;
}
.promotion_case_study4_item1 {
	height: 288px;
	display:flex;
	align-items: center;
	border-right: solid 2px #7E7E7F;
	padding-right:30px;
}
.promotion_case_study4_item1 img {
	width:150px;
}
.promotion_case_study4_item2  {
	width:270px;
	font-size: 15px;
	font-weight: 600;
	line-height: 200%;
	text-align: center;
}
.promotion_case_study4_item2  p {
	font-size: 11px;
	line-height: 180%;
}
.promotion_case_study4_item2 img {
	width:100px;
	display:inline-block;
	margin-bottom:10px;
}
.promotion_item1 img {
	width:100%;
	margin: 60px 0;
}
.promotion_item3 {
	margin-top:55px;
}



/* companyここから*/
.company_info {
	width:750px;
	margin:0 auto 60px;
}
.company_title {
	font-size: 62px;
	line-height: 30px;
	margin:100px auto 70px;
	font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
}
.company_title p {
	font-size: 26px;
}
.company_title text {
	font-size: 18px;
}
.company_line {
	width:90%;
	margin: 0 auto;
	border-bottom: solid 1px #000;
}
.company_text {
	font-size: 18px;
	line-height: 180%;
	text-align: justify;
	font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
}
.company_text2 {
	width:750px;
	margin: 50px auto 70px;
	font-size: 16px;
	font-weight: 400;
	line-height: 210%;
	text-align: justify;
}
.company_line2 {
	width:880px;
	margin: 0 auto;
	border-bottom: solid 1px #000;
}
.table {
	width:750px;
	margin: 0 auto;
}
.table tr {
	display:flex;
	margin: 35px auto;
	font-size: 16px;
	align-items: center;
}
.table th {
	width:150px;
	text-align: left;
	text-align: justify;
	font-size:16px;
	font-weight:400;
}
.table td {
	width:550px;
	line-height: 180%;
}
.company_info2 {
	width:750px;
	margin: 60px auto;
	font-weight: 400;
	font-size: 20px;
}
.company_map {
	text-align: center;
}
.company_map iframe {
	width:960px;
	height: 390px; 
	margin: 0 auto 65px
}
@media (max-width: 768px) {
	.company_title {
	width:90%;
    font-size: 30px;
    line-height: 30px;
    margin: 0px auto 35px;
}
	.company_title p {
    font-size: 20px;
}
	.company_text {
	width:90%;
    font-size: 14px;
	margin: 0 auto;
}
	.company_text2 {
    width: 90%;
    margin: 25px auto 35px;
    font-size: 14px;
    line-height: 180%;
}
	.company_info2 {
    width: 90%;
    margin: 30px auto;
    font-size: 20px;
}
	.table {
    width: 100%;
    margin: 0 auto;
}
	.table tr {
	width:100%;
	font-size: 14px;
	margin: 17px auto;
}
	.table th {
    width: 45%;
}
	.table td {
    width: 100%;
    line-height: 180%;
}
	.company_map iframe {
    width: 90%;
    height:300px;
    margin: 0 auto 65px;
}
	.company_line2 {
    width: 100%;
    margin: 0 auto;
    border-bottom: solid 1px #000;
}
	.company_info {
    width: 100%;
    margin: 150px auto -1px;
		background:#000;
		color:#fff;
		padding: 40px 0 40px;
}
	.promotion_box_img_ch img{
	width:25%;
}
	.promotion_box img {
    width: 100px;
    text-align: center;
}
}


/* COMMUNICATION DESIGNここから*/
.policy_flex {
	width:1044px;
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0px auto;
}
.policy_item_ba {
	width:500px;
	display:flex;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}
.policy_item {
	width:443px;
	height: 240px;
	margin:0 auto;
	padding: 25px;
	margin:0px 0 30px;
}
.policy_item span {
	font-size: 53px;
	font-family: 'Akrobat Black', sans-serif;
	margin-bottom: 3px;
    display: block;
}
.policy_title {
	width:100%;
	height: 46px;
	display:flex;
	justify-content: center;
	background: #32D6D0;
	color: #fff;
	font-size: 18px;
	align-items: center;
	font-family: corporate-logo-ver2,sans-serif;
font-weight: 500;
font-style: normal;
	letter-spacing: 2px;

}
.policy_text {
	font-size: 15px;
	font-weight: 600;
	text-align: justify;
	margin-top:20px;
	line-height:180%;
}
.policy_line_top {
	width:500px;
	border-top: 1px solid #000;
}
.policy_line_right {
	height: 280px;
	border-right: 1px solid #000;
	margin : 0 auto;
}

.policy_info2_ba {
	background: #F0F0F0;
	padding:95px 0 42px;
	margin: 194px auto 113px; 
}
.policy_info2_title {
	width:1200px;
	height: 84px;
	background: #000;
	margin: 0 auto;
	color: #fff;
	border-radius: 14px;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 3px;
}
.policy_info2_text {
	text-align: center;
	margin:  20px auto 56px;
	font-size: 16px;
	font-weight: 600;
}
.policy_info2 {
	width:1000px;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.policy_info2_img img {
	width:460px;
}
.policy_flow_title {
	display:flex!important;
	align-items: center;
	color: #FFAB02;
	font-size: 79px;
	font-family: "游ゴシック", "Yu Gothic", sans-serif;
	margin-bottom: 18px;
}
.policy_flow_title span{
	font-family: 'Akrobat Black', sans-serif;
}
.policy_flow_title p  {
	font-size: 28px;
	font-weight: 600;
	margin-left: 37px;
	font-family: "游ゴシック", "Yu Gothic", sans-serif
}
.policy_flow_text  {
	width:480px;
	font-size: 16px;
	font-weight: 600;
	margin-top:-30px;
	line-height: 180%;
}
._or {
	color: #FC7F44;
} 
._gr {
	color: #00CFC7;
} 
._bu {
	color: #277DA2;
} 
.policy_info3 {
	width:1010px;
	margin: 0 auto;
}
.policy_info3_title {
	font-size: 60px;
	font-family: 'Akrobat Black', sans-serif;
	font-weight:900;
	letter-spacing: 10px;
	margin-bottom: 54px;
}
.policy_info3_title p {
	font-size: 16px;
	font-weight: 600;
}
.promotion_case_studysp {
		display:none;
	}
@media (max-width: 768px) {
	.promotion_img img {
    width: 90%;
}
	.promotion_text {
	width:90%;
    text-align: center;
    margin: 0 auto 30px;
    font-size: 13px;
}
	.promotion_title {
    width: 90%;
}
	.promotion_title p {
    width: 100%;
    font-size: 18px;
}
	.promotion_info_flex {
    width: 90%;
    margin: 35px auto 20px;
    display: block;
}
	.promotion_box {
    width: 100%;
    text-align: center;
	margin-bottom:50px;
}
	.promotion_box_title {
    width: 90%;
    height: 40px;
    margin: 15px auto 27px;
    border-radius: 5px;
}
	.promotion_box_title p {
    font-size: 14px;
}
	.promotion_box_text {
	width:90%;
    font-size: 14px;
}
	.promotion_box_subtitle span {
    font-size: 40px;
}
	.promotion_info2 {
    width: 90%;
    padding: 50px 0 30px;
    margin: 0 auto;
}
	.promotion_case_study p {
    font-size: 30px;
}
	.promotion_case_study_subtitle {
    font-size: 14px;
    margin-bottom: 0px;
	line-height: 100%;
}
	.promotion_case_study_subtext {
    font-size: 16px;
    line-height: 180%;
    margin-top: 10px;
}
	.promotion_customer_ba {
    width: 100%;
    border-radius: 5px;
    padding: 25px 0 15px;
    margin: 30px 0 50px;
}
	.promotion_customer {
    width: 90%;
		display:block;
}
	.promotion_customer_title {
    width: 100%;
    font-size: 18px;
}
	.promotion_customer_text {
    font-size: 14px;
}
	.promotion_customer img {
    width: 100%;
    margin: 0 auto;
}
	.promotion_customer span {
    font-size: 18px;
    margin-bottom: 10px;
}
	.promotion_case_study2 {
    width: 100%;
    display: none;
}
	.promotion_case_studysp {
		display:block;
	}
	.promotion_case_study_box {
		text-align: center;
		margin-bottom:30px;
		margin-bottom: 70px;
	}
	.promotion_case_study_box img {
		width:25%;
	}
	.promotion_case_study_text {
	width:100%;
	height: 130px;
	text-align: left;
	display:flex;
	justify-content: center;
	align-items: center;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("images/study_text_ba_sp.png")!important;
	}
	.promotion_case_study_text p {
	width:85%;
	margin-top:40px;
	display:block;
	font-size: 14px;
	font-weight: 600;
		text-align:justify;
	}9
	.promotion_case_study_title {
		font-size: 24px;
		font-weight: 600;
		margin-top:0px;
		margin-left:15px;
	}
	.promotion_case_study3_ba {
    width: 100%;
    padding: 36px 0;
    margin: 0 auto 50px;
}
	.promotion_case_study3_title {
	width:90%;
	margin: 0 auto;
    font-size: 18px;
    border-left: 4px #000 solid;
}
	.promotion_case_study3_text {
    width: 90%;
    font-size: 14px;
	margin: 10px auto;
}
	.promotion_case_study3 {
    width: 90%;
    margin: 0 auto 30px;
}
	.promotion_case_study3_flex {
    width: 90%;
    display: block;
    justify-content: space-between;
    margin: 0 auto;
}
	.promotion_case_study3_flex div {
    width: 90%;
}
	.promotion_case_study3_text span {
    font-size: 14px;
	line-height: 180%;
}
	.promotion_case_study4 {
    width: 90%;
    margin: 0 auto;
}
	.promotion_case_study3_title p {
    margin-left: 10px;
	margin-bottom:10px;
}
	.promotion_item1 {
		width:100%;
	}
	.promotion_item1 img {
    width: 100%;
    margin: 30px 0;
}
	.promotion_case_study4_flex3 {
    height: 90%;
	display:block;
    margin: 25px auto 20px;
    align-content: center;
}
	.promotion_case_study4_item1 {
    height: auto;
    display: block;
    border-right: 0;
    padding-right: 0px;
	margin: 0 auto;
	text-align: center;
}
	.promotion_case_study4_item1 img {
    width: 50%;
}
	.promotion_case_study4_item2 img {
    width: 50%;
    display: inline-block;
    margin-bottom: 0px;
	margin-top: 30px;
}
	.promotion_case_study4_item2 {
    width: 90%;
	margin: 0 auto;
    font-weight: 600;
    text-align: center;
}
	.promotion_case_study4_flex2 {
    display: flex;
	flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
    margin: 30px auto 30px;
}
	.promotion_case_study3_text {
    margin: 20px auto 0;
}
	.promotion_branding_img {
		width:90%;
		margin : 0 auto;
	}
	.promotion_branding_img img {
		width:100%;
	}
	.policy_flow_title {
		text-align:center;
		margin:0 auto;
	}
	.policy_flow_title img {
		width:118px;
		display:block!important;
		margin:0 auto;
	}
}

#top_view {
 width: 100%;
height: 100vh;
 background: #F5F5F5;
 padding: 100px 0 0 0;
 position: relative;
}
.maru_top {
	position: absolute;
	top:-80px;
	left:-240px;
	animation: img_box_9955 3s linear infinite;
  transform-origin: 50% 50%;
  margin: 1rem 0 !important;
}
@keyframes img_box_9955 {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(-10px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }
}
.maru_bottom {
	position: absolute;
	bottom: -425px;
	right: 0;
	animation: img_box_9954 3s linear infinite;
    transform-origin: 20% 50%;
    margin: 1rem 0 !important;
	z-index: 800;
}
.maru_bottom img {
	width: 600px;
	z-index:887;
}
@keyframes img_box_9954 {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(-10px) }
  66.66667% { transform: translateY(-10px) }
  100% { transform: translateY(0) }
}
.over {
	display:flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 991;
}
#over_big {
	display:flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	 top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 999;
}



#keyvisual {
  width: 100%;
  height: 100vh;
  background: #000;
	z-index: 999;
	position: relative;
}
.bottom {
	font-size: 213px;
	font-weight: 600;

	color: #fff;
	margin-top: 0px;
}





/*========= レイアウトのためのCSS ===============*/

.wrapper{
  overflow: hidden;
}


.box{
  width: 220px;
  padding: 20px;
  margin:0 20px 20px 0;
  background: #666;
  color: #fff;
  box-sizing:border-box;
}



/*==================================================
ふわっ
===================================*/


/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}


/***リンクボタンの設定***/
.shiny-btn1 {
display: block;
position: relative;
width: 1200px;/*ボタンの幅*/
padding: 8px 10px;
margin:30px auto 90px;
background-color:#4F7FFF;/*ボタンの色*/
color: #fff;/*文字の色*/
border-radius: 10px;
font-weight: bold;
font-size: 27px;
text-align: center;
text-decoration: none;
overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
padding:67px 0;
	letter-spacing: 8px;
}

/*光らせる*/
.shiny-btn1::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/*ホバー*/
.shiny-btn1:hover {
opacity: 0.8;
}
@media (max-width: 768px) {
.shiny-btn1 {
width: 80%;/*ボタンの幅*/
padding: 8px 10px;
margin:15px auto 50px;
border-radius: 10px;
font-weight: normal;
font-size: 18px;
text-align: center;
text-decoration: none;
overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
padding:20px;
}
}

.RECRUIT_ba {
	background-image: url("images/RECRUIT_ba.png")!important;
	}
.RECRUIT_title {
	width: 780px;
    font-size: 95px;
}
.communication_ba {
	background-image: url("images/communication_ba.png")!important;
	}
.blog-content__link {
    color: #242424;
    text-decoration: none;
    font-weight: bold;
    transition: .3s;
}

.blog-content__link img {
    transition: .3s;
}

.blog-content__link:hover img {
    opacity: .6;
}

.blog-content {
    width: 300px;
    box-sizing: border-box;
    margin-top: 50px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.blog-content-txts {
    padding: 24px;
}

.blog-content-txts__excerpt > p {
    margin: 0;
}

.blog-content-txts__date,
.blog-content-txts__category {
    display: inline-block;
    font-size: 12px;
    margin: 24px 0 0 0;
}

.blog-content-txts__category {
    padding-left: 16px;
}
@media (max-width: 768px) {
	.blog-content {
    width: 100%;
}
	.footer iframe {
    width: 80%!important;
    height: 200px;
    filter: grayscale(100%);
}
	.promotion_ba {
    width: 100%;
    background-image: url("images/promotion_ba_sp.png")!important;
	margin-top:60px;
}
	.RECRUIT_ba {
		background-image: url("images/RECRUIT_ba_sp.png")!important;
		margin-top: 60px;
	}
	.RECRUIT_title {
	width: 90%;
	font-size: 22px;
}
	.communication_ba {
	background-image: url("images/communication_ba_sp.png")!important;
	margin-top: 60px;
	}
	.title_bottom_font {
		font-size: 22px;
		margin-top:30px;
	}
	.inner_info_inner {
		margin:10px;
	}
	.inner_info2 {
		margin-top: 270px;
	}
}





.blog_flex {
	width:1010px;
	display:flex;
	justify-content: space-between;
	margin: 0.25vw auto;
	flex-wrap: wrap;
}

.blog_flex::after {
	display: block;
	content:"";
	width: 300px;
}

.blog_flex a {
	width:300px;
	margin: 50px auto;
	position: relative;
}

.blog_flex img {
	width:300px;
	height:auto;
}
@media (max-width: 768px) {
	.blog_flex {
	width:90%;
	display:flex;
	justify-content: space-between;
	margin: 0px auto 100px;
	flex-wrap: wrap;
}

	.blog_flex a {
	width:45%;
	margin: 20px auto;
}

	.blog_flex img {
	width:100%;
}
	.policy_flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0px auto;
} 
.policy_line_right {
   display:none;
}
	.policy_item {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    margin: 20px auto 0px;
}
	.policy_title {
    width: 100%;
    height: 44px;
    font-size: 14px;
}
	.policy_text {
    font-size: 13px;
	margin-top:10px;
	margin-bottom:10px;
}
	.policy_info2_img img {
		display:none;
	}
	.policy_info2 {
    width: 90%;
    margin: 0 auto;
}
	.policy_flow_text {
    width: 100%;
    font-size: 14px;
    margin-top: -20px;
	margin-bottom:50px;
}
	.policy_flow_text p {
    width: 100%;
}
	.policy_table {
		width:100%;
	}
	.policy_table img {
		width:100%;
	}
	.policy_flow_title {
		font-family: "游ゴシック", "Yu Gothic", sans-serif;
	}
	.policy_flow_title span{
		display:block;
		font-family: 'Akrobat Black', sans-serif;
	}
	.policy_flow_title p {
	width:90%;
    font-size: 23px;
    margin-left: 20px;
		display:block;
		font-family: "游ゴシック", "Yu Gothic", sans-serif;
}
	.policy_info2_title {
    width: 95%;
    height: 40px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
	.policy_item span {
    font-size: 30px;
		display:block;
		margin-bottom:10px;
}
	.policy_info2_ba {
    padding: 50px 0;
    margin: 45px auto;
}
	.policy_info2_text {
	width:90%;
    text-align: justify;
    margin: 20px auto;
    font-size: 14px;
}
	.policy_info3 {
    width: 90%;
    margin: 0 auto;
}
	.policy_info3_title {
    font-size: 55px;
	letter-spacing: 5px;
	margin-bottom: 15px;
	text-align:center;
}
}


.contact-form {
    width: 800px;
    margin: 100px auto;
    padding: 0 20px 80px 20px;
    font-weight: bold;
    color: #000;
}
.contact-form-item {
	margin-top:30px;
}
.contact-form-item__label {
    display: block;
    color: #000;
    font-size: 16px;
    letter-spacing: .05em;
}
.contact-form-item__label-indispensable {
    position: relative;
    margin-left: 8px;
    padding: 5px;
    font-size: 12px;
    background-color: #000;
	color:#fff;
	font-weight:400;
}
.contact-form-item__entry-field {
    background: #fff;
    width: 100%;
    height: 50px;
    margin-top: -14px;
    padding: 0 10px;
    border-radius: 7px;
		border:#000 solid 2px;
}
.contact-form-item__send-btn {
    width: 50%;
    margin: 80px auto 0;
    color: #fff;
    background-color: #000;
    padding: 20px 0 16px 0;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
	display:block;
}
.contact-form-item__entry-field-b {
    background: #fff;
    width: 100%;
    height: 280px;
    padding: 10px 10px;
    border-radius: 7px;
		border:#000 solid 2px;
}
@media (max-width: 768px) {
	.contact-form {
    width: 90%;
    margin: 150px auto 0;
    padding: 0 20px 80px 20px;
    font-weight: bold;
    color: #000;
}
}


.policy_flow_title_ch {
	margin-bottom:30px;
}
.policy_flow_box {
	margin-bottom:50px;
}
.inner_4policy_img {
	width:1200px;
	margin: 85px auto 9px;
	position:relative;
}
.inner_4policy_img img {
	width:100%;
		position:absolute;
}
.policy {
	margin-top:271px;
}
@media (max-width: 768px) {
	.policy {
	margin-top:195px;
}
	.policy_line_top {
		display:none;
	}
	.policy_flow_title {
    margin-bottom: 28px;
}
	.policy_flow_box {
    margin-bottom: 25px;
}
	.inner_4policy_img {
	width:90%;
	margin: 85px auto 9px;
	position:relative;
}
.inner_4policy_img img {
	width:100%;
		position:absolute;
}
}


	.inner_info_number  {
	font-size:57px!important;
	font-family: 'Akrobat Black', sans-serif;
	text-align:left!important;
}
.cha4_width img {
	width:181px;
}
.inner_title2_ch {
	border-bottom: none;
	padding-bottom: 0px;
	font-size: 30px;
}
.inner_flex p {
	line-height:150%;
	font-size:18px;
}
.RECRUIT_title p {
	width: 100%;
    position: absolute;
    left: 121px;
    top: -25px;
    font-family: 'Akrobat Black', sans-serif;
    letter-spacing: 5px;
}
@media (max-width: 768px) {
	.inner_title2_ch {
    border-bottom: none;
    padding-bottom: 0px;
    font-size: 18px;
}
	.inner_info_flex_border {
    border-left: none;
		height:0;
}
	.RECRUIT_title p {
    width: 100%;
    position: absolute;
    left: 5px;
    top: -129px;
    font-family: 'Akrobat Black', sans-serif;
    letter-spacing: 5px;
    line-height: 125%;
}
	.text_inner_ch {
		top: 144px;
	}
}

.promotion_branding_img img {
	width:710px;
}
.promotion_case_study3_title_ch {
	font-size:33px;
}
.promotion_info2_flex_sen {
	width:321px;
	border-bottom: #808080 1.5px solid; 
	margin-left:27px;
}
.promotion_info2_flex {
	display:flex;
	align-items:center;
}
.promotion_case_study3_title_flex {
	display:flex;
	align-items:center;
	height:35px;
}
.promotion_case_study3_title_sen {
		width:500px;
	border-bottom: #808080 1.5px solid; 
	margin-left:27px;
}
.promotion_case_study3_title_flex p {
	margin-top:16px;
	display:block;
}
@media (max-width: 768px) {
	.promotion_branding_img img {
    width: 100%;
}
	.promotion_case_study3_title_sen {
		width:0;
	border-bottom: none; 
}
	.promotion_info2_flex_sen {
	width:0;
	border-bottom: none; 
	margin-left:27px;
}
	.promotion_case_study3_title_ch {
    font-size: 24px;
}
	.promotion_case_study3_title_flex p {
    margin-top: 9px;
    display: block;
}
}
.blog_tag {
	width:1010px;
	margin: 50px auto 0;
}
.blog_tag_flex {
display:flex;
}
.blog_tag_flex  a{
	margin-right:19px;
	font-size: 0.97222vw;
	color:#000;
	text-decoration:none;
}
@media (max-width: 768px) {
	.blog_tag {
    width: 100%;
    margin: 30px auto 0;
}
}


/* 下層リンクボタン*/
.next_content {
	margin: 123px auto 0;
	background: linear-gradient(180deg, #242424 0%, #242424 85%, #fff 85%, #fff 100%);
	padding:100px 0 0;
}
.next_content_box {
	width:1010px;
	margin: 0 auto;
}
.next_content_title {
	font-family: 'Akrobat Black', sans-serif;
	font-size:60px;
	color:#fff;
}
.next_content_box a {
	width:320px;
	height:208px;
	background:#595757;
	display:block;
	text-decoration:none;
}
.next_content_box a:hover {
	background:#000;
}
.next_content_box_flex  {
	width:1010px;
	display:flex;
	justify-content:space-between;
	margin: 55px auto 0;
}
.next_content_link {
	height:208px;
	font-size:50px;
	color:#fff;
	font-family: 'Akrobat Black', sans-serif;
	display:flex;
	text-align:center;
	justify-content:center;
	align-items:center;
	letter-spacing:10px;
}
.next_content_link span  {
	font-size:14px;
	color:#fff;
	display:block;
	font-family: "游ゴシック", "Yu Gothic", sans-serif!important;
	letter-spacing:1px;
}
.title_company {
	top:30px;
}
@media (max-width: 768px) {
	.next_content_link {
    height: 100px;
    font-size: 18px;
    letter-spacing: 3px;
}
	.next_content_link span {
	 display:none;
}
	.next_content_box_flex {
    width: 90%;
    margin: 20px auto 0;
}
	.next_content_box {
    width:100%;
    margin: 0 auto;
}
	.next_content_box a {
    width: 30%;
    height: 100px;
	margin:0 auto 10px;
}
	.next_content_title {
    font-family: 'Akrobat Black', sans-serif;
    font-size: 55px;
		text-align:center;
}
	.next_content {
	margin: 123px auto 0;
	background: linear-gradient(180deg, #242424 0%, #242424 70%, #fff 70%, #fff 100%);
	padding:50px 0 0;
}
	.title_company {
	top:0px;
}
	.contact-form-item__entry-field {
    background: #fff;
    width:95%;
    height: 50px;
    margin-top: -14px;
    padding: 0 10px;
    border-radius: 7px;
    border: #000 solid 2px;
}
}

.company_link_top:hover {
	opacity:0.9;
}
.company_link_top {
	background:#000;
	margin-top:85px;
	z-index:3;
	position:relative;
}
.company_link_top img {
	width:600px;
	display:block;
	margin:0 auto;
}
.footer2 {
	margin: 0 auto;
}

@media (max-width: 768px) {
	.company_link_top img {
	width:90%;
	display:block;
	margin:0 auto;
}
}
	
.work_flex_new {
	width: 100%;
	display:flex;
	justify-content: center;
	margin: 100px 0 63px 0;
	padding: 0;
	gap: 32px;
}
.work_flex_new li {
	font-family: 'Akrobat Black', sans-serif;
	letter-spacing: 2px;
	list-style:none;
	
}
.work_flex_new a{
	color:#000;
	text-decoration:none;
}
.work_flex_new a:hover{
	opacity:0.3;
}

@media (max-width: 768px) {
.work_flex_new{
	width:90%;
	margin: 64px auto 0;
	flex-wrap:wrap;
}
}

.title_work_page_title2 {
	transform: translate(-50%, -50%);
    -webkit-transform: translate(264%, 0%)!important;
    -ms-transform: translate(-50%, -50%);
}




.worries-content-flex-box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: -20px;
    margin-top: 40px;
	margin-bottom:120px;
}
.worries-content-right {
	width:510px;
}
.worries-content-right__list-item {
	background-image: url("images/list_style.svg")!important;
    background-repeat: no-repeat;
   margin-top: 25px;
}
.worries-content-right__list-item > p {
    font-size: 17px;
    margin-left: 40px;
	font-weight:600;
	color:#00384F;
}
.worries-content-right ul{
	list-style-type: none
}
.worries-content__img {
	width:456px;
    margin: 10px 50px 0 0;
}
.title_recruit {
	width: 630px;
	font-size: 84px;
}

@media (max-width: 768px) {
	.title_recruit {
	width: 90%;
	font-size: 22px;
}
	.worries-content-flex-box {
    display: block;
    align-items: center;
    position: relative;
    left: 0px;
    margin-top: 20px;
	margin-bottom:40px;
}
	.worries-content__img {
	width:90%;
    margin: 10px auto 0;
}
	.worries-content-right {
    width:95%;
}
	.worries-content-right__list-item {
    background-size:25px;
}
	.worries-content-right__list-item > p {
    font-size: 14px;
    margin-left: 30px;
}
	.top_info3_link::after {
	 content: '';
  background-color: rgba(0,0,0,.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
		z-index:2;
}
	.top_info3_link {
		color:#fff;
	}
	.top_info3_link_box {
		position:relative;
		z-index:3;
	}
	.inner_info_ch3 {
	margin-top: 200px;
}
	.text_com {
		margin-top:20px;
	}
	.imh_ch_braning {
		display:block;
		width:70px!important;
		text-align:center;
		margin:0 auto;
	}
	.promotion_case_study p {
	letter-spacing: 0px;
		font-size:73px;
		display:block;
		text-align:center;
		margin: 40px auto;
}
	.promotion_info2_flex {
    display: block;
}
}

.promotion_case_study_box_flex {
	display:flex;
	align-items:center;
}
.js-fadeIn {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.js-fadeIn.is-show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}



.policy_info {
	width:1000px;
	margin: 100px auto;
}
.title_policy_page_title {
	transform: translate(-50%, -50%);
    -webkit-transform: translate(90%, 0%)!important;
    -ms-transform: translate(-50%, -50%);
}
.policy_title_kojin {
	width:1000px;
	border-bottom:1px solid #000;
font-weight:600;
    font-size: 20px;
    line-height: 1.5;
	margin-bottom:20px;
}
@media (max-width: 768px) {
	.policy_info {
	width:90%;
	margin: 50px auto;
}
	.policy_title_kojin {
	width:100%;
	margin-bottom:20px;
}
.title_policy_page_title {	
	    transform: translate(-50%, -50%)!important;
    -webkit-transform: translate(-13%, 0%)!important;
    -ms-transform: translate(-50%, -50%)!important;
	}
}