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

body {
  font-size: 14px;
  line-height: 24px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-top: 0px;
  overflow-x: hidden;
  hidden;overflow-y: auto;
}
html{overflow-x: hidden;overflow-y: auto;}
#header {
  margin-right: auto;
  margin-left: auto;
  width: 980px;
  margin-bottom: 10px;
}
#description {
  font-size: 10px;
}
#logo {
  float: left;
  width: 460px;
  margin-top: 10px;
}
#headerTel {
  float: right;
  margin-right: 5px;
  margin-left: 5px;
  width: 500px;
  margin-top: 10px;
  height: 80px;
}
#header #contact {
  float: left;
  margin-left: 5px;
}
/*
.description {
  float: left;
  margin-left: 10px;
  width: 160px;
  text-align: right;
}
*/
#globalNaviBackground {
  background-image: url(../img/globalNaviBackground.jpg);
  height: 57px;
}
#wrapper {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
}
#wraperBackground{
  background-color: #dfdbd5;
}
#topVisual {
  margin-bottom: 10px;
  padding-top: 10px;
}
#gallery{
  text-align: center;
  height: 400px;
  width: 980px;
}
#contentsBackgroung {
  background-image: url(../img/contentsBackground.jpg);
  background-position: center top;
  margin: 0px;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
}
#contentsBackgroungSub {
  background-image: url(../img/contentsBackground2.jpg);
  background-position: center top;
  margin: 0px;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
}
#contents {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 20px;
  padding-top: 20px;
  background-color: #FFF;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 20px;
}
#contents a:link,#contents a:visited {
  color: #90AB36;
}
.underLine {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #B4D545;
  font-size: 16px;
  font-weight: bold;
}
#leftFlame {
  float: left;
  width: 300px;
}
#banner {
  margin-bottom: 3px;
}
#coupon {
  margin-top: 20px;
}
#coupon .couponSection {
  margin-top: 10px;
}
#rightFlame {
  float: left;
  width: 640px;
  margin-left: 20px;
}
#footerBackground {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CCC;
  background-image: url(../../img/footerBackground.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  height: 180px;
}
#footer {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  color: #444444;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
}
#footeLogo {
  width: 380px;
  float: left;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #CCC;
  padding-right: 20px;
}
#footerLink {
  float: left;
  margin-left: 10px;
  width: 400px;
}
#footerLink2 a:link,#footerLink2 a:visited {
  color: #444444;
}
#footerLink2 {
  float: left;
  margin-left: 10px;
  width: 550px;
  margin-top: 20px;
}
#copyright {
  font-size: 10px;
  color: #FFF;
  background-color: #8FA834;
  text-align: center;
  padding: 5px;
}


/* グローバルナビのマウスオーバー効果
=========================================================== */

#globalNavi {
  background-image: url(../img/globalNaviOver.jpg);
  height: 55px;
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
#globalNavi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#globalNavi li {
  float: left;
  height: 55px;
  margin: 0px;
  padding: 0px;
}

/* liのaに関しては左寄せでブロックにして背景を選択 */

#globalNavi li a {
  float: left;
  display: block;
  height: 55px;
  margin: 0px;
  padding: 0px;
}

/* リンク部分をクリア（透明）にする ※これは不要かも無くても動く。あっ背景色着けてたら色外さないけんかも */
#globalNavi li a:hover {
	background-color: transparent;
}
/* マウスが上に乗った場合は画像を非表示に */
#globalNavi li a:hover img {
	visibility: hidden;
}



