@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------

name: uniq.css

-------------------------------------------*/


/*=================================
	ブランド
=================================*/
.txtBrand{ text-align:center; padding:0 0 40px;}

/*========================
	mv
=========================*/
#mvIn{
	background:url(../img/mv.jpg) top center no-repeat;
	background-size:cover;
	height: 900px;
}
#mvIn .inner{width: 80%;margin: 0 auto;overflow: hidden;}
#mvIn .inner .greeting{
	float: right;
	margin: 150px 0 0 0;
}
#mvIn .inner .greeting .md{
	text-align: center;
	margin: 0 0 35px 0;
}
#mvIn .inner .greeting p{text-align: center;font-size: 15px;color: #000;line-height: 180%;}



/*========================
	スタッフ紹介
=========================*/
#staffInformation .intro{ text-align: center; padding:80px 0 60px 0; background:url(../img/stamp.jpg) top center no-repeat;}
#staffInformation h4{ font-size: 24px; font-weight: bold; margin: 0 0 10px; color: #000;}

#staffInformation ul{ overflow:hidden;}
#staffInformation ul li{ width:100%; display:table;}
#staffInformation ul li .ph,
#staffInformation ul li div{ width:50%; display:table-cell; vertical-align:middle; text-align:center;}
#staffInformation ul li div{ padding:6% 0;}
#staffInformation ul li .ph img{ width:100%;}
#staffInformation ul li div .en{ font-family: 'Alex Brush', cursive; font-style:italic; font-size:170%; color:#ccc; letter-spacing:0.1em; margin:0 0 1%;}
#staffInformation ul li div .title{ color:#000; font-size:20px; font-weight:bold; margin:0 0 2%;}
#staffInformation ul li div .txt{ color:#000; font-size:85%; margin:0 0 5%;}
#staffInformation ul li div .name{ color:#999; font-size:85%; font-style:italic;}

#staffInformation ul li#plan01{ background:#ffedf9;}
#staffInformation ul li#plan02{ background:#eefff7;}
#staffInformation ul li#plan03{ background:#ffeee7;}
#staffInformation ul li#plan04{ background:#e5f8ff;}
#staffInformation ul li#plan05{ background:#fcffe4;}
#staffInformation ul li#plan06{ background:#fee2e2;}

#staffInformation ul li#plan01 .ph{ background:url(../img/staff01.jpg) center no-repeat; background-size:cover;}
#staffInformation ul li#plan02 .ph{ background:url(../img/staff02.jpg) center no-repeat; background-size:cover;}
#staffInformation ul li#plan03 .ph{ background:url(../img/staff03.jpg) center no-repeat; background-size:cover;}
#staffInformation ul li#plan04 .ph{ background:url(../img/staff04.jpg) center no-repeat; background-size:cover;}
#staffInformation ul li#plan05 .ph{ background:url(../img/staff05.jpg) center no-repeat; background-size:cover;}
#staffInformation ul li#plan06 .ph{ background:url(../img/staff06.jpg) center no-repeat; background-size:cover;}

/*========================
	スタッフ紹介
=========================*/
/*#staffInformation{padding: 0;}
#staffInformation .intro{
	text-align: center;
	padding:80px 0 60px 0;
	background:url(../img/stamp.jpg) top center no-repeat;
}
#staffInformation h4{
	font-size: 24px;
    font-weight: bold;
    margin: 0 0 10px;
    color: #000;
}
#staffInformation ul{width: 100%;overflow: hidden;}
#staffInformation ul li{float: left;width: 50%;}
#staffInformation ul li img{width: 100%;}*/


/*========================
	メッセージ
=========================*/
/*#message{background-color: #ffc47b;padding: 10px; }
#message .inner{background-color: #fffefa;padding: 0px;}
#message .inner .ph img{width: 100%;}
#message .inner .blk{width: 1100px;margin: 0 auto;padding:50px 0;}
#message .inner .blk .md{text-align: center;margin: 0 0 50px 0;}
#message .inner .blk p{margin: 0 0 15px 0;}*/


/*========================
	選ばれる理由
=========================*/
#reason{
	padding: 80px 0;
	background:url(../../cmn/img/bg_stripe01.gif);
}
#reason h4{ font-size: 24px; font-weight: bold; text-align: center; color:#000;}
#reason p.txt{text-align: center;color: #ddd1b5;margin: 0 0 20px 0;}
#reason ul{ border: 1px solid #000; background-color:#fff; width:90%; margin:0 auto;}
#reason ul li{ border: 1px solid #000;padding:35px;overflow: hidden;}
#reason ul li .info{ margin: 0 0 0 130px;}
#reason ul li .info p{margin: 0 0 15px 0;}
/*#reason ul li .info .picupBox{background-color: #fff0f3;padding:12px 30px;}
#reason ul li .info .picupBox .picup{margin: 8px 0;}
#reason ul li .info .picupBox .picup .md{color: #000;font-size: 17px;font-weight: bold;}
#reason ul li .info .picupBox .picup .md span{color: #fdadbe;}*/
#reason ul li .left{ width: 58%;float: left;}
#reason ul li .pic{ width: 40%;float: right;}
#reason ul li .pic img{width: 100%;}


