@charset "UTF-8";

/*
■1：ELEMENTS
■2：CLEAR
■4：HEADER
■5：Navi
■6：footer
■7：Contents
*/




/****************************************

ELEMENTS

*****************************************/
html{font-size: 62.5%; height:100%; overflow-y:scroll;}

body, h1, h2, h3, h4, h5, p, ul, ol, form, dl, dd, dt, address {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
	font-size: 1.6rem;
	line-height: 1.8em;
	color: #333;
	height:100%;
}

ul, li, dl, dd, dt {
  list-style: none;
}
img, img a {
  border: 0;
  vertical-align: bottom;
}
header, footer, nav, section, article, figure, aside, ul, li, dl, dd, dt {
  display: block;
}

a {
  text-decoration: none;
  -webkit-transition: all .2s;
  transition: all .2s;
	color: #f47095;
}

a:hover{
  text-decoration: none;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.Wrapper{
	width: 96%;
	max-width:1000px;
	margin: 0 auto;
}

.auto-block{ display:inline-block; margin: 0; padding: 0;}
.Center{text-align: center;}
.left{text-align: left;}

#spNavi{ display: none;}
.sp{display: none !important;}
.pc{display: block !important;}
.OwnerBtn{ display: none !important;}
.drawer-nav{display: none!important;}


.loader{
  background:#eae8de;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:99999;
}
.loaderLogo{
  height:80px;
  left:50%;
  margin:0 0 0 -20px;
  position:absolute;
  top:50%;
  width:80px;

}
.loader-animation,
.loader-animation:before,
.loader-animation:after {
  background:#ffffff;
  -webkit-animation:load1 1s infinite ease-in-out;
  animation:load1 1s infinite ease-in-out;
  width:1em;
  height:4em;
}
.loader-animation {
  height:10px;
  left:50%;
  margin:-5px 0 0 -5px;
  position:absolute;
  top:50%;
  width:10px;
  color:#ffffff;
  text-indent:-9999em;
  font-size:10px;
  -webkit-transform:translateZ(0);
  -ms-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation-delay:-0.16s;
  animation-delay:-0.16s;
}
.loader-animation:before,
.loader-animation:after {
  position:absolute;
  top:0;
  content:'';
}
.loader-animation:before {
  left:-1.5em;
  -webkit-animation-delay:-0.32s;
  animation-delay:-0.32s;
}
.loader-animation:after {
  left:1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow:0 0;
    height:4em;
  }
  40% {
    box-shadow:0 -2em;
    height:5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow:0 0;
    height:4em;
  }
  40% {
    box-shadow:0 -2em;
    height:5em;
  }
}
/****************************************

CLEAR

*****************************************/
.cf {clear: both; font: 0pt/0pt;}
.cf:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;}


/****************************************

HEADER

*****************************************/

#headWrapper{
	background: url(../images/common/bg-middle.gif);
	height: 190px;
}

#headWrapper header{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	height: 135px;
}

.seoText{
	font-size: 1.2rem;
	line-height: 1.5em;
	color: #76664a;
}

#headWrapper header h1{
	margin: 10px 0 0;
	max-width: 270px;
}

#headNavi{
	position: absolute;
	top: 15px;
	right: 0;
}

#headNavi ul li{
	float: left;
}

#headNavi ul li:last-child{
	margin: 0 0 0 10px;
}

#headNavi ul li.onlineStore{
	background: url(../images/common/bg.gif);
}
#headNavi ul li.onlineStore a{
	display: block;
}

#headNavi ul li.onlineStore a:hover{
	background: #d1af75;
}

#headNavi .headNaviWrapper{
	background: url(../images/common/bg-light.gif);
	border-radius: 50px;
	margin: 15px 0 0 310px;
	box-sizing: border-box;
	padding: 5px 0 5px 10px;
}
#headNavi .headNaviWrapper li{
	margin: 0 0 0 10px;
}