/* Dreamweaverのデザインビューでも表示されるclearfix（idに対してclass="clearfix"で適用）
=========================================================== */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* IE6 */
* html .clearfix {
  zoom: 1;
}
/* IE7 */
*:first-child+html .clearfix {
  zoom: 1;
}
/* Dw表示用 */
.clearfix {
  overflow:hidden;
}
.marginZero {
  margin: 0px;
  padding: 0px;
}
#priceList td{
  background-attachment: scroll;
  background-image: url(../img/wrapperBackGround.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #323232;
}
.tableUnderDot {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCC;
}
.banner2 {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #CCC;
  border-bottom-color: #CCC;
}
.banner2section {
  float: left;
  width: 310px;
  padding: 5px;
}
#telarea {
  background-color: #660604;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#tel {
  background-color: #7D0C08;
  margin: 10px;
  padding: 2px;
}
.midashiRedUnderline {
  font-size: 18px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #6A0717;
  margin-top: 25px;
  padding-bottom: 10px;
}
.smallText {
  font-size: 12px;
  padding: 0px;
  color: #444444;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 7px;
}
.redText {
  color: #f66445;
}
#main .description {
  font-size: 12px;
  background-color: #f4f4f4;
  padding: 10px;
  margin-bottom: 20px;
  margin-top: 10px;
  line-height: 14px;
}
.description2 {
  font-size: 12px;
  background-color: #f4f4f4;
  padding: 10px;
  margin-bottom: 20px;
  margin-top: 10px;
  line-height: 14px;
}
.imageMargin{
  padding: 3px;
  border: 1px solid #CCC;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}



/* 追記131101 */
body {
	position: relative;
}

#container {
	margin: 0 auto;
	color: #333333;
	font-size: 85%;
	line-height: 1.6;
	position: relative;
}

/* 共通 */
.contactBox {
	width: 520px;
	height: 95px;
	margin-top: 5px;
	float: right;
	position: relative;
}

.contactBox h3 {
	position: absolute;
	top: 0px;
	left: 0px;
}

.telBtn {
	position: absolute;
	top: 35px;
	left: 19px;
}

.contactBtn {
	position: absolute;
	top: 33px;
	left: 299px;
}

#areaMapWrap {
	padding-bottom: 30px;
}

#areaMapTit {
	padding: 0px;
}

#areaMap{
	text-align: right;
}

#areaMapDesc {
	width: 640px;
	line-height: 34px;
	padding-left: 20px;
	background: #F4F4F4;
	font-size: 14px;
}

/* 追従するメニュー */
/*
#followMenu {
	width: 330px;
	height: 400px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3000;
}
*/

#followMenuIn {
	width: 330px;
	height: 414px;
	position: relative;
}

#follow1 {
	position: absolute;
	top: 0;
	left: 0;
}

#follow2 {
	position: absolute;
	top: 273px;
	left: 28px;
}

#follow3 {
	position: absolute;
	top: 315px;
	left: 28px;
}

/* ヘッダー */
#header {
	margin-bottom: 5px;
}

/* フッター */
#footerWrap {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#pageTop {
	position: absolute;
	top: -30px;
	left: 0;
	z-inex: 1000;
}

#footer {
	padding-bottom: 5px;
	padding-top: 0px;
}

#footerLink2 {
	float: right;
	margin-top: 0px;
	text-align: right;
}

#footeLogo {
	margin-top: 8px;
	padding: 5px 20px 15px 0;
}


/* サイド */
#pageMenu {
	margin-bottom: 10px;
}

#pageMenuIn {
	width: 280px;
	height: 245px;
	background: url(../img/pagemenu_bg.jpg) 0 0 no-repeat;
	padding: 9px 0 0 20px;
}

#pageMenuIn li {
	padding-bottom: 21px;
}

#sideNav {
	margin-bottom: 20px;
}

#sideNavIn {
	width: 280px;
	height: 165px;
	background: url(../img/sidemenu_bg.jpg) 0 0 no-repeat;
	padding: 9px 0 0 20px;
}

#sideNavIn li {
	padding-bottom: 21px;
}

#sideCoupon {
	margin-bottom: 20px;
}

.p10b {
	padding-bottom: 10px;
}

#sideCouponIn li {
	padding-bottom: 10px;
}

#sideCouponDesc {
	padding: 10px;
	background: #F6F6F6;	
}

#sidePlan {
	padding-bottom: 20px;
}

