@media(min-width: 721px) {

body,html {
  margin: 0 auto;
  background: #FFF;
  opacity: 0.9;
  position: relative;
  color: black;
  font-family:"Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  
}

button{
	color:black;
}	

button:hover{
	border:1px solid black !important;
}

.header-container{
	width:1080px;
	margin:0 auto;
}

.text-child {
	height: 164px;
	margin-top: 7px;
	margin-left:0;
}

.header .arrow_bottom {
	display: none;
}

.text-child h3,.text-child h1{
	color:black;
	margin-top: 26px;
}

.text-child h3{
	margin-left: 56px;
	margin-top: -121px;
}

.container{
	width:103%;
	margin:0 auto;
}



.row1{
	margin-top:30px;
}


.row1 .content{
	margin-top: 83px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	height:387px;
}

.row1 .main_img{
	width: 45%;
}


.header .resp {
	display: none;
}

.row1 .title p{
	line-height:50.5px;
	font-size:17.5px;
	letter-spacing: 0px;
	display:block;
	width: 344px;
	border-top: none;
	margin-top: -15px;
	text-align: justify;
}

.row1 .title p .a-text-l1{
	letter-spacing:1.5px;
}

.row1 .title p .a-text-l3{
	letter-spacing:1.6px;
}
.row1 .title p .a-text-l4{
	letter-spacing: -0.5px;
}



.row2 .title {
	margin-left: -67px;
}

.row2 .title h3 {
	border-bottom: 5px solid black;
	margin-top: 59px;
	margin-left: 7px;
	padding-bottom: 8px;
	font-size: 19.5px;
	letter-spacing: 4px;
	width: 400px;
}

.title .flow {
	padding-top: 62px;
	line-height:2.5px;
	font-size:21.5px;
	margin-top:-21px;
	border-top:1px solid black;
	margin-left: 34px;
	margin-right: auto;
	padding-right:0px;
	display:block;
	width: 764px;
}



.flow-item{
	position:relative;
	width:390px;
	max-width:100%;
	height:53px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;

}

.flow-item img{
	position:absolute;
	width:392px;
	height:54px;
	top:-4px;
	left: -27px;
}

.flow-item p {
	position:absolute;
	font-size: 18px;
	letter-spacing: 2px;
	top: 22px;
	left: 0;
	right: 0;
	margin: auto;
	font-weight: bold;
}

.flow{
	text-align:center;
}

.row2 .flow-cursor {
	margin-top: 15px;
	margin-bottom: 17px;
	margin-left: -50px;
}

.produce-img{
	margin-top:-5px;
	padding-right:0px;
	margin-left: -26px;
}


.produce{
	background-color:#a70505;
	height:54px;
	color:white;
	border-radius:5px;
	font-weight:bold;
	display:flex;
	justify-content:center;
	align-items: center;
	box-shadow:7px 7px 5px rgba(0,0,0,0.3);
}
/*
.row3 {
	margin-top: 210px;
	margin-left: -36px;
}

.row3 .title {
	width: 342px;
}

.row3 .title h3 {
	margin-left: -27px;
}

.row3 .title.left {
	margin-left: 3px;
}

.row3 .title.right {
	margin-left: -363px;
}

.row3 .title ul {
	font-size: 20px;
	letter-spacing: 0px;
	margin-top: 8px;
	border-top: none;
}

.row3 .title li {
	line-height: 37px;
}


.row3 .bg-img .image-text {
	height: 129px;
	width: 341px;
	position:absolute;
}



.row3 .title h3 {
	border-bottom: none;
}

.row3 .title.plan h3 {
	width: 195px;
}

.row3 .title.reserch h3 {
	width: 342px;
}

.row3 .title.promotion h3 {
	width: 210px;
}
.row3 .title.promotion ul {
	margin-top: 11px;
}
.row3 .title.promotion li {
	line-height: 29px;
	font-size: 20px;
	letter-spacing: -4px;
}

.row3 .title.event h3 {
	width: 123px;
}
.row3 .title.event ul {
	margin-top: 8px;
}
.row3 .title.event li {
	line-height: 29px;
	font-size: 20px;
	letter-spacing: -3px;
}
.row3 .title.event .bg-img .image-text {
	height: 60px;
	width: 194px;
}

.row3 .title.creative h3 {
	width: 206px;
}
.row3 .title.creative ul {
	margin-top:14px;
}
.row3 .title.creative li {
	line-height: 29px;
	font-size: 18px;
	letter-spacing: -2px;
}
.row3 .title.creative .bg-img .image-text {
	height: 60px;
	width: 244px;
}

.row3 .title.web h3 {
	width: 86px;
}
.row3 .title.web ul {
	margin-top: 4px;
}
.row3 .title.web li {
	line-height: 44px;
	font-size: 21px;
	letter-spacing: 0px;
}
.row3 .title.web .bg-img .image-text {
	height: 60px;
	width: 198px;
}

.row3 .title.media h3 {
	width: 217px;
	margin-top:5px;
}
.row3 .title.media ul {
	margin-top: 15px;
}
.row3 .title.media li {
	line-height: 30px;
	font-size: 19px;
	letter-spacing: -1.1px;
}
.row3 .title.media .bg-img .image-text {
	height: 60px;
	width: 309px;
}
*/
.content-2col{
	flex-wrap: wrap;
	justify-content:space-between;
	margin-top: 241px;
	width: 70.9%;
}

.col-half{
	margin-bottom: 55px;
}

.row3 .col-half{
	padding-top: 0px;
}

.col-full {
	width: 100%;
	margin-top: 50px;
}

.half-box{
	border-top:none;
	padding-top: 15px;
	padding-left: 0px;
	margin-left: -22px;
	margin-top: -41px;
	position:relative;
	z-index:1;
	border-bottom: 3px solid #000;
}

.col-full .half-box {
	height: 320px;
}
.row3 .col-full .title {
	width: 100%;
}
.row3 .content.media {
	margin-top: 123px;
}
.half-box ul{
	position:relative;
	border:none;
	padding:0;
	z-index:100;
	line-height:1.9rem;
}

.half-box ul.font-sm{
	font-size:18px;
}

.row3 .half-box li:before{
	background:black;
}

.row3 .half-box li span:before{
	font-family: "Font Awesome 5 Pro";
    content: "\f45c";
	background:black;
	font-size:80%;
	margin:0 1%;
}

li .small{
	font-size:3px;
}

li .small:before{
	display:none;
}

.half-box .bg-img{
	position:absolute;
	bottom:0;
	left:0;
	z-index:0;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	width:100%;
}

.half-box .corner{
	height:50%;
	float:right;
	z-index:300;
	position:absolute;
}

.block720{
	display:none;
}

.none720{
	display:block;
}
.arrow {
	display: none;
}
footer p{
	font-family: GothicBBBPr6N-Medium;
	text-align:center;
	margin-top:44px;
	font-size: 11px;
	letter-spacing: 1px;
}
.resp_img {
	display:none;
}
footer{
	background: rgba(0,0,0,0);
}
.footer-arrow {
	display: none;
}

}

@media(max-width:920px){

	.half-box ul.font-sm{
		font-size:16px;
	}
}

@media(max-width: 907px) {
	.col-half{
		width:48%;
	}

	.col-half .title h3{
		font-size:1.5rem;
	} 

	.half-box ul.font-sm{
		font-size:15px;
	}
}

@media(max-width:800px){

	.content{
		width:92%;
	}

	.title h3{
		font-size:1.5rem;
	}

	.row1 .title p{
		font-size:18px;
	}

	.row1 .content{
		height:336px;
	}
}


.plan .half-box{
	height: 280px;
}

.reserch .half-box{
	height: 240px;
}

.promotion .half-box {
	height: 343px;
}

.event .half-box {
	height: 344px;
}

.creative .half-box {
	height: 343px;
}

.media .half-box {
	height: 343px;
}

.content2 {
	margin-top: 28px;
}

.content3 {
	margin-top: 32px;
}

.content4 {
	margin-top: 0px;
}

.content5 {
	margin-top: 0px;
}

.content6 {
	margin-top: 0px;
}

@media(min-width:1080px){
.container{
	width:1080px;
	margin:0 auto;
}

.row1 .main_img{
	width: 381px;
}
}