.contact a,
.request a,
.experience a{
	display: block;
	padding: 3px 8px 3px 40px;
	font-weight: bold;
	border-radius: 50px;
}
.contact a:hover,
.request a:hover,
.experience a:hover{
	background-color: #eee6d8;
}

.contact a{ background: url(../images/common/h_contact.png) no-repeat 5% 45%; color: #574326;}
.request a{ background: url(../images/common/h_request.png) no-repeat 5% 45%; color: #574326;}
.experience a{ background: url(../images/common/h_experience.png) no-repeat 5% 45%; color: #f47095;}


/****************************************

Navi

*****************************************/
#navi{
	height: 25px;
	margin-top: 0;
}
#navi > ul{
	width: 100%;
	position: relative;
	display: table;
	background: url(../images/common/navi_line.png) left no-repeat;
}
#navi > ul > li{
	display: table-cell;
	/*float: left;*/
	width: 16.6%;
	text-align: center;
	background: url(../images/common/navi_line.png) right no-repeat;
}
#navi > ul:after{
	clear: both;
}

#navi > ul > li > a{
	display: block;
	color: #574326;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding: 2px 0 0;
	top: 0;
	margin: 10px 6px 10px 4px;
	border-radius: 50px;
	box-sizing: border-box;
}

#navi ul > li > ul{
	list-style: none;
	position: absolute;
	z-index: 99999;
	top: 100%;
	margin: 0 0 0 -46.5px;
	padding: 0;
	border-radius: 5px;
	background: url(../images/common/bg-light.gif);
	border: 2px solid #574326;
}

#navi ul > li > ul:before{
	content: "";
	position: absolute;
	top: -20px;
	left: 120px;
	border: 10px solid transparent;
	border-bottom: 10px solid #574326;
	-webkit-transition: all .2s;
	transition: all .2s;

}

#navi ul li ul li{
  width: 260px;
}
#navi ul li ul li a{
	padding: 5px 15px;
	border-top: 1px solid #f1ece4;
	background: url(../images/common/bg-light.gif);
	color: #574326;
	text-align: left;
	font-size: 1.4rem;
	font-weight: normal !important;
	width: 100%;
	display: block;
	box-sizing: border-box;
	border-radius: 0;
}
#navi ul li:hover a{
	background: url(../images/common/bg-light.gif);
	color: #6e5f44;
	display: block;
}
#navi > ul > li > a:hover{
	background: url(../images/common/bg-light.gif);
	color: #6e5f44;
}

#navi ul li ul li a:hover{
	background: rgba(255,255,255,0.7);
}

#navi ul li ul{
  opacity: 0;
  top: 60px;
  visibility: hidden;
  transition: .5s;
}
#navi ul li:hover ul{
  top: 50px;
  visibility: visible;
  opacity: 1;
}
/****************************************

footer

*****************************************/

.footBanner{
	background: url(../images/common/bg-light.gif);
}

.footBannerIN{
	padding: 50px 0 100px;
}

.footBannerIN > div > a >img{ max-width:1126px; width: 100%;}

.footBannerIN ul {
    max-width: 1100px;
    width: 100%;
    margin: 20px auto 0;
    display: table;
    padding: 0 50px;
    box-sizing: border-box;
}
.footBannerIN ul li{
	display: table-cell;
	width: 33.3%;
}
.footBannerIN ul li:nth-child(1){ padding: 0 20px 0 0;}
.footBannerIN ul li:nth-child(2){ padding: 0 10px 0 10px;}
.footBannerIN ul li:nth-child(3){ padding: 0 0 0 20px;}

.footBannerIN ul li a{
	display: block;
	background: url(../images/common/border_l.png) left no-repeat,
			 	url(../images/common/border_r.png) right no-repeat,
		 		url(../images/common/border_t.png) top no-repeat,
		 		url(../images/common/border_b.png) bottom no-repeat;
	background-color: #FFF;
	width: 100%;
	line-height: 50px;
	text-align: center;
	color: #5f482a;
	font-weight: bold;
}