#sidePlan {
	padding-bottom: 20px;
}

#sidePlanIn li {
	padding-bottom: 10px;
}

#sideArea {
	padding-bottom: 50px;
}

#sideArea h4 {
	font-size: 125%;
	font-weight: bold;
	border-bottom: 2px #EDA033 solid;
	margin-bottom: 5px;
}

#sideArea p {
	line-height: 2;
	padding-bottom: 10px;
}

/* トップページ */
.topTit {
	padding-bottom: 10px;
}

#top1 {
	padding-bottom: 40px;	 
}

#top2 {
	padding-bottom: 20px;	 
}

#beforeAfter {
	margin-right: -5px;
}

#beforeAfter li {
	margin-right: 5px;
	padding-bottom: 20px;
	float: left;
}

.topSubTit {
	padding-bottom: 8px;
}

.descBox {
	font-size: 117%;
	padding: 10px;
	background: #F7F7F7;
}

.colRed {
	color: #CC0000;
}

.annotation {
	font-size: 84%;
}

#top3 {
	padding-bottom: 40px;
}

#top3Box {
	padding-bottom: 20px;
	background: url(../img/top_img9.jpg) right top no-repeat;
}

#top3Box p {
	width: 360px;
	font-size:117%;
	line-height: 2;
}

.m30b {
	margin-bottom: 30px;
}

#plan {
	padding-bottom: 40px;
}

#planIn {
	margin-right: -5px;
}

#planIn li {
	width :210px;
	height: 340px;
	float: left;
	margin-right: 5px;
	position: relative;
}

.planImg {
	position: absolute;
	top: 0;
	left: 0;
}

.planTxt {
	width: 180px;
	position: absolute;
	top: 60px;
	left: 20px;
	font-size: 117%;
}

#top4Discount {
	height: 301px;
	width: 639px;
	padding-bottom: 30px;
	position: relative;
}

#top4Discount h4 {
	position: absolute;
	top: 0;
	left: 0;
}

#top4DiscountTxt {
	width: 390px;
	font-size: 117%;
	line-height: 2;
	position: absolute;
	top: 130px;
	left: 34px;
}

.strong {
	background: #B0CE04;
	color: #CC0000;
	font-weight: bold;
}

#top5 {
	padding-bottom: 30px;
}

#top5Policy dt {
	padding-bottom: 10px;
}

#top5Policy dd {
	min-height: 80px;
	padding: 0 0 20px 270px;
	font-size: 117%;
	line-height: 1.8;
}

#policyImg1 {
	background: url(../img/top_img16.jpg) 0 0 no-repeat;
}

#policyImg2 {
	background: url(../img/top_img17.jpg) 0 0 no-repeat;
}

#policyImg3 {
	background: url(../img/top_img18.jpg) 0 0 no-repeat;
}

#policyImg4 {
	background: url(../img/top_img19.jpg) 0 0 no-repeat;
}

#top5Example {
	padding: 20px 20px 10px 20px;
	background: #F6F6F6;
}

#top5Example li {
	padding-left: 20px;
	margin-bottom: 10px;
	font-size: 117%;
	background: url(../img/icon1.jpg) left top no-repeat; 
}

/* サブページ */
.commonTxt {
	font-size: 117%;
	line-height: 1.8;
}

.p10b {
	padding-bottom: 10px !important;
}

.p20b {
	padding-bottom: 20px !important;
}

.p20t {
	padding-top: 20px !important;
}

.m20b {
	margin-bottom: 20px !important;
}

/* 追記 */
.blogMainTit {
	padding-bottom: 30px;
}

#blogNav {
	margin-bottom: 30px;
	padding-bottom: 10px;
	background: url(../img/side_blog5.jpg) 0 bottom no-repeat #F4F2EC;
}

#blogNav h4 {
	margin: 10px;
	padding: 0 0 5px 5px;
	border-bottom: 2px #CCCCCC dotted;
}

