@charset "utf-8";

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

　目次

-------------------------------------------------------------------------------

　01. 大枠
　02. モジュール

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

　01. 大枠

=============================================================================== */
#main {
  width: auto;
  padding-top: 0;
}
/* ==

　02. モジュール

=============================================================================== */
.anime {
  position: relative;
  min-width: 950px;
  overflow: hidden;
}
.anime_scene {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.anime_img {
  display: block;
}
.anime_front {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 228px;
  margin-top: -114px;
}
#scene1 .anime_front {
  width: 702px;
  margin-left: -351px;
}
#scene2 .anime_front {
  width: 656px;
  margin-left: -328px;
}
#scene3 .anime_front {
  width: 484px;
  height: 243px;
  margin-top: -121px;
  margin-left: -242px;
}
#scene4 .anime_front {
  width: 420px;
  height: 340px;
  margin-top: -170px;
  margin-left: -210px;
}
.anime_in {
  margin: 28px auto 0;
}
#scene1 .anime_in {
  width: 436px;
}
#scene2 .anime_in {
  width: 284px;
}
#scene3 .anime_in {
  width: 484px;
  margin-top: 19px;
}
.anime_ico {
  display: block;
  text-align: center;
}
.anime_icoL {
  display: block;
  position: relative;
  text-align: center;  
}
.anime_txt {
  display: block;
  margin: 27px 0 0;
  text-align: center;
  overflow: hidden;
}
.anime_sub {
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.anime_base {
  width: 100%;
  height: auto;
}
.anime_img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width:1200px) {
  .anime_in {
    margin-top: 15px;
  }
  .anime_txt {
    margin-top: 17px;
  }
  #scene1 .anime_front {
    width: 561px;
    height: 174px;
    margin: -87px 0 0 -280px;
  }
  #scene1 .anime_ico img {
    width: 77px;
    height: auto;
  }
  #scene1 .anime_txt img {
    width: 561px;
    height: auto;
  }
  #scene1 .anime_in {
    width: 349px;
  }
  #scene1 .anime_sub img {
    width: 349px;
    height: auto;
  }
  #scene2 .anime_front {
    width: 524px;
    height: 178px;
    margin: -89px 0 0 -262px;
  }
  #scene2 .anime_ico img {
    width: 77px;
    height: auto;
  }
  #scene2 .anime_txt img {
    width: 561px;
    height: auto;
  }
  #scene2 .anime_in {
    width: 227px;
  }
  #scene2 .anime_sub img {
    width: 227px;
    height: auto;
  }
  #scene3 .anime_front {
    width: 386px;
    height: 183px;
    margin: -91px 0 0 -193px;
  }
  #scene3 .anime_ico img {
    width: 77px;
    height: auto;
  }
  #scene3 .anime_txt img {
    width: 386px;
    height: auto;
  }
  #scene3 .anime_in {
    width: 386px;
    margin-top: 10px;
  }
  #scene3 .anime_sub img {
    width: 386px;
    height: auto;
  }
  #scene4 .anime_front {
    width: 336px;
    height: 272px;
    margin-top: -136px;
    margin-left: -168px;
  }
  #scene4 .anime_icoL img {
    width: 336px;
    height: auto;
  }
}
/* comVisual
------------------------------------------------------------------------------- */
.comVisual {
  margin: 0 0 60px;
}
/* caseHeading01
------------------------------------------------------------------------------- */
#main .caseHeading01 {
  margin: 0 0 30px;
}
#main .caseHeading01_tit {
  line-height: 1;
  margin: 0;
  font-size: 12px;
}
/* caseData
------------------------------------------------------------------------------- */
#main .caseData {
  margin: 0 0 60px;
}
#main .caseData_colW {
  float: left;
  width: 690px;
}
#main .caseMerit {
  margin: 0;
  color: #333;
}
#main .caseMerit dt {
  float: left;
  margin: 0 20px 0 0;
}
#main .caseMerit dd {
  overflow: hidden;
  padding: 5px 0 0;
}
#main .caseData_colN {
  display: block;
  float: right;
  width: 200px;
  line-height: 1;
  font-size: 12px;
}
/* indexBtn
------------------------------------------------------------------------------- */
#main .indexBtn {
  min-width: 950px;
  margin: 40px 0 60px;
}
#main .indexBtn_in {
  display: block;
  width: 560px;
  margin: 0 auto;
  text-align: center;
}
/* indexBnr
------------------------------------------------------------------------------- */
#main .indexBnr {
  min-width: 950px;
  padding: 80px 0;
}
#main .indexBnr_in {
  display: block;
  width: 930px;
  margin: 0 auto;
  padding: 10px;
  background-color: #fff;
}
/* indexVision
------------------------------------------------------------------------------- */
#main .indexVision {
  min-width: 950px;
  margin: 0;
  padding: 79px 0 110px;
}
#main .indexVision_in {
  width: 950px;
  margin: 0 auto;
}
#main .indexVision h2 {
  margin: 0;
  text-align: center;
		letter-spacing: 0.2em;
		font-size:38px;
		font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
		font-weight:bold;
		color:#000;
		letter-spacing:0.1em;
}
#main .indexVision p {
  text-align: center;
		line-height: 2.0;
		color:#333;
}
#main .indexVision p.en {
	margin-bottom:30px;
	font-size:100%;
}
#main .indexVision_btn {
  margin: 37px 0 0;
  text-align: center;
}
#main .indexVision_btn a {
  display: block;
  width: 504px;
  margin: 0 auto;
		padding:20px 20px 17px;
  text-align: center;
		border:3px solid #333;
		text-decoration:none;
		font-weight:bold;
		font-size:140%;
		color:#333;
}
#main .indexVision_btn a em { margin-left:0.25em; font-size:150%; }
#main .indexVision_btn span{
	padding-left:25px;
	background: url(../images/community_ico02.gif) left center no-repeat;
	display:inline-block;
}