.footBannerIN ul li a:hover{ background-color: #f6ece1;}


.footBannerIN ul li a span.icon01::before{
	content:"";
	background: url(../images/common/f_icon01.png);
	background-size: contain;
	display: inline-block;
	margin: 0 10px 0 0;
	position: relative;
	top: 7px;
	height: 26px;
	width: 26px;
}

.footBannerIN ul li a span.icon02::before{
	content:"";
	background: url(../images/common/f_icon02.png);
	background-size: contain;
	display: inline-block;
	margin: 0 10px 0 0;
	position: relative;
	top: 7px;
	height: 26px;
	width: 26px;
}

.footBannerIN ul li a span.icon03::before{
	content:"";
	background: url(../images/common/f_icon03.png);
	background-size: contain;
	display: inline-block;
	margin: 0 10px 0 0;
	position: relative;
	top: 7px;
	height: 26px;
	width: 26px;
}

footer{
		background: url(../images/common/bg.gif);
}

#footNaviWrapper{
	background: url(../images/common/bg-middle.gif);
	padding: 50px 0 100px;
	font-size: 1.6rem;
	line-height: 2.8rem;
}

#footNaviWrapper #footNavi ul.fNavi{
	float: left;
	width: 250px;

}
#footNaviWrapper #footNavi ul.fNavi a{
	color: #6c5d43;
	display: block;
}

#footNaviWrapper #footNavi ul.fNavi a:hover{
	background: #dcdac9;
}

#footNaviWrapper #footNavi ul.fNavi > li > a::before{
	content: "・";
}
#footNaviWrapper #footNavi ul.fNavi > li > ul > li{
	font-size: 1.4rem;
	text-indent: 1.5rem;
	line-height: 2.0rem;
}
#footNaviWrapper #footNavi ul.fNavi > li > ul > li > a::before{
	content: "∟";
	font-size: 0.8rem;
	top: -2px;
    position: relative;
}

#facebook{
	float: right;
	width: 228px;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}



#copyLight{ padding: 35px 0; font-size: 1.0rem; text-align: center;}
#copyLight .logo{ width: 60px; height: 95.5px; margin: 0 auto;}
#copyLight .logo img{ width: 100%; height: auto;}
#copyLight p{ color: #FFF; padding: 10px 0 50px; font-weight: normal;}


/* BACK_TO_TOP  ------------*/
#pageTop {
    position: fixed;
    bottom: 0;
	right:0;
    width: 100px;
    height: 100px;
}

/****************************************

Contents

*****************************************/

#indexContentWrapper,
#ContentWrapper{
	background: url(../images/common/bg-highlight.gif);
}

#ContentWrapper{
	padding: 0 0 100px;
}

#ContentWrapper section{
	max-width: 1000px;
	margin:0 auto;
}




/*index*/
#MainWrapper{
	height: 460px;
}
.slick-next{ right: 1rem !important; z-index: 9999;}
.slick-prev{ left: 1rem !important; z-index: 9999;}
.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #574326 !important;
}
#MainWrapper ul li{
	position: relative;
}

#MainWrapper .main01{
	background: url(../images/index/slider01_bg.png) no-repeat 50% 50%;
	background-size: cover;
	height: 100%;
	width: 100%;
}
#MainWrapper ul li.main01  h2 img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#MainWrapper .main01 h2 a{
	height: 100%;
	width: 100%;
	display: block;
	height: 460px;
}
#MainWrapper .main02{
	background: url(../images/index/slider02_bg.png) no-repeat 50% 50%;
	background-size: cover;
	height: 100%;
	width: 100%;
}
#MainWrapper ul li.main02  h2 img{
    position: absolute;
    top: 0;
    left: 45%;
    bottom: 0;
    margin: auto;
	max-width: 600px;
	width: 50vw;
}
#MainWrapper .main02 h2 a{
	height: 100%;
	width: 100%;
	display: block;
	height: 460px;
}
#MainWrapper .main03{
	background: url(../images/index/slider03_bg.png) no-repeat 50% 50%;
	background-size: cover;
	height: 100%;
	width: 100%;
}
#MainWrapper ul li.main03  h2 img{
    position: absolute;
    top: 0;
    left: 45%;
    bottom: 0;
    margin: auto;
	max-width: 600px;
	width: 50vw;
}