#blogBnr{
	text-align: center;
	padding: 10px 0;
}

#blogList {
	padding: 0 10px 10px 10px;
}

#blogList li {
	padding: 0 0 5px 25px;
	background: url(../img/side_blog4.jpg) left 0.2em no-repeat;
}

#blogList .children li {
	padding: 0 0 5px 25px;
	background: url(../img/side_blog_icon.jpg) left 0.2em no-repeat;
}

#contents #blogList li a {
	color: #333333;
	font-size: 125%;
	font-weight: bold;
	text-decoration: none;
}

#contents #blogList li a:hover {
	color: #006600;
}

.blogBoxWrap {
	padding-bottom: 40px;
	margin-right: -2px;
}

.blogBox {
	float: left;
	margin-right: 2px;
	margin-bottom: 5px;
}

.blogBox a {
	border: 1px #CCCCCC solid;
	padding: 5px;
	width: 200px;
	text-decoration: none;
	color: #333333;
	display: block;
}

.blogBox .blogCat {
	padding: 0 5px;
	margin: 0 3px 3px 0;
	background: #016701;
	color: #FFFFFF;
	display: inline-block;
	font-size: 84%;
}

.blogBox span {
	display: block;
	color: #333333;
}

.eyecatch {
	padding-bottom: 6px;
}

.blogBox .blogDate {
	font-size: 92%;
	color: #666666;
}

.blogBox .blogTit {
	color: #B1D102;
	font-size: 167%;
	font-weight: bold;
	line-height: 120%;
	word-break: break-all;
}

.blogBox .blogContent {
	line-height: 120%;
}

#blogCatList {
	padding: 20px 20px 10px 20px;
	margin-bottom: 20px;
	background: #F9F9F9;
}

#blogCatList li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

#contents #blogCatList a {
	padding: 0 8px;
	display: block;
	background: #016701;
	color: #FFFFFF;
	text-decoration: none;
}


/*  追記150529 */
#container {
	min-width: 980px;
}

#mainImg {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
}

#mainImg h3 {
	position: absolute;
	top: 110px;
	left: 25px;
	background: url(../img/mv_tit_bg.png) 2px -14px no-repeat;
}

#kirakira {
	position: absolute;
	top: 100px;
	left: 25px;
}

#aboutG {
	width: 980px;
	margin: 0 auto;
}

#mvTxt {
	position: absolute;
	top: 85px;
	left: 60px;
}

#aboutG {
	padding-bottom: 40px;
}

#aboutG dt {
	padding-right: 5px;
	float: left;
}

#aboutG dd {
	float: left;
}

#reasonIppan {
	width: 640px;
	height: 540px;
	margin-bottom: 40px;
	position: relative;
}

#rIppanTxt1 {
	position: absolute;
	top: 310px;
	left: 300px;
}

#next {
	padding-bottom: 40px;
}

#rIppanTxt2 {
	position: absolute;
	top: 390px;
	left: 390px;
}

#reasonMagokoroya{
	width: 640px;
	height: 675px;
	margin-bottom: 30px;
	position: relative;
}

#rMagokorya1 {
	position: absolute;
	top: 110px;
	left: 380px;
}

#rMagokorya2 {
	position: absolute;
	top: 110px;
	left: 60px;
}

#rMagokorya3 {
	position: absolute;
	top: 519px;
	left: 380px;
}


#reasonList li {
	padding-bottom: 10px;
}

#workWrap {
	width: 640px;
	height: 234px;
	margin-bottom: 30px;
	background: url(../img/work_bg.png) 0 0 no-repeat;
}

#workWrap ul {
	padding: 34px 0 0 10px;
}

#workWrap li {
	float: left;
	margin-right: 7px;
}

#top5List {
	padding-bottom: 40px;
}

#followMenu {
	width: 330px;
	height: 414px;
	position: fixed;
	bottom: 0;
	right: 10px;
	z-index: 3000;
	overflow: hidden;
}

