@charset "UTF-8";
body{
	
	}
article.fullscreen {
	width:100%;
	max-width: 100%;
	margin:0 auto;
	padding: 0;
}
article.fullscreen section{
	padding: 60px 0;
	margin: 0 auto;
}
.bg_gray {
	padding: 0;
	background-color: rgba(230,230,230,1.00);
}
.bg_black {
	background-color: rgba(43,43,43,1.00);
	color: rgba(255,255,255,1.00);
	padding: 0;
}
.bg_black a{
	color: rgba(255,255,255,1.00);
}

.p_title{
	width:auto;
	margin: 0 auto 80px auto;
	padding: 20px 0;
	text-align:center;
	line-height: 1.3em;
}
.bg_t{
	color: rgba(0,0,0,1.00);
background-color: #ffbd77;
background-image: -webkit-linear-gradient(319deg, #ffbd77 0%, #f0f4a4 37%, #acfcd9 100%);
background-color: #ffbd77;
background-image: -moz-linear-gradient(319deg, #ffbd77 0%, #f0f4a4 37%, #acfcd9 100%);
	background-color: #ffbd77;
background-image: linear-gradient(319deg, #ffbd77 0%, #f0f4a4 37%, #acfcd9 100%);
}
article.fullscreen h2{
	width:100%;
	margin:0 auto 50px;
	text-align: center;
}
p.info_txt{
	width: 80%;
	max-width: 790px;
	margin: 0 auto 5em auto;
	text-align: center;
}

/* ~~ flexボックスの左右逆 ~~ */
.right{
	flex-flow: row-reverse;
}

/* ~~ 事例 ~~ */
.flex_oya{
	display: flex;
	justify-content: space-between;
	align-items:stretch;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 90%;
	max-width: 1100px;
}
.case_harf{
	width: 41%;
	padding:3.5% 3.5% 0.5em ;
	margin:0 0 70px 0;
	border: rgba(0,0,0,1.00) solid 1px;
	border-radius: 5px;
}
.case_harf img{
	width: 100%;
}
.case_harf h3{
	padding-bottom: 0;
	margin:0.5em 0 1em;
}
.case_harf p{
	margin: 0 0 1em 0;
	text-align: justify;
}
.case_full{
	display: flex;
	justify-content: space-between;
	align-items:flex-start;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 83%;
	max-width: 1004px;
	padding:3.5% 3.5% 0 ;
	border: rgba(0,0,0,1.00) solid 1px;
	border-radius: 5px;
	margin:0 auto 70px;
}
.case_full div{
	width: 46%;
	padding:0 ;
	margin:0;
}
.case_full div img{
	width: 100%;
}
.case_full p{
	margin: 0 0 1.5em 0;
	text-align: justify;
	line-height: 1.8em;
}
.case_full div video{
	width: 100%;
    height: auto;
	display: block;
	margin:0 0 2em 0;
	padding: 0;
	border: rgba(0,0,0,1.00) solid 1px;
}

.case_other{
	width: 83%;
	max-width: 1004px;
	padding:3.5% 3.5% 0 ;
	border: rgba(0,0,0,1.00) solid 1px;
	border-radius: 5px;
	margin:0 auto 70px;
}
.case_other div{
	display: flex;
	justify-content: space-between;
	align-items:flex-start;
	flex-wrap: wrap;
}
.case_other div img{
	width: 31%;
	padding:0 ;
	margin:0 0 2em 0;
}
.case_other div img:after{
	content: "";
	width: 31%;
	height: 100%;
}


.sp_br{
    display:none;
}

@media screen and (max-width: 768px) {
	article.fullscreen {
	padding: 0 0;
}


}
@media screen and (max-width: 480px) {
	.p_title{
	font-size: 1.4rem !important;
}
.case_harf{
	width: 100%;
	margin:0 0 30px 0;
}
.case_full {
	margin:0 auto 30px;
}
	.case_full div{
	width: 100%;
	padding:0 ;
	margin:0;
}
.case_other {
	margin:0 auto 0;
}
.case_other div img{
	width: 47%;
	padding:0 ;
	margin:0 0 1em 0;
}

.sp_br{
    display: block;
}
}