#MainWrapper .main03 h2 a{
	height: 100%;
	width: 100%;
	display: block;
	height: 460px;
}

#MainBanner{
	background: url(../images/common/bg-middle.gif);
	padding: 50px 0;
}
#MainBanner > ul{
	display: table;
}
#MainBanner > ul > li{
	max-width: 314px;
	width: 33%;
	display: table-cell;
}
#MainBanner > ul > li:nth-child(1){ padding: 0 20px 0 0;}
#MainBanner > ul > li:nth-child(2){ padding: 0 10px 0 10px;}
#MainBanner > ul > li:nth-child(3){ padding: 0 0 0 20px;}


#MainBanner li img{
	width: 100%;
}

#indexConcept{
	background: url(../images/index/concept_l.png) left top no-repeat,url(../images/index/concept_r.png) right top no-repeat;
	text-align: center;
	padding: 0 0 100px;
}
#indexConcept,
#indexOwner{ max-width: 100% !important;}
#indexConcept h3,
#indexOwner h3{
	padding: 100px 0 10px;
	overflow: hidden;
	background:url(../images/common/h3_line.png) no-repeat center bottom;
	text-align: center;
}

#indexConcept h3 strong.indexTitle01,
#indexConcept h3 strong.indexTitle02,
#indexOwner h3 strong.indexTitle03{
	display: block;
	background-size: auto;
	height: 45px;
}
#indexConcept h3 strong.indexTitle01{ background:url(../images/index/index_title01.png) no-repeat center center;}
#indexConcept h3 strong.indexTitle02{ background:url(../images/index/index_title02.png) no-repeat center center;}
#indexOwner h3 strong.indexTitle03{ background:url(../images/index/index_title03.png) no-repeat center center;}

#indexConcept p,
#indexOwner p{ margin: 30px 0 0;}

#indexConcept p a{
	display: inline-block;
	padding: 3px 30px;
	border-radius: 50px;
	background: #f47095;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
}
#indexConcept p a:hover{
	background: #ff4478;
}


strong{ color: #f47095;}


.indexBDIH{
	text-align: center;
}
.indexBDIH img{
	max-width: 198px;
	width: 100%;
}


#indexOwner{
	background: url(../images/common/cube_bg.png);
	padding: 0 0 100px;
}

#indexOwner a{
	color: #666;
}

#indexOwner ul{
	max-width: 830px;
	margin: 0 auto;
}

#indexOwner ul li{
	display: table;
	margin: 20px 0 0;
}

#indexOwner ul li div{
	display: table-cell;
	vertical-align: top;
}
.indexOwnerTitle { margin: 0 0 20px;}
.indexOwnerTitle img{
	max-width: 425px;
	width: 100%;
}


#indexOwner ul li{
	background: url(../images/index/owner_line.png) no-repeat;
	background-position:right 40px;
}

.indexOwnerThumb img{
	width: 226px;
}

.indexOwnerComent{
	padding: 0 0 0 20px;
	font-size: 1.4rem;
}

.indexOwnerComent h4{
	padding: 10px 0 0;
}

.indexOwnerComent h4 img{ height: 25px;}

.indexOwnerComent p{
	margin: 15px 0 0 !important;
}

.indexOwnerComent .indexOwnerlink p{
	display: inline-block;
	padding: 3px 30px;
	border-radius: 50px;
	background: #d1af75;
	color: #FFF !important;
	font-size: 1.4rem;
	font-weight: bold;
}
#indexOwner ul li a:hover .indexOwnerComent .indexOwnerlink p{
	background: #f0af41;
  -webkit-transition: all .2s;
  transition: all .2s;
}

#indexInfo{
	width: 96%;
	max-width:1000px;
	margin: 0 auto;
	padding: 0 0 100px;
	display: table;
}
#indexInfo .News,
#indexInfo .Media{
	display: table-cell;
	max-width: 485px;

}