#follow2 {
	position: absolute;
	top: 72px;
	right: 25px;
}

#follow3 {
	position: absolute;
	top: 330px;
	right: 25px;
}

#follow4 {
	position: absolute;
	top: 2px;
	right: 10px;
}

#footerLink2 {
	padding-top: 20px;
	text-align: left;
}

#footerLink2 ul {
	float: left;
	padding-right: 30px;
}

#footerLink2 li {
	padding-left: 10px;
	margin-bottom: 10px;
	background: url(../../img/arrow.png) left center no-repeat;
}

#footerLink2 li a {
	text-decoration: none;
}

#footerLink2 li a:hover {
	text-decoration: underline;
}


/*========================================================
----------------------------------------------------------

　　▼▼　　2015/07/24　追加　#lpWarp以下Div　　▼▼

----------------------------------------------------------
========================================================*/

/*　　親 スペース　　*/
#lpWrap{ width:980px; height:auto; margin:0 auto; color:#666666;}
#lpHead{	 margin: 0 -500%;padding: 0 500%; background:url(../img/head_bk.jpg) repeat-x; width:980px; height:990px; position:relative;}
#lpCont_01,
#lpCont_02,
#lpCont_03,
#lpCont_04{ width:980px;}
#footerBackground{ clear:both;}

/*　　子 #lpWarp　　*/
#lpWrap{}
#lpWrap h2{margin: 0 -500%; padding: 0 500%; background:#41CCB8;  width:980px;height:104px; color:#0C9; float:left;}


/*　　子 #lpHead　　*/
#lpHead{}
.cont_01{ float:left;}
.cont_02{ float:left;}
.cont_03{ float:left; clear:both; margin:14px 0 0 0;}
.cont_04{ float:right; margin-top:-115px;}
.cont_05{ float:left; margin:15px 0 0 0;}
.cont_05 li{ float:left;}
.cont_06{ margin:0 0 0 14px;}