/*========================
	動画
=========================*/
#movie{ padding:40px 3% 100px;}
#movie h4{ font-family: 'Alex Brush', cursive; font-size:400%; letter-spacing:0.05em; margin:0 0 1%; text-align:center; color:#aaa;}
#movie .movieWrap{ max-width:1200px; margin:0 auto; overflow:hidden;}
#movie .movieWrap #bgMovie{
	position:relative;
	margin:0;
	padding:0 0 56.25%;
	overflow:hidden;
}
#movie .movieWrap #bgMovie iframe{ position:absolute; width:100%; height:100%;}

/*==============================================

	スマホ

==============================================*/
@media only screen and (max-width: 739px) {
/*=================================
	ブランド
=================================*/
.txtBrand{ text-align:center; padding:0 8% 20px;}

/*========================
	mv
=========================*/
#mvIn{
	background:url(../img/mv_sp.jpg) top center no-repeat;
	height: auto;
	padding:8% 0;
}
#mvIn .inner{width: 92%;margin: 0 auto;overflow: hidden;}
#mvIn .inner .greeting{
	float: none;
	margin: 20px 0 0 0;
}
#mvIn .inner .greeting .md{
	text-align: center;
	margin: 0 0 20px 0;
}
#mvIn .inner .greeting p{text-align: center;font-size: 12px;color: #000;line-height: 170%;}


/*========================
	スタッフ紹介
=========================*/
#staffInformation .intro { text-align: center; padding: 20px 0; background-size:100% auto;}
#staffInformation .intro h4 { font-size: 18px; line-height: 120%; padding:10px 0 0 0;}
#staffInformation .intro .txt{ padding:0 3%; font-size:80%;}

#staffInformation ul{ overflow:hidden;}
#staffInformation ul li{ width:100%; display:table;}
#staffInformation ul li .ph,
#staffInformation ul li div{ display:table-cell; vertical-align:middle; text-align:center;}
#staffInformation ul li .ph{ width:40%;}
#staffInformation ul li div{ padding:6% 0; width:60%;}
#staffInformation ul li .ph img{ width:100%;}
#staffInformation ul li div .en{ display:none;}
#staffInformation ul li div .title{ color:#000; font-size:12px; font-weight:bold; margin:0 0 2%;}
#staffInformation ul li div .txt{ color:#000; font-size:70%; margin:0 0 5%;}
#staffInformation ul li div .name{ color:#999; font-size:70%; font-style:italic;}



/*#staffInformation ul{width: 100%;overflow: hidden;}
#staffInformation ul li{float: left;width: 100%;}
#staffInformation ul li img{width: 100%;}*/


/*========================
	メッセージ
=========================*/
/*#message{background-color: #ffc47b;padding: 10px; }
#message .inner{background-color: #fffefa;padding: 10px;}
#message .inner .ph img{width: 100%;}
#message .inner .blk{width: auto;margin: 0 auto;padding:0px 0;}
#message .inner .blk .md{text-align: center;margin: 0 0 20px 0;}
#message .inner .blk .md img{width: 70%;}
#message .inner .blk p{margin: 0 0 15px 0;}*/


/*========================
	選ばれる理由
=========================*/
#reason{padding: 30px 0;}
#reason h4{font-size: 18px;margin: 0;}
#reason ul{width:90%;}
#reason ul li{padding:10px;}
#reason ul li .info{margin: 0;}
#reason ul li .md{margin: 0 0 7px 0;}
#reason ul li .md img{height: 35px;width: auto;}
#reason ul li .info .picupBox{padding:10px;}
#reason ul li .info .picupBox .picup .md{font-size: 14px;margin: 0;}
#reason ul li .info .picupBox .picup .md span{color: #fdadbe;}
#reason ul li .left{width: 100%;float: none;}
#reason ul li .pic{width: 100%;float: none;}
#reason ul li .pic img{width: 100%;}


/*========================
	動画
=========================*/
#movie{ padding:20px 3%;}
#movie h4{ font-family: 'Alex Brush', cursive; font-size:250%; letter-spacing:0.05em; margin:0 0 1%; text-align:center; color:#aaa;}
#movie .movieWrap{ max-width:inherit; margin:0 auto; overflow:hidden;}
#movie .movieWrap #bgMovie{}
#movie .movieWrap #bgMovie iframe{ position:absolute; width:100%; height:100%;}



}