#indexInfo .News{ padding: 0 15px 0 0;}
#indexInfo .Media{ padding: 0 0 0 15px;}

#indexInfo .News h3,
#indexInfo .Media h3{
	padding: 100px 0 0;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	background:url(../images/common/h3_line.png) no-repeat center bottom;
	height: 30px;
}

#indexInfo .News h3 strong.InfoTitle01,
#indexInfo .Media h3 strong.InfoTitle02{
	display: block;
	background-size: auto;
	height: 16px;
}
#indexInfo .News h3 strong.InfoTitle01{ background:url(../images/index/news_title.png) no-repeat center center; background-size: contain;}
#indexInfo .Media h3 strong.InfoTitle02{ background:url(../images/index/media_title.png) no-repeat center center; background-size: contain;}

#indexInfo .News dl,
#indexInfo .Media dl{
	margin: 30px 0 0;
}

#indexInfo .News dt,
#indexInfo .Media dt{
	padding: 0px 10px;
	font-size: 1.2rem;
	background: rgba(255,255,255,1.0);
	border-radius: 30px;
}

#indexInfo .News ul,
#indexInfo .Media ul{
	display: table;
}

#indexInfo .News ul li,
#indexInfo .Media ul li{
	display: table-cell;
	padding: 10px 0 10px 10px;
	font-size: 1.4rem;
	vertical-align: top;
}

.NewsThumb img{ width: 86px;}
.MediaThumb img{ width: 55px;}

#indexInfo .News ul li,
#indexInfo .Media ul li{
	display: table-cell;
	padding: 10px 0 10px 10px;
	font-size: 1.4rem;
	vertical-align: top;
}

#indexInfo .News a,
#indexInfo .Media a{
	color: #666;
}
#indexInfo .News p.LinkList,
#indexInfo .Media p.LinkList{
	text-align: center;
}

#indexInfo .News p.LinkList a,
#indexInfo .Media p.LinkList a{
	margin: 40px 0 0;
	display: inline-block;
	padding: 3px 30px;
	border-radius: 50px;
	background: #d1af75;
	color: #FFF !important;
	font-size: 1.4rem;
	font-weight: bold;
}
#indexInfo .News p.LinkList a:hover,
#indexInfo .Media p.LinkList a:hover{
	background: #f0af41;
}

#main2{
	background: #FFF;
	text-align: center;
}

@media screen and (max-width: 960px){

#ContentWrapper{
	padding: 0 3% 100px !important;
}
}
/****************************************

RESPONSIVE

*****************************************/
@media screen and (max-width: 900px){
.drawer-nav{display: block!important;}

.drawer-menu,
.drawer-nav{
	background: url(../images/common/bg-middle.gif);
}
.drawer-menu li{
	border-bottom:1px solid #a29684;
}
.drawer-menu li a{
	color: #574326;
	padding:1% 4%;
	display: block;
}
.drawer-close .drawer-hamburger-icon{
	background-color: #574326;
}
.drawer-open .drawer-hamburger-icon{
	background-color: #f6f7f9;
}
.fixed {
	position: fixed;
	top: 0!important;
}
#headNavi,
#navi{ display: none;}

#spNavi{ display: block !important;}
.sp{ display: block !important;}
.pc{ display: none !important;}

#headWrapper {
    height: 190px;
}
#headWrapper header {
	padding: 0 5%;
    position: relative;
	text-align: center;
    height: 90px;
}
#headWrapper header img{ width: 100%; max-width: 320px;}

#headWrapper header h1 {
    margin: 0;
    max-width: 70%;
	position: absolute;
	/*bottom: -70px;*/
}

#headWrapper header h1 img{
}

#MainWrapper img{
	width: 100%;
}

	#MainBanner .sp ol{
		display: table;
		width: 100%;
	}

	#MainBanner .sp ol > li{
		display: table-cell;
		width: 48%;
	}