/*　　子 #lpCont_01　　*/
#lpCont_01{}
.cont_07{ width:320px; float:left; margin:32px 0 0 0;}
.cont_07 h3{ width:308px; height:74px; background:#2BA5E3; font-size:17px; font-weight:bold; color:#FFFFFF; padding:20px 0 0 12px;}
.cont_08{ width:320px; float:left; margin:32px 0 0 10px;}
.cont_08 h3{ width:320px; height:94px; background:#2BA5E3; font-size:17px; font-weight:bold; color:#FFFFFF; text-align:center; line-height:94px;}
.cont_09_01{ margin:20px 0 0 0; float:left;}
.cont_09{}
.cont_09 li{ float:left; width:435px; height:60px; line-height:60px; background:url(../img/cont_14.jpg) no-repeat left #F7F7F7; margin-top:4px; padding:0 0 0 54px; font-size:24px;}
.cont_10{ margin:0 0 0 2px;}
.cont_11{ width:980px; height:420px; float:left; margin:20px 0 60px 0;}
.cont_11 h3{ float:left; margin:40px 0 0 0;}
.cont_12,
.cont_13,
.cont_14{ float:left;}
.cont_15{ margin: 0 -500%; padding: 0 500%; background:#F1F1F1;  width:980px;height:658px; float:left;}
.cont_16{ margin:15px 0 0 27px; float:left;}
.cont_17{ margin:53px 0 0 0; float:right; width:632px; height:545px; background:#FFFFFF;}
.cont_17 h3{ background:#FFFFFF; height:76px; line-height:76px; color:#E27A93; font-size:21px; font-weight:bold; padding:0 17px 0 17px; border-bottom:solid 1px #F1F1F1;}
.cont_17 p{ font-size:15px; width:598px; margin:0 0 0 17px; line-height:1.4;}
.cont_18{ padding:15px 0 0 0;}
.cont_19{ padding:25px 0 0 0;}


/*　　子 #lpCont_02　　*/
#lpCont_02{}
#lpCont_02 h3{}
#lpCont_02 table{ width:100%; border:solid 1px #2BA5E3; margin:18px 0 0 0;}
#lpCont_02 table tr{ border:solid 1px #2BA5E3; height:45px;}
#lpCont_02 table tr th{ text-align:center; border:solid 1px #2BA5E3; background:#D7F1FF; color:#2BA5E3; font-size:20px; font-weight:bold;}
#lpCont_02 table tr td{ text-align:center; border:solid 1px #2BA5E3; color:#2BA5E3; font-size:17px;}
.cont_20{ margin: 0 -500%;padding: 0 500%; background:FFF; width:980px; height: auto; float:left; border-bottom:solid 10px #2BA5E3;}
.cont_20_1{height:38px; font-size:28px; font-weight:bold; color:#2BA5E3; border-left: solid 13px #2BA5E3; padding-left:20px; margin:60px 0 0 0; line-height:38px;}
.cont_21{ margin:0 0 45px 75px;}
.cont_22{ width:980px; margin:20px 0 0 0;}
.cont_22 li{ width:234px; height:196px; float:left; margin:0 14px 16px 0;}
.cont_22 li h4{ height:40px; line-height:40px; color:#FFF; font-weight:bold; text-align:center; background:#2BA5E3; font-size:20px;}
.cont_23{ margin-right:0px !important;}


/*　　子 #lpCont_03　　*/
#lpCont_03{}
#lpCont_03 ul{ float:left; margin:60px 0 60px 0;}
#lpCont_03 ul li{ width:234px; height:260px; float:left; margin:0 14px 0 0;}
#lpCont_03 ul li h3{ background:#2BA5E3; height:40px; line-height:40px; color:#FFFFFF; font-size:20px; font-weight:bold; padding:0 0 0 15px;}
.cont_24{ padding:17px 17px 0 17px; background:#D7F1FF; color:#2BA5E3; height:53px; line-height:1.2; font-size:13px;}
.cont_25{ margin-right:0px !important;}
.cont_26{ margin: 0 -500%; padding: 0 500%; background:#F1F1F1;  width:980px;height:716px; float:left;}
.cont_26 h3{ margin:45px 0 0 0;}
.cont_27{ margin:48px 0 0 0; text-align:center;}
.cont_28{ margin:52px 0 0 0;}
.cont_29{ margin:15px 0 0 0;}

/*　　子 #lpCont_04　　*/
#lpCont_04{}
.cont_30{ font-size:22px; font-weight:bold; float:left; margin:60px 0 80px 0; color:#2BA5E3;}
.cont_32{ font-size:15px; margin:30px 0 0 0; width:604px; float:left;}
.cont_33{ float:left; margin-top:-170px; margin-left:40px;}
.cont_34{ font-size:15px; margin:30px 0 120px 0; width:604px; float:left;}


/* バナーエリア */
.foot_bnr_bk {
  width: 100%;
  padding: 20px 0px 30px;
  clear: both;
  background-color: #f6f6f6;
}

.foot_bnr_area {
  width: 980px;
  margin: 0 auto;
}

.hiraku_area {
  margin-bottom: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
}

.hiraku_area > p {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

.hiraku_area_left {
  margin-right: 20px;
  display: inline-block;
  width: 30%;
}

.hiraku_area_left img {
  width: 100%;
  height: auto;
}

.hiraku_area_right {
  display: inline-block;
  vertical-align: top;
}

.hiraku_area_right > p {
  font-size: 15px;
  line-height: 1.2;
}

.hiraku_area_right > p ::first-line {
  font-weight: bold;
  font-size: 15px;
  line-height: 1.2;
}

.bnr_area p {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

.bnr_area ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}

.bnr_area li {
  width: calc(94% / 3);
  margin-right: calc(6% / 2);
  margin-bottom: calc(6% / 3);
}
.bnr_area li:nth-child(3n) {
  margin-right: 0;
}

.bnr_area img {
  width: 100%;
  height: auto;
}
/* バナーエリアここまで */