#main .indexVision_btn a:hover{
	background-color:#3f536e;
	border:3px solid #3f536e;
	color:#fff;
}




/* indexCaseList
------------------------------------------------------------------------------- */
#main .indexCaseList {
  margin-bottom: 50px;
  padding: 139px 0 151px;
  text-align:center;
}
#main .indexCaseList h2 {
  margin: 0;
  text-align: center;
		font-size:38px;
		font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
		font-weight:bold;
		color:#fff;
		letter-spacing:0.1em;
}
#main .indexCaseList p {
  text-align: center;
		line-height: 2.0;
		color:#fff;
}
#main .indexCaseList p.en {
	margin-bottom:30px;
	font-size:100%;
}
#main .indexCaseList_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	max-width: 1160px;
	width: 100%;
	margin: 30px auto 0;
}
#main .indexCaseList_btns > div:first-child {
	width: 100%;
	text-align: center;
}
#main .indexCaseList_btn {
	max-width: 530px;
	width: calc(50% - 50px);
  margin: 37px 20px 0;
  padding: 4px;
  text-align: center;
  position: relative;
	background-color: #fff;
}
#main .indexCaseList_btns > div:first-child .indexCaseList_btn {
	margin: 0 auto;
}
#main .indexCaseList_btn a {
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
	width: calc(100% - 10px);
  min-height: 60px;
  margin: 0 auto;
  text-align: center;
	text-decoration:none;
	font-weight:bold;
	font-size:23px;
	color:#333;
	line-height: 1;
	border: 4px solid #fff;
}
#main .indexCaseList_btn a:hover{
	border: 4px solid #3f536e;
}
#main .indexCaseList_btns > div:first-child .indexCaseList_btn a {
	padding: 10px 0 0;
}
#main .indexCaseList_btn a em { margin-left:0.25em; font-size:150%; }
#main .indexCaseList_btn span {
  padding-left: 35px;
  background: url(../images/community_ico02.gif) left center no-repeat;
  display: inline-block;
}
#main .indexCaseList_btn span span {
	background: none;
	padding: 0;
}
#main .indexCaseList_btn-02 .indexCaseList_btn_note {
	font-size: 10px;
}