#MainBanner div.sp ol > li:nth-child(1){ padding: 0% 1% 2% 0;}
#MainBanner div.sp ol > li:nth-child(2){ padding: 0% 0 2% 1%;}
#MainBanner div.sp ol > li a{
	display: block;
	background: url(../images/common/border_l.png) left no-repeat,
			 	url(../images/common/border_r.png) right no-repeat,
		 		url(../images/common/border_t.png) top no-repeat,
		 		url(../images/common/border_b.png) bottom no-repeat;
	background-color: #FFF;
	width: 100%;
	line-height: 50px;
	text-align: center;
	color: #5f482a;
	font-weight: bold;
	font-size: 1.8rem;
}
#MainBanner div.sp ol > li a span.icon01::before{
	content:"";
	background: url(../images/common/f_icon01.png);
	background-size: contain;
	display: inline-block;
	margin: 0 10px 0 0;
	position: relative;
	top: 7px;
	height: 26px;
	width: 26px;
}

#MainBanner div.sp ol > li a span.icon02::before{
	content:"";
	background: url(../images/common/f_icon02.png);
	background-size: contain;
	display: inline-block;
	margin: 0 10px 0 0;
	position: relative;
	top: 7px;
	height: 26px;
	width: 26px;
}


}

@media screen and (max-width: 800px){
.Wrapper{
	  width: 90%;
	  margin: 0 auto;
  }

.sp{display: block !important;}
.footBannerIN ul {
	max-width: 1000px;
	width: 100%;
	margin: 20px auto 0;
	display: block;
    padding: 0 0;
}
.footBannerIN ul li{
	display: block;
	width: 83%;
	margin: 0 auto 5%;
}
.footBannerIN ul li:nth-child(1){ padding: 0 0 0 0 !important;}
.footBannerIN ul li:nth-child(2){ padding: 0 0 0 0 !important;}
.footBannerIN ul li:nth-child(3){ padding: 0 0 0 0 !important;}

.footBannerIN ul li a{
	text-align: left;
	text-indent: 23%;
}




#footNaviWrapper{
	padding: 50px 0 0;
	font-size: 1.8rem;
}

#footNaviWrapper .Wrapper{
	margin: 0 0;
	width: 100%;
}

#footNaviWrapper #footNavi ul.fNavi{
	float: none;
	width: 100%;

}
#footNaviWrapper #footNavi ul.fNavi a{
	border-top: 1px solid #6c5d43;
	color: #6c5d43;
	display: block;
	text-indent: 1rem;
	padding: 2% 0;
}

#footNaviWrapper #footNavi ul.fNavi > li > a::before{
	content: "";
}
#footNaviWrapper #footNavi ul.fNavi > li > ul > li{
	font-size: 1.8rem;
	text-indent: 0;
	line-height: 3rem;
}
#footNaviWrapper #footNavi ul.fNavi > li > ul > li > a::before{
	content: "";
}

#facebook{
	float: none;
	width: 90%;
	margin: 0 5% 10%;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
	li.NaviOpen01,
	li.NaviOpen02,
	li.NaviOpen03{
		background: url(../images/common/plus.png) 95% 12px no-repeat;
		background-size: 20px;
	}
	li.active{
		background: url(../images/common/minus.png) 95% 12px no-repeat;
		background-size: 20px;
}


	li.NaviOpen01 > a,
	li.NaviOpen02 > a,
	li.NaviOpen03 > a{
		pointer-events:none
	}

	li.NaviOpen01 ul,
	li.NaviOpen02 ul,
	li.NaviOpen03 ul{
		display: none;
		background: url(../images/common/bg-light.gif);
	}

#ContentWrapper section{
	padding: 0 3%;
	box-sizing: border-box;
}


#indexConcept{
	background: none;
	text-align: center;
	padding: 0 0 100px;
}

#indexConcept h3,
#indexOwner h3{
}

