@charset "UTF-8";

/* index common ===================== */

.contents .company{
	padding-bottom:120px;
}
.contents .people{
	padding-bottom:80px;
}
.contents .btn_more{
	display:block;
	width:183px;
	margin:0 auto;
}
.contents .illust_block{
	position:relative;
}
.contents .btn_more2{
	width:260px;
	margin:45px auto 0;
	font-size:1.88rem;
	letter-spacing:4px;
	font-weight: 500;
}
.contents h2.sub_ttl{
	text-align: center;
	font-size: 2.25rem;
	font-weight: 400;
	position: relative;
	top: 10px;
	margin-top: 35px;
}

/* mv ===================== */

.contents .mv{
	text-align:center;
	height:490px;
	background:url(../images/index/mv.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.contents .mv .mv_ttl{
	margin: 185px 0 0 94px;
}

/* message ===================== */

.contents .message{
	position:relative;
	padding:76px 0 70px;
}
.contents .message .illust_birds{
	top:182px;
	left:23px;
}
.contents .message .illust_pet{
	top:463px;
	right:70px;
}
.contents .message h2.ttl{
	font-weight:normal;
	text-align:center;
}
.contents .message h2.ttl .main_ttl{
	font-size:2.75rem;
}
.contents .message .movie{
	text-align:center;
	margin:75px 0 47px;
}
.contents .message .movie iframe{
	width:530px;
	height:298px;
}

.contents .message .text{
	text-align:center;
}
.contents .message .text p{
	line-height:1.88;
	margin-top:25px;
}
.contents .message .text p:first-child{
	margin-top:0;
}

/* company ===================== */

.contents .company .campany_contents{
	display:flex;
	margin-top:55px;
}
.contents .company .campany_contents li{
	margin-right:58px;
	width: 33.3%;
}
.contents .company .campany_contents li:last-child{
	margin-right:0;
}
.contents .company .campany_contents li .ttl3{
	text-align:center;
	font-weight:500;
	font-size:1.38rem;
}
.contents .company .campany_contents li .sub_ttl3{
	font-size:0.88rem;
}
.contents .company .campany_contents li .ttl3_text{
	margin-top:25px;
	line-height:1.88;
}
.contents .company .campany_contents li .btn_more{
	margin-top:33px;
}
.contents .company .illust_cat{
	bottom: -122px;
	left:107px;
}

.contents .company .campany_contents li .shop_img{
	margin: 10px auto 0;
	width:325px;
}
.company .ttl3{
	margin-bottom:40px;
}

/* people ===================== */

.contents .people .people_contents{
	display:flex;
	margin-top:33px;
}
.contents .people .people_contents li{
	position:relative;
}
.contents .people .people_contents li:first-child{
	width:276px;
	left:-6px;
	margin-right:110px;
}
.contents .people .people_contents li:first-child .photo{
	margin-left:37px;
}
.contents .people .people_contents li:nth-child(2){
	width:285px;
	margin-right:84px;
}
.contents .people .people_contents li:nth-child(2) .photo{
	margin-left:31px;
}
.contents .people .people_contents li:last-child{
	width:303px;
}
.contents .people .people_contents li:last-child .photo{
	margin-left:38px;
}
.contents .people .people_contents .balloon{
	height:154px;
	z-index:10;
	padding-top:18px;
	position:relative;
}
.contents .people .people_contents .balloon1{
	background: url(../images/index/balloon.png) no-repeat;
	width:274px;
	padding-left:36px;
	padding-top:0;
	top: 7px;
}
.contents .people .people_contents .balloon2{
	background: url(../images/index/balloon2.png) no-repeat;
	width:285px;
	padding-left:33px;
	padding-top:0;
	top: 18px;
}
.contents .people .people_contents .balloon3{
	background: url(../images/index/balloon3.png) no-repeat;
	width:303px;
	padding-left:51px;
	top: 2px;
}
.contents .people .people_contents .balloon3 .name{
	text-align:center;
	position:relative;
	left: -49px;
}
.contents .people .people_contents .balloon .text{
	width:210px;
	text-align:left;
}
.contents .people .people_contents .balloon .name{
	font-weight:500;
	line-height:1;
	margin-top:8px;
	margin-left:43px;
}
.contents .people .people_contents .balloon1 .name{
	margin-left:23px;
}

.contents .people .people_contents li .btn_more{
	margin-top:16px;
}
.contents .people .people_contents li:first-child .btn_more{
	margin-left:71px;
}
.contents .people .people_contents li:nth-child(2) .btn_more{
	margin-left:64px;
}
.contents .people .people_contents li:last-child .btn_more{
	margin-left:71px;
}
.contents .people .illust_birds2{
	bottom: -86px;
	right:65px;
}

/* works ===================== */

.contents .works{
	padding-bottom:150px;
}
.contents .works .works_contents{
	margin-top:60px;
	vertical-align:top;
}
.contents .works .works_contents .movie{
	display:inline-block;
	width:530px;
	vertical-align:top;
}
.contents .works .works_contents .movie h2.sub_ttl{
	top:-10px;
	margin-top: 0;
	font-size:1.38rem;
	text-align:left;
}
.contents .works .works_contents .movie img{
	width:100%;
}
.contents .works .works_contents .movie iframe{
	width:530px;
	height:298px;
	display:block;
	margin:0 auto;
}
.contents .works .works_contents .movie .movie_list{
	margin-top:18px;
}
.contents .works .works_contents .movie .movie_list a{
	display:inline-block;
}
.contents .works .works_contents .movie .movie_list a:nth-child(odd){
	margin-right:29px;
}
.contents .works .works_contents .movie .movie_list a:nth-child(-n+2){
	margin-bottom:8px;
}
.contents .works .works_contents .discussion{
	display:inline-block;
	width:520px;
	height:332px;/*450*/
	overflow:auto;
	border-style: solid;
	border-width: 1px;
	border-image: url(../images/common/border-image2.png) 1 repeat;
	margin-left:28px;
	padding:10px;
}
.contents .works .works_contents .discussion .ttl{
	font-size:1.38rem;
	font-weight:500;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image: url(../images/common/border-image2.png) 1 repeat;
	padding: 0 0 8px 18px;
	letter-spacing: 2px;
}
.contents .works .works_contents .discussion .discusion_list{
	padding: 0 10px;
}
.contents .works .works_contents .discussion .discusion_list dt{
	background:#e4e0ce;
	font-size:1.13rem;
	font-weight:500;
	padding:10px 20px;
	margin-top:20px;
}
.contents .works .works_contents .discussion .discusion_list dd{
	display:flex;
	margin-top:20px;
	align-items:flex-start;
}
.contents .works .works_contents .discussion .discusion_list dd .d_img{
	margin-right:23px;
}
.contents .works .works_contents .discussion .discusion_list dd .d_text{
	font-size:0.88rem;
}
.contents .works .works_contents .discussion .discusion_list dd a.more{
	display:block;
	margin:5px;
	font-size:1rem;
	text-align:right;
}
.contents .works .works_contents .discussion .discusion_list dd a.more .icon_arrow{
	vertical-align:middle;
	margin-right:8px;
}
.contents .works .works_bnr{
	margin-top:40px;
	display:flex;
}
.contents .works .works_bnr li{
	position:relative;
	margin-right:30px;
	padding-top:11px;
}
.contents .works .works_bnr li:last-chid{
	margin-right:0;
}
.contents .works .works_bnr li .illust_clip{
	width:46px;
	top:0;
	right:9px;
}
.contents .works .works_bnr li .bnr{
	background-size: 340px 122px;
	width:340px;
	display: flex;
	border-style: solid;
	border-width: 1px;
	border-image: url(../images/common/border-image.png) 1 repeat;
	background: #fff;
}
.contents .works .works_bnr li .bnr img{
	width:140px;
	height:120px;
	vertical-align: middle;
}
.contents .works .works_bnr li .bnr .ttl{
	display:inline-block;
	font-size:1.38rem;
	font-weight:500;
	text-align: center;
	width: 100%;
	margin-top: 42px;
}

/* 1082px ===================== */
@media screen and (max-width: 1142px) {
	
	

}
/* 1082px end ===================== */



/* 768px ===================== */
@media screen and (max-width: 768px) {

	/* index common ============= */
	
	.contents .btn_more{
		width: 52%;
	}
	.contents .btn_more img{
		width:100%;
	}
	.contents .btn_more2{
		width: 70.5%;
		font-weight: normal;
		letter-spacing: 5px;
		margin: 10.5% auto 9%;
		font-size:3rem;
	}
	.contents h2.sub_ttl{
		font-size: 2.7rem;
		font-weight:500;
	}
	
	/* mv ============= */
	
	.contents .mv {
		background:url(../images/index/mv_sp.jpg) no-repeat 50% 50%;
		background-size:cover;
		height:297px;
	}
	.contents .mv .mv_ttl{
		margin: 10% 0 0 0;
		width: 82%;
	}
	
	/* message ============= */
	
	.contents .message{
		padding: 50px 0 100px;
	}
	.contents .message .illust_pet{
		top: 584px;
		right: 6px;
	}
	.contents .message .illust_birds{
		top:124px;
		left:11px;
	}
	.contents .message h2.ttl .main_ttl{
		font-size: 3.75rem;
	}
	.contents .message .movie{
		margin: 11.6% auto 14%;
		width: 81%
	}
	.contents .message .movie img{
		width:100%;
	}
	.contents .message .text{
		width:85%;
		margin:0 auto;
	}
	.contents .message .text p{
		font-size:1.5rem;
		line-height:2.8rem;
		text-align:left;
	}
	
	/* company ============= */
	
	.contents .company .illust_cat{
		width:14%;
		left:6%;
	}
	.contents .company .campany_contents{
		display: block;
		margin-top: -25px;
	}
	.contents .company .campany_contents li{
		margin: 10.5% 0 0;
		width:100%;
	}
	.contents .company .campany_contents li .ttl3{
		font-size: 2.25rem;
	}
	.contents .company .campany_contents li .ttl3_text{
		font-size: 1.5rem;
		margin: 3.5% 4%;
	}
	.contents .company .campany_contents li .btn_more{
		margin-top: 5%;
	}
	.contents .company .campany_contents li .shop_img{
		margin: auto;
		display: block;
		width: 75%;
	}
	.contents .company .campany_contents li .ttl4_shop{
		text-align: center;
		font-size: 1.9rem;
		font-weight: 500;
		position: relative;
		top: 18px;
	}
	
	/* people ============= */
	
	.contents .people .people_contents{
		display: block;
		margin-top: 7%;
	}
	.contents .people .people_contents li:first-child,
	.contents .people .people_contents li:nth-child(2),
	.contents .people .people_contents li:last-child{
		margin-right:0;
		width:100%;
		text-align:center;
		left:0;
	}
	.contents .people .people_contents li:nth-child(n+2){
		margin-top: 8%;
	}
	.contents .people .people_contents .balloon{
		background-size:contain;
		width:73%;
		margin: 0 auto;
		position: relative;
		font-size:2rem;
	}
	.contents .people .people_contents .balloon1{
		height:292px;
		left: -17px;
		margin-top:3%;
		margin-bottom: 1%;
	}
	.contents .people .people_contents .balloon2{
		height:296px;
		top: 30px;
		left: -18px;
	}
	.contents .people .people_contents .balloon3{
		height:308px;
		top: 28px;
		left: -6px;
	}
	.contents .people .people_contents .balloon .text{
		width:84%;
		margin-left:8%;
	}
	.contents .people .people_contents .balloon .name{
		margin-top:5%;
		margin-left:-1%;
	}
	.contents .people .people_contents .balloon3 .name{
		left:-26px;
	}
	.contents .people .people_contents li .photo{
		width: 62.5%;
	}
	.contents .people .people_contents li:first-child .photo,
	.contents .people .people_contents li:nth-child(2) .photo,
	.contents .people .people_contents li:first-child .photo{
		margin-left:0
	}
	.contents .people .people_contents li:first-child .btn_more,
	.contents .people .people_contents li:nth-child(2) .btn_more,
	.contents .people .people_contents li:last-child .btn_more{
		margin-top: 5%;
		margin-right:auto;
		margin-left:auto;
	}
	/* works ============= */
	
	.contents .works .works_contents .movie{
		display:block;
		margin:0 auto;
		width:91%;
	}
	.contents .works .works_contents .movie img{
		display: block;
		width: 94%;
		margin: 0 auto;
	}
	.contents .works .works_contents .movie .movie_list{
		margin-top: 5%;
		text-align:center;
	}
	.contents .works .works_contents .movie .movie_list a{
		width:48%;
	}
	.contents .works .works_contents .movie .movie_list a:nth-child(odd){
		margin-right:3%;
	}
	.contents .works .works_contents .movie .movie_list a:nth-child(-n+2){
		margin-bottom:4%;
	}
	.contents .works .works_contents .movie .movie_list a img{
		width:100%
	}
	.contents .works .works_contents .discussion{
		border:0;
		width:91%;
		height: auto;
		margin: 6% auto;
	}
	
	.contents .works .works_contents .discussion img{
		width:100%;
	}
	.contents .works .works_bnr{
		display: block;
		width: 92%;
	}
	.contents .works .works_bnr li{
		margin-right: 0;
		padding-top: 5%;
	}
	.contents .works .works_bnr li .illust_clip{
		width:10%;
		top: 18px;
		right: 29px;
	}
	.contents .works .works_bnr li .bnr{
		background-size:contain;
		width:100%;

	}
	.contents .works .works_bnr li .bnr img{
		width:auto;
		height:auto;
	}
	.contents .works .works_bnr li .bnr .ttl{
		font-size:2.4rem;
		margin-top: 11%;
	}
	.contents .works .movie h2.sub_ttl{
		top: 0;
		margin-bottom: 3%;
	}
	.contents .works .works_contents .movie iframe{
		width:530px;
		height:298px;
	}

}
/* 768px end ===================== */



/* 470px ===================== */
@media screen and (max-width: 470px) {
	
	.contents .btn_more{
		width:70%;
	}
	.contents .mv{
		height:148px;
	}
	.contents h2.sub_ttl{
		font-size: 1.9rem;
	}
	.contents .btn_more2{
		font-size: 1.8rem;
	}
	.contents .message{
		padding:10% 0;
	}
	.contents .message .illust_birds{
		width:22%;
		top:82px;
		left:-4px;
	}
	.contents .message .illust_pet{
		width:17%;
		top:330px;
	}
	.contents .message h2.ttl .main_ttl{
		font-size:2rem;
	}
	.contents .message .text{
		width:90%;
		margin-top: 20%;
	}
	.contents .message .text p{
		font-size: 1rem;
		line-height: 1.9;
	}
	.contents .message .movie iframe{
		width:360px;
		height:202px;
	}


	.contents .company .campany_contents{
		margin-top:5%;
	}
	.contents .company .campany_contents li .ttl3{
		font-size: 1.8rem;
	}
	.contents .company .campany_contents li .ttl3_text{
		font-size:1rem;
	}
	.contents .company .campany_contents li .ttl4_shop{
		font-size: 1.1rem;
		top: 13px;
	}
	.contents .people .people_contents .balloon{
		font-size: 1.2rem;
	}
	.contents .people .people_contents .balloon1{
		height:146px;
		margin-bottom:2%;
	}
	.contents .people .people_contents .balloon2{
		height:142px;
		top: 13px;
	}
	.contents .people .people_contents .balloon3{
		width: 84%;
		height:161px;
		top: 11px;
	}
	.contents .people .people_contents .balloon .text{
		width:83%;
		margin-top:-5%;
		margin-left:2%;
	}
	.contents .people .people_contents .balloon3 .name{
		left:41px;
		width:80%;
	}
	.contents .people .people_contents .balloon .name{
		margin-left:-17%;
	}
	.contents .works{
		padding-bottom: 20%;
	}
	.contents .works .works_contents .movie .movie_list a{
		width:47%;
	}
	.contents .works .works_contents .movie h2.sub_ttl{
		font-size:1.5rem;
	}
	.contents .works .works_bnr li .illust_clip{
		top:9px;
		right:13px;
	}
	.contents .works .works_bnr li .bnr img{
		height:105px
	}
	.contents .works .works_bnr li .bnr .ttl{
		font-size:1.5rem;
	}
	.contents .works .works_contents .movie iframe{
		width:360px;
		height:202px;
	}


}
/* 470px end ===================== */



/* 320px ===================== */
@media screen and (max-width: 320px) {
	
	.contents .message .illust_birds{
		top:73px;
	}
	.contents .message .illust_pet{
		top:270px;
	}
	.contents .message h2.ttl .sub_ttl{
		font-size:0.8rem;
	}
	.contents .message .movie{
		width:100%;
	}
	.contents .message .movie iframe{
		width:300px;
		height:168px;
	}

	.contents .people .people_contents .balloon{
		font-size:1rem;
	}
	.contents .people .people_contents .balloon .text{
		margin-top:-11%;
	}
	.contents .people .people_contents .balloon3 .name{
		left:27px;
		width:68%;
	}
	.contents .works .works_bnr li .bnr img{
		height:88px;
	}
	.contents .btn_more2{
		font-size:1.7rem;
	}
	.contents .works .works_contents .movie iframe{
		width:300px;
		height:168px;
	}

}
/* 320px end ===================== */