@charset "Shift_JIS";
#hpb-wrapper{
  width : calc(100% - 270px);
  margin-top : 10px;
  margin-right:0;
  margin-bottom: 45px;
  margin-left:0;
  float : right;
  position: relative;
}
#hpb-title{
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:15px;
}
.hpb-layoutset-01 #hpb-title{
  }
.hpb-layoutset-02 #hpb-title{
  width : 80%;
  margin-bottom: 0px;
  background-color:#FFFFFF;
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
}
#hpb-main{
  width : 100%;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 30px;
  margin-left:0;
  text-align: left;
  padding-left:20px;
  padding-right:20px;
  padding-top:20px;
  background-color:#FFFFFF;
}
.hpb-layoutset-02 #hpb-main{
  padding-top: 1px;
  padding-bottom:10px;
}
#hpb-aside{
  width : 240px;
  margin-top : 10px;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
  float : left;
}
.hpb-layoutset-01 #hpb-aside{
  padding-top : 0px;
}
/*--------------------------------------------------------
  デザイン設定
--------------------------------------------------------*/
/* 背景設定 */

/* コンテンツ配置領域 */

/* トップページデザイン */
.hpb-layoutset-01 #hpb-title h2{
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:0;
  overflow: hidden;
  text-indent: -9999px;
  height : auto;
  width : 100%;
  background-image : url(mainimg_4La.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size:contain;
  padding-top:50%;
}
/*--------------------------------------------------------
  共通パーツデザイン設定
--------------------------------------------------------*/
#pagetop{
  position: absolute;
  left: 10px;
  bottom: -15px;
  width: 121px;
  height: 15px;
}
#pagetop a{
  /* ページの先頭へのリンク設定 */
    display: block;
  width: 121px;
  height: 15px;
  margin-left: 0;
  margin-right: auto;
  background-image : url(returnTop_4La.png);
  background-position: center left;
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
}
/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {
  #hpb-wrapper{
  width: 100%;
  margin-bottom: 0;
  float: none;
  background-color: #ffffff;
}
#hpb-title{
  margin-bottom: 0;
}
.hpb-layoutset-02 #hpb-title{
  width: 100%;
  padding-top:20px;
}
#hpb-main{
  width: 96%;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 20px;
}
.hpb-layoutset-02 #hpb-main{
  padding-bottom: 20px;
}
#hpb-aside{
  max-width: 96%;
  margin-right: auto;
  margin-left: auto;
  float: none;
  padding-top: 20px;
}
.hpb-layoutset-01 #hpb-aside{
  padding-top: 20px;
}
/*--------------------------------------------------------
	  デザイン設定
	--------------------------------------------------------*/
	/* 背景設定 */

	/* コンテンツ配置領域 */

	/* トップページデザイン */
	.hpb-layoutset-01 #hpb-title h2{
  height: auto;
  width: 100%;
  background-size: contain;
}
/*--------------------------------------------------------
	  共通パーツデザイン設定
	--------------------------------------------------------*/
	#pagetop{
  position: relative;
  left: 0;
  bottom: 0;
}
}