#indexConcept h3 strong.indexTitle01{
	display: block;
	padding: 0 0 0;
}
#indexConcept h3 strong.indexTitle02,
#indexOwner h3 strong.indexTitle03{
	display: block;
	padding: 0 0 3%;
}
#indexConcept h3 strong.indexTitle01{ background:url(../images/index/index_title01_sp.png) no-repeat center center,url(../images/common/h3_line.png) no-repeat center bottom; background-size:contain; height: 60px; max-width: 640px;}
#indexConcept h3 strong.indexTitle02{ background:url(../images/index/index_title02_sp.png) no-repeat center center,url(../images/common/h3_line.png) no-repeat center bottom; background-size:contain; height: 35px; max-width: 640px;}
#indexOwner h3 strong.indexTitle03{ background:url(../images/index/index_title03_sp.png) no-repeat center center,url(../images/common/h3_line.png) no-repeat center bottom; background-size:contain; height: 35px; max-width: 640px;}

#indexConcept p a{
	display: inline-block;
	padding: 3px 30px;
	border-radius: 50px;
	background: #f47095;
	color: #FFF;
	font-size: 2.0rem;
	font-weight: bold;
}
#indexConcept p a:hover{
	background: #ff4478;
}


strong{ color: #f47095;}


.indexBDIH{
	text-align: center;
}
.indexBDIH img{
	max-width: 320px;
	width: 100%;
}


.OwnerBtn{ display: block !important;}
.OwnerBtn{
	background: url(../images/common/plus.png) 95% 42% no-repeat #FFF;
	background-size: 20px;
	padding: 5%;
	margin: 0 0 5%;
	}
#indexOwner .active{
		background: url(../images/common/minus.png) 95% 42% no-repeat #FFF;
		background-size: 20px;
}
.OwnerBtn ~ a{display: none;}

.OwnerBtn img{ max-width: 420px; width: 80%; height: auto;}

#indexOwner ul{
	max-width: 100%;
	margin: 0 auto;
}

#indexOwner ul li{
	display: block;
	margin: 20px 0 0;
}

#indexOwner ul li div{
	display: block;
	vertical-align: top;
}
.indexOwnerTitle { margin: 0 0 8%;}
.indexOwnerTitle img{
	max-width: 425px;
	width: 100%;
}


#indexOwner ul li{
	background: none;
	background-position:right 40px;
}
.indexOwnerThumb{
	text-align: center;
}
.indexOwnerThumb img{
	width: 70%;
}

.indexOwnerComent{
	padding: 0 0 0 20px;
	font-size: 1.6rem;
	line-height: 2.6rem;
}


.indexOwnerComent h4{
	text-align: center;
	padding: 3% 0;
}

.indexOwnerComent h4 img{ max-width: 420px; width: 100%; height: auto;}


/*
.indexOwnerComent h4.indexOwner01{ background:url(../images/index/owner_name01_sp.png) no-repeat left bottom contain;}
.indexOwnerComent h4.indexOwner02{ background:url(../images/index/owner_name02_sp.png) no-repeat left bottom contain;}
.indexOwnerComent h4.indexOwner03{ background:url(../images/index/owner_name03_sp.png) no-repeat left bottom contain;}
*/
.indexOwnerComent p{
	margin: 15px 0 0 !important;
}


.indexOwnerComent .indexOwnerlink{
	text-align: center;
}

.indexOwnerComent .indexOwnerlink p{
	display: inline-block;
	padding: 3px 13%;
	border-radius: 50px;
	background: #d1af75;
	color: #FFF !important;
	font-size: 2.0rem;
	font-weight: bold;
}
#indexOwner ul li a:hover .indexOwnerComent .indexOwnerlink p{
	background: #f0af41;
  -webkit-transition: all .2s;
  transition: all .2s;
}


#indexInfo{
	width: 96%;
	padding: 15% 0 100px;
	display: block;
}
#indexInfo .News,
#indexInfo .Media{
	display: block;
	max-width: 100%;
	line-height: 2.2rem;
}

#indexInfo .News{ padding: 0 0 0 0;}
#indexInfo .Media{ padding: 0 0 0 0;}


#indexInfo .News h3,
#indexInfo .Media h3{
	padding: 15% 0 0;
}

#indexInfo .News dl dt:nth-child(n + 2){ display: none;}
#indexInfo .News dl dd:nth-child(n + 3){ display: none;}

#indexInfo .Media dl dt:nth-child(n + 2){ display: none;}
#indexInfo .Media dl dd:nth-child(n + 3){ display: none;}


.NewsThumb img{ width: 86px;}
.MediaThumb img{ width: 55px;}


#indexInfo .News p.LinkList a,
#indexInfo .Media p.LinkList a{
	margin: 40px 0 0;
	display: inline-block;
	padding: 3px 13%;
	border-radius: 50px;
	background: #d1af75;
	color: #FFF !important;
	font-size: 2.0rem;
	font-weight: bold;
}
#indexInfo .News p.LinkList a:hover,
#indexInfo .Media p.LinkList a:hover{
	background: #f0af41;
}



}



@media screen and (max-width: 640px){

body{
	font-size: 5.5vw;
}

.seoText{
	margin: 0 0 5px;
}
#MainWrapper{
	height: 500px;
	position: relative;
	overflow: hidden;
}
#MainWrapper .main01 {
    height: 500px;
}
#MainWrapper .main01 h2 a{
	height: 100%;
	width: 100%;
	display: block;
	height: 500px;
	box-sizing: border-box;
}

#MainWrapper ul li h2 img{
    position: absolute;
    top: 100px;
    margin: auto;
}

#MainWrapper .main01{
	background: url(../images/index/slider01_bg.png) no-repeat 50% 50%;
	background-size: cover;
	height: 100%;
	width: 100%;
}
#MainWrapper ul li.main01  h2 img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#MainWrapper .main01 h2 a{
	height: 100%;
	width: 100%;
	display: block;
	height: 500px;
}
#MainWrapper .main02{
	background: url(../images/index/slider02_bg_sp.png) no-repeat 50% 0%;
	background-size: cover;
	height: 100%;
	width: 100%;
}
#MainWrapper ul li.main02  h2 img{
    position: absolute;
    left: 0;
    bottom: -240px;
    margin: auto;
	max-width: 640px;
	width: 100%;
}
#MainWrapper .main02 h2 a{
	height: 100%;
	width: 100%;
	display: block;
	height: 500px;
}
#MainWrapper .main03{
	background: url(../images/index/slider03_bg_sp.png) no-repeat 50% 0%;
	background-size: cover;
	height: 100%;
	width: 100%;
}
#MainWrapper ul li.main03 h2 img{
    position: absolute;
    left: 0;
    bottom: -240px;
    margin: auto;
	max-width: 640px;
	width: 100%;
}

#MainWrapper .main03 h2 a{
	height: 100%;
	width: 100%;
	display: block;
	height: 500px;
}


#MainBanner > ul{
	display: block;
}
#MainBanner > ul > li{
	max-width: 640px;
	width: 100%;
	display: block;
	text-align: center;
}
#MainBanner > ul > li:nth-child(1){ padding: 5% 0 0 0;}
#MainBanner > ul > li:nth-child(2){ padding: 5% 0 0 0;}
#MainBanner > ul > li:nth-child(3){ padding: 5% 0 0 0;}

#MainBanner div.sp ol > li a{
	font-size: 1.6rem;
}



#indexConcept h3 img,
#indexOwner h3 img{
	width: 100%;
	max-width: 600px;
}

}

@media screen and (max-width: 480px){

#headWrapper {
    background: url(../images/common/bg-middle.gif);
    height: 180px
}
#headWrapper header {
	padding: 0 5%;
    position: relative;
	text-align: center;
    height: 70px;
}
#headWrapper header h1 {
    margin: 0;
    max-width: 70%;
	position: absolute;
	bottom: -88px;
}

#headWrapper header h1 img{
}

.seoText{
	font-size: 2.8vw;
	margin: 0 0 5px;
}

}

html.android .seoText{
	font-size: 5px !important;
}
html.android #copyLight .logo{ background: url(../images/common/f_logo.png); background-size: cover;}
html.android #copyLight .logo img{ display: none;}