@charset "UTF-8";
/*----------------------------------------
	clearfix
----------------------------------------*/
.container:after, .wrap:after, .side .sidePosts li:after,.ranking .post:after,.side .place-nouhau__list:after, .globalHeader .headerBody:after, .globalHeader .gnavWrap .gnav ul:after, .bcWrap #breadCrumb:after, .home01 ul:after, .home04 .voice:after, .home05 .main .knowhow:after, .home05 .main .knowhow li:after, .postExcerpt:after, .footerBnr:after, .relativePosts ul:after, .page-about .outer:after, .page-company .sec01 .pageMenu ul:after, .page-warranty .sec01:after,.side .bysubject__list .post:after,.other-post__item a:after,.page-category:after, .block01__inner:after,.related-block__inner:after, .related-block .main .foot:after, .related-block__item:after{
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/*----------------------------------------
	color
----------------------------------------*/
.fcRed {
  color: #D90000;
}

.cRed1 {
  color: #B20000;
}

.cRed2 {
  color: #E8B2B2;
}

.cRed3 {
  color: #F7E5E5;
}

.cGray1 {
  color: #666;
}

.cGray2 {
  color: #F5F5F5;
}

.cBlue1 {
  color: #33A4C9;
}

.cBlue2 {
  color: #5CB6D4;
}

.cBlue3 {
  color: #99D1E4;
}

.cGreen1 {
  color: #538B1D;
}

.cGreen2 {
  color: #73BE28;
}

.cGreen3 {
  color: #81D32E;
}

.cGreen4 {
  color: #DEF4C8;
}

.cYellow1 {
  color: #FFC926;
}

.cYellow2 {
  color: #FFE9A8;
}

.cYellow3 {
  color: #FFF4D4;
}

.cOrange1 {
  color: #FD7E00;
}

.cOrange2 {
  color: #FFE6CC;
}

.cOrange3 {
  color: #FFF5EB;
}

.cPurple1 {
  color: #A64DFF;
}

.cPurple2 {
  color: #DBB8FF;
}

.cPurple3 {
  color: #EDDBFF;
}

.cBrown1 {
  color: #663300;
}

.cBrown2 {
  color: #C2AD99;
}

.cBrown3 {
  color: #E0D6CC;
}

.bgGray {
  background: #F5F5F5 !important;
}

.bgRed {
  background: #E8B2B2 !important;
}

.bgLightRed {
  background: #F7E5E5 !important;
}

.bgGreen {
  background: #73BE28 !important;
}

.bgLightGreen {
  background: #81D32E !important;
}

.bgBlue {
  background: #5CB6D4 !important;
}

.bgLightBlue {
  background: #99D1E4 !important;
}

.bgYellow {
  background: #FFE9A8 !important;
}

.bgLightYellow {
  background: #FFF4D4 !important;
}

.bgOrange {
  background: #FFE6CC !important;
}

.bgLightOrange {
  background: #FFF5EB !important;
}

.bgPurple {
  background: #DBB8FF !important;
}

.bgLightPurple {
  background: #EDDBFF !important;
}

.bgBrown {
  background: #C2AD99 !important;
}

.bgLightBrown {
  background: #E0D6CC !important;
}

.btnColorGray {
  border: 1px solid #AAA;
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
  background: none, -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  background: none, -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  background: none, linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
  color: #333 !important;
}
.btnColorGray.btn:hover {
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff));
  background: none, -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
  background: none, -webkit-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
  background: none, linear-gradient(to bottom, #e6e6e6 0%, #ffffff 100%);
}

.btnColorDarkGray {
  border: 1px solid #444;
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #333333));
  background: none, -moz-linear-gradient(top, #666666 0%, #333333 100%);
  background: none, -webkit-linear-gradient(top, #666666 0%, #333333 100%);
  background: none, linear-gradient(to bottom, #666666 0%, #333333 100%);
}
.btnColorDarkGray.btn:hover {
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #666666));
  background: none, -moz-linear-gradient(top, #333333 0%, #666666 100%);
  background: none, -webkit-linear-gradient(top, #333333 0%, #666666 100%);
  background: none, linear-gradient(to bottom, #333333 0%, #666666 100%);
}

.btnColorBlack {
  border: 1px solid #111;
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #111111));
  background: none, -moz-linear-gradient(top, #333333 0%, #111111 100%);
  background: none, -webkit-linear-gradient(top, #333333 0%, #111111 100%);
  background: none, linear-gradient(to bottom, #333333 0%, #111111 100%);
  color: #FFF;
}
.btnColorBlack.btn:hover {
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #111111), color-stop(100%, #333333));
  background: none, -moz-linear-gradient(top, #111111 0%, #333333 100%);
  background: none, -webkit-linear-gradient(top, #111111 0%, #333333 100%);
  background: none, linear-gradient(to bottom, #111111 0%, #333333 100%);
}

.btnColorBlue {
  border: 1px solid #538B1D;
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczYmUyOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUzOGIxZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #73be28), color-stop(100%, #538b1d));
  background: none, -moz-linear-gradient(top, #73be28 0%, #538b1d 100%);
  background: none, -webkit-linear-gradient(top, #73be28 0%, #538b1d 100%);
  background: none, linear-gradient(to bottom, #73be28 0%, #538b1d 100%);
}
.btnColorBlue.btn:hover {
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzOGIxZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczYmUyOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #538b1d), color-stop(100%, #73be28));
  background: none, -moz-linear-gradient(top, #538b1d 0%, #73be28 100%);
  background: none, -webkit-linear-gradient(top, #538b1d 0%, #73be28 100%);
  background: none, linear-gradient(to bottom, #538b1d 0%, #73be28 100%);
}

.btnColorOrange {
  border: 1px solid #FF9C39;
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjM2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmOTcyZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffb366), color-stop(100%, #ff972f));
  background: none, -moz-linear-gradient(top, #ffb366 0%, #ff972f 100%);
  background: none, -webkit-linear-gradient(top, #ffb366 0%, #ff972f 100%);
  background: none, linear-gradient(to bottom, #ffb366 0%, #ff972f 100%);
}
.btnColorOrange.btn:hover {
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTcyZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYjM2NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff972f), color-stop(100%, #ffb366));
  background: none, -moz-linear-gradient(top, #ff972f 0%, #ffb366 100%);
  background: none, -webkit-linear-gradient(top, #ff972f 0%, #ffb366 100%);
  background: none, linear-gradient(to bottom, #ff972f 0%, #ffb366 100%);
}

.btnColorGreen {
  border: 1px solid #73BE28;
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxZDMyZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczYmUyOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #81d32e), color-stop(100%, #73be28));
  background: none, -moz-linear-gradient(top, #81d32e 0%, #73be28 100%);
  background: none, -webkit-linear-gradient(top, #81d32e 0%, #73be28 100%);
  background: none, linear-gradient(to bottom, #81d32e 0%, #73be28 100%);
}
.btnColorGreen.btn:hover {
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczYmUyOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxZDMyZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #73be28), color-stop(100%, #81d32e));
  background: none, -moz-linear-gradient(top, #73be28 0%, #81d32e 100%);
  background: none, -webkit-linear-gradient(top, #73be28 0%, #81d32e 100%);
  background: none, linear-gradient(to bottom, #73be28 0%, #81d32e 100%);
}

.btnColorYellow {
  border: 1px solid #FFC926;
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGI2ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYzkyNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffdb6e), color-stop(100%, #ffc926));
  background: none, -moz-linear-gradient(top, #ffdb6e 0%, #ffc926 100%);
  background: none, -webkit-linear-gradient(top, #ffdb6e 0%, #ffc926 100%);
  background: none, linear-gradient(to bottom, #ffdb6e 0%, #ffc926 100%);
}
.btnColorYellow.btn:hover {
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzkyNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZGI2ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffc926), color-stop(100%, #ffdb6e));
  background: none, -moz-linear-gradient(top, #ffc926 0%, #ffdb6e 100%);
  background: none, -webkit-linear-gradient(top, #ffc926 0%, #ffdb6e 100%);
  background: none, linear-gradient(to bottom, #ffc926 0%, #ffdb6e 100%);
}

.btnColorRed {
  border: 1px solid #C53E3E;
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhNGY0ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JkMjUyNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ca4f4f), color-stop(100%, #bd2525));
  background: none, -moz-linear-gradient(top, #ca4f4f 0%, #bd2525 100%);
  background: none, -webkit-linear-gradient(top, #ca4f4f 0%, #bd2525 100%);
  background: none, linear-gradient(to bottom, #ca4f4f 0%, #bd2525 100%);
}
.btnColorRed.btn:hover {
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkMjUyNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NhNGY0ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bd2525), color-stop(100%, #ca4f4f));
  background: none, -moz-linear-gradient(top, #bd2525 0%, #ca4f4f 100%);
  background: none, -webkit-linear-gradient(top, #bd2525 0%, #ca4f4f 100%);
  background: none, linear-gradient(to bottom, #bd2525 0%, #ca4f4f 100%);
}

.btnColorPurple {
  border: 1px solid #BC79FF;
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmOWZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I4NzBmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cf9fff), color-stop(100%, #b870ff));
  background: none, -moz-linear-gradient(top, #cf9fff 0%, #b870ff 100%);
  background: none, -webkit-linear-gradient(top, #cf9fff 0%, #b870ff 100%);
  background: none, linear-gradient(to bottom, #cf9fff 0%, #b870ff 100%);
}
.btnColorPurple.btn:hover {
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4NzBmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NmOWZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b870ff), color-stop(100%, #cf9fff));
  background: none, -moz-linear-gradient(top, #b870ff 0%, #cf9fff 100%);
  background: none, -webkit-linear-gradient(top, #b870ff 0%, #cf9fff 100%);
  background: none, linear-gradient(to bottom, #b870ff 0%, #cf9fff 100%);
}

.btnColorBrown {
  border: 1px solid #855D35;
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhNzg1NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3NGExZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9a7857), color-stop(100%, #774a1d));
  background: none, -moz-linear-gradient(top, #9a7857 0%, #774a1d 100%);
  background: none, -webkit-linear-gradient(top, #9a7857 0%, #774a1d 100%);
  background: none, linear-gradient(to bottom, #9a7857 0%, #774a1d 100%);
}
.btnColorBrown.btn:hover {
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NGExZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlhNzg1NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #774a1d), color-stop(100%, #9a7857));
  background: none, -moz-linear-gradient(top, #774a1d 0%, #9a7857 100%);
  background: none, -webkit-linear-gradient(top, #774a1d 0%, #9a7857 100%);
  background: none, linear-gradient(to bottom, #774a1d 0%, #9a7857 100%);
}

.btnColorPink {
  border: 1px solid #FF9999;
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjBhNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmNzM3MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffb0a6), color-stop(100%, #ff7373));
  background: none, -moz-linear-gradient(top, #ffb0a6 0%, #ff7373 100%);
  background: none, -webkit-linear-gradient(top, #ffb0a6 0%, #ff7373 100%);
  background: none, linear-gradient(to bottom, #ffb0a6 0%, #ff7373 100%);
}
.btnColorPink.btn:hover {
  background: none, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzM3MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYjBhNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff7373), color-stop(100%, #ffb0a6));
  background: none, -moz-linear-gradient(top, #ff7373 0%, #ffb0a6 100%);
  background: none, -webkit-linear-gradient(top, #ff7373 0%, #ffb0a6 100%);
  background: none, linear-gradient(to bottom, #ff7373 0%, #ffb0a6 100%);
}

/*----------------------------------------
	reset
----------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, dialog, figure, footer, header, hgroup, main, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  color: #333;
  vertical-align: baseline;
}

header, footer, article, section, aside, hgroup, nav, menu, figure, figcaption, time {
  display: block;
}

li {
  list-style: none;
}

ol li {
  list-style: decimal;
}

img {
  border: 0;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th {
  text-align: left;
}

hr {
  margin: 1em 0;
  padding: 0;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
}

input, select {
  vertical-align: middle;
}

input, textarea {
  margin: 0;
  padding: 0;
}

.clearfix {
  min-height: 1px;
  _height: 1%;
}
.clearfix:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/*----------------------------------------
	body
----------------------------------------*/
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 14px;
  font-size: 0.875rem;
  color: #333;
}

a {
  color: #333;
  outline: none;
  text-decoration: none;
}
a * {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:hover {
  color: #999;
}
a:active {
  color: #333;
}

.clearfix {
  min-height: 1px;
  _height: 1%;
}
.clearfix:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/*----------------------------------------
	container
----------------------------------------*/
.container {
  margin: 0 auto;
  width: 960px;
  text-align: left;
  position: relative;
}

.wrap {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

.main {
  width: 630px;
  float: left;
}

.side {
  width: 280px;
  float: right;
  position: relative;
  padding-bottom: 280px;
}
.side .sidePosts li {
  padding: 30px 0;
  border-top: 1px solid #b3b3b3;
}
.side .sidePosts li .thumbnail {
  float: left;
  width: 100px;
}
.side img{
  max-width: 100%;
  height: auto;
}
.side .sidePosts li .title {
  float: right;
  width: 170px;
}
.side .sidePosts li .title a {
  font-weight: normal;
  font-size: 16px;
  color: #004a63;
}
.side .sidePosts li .title a:hover {
  text-decoration: underline;
}
.side .rankingTitle {
  background: url(../images/img_side01.png) no-repeat left top;
  padding-left: 45px;
  padding-top: 10px;
  font-size: 20px;
  margin-bottom: 30px;
}
.side .popular-posts {
  margin-bottom: 20px;
}
.side .ranking {
  margin-bottom: 20px;
}
.side .ranking ul li {
  padding: 30px 0 40px;
  position: relative;
  border-top: 1px solid #D8D8D8;
}
.side .ranking ul li:before {
  content: ' ';
  display: block;
  width: 46px;
  height: 37px;
  position: absolute;
  left: 50%;
  margin-left: -23px;
}
.side .ranking ul li:first-child:before {
  background: url(../images/icon_ranking01.png) no-repeat center top;
  top: -24px;
}
.side .ranking ul li:nth-child(2):before {
  background: url(../images/icon_ranking02.png) no-repeat center top;
  top: -24px;
}
.side .ranking ul li:nth-child(3):before {
  background: url(../images/icon_ranking03.png) no-repeat center top;
  top: -24px;
}
.side .ranking ul li:nth-child(4):before {
  background: url(../images/icon_ranking04.png) no-repeat center top;
  top: -20px;
}
.side .ranking ul li:nth-child(5):before {
  background: url(../images/icon_ranking05.png) no-repeat center top;
  top: -20px;
}
.side .ranking .post .thumbnail{
  float: left;
  width: 100px;
}
.side .ranking .post .title{
  float: right;
  width: 170px;
}
.side .ranking .post .title a{
  font-weight: normal;
  font-size: 16px;
  color: #004a63;
}
.side .ranking .post .title a:hover{
  text-decoration: underline;
}
.side .recommend h2 {
  background: url(../images/img_side02.png) no-repeat left top;
  padding-left: 45px;
  padding-top: 10px;
  font-size: 20px;
  margin-bottom: 15px;
}
.side .place-nouhau {
  margin-bottom: 40px;
}
.side .place-nouhau h2{
  font-size: 20px;
  color: #313131;
  font-weight: bold;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 19px;
  padding-bottom: 15px;
}
.side .place-nouhau__list li{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.side .place-nouhau__list li:nth-child(2n){
  margin-right: 0;
}
.side .place-nouhau__list li a{
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 135px;
  height: 90px;
  font-size: 16px;
  color: #43B1C0;
  line-height: 1.5;
  border: 3px solid #43B1C0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  text-align: center;
}
.side .place-nouhau__list li a:hover{
  opacity: 0.7;
}
.side .bysubject h2{
  font-size: 20px;
  color: #313131;
  font-weight: bold;
  padding-bottom: 15px;
}
.side .bysubject__list .post{
  padding: 30px 0;
  border-top: 1px solid #e0e0e0;
}
.side .bysubject__list .post .thumbnail{
  float: left;
  width: 100px;
}
.side .bysubject__list .post .title{
  float: right;
  width: 170px;
}
.side .bysubject__list .post .title a{
  font-weight: normal;
  font-size: 16px;
  color: #004a63;
}
.side .bysubject__list .post .title a:hover{
  text-decoration: underline;
}
.side .tagAll{
  margin-bottom: 30px;
}
.side .tagAll .wp-tag-cloud{
  display: flex;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.side .tagAll .wp-tag-cloud li{
  margin-right: 5px;
  margin-bottom: 5px;
}
.side .tagAll a{
  display: inline-block;
  color: #43B1C0;
  font-weight: bold;
  border: 2px solid #43B1C0;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 3px 5px;
  transition: .4s;
}
.side .tagAll a:hover{
  background: #43B1C0;
  color: #FFF;
}


.btnBlue a {
  border-radius: 10px;
  text-align: center;
  background-color: #0babdf;
  border-style: none;
  border-bottom: 3px solid #0880a7;
  display: block;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}
.btnBlue input {
  width: 100%;
  border-radius: 10px;
  vertical-align: middle;
  text-align: center;
  background-color: #0babdf;
  border-style: none;
  border-bottom: 4px solid #0880a7;
  display: block;
  cursor: pointer;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.ttl1 {
  padding-left: 24px;
  line-height: 1.4em;
  position: relative;
}
.ttl1:before {
  content: '';
  display: block;
  background: #217d89;
  width: 8px;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 2px;
  left: 2px;
}
.ttl1:after {
  content: '';
  display: block;
  background: #43b1c0;
  width: 8px;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
.ttl1 a {
  font-size: 24px;
  color: #004b64;
}

#page-top {
  position: fixed;
  right: 40px;
  bottom: 40px;
}

.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 20px;
  line-height: 45px;
}
.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 0 5px;
  padding: 0 16px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #555;
}
.pagination span.dotted{
  font-size: 27px;
  color: #0BABDF;
  padding: 0;
  font-weight: bold;
  line-height: 32px;
  background: none;
  letter-spacing: 0.1em;
}
.pagination a {
  border-radius: 10px;
  text-align: center;
  background-color: #ebe9e8;
  border-style: none;
  border-bottom: 3px solid #c9c9c9;
  display: block;
  cursor: pointer;
  color: #0babdf;
  text-decoration: none;
}
.pagination a:hover {
  color: #fff;
  background-color: #0babdf;
  border-bottom: 3px solid #0880a7;
}
.pagination .current {
  border-radius: 10px;
  text-align: center;
  background-color: #0babdf;
  border-style: none;
  border-bottom: 3px solid #0880a7;
  display: block;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}
.pagination .next {
  margin-left: 10px;
}
.pagination .prev {
  margin-right: 10px;
}
.pagination .next, .pagination .prev {
  border-radius: 10px;
  text-align: center;
  background-color: #0babdf;
  border-style: none;
  border-bottom: 3px solid #0880a7;
  display: block;
  color: #fff;
  text-decoration: none;
}
.pagination span.next, .pagination span.prev {
  background-color: #ebe9e8;
  border-bottom: 3px solid #c9c9c9;
  color: #c9c9c9;
}

.btnGreen a {
  position: relative;
  border-radius: 10px;
  text-align: center;
  background-color: #61b000;
  border-style: none;
  box-shadow: 0px 4px 0px #2d6200;
  display: block;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}
.btnGreen a:hover {
  top: 3px;
  box-shadow: 0px 1px 0px #3d8005;
}

/*----------------------------------------
	header
----------------------------------------*/
.globalHeader .headArea {
  height: 35px;
  background: #eb7070;
  width: 100%;
}
.globalHeader .headArea .wrap {
  display: block;
  position: relative;
}
.globalHeader .headArea .wrap .siteTitle {
  color: #fff;
  line-height: 35px;
  font-size: 15px;
}
.globalHeader .headArea .wrap .btnBlue {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  display: none;
}
.globalHeader .headArea .wrap .btnBlue a {
  padding: 5px 20px;
  font-size: 16px;
  border-radius: 0 0 10px 10px;
  font-weight: bold;
}
.globalHeader .headArea .wrap .btnGreen {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  display: none;
}
.globalHeader .headArea .wrap .btnGreen a {
  padding: 5px 20px;
  font-size: 16px;
  border-radius: 0 0 10px 10px;
  font-weight: bold;
}
.globalHeader .fixed {
  position: fixed;
  z-index: 1000;
}
.globalHeader .fixed .wrap .btnBlue {
  display: block;
}
.globalHeader .fixed .wrap .btnGreen {
  display: block;
  top: -3px;
}
.globalHeader .headerBody {
  width: 960px;
  margin: 0 auto;
  height: 85px;
  position: relative;
}
.globalHeader .headerBody .siteLogo {
  float: left;
  padding-top: 22px;
}
.globalHeader .headerBody .menu_btn {
  display: none;
}
.globalHeader .headerBody .tel {
  float: left;
  margin-left: 30px;
  padding-top: 15px;
}
.globalHeader .headerBody .estimate {
  position: absolute;
  right: 0;
  top: -25px;
}
.globalHeader .headerBody .estimate .btnBlue a {
  padding: 5px 0;
  font-size: 18px;
  font-weight: bold;
}
.globalHeader .headerBody .estimate .btnGreen a {
  padding: 5px 0 5px 20px;
  font-size: 18px;
  font-weight: bold;
}
.globalHeader .headerBody .estimate .btnGreen a:hover {
  opacity: 0.7;
}
.globalHeader .headerBody .estimate .btnGreen a .caption_txt {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
  margin: auto;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #FFF;
  background: #2D6200;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 1px 1px #195c1d inset;
  box-shadow: 0 0 1px 1px #195c1d inset;
}
.globalHeader .gnavWrap {
  background: #f2f1f0;
  height: 60px;
  border-bottom: 1px solid #D6D6D6;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
          box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
}
.globalHeader .gnavWrap.-fixedHeader{
  position: fixed;
  left: 0;
  top: -61px;
  width: 100%;
  transition: .4s;
  z-index: 9999;
}
.globalHeader .gnavWrap.-fixedHeader.-slideIn{
  top: 0;
}
.globalHeader .gnavWrap .gnav {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
.globalHeader .gnavWrap .gnav ul {
  width: 100%;
}
.globalHeader .gnavWrap .gnav ul li {
  float: left;
}
.globalHeader .gnavWrap .gnav ul li:first-child a {
  padding-left: 0;
  background: none;
}
.globalHeader .gnavWrap .gnav ul li a {
  font-size: 16px;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  display: block;
  padding: 0 14px;
  background: url(../images/bg_gnav.png) no-repeat left center;
  position: relative;
}
.globalHeader .gnavWrap .gnav ul li a.current {
  color: #43b1c0;
}
.globalHeader .gnavWrap .gnav ul li a.current:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  display: block;
  content: '';
  background: #43b1c0;
}
.globalHeader .gnavWrap .gnav ul li a:hover {
  color: #43b1c0;
}
.globalHeader .gnavWrap .gnav ul li a:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  display: block;
  content: '';
  background: #43b1c0;
}
.globalHeader .gnavWrap .gnav ul .global-menu__item6, .globalHeader .gnavWrap .gnav ul .global-menu__item7 {
  display: none;
}
.globalHeader .gnavWrap .gnav .btnLogin {
  position: absolute;
  right: 0;
  top: 9px;
}
.globalHeader .gnavWrap .gnav .global-menu__btn-area, .globalHeader .gnavWrap .gnav .menu_close {
  display: none;
}

/*----------------------------------------
	footer
----------------------------------------*/
.globalFooter {
  background: #f2f1f0;
}
.globalFooter .wrap {
  padding: 50px 0;
  border-bottom: 1px solid #9b9b9b;
}
.globalFooter .wrap .sitemap {
  width: 300px;
  float: left;
  margin-right: 30px;
}
.globalFooter .wrap .sitemap .heading1 {
  color: #313131;
  font-size: 16px;
  border-bottom: 1px solid #313131;
  margin-bottom: 10px;
  font-weight: bold;
}
.globalFooter .wrap .sitemap ul li {
  margin-bottom: 15px;
  background: url(../images/arrow02.png) no-repeat left 4px;
  padding-left: 13px;
}
.globalFooter .wrap .sitemap ul a:hover{
  text-decoration: underline;
}
.globalFooter .wrap .footerContact {
  background: #e2e2e2;
  padding: 20px;
  width: 260px;
  float: right;
}
.globalFooter .wrap .footerContact h3 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.globalFooter .wrap .footerContact .message {
  margin: 10px 0;
}
.globalFooter .wrap .footerContact .message textarea {
  width: 100%;
  height: 104px;
  box-sizing: border-box;
}
.globalFooter .wrap .footerContact .btnBlue input {
  height: 35px;
  line-height: 28px;
  font-size: 14px;
}
.globalFooter .footerGuide {
  text-align: center;
  padding-top: 20px;
  margin-bottom: 10px;
}
.globalFooter .footerGuide li {
  display: inline-block;
  margin: 0 14px;
}
.globalFooter .footerGuide li a {
  font-weight: bold;
}
.globalFooter .footerGuide li a:hover{
  text-decoration: underline;
}
.globalFooter .copyright {
  height: 35px;
  background: #43b1c0;
  text-align: center;
}
.globalFooter .copyright small {
  color: #fff;
  line-height: 35px;
}

/*----------------------------------------
	sidebar
----------------------------------------*/
/* breadcrumb source
<aside class="breadcrumb" xmlns:v="http://rdf.data-vocabulary.org/#">
	<nav class="container">
		<span typeof="v:Breadcrumb"><i class="icon-house158"></i><a href="/" title="ホームへ" rel="v:url" property="v:title" class="link">ホーム</a></span>
		<span typeof="v:Breadcrumb"><a href="/about/" title="ページタイトル" rel="v:url" property="v:title" class="current">ページタイトル</a></span>
	</nav>
</aside>
*/
/* breadcrumb */
.bcWrap #breadCrumb {
  width: 960px;
  margin: 15px auto;
}
.bcWrap #breadCrumb li {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-right: 15px;
}
.bcWrap #breadCrumb li:last-child {
  color: #43b1c0;
}
.bcWrap #breadCrumb li a {
  margin-right: 15px;
  color: #2581C4;
  transition: .4s;
  text-decoration: underline;
}
.bcWrap #breadCrumb li a:hover{
  opacity: 0.5;
}
.bcWrap #breadCrumb li a span{
  color: #2581C4;
}
.breadcrumb {
  width: 100%;
  height: 55px;
}
.breadcrumb nav {
  margin: 0 auto;
  text-align: left;
}
.breadcrumb nav span {
  line-height: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #666;
}
.breadcrumb nav span:first-child:before {
  display: none;
}
.breadcrumb nav span:first-child i {
  margin-right: 5px;
}
.breadcrumb nav span:last-child {
  padding-right: 20px;
}
.breadcrumb nav span:last-child a {
  text-decoration: none;
}
.breadcrumb nav span:before {
  margin: 0 10px;
  content: ">";
}
.breadcrumb nav span a {
  color: #666;
}
.breadcrumb nav span a:hover {
  color: #999;
}

.btn {
  padding: 5px 10px;
  width: auto;
  display: inline-block;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  color: #FFF;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}
.btn:hover {
  color: #FFF;
}

.baseTable {
  width: 100%;
  background: #FFF;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.baseTable th, .baseTable td {
  padding: 8px;
  border: 1px solid #CCC;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 120%;
}
.baseTable td {
  vertical-align: middle;
}
.baseTable th {
  background: #F5F5F5;
  font-weight: normal;
  text-align: center;
}

.aLeft {
  text-align: left !important;
}
.aLeft td {
  text-align: left !important;
}

.aRight {
  text-align: right !important;
}
.aRight td {
  text-align: right !important;
}

.aCenter {
  text-align: center !important;
}
.aCenter td {
  text-align: center !important;
}

.vTop {
  vertical-align: top !important;
}
.vTop td {
  vertical-align: top !important;
}

.vMiddle {
  vertical-align: middle !important;
}
.vMiddle td {
  vertical-align: middle !important;
}

.vBottom {
  vertical-align: bottom !important;
}
.vBottom td {
  vertical-align: bottom !important;
}

.w2 {
  width: 2%;
}

.w3 {
  width: 3%;
}

.w4 {
  width: 4%;
}

.w5 {
  width: 5%;
}

.w6 {
  width: 6%;
}

.w7 {
  width: 7%;
}

.w8 {
  width: 8%;
}

.w9 {
  width: 9%;
}

.w10 {
  width: 10%;
}

.w11 {
  width: 11%;
}

.w12 {
  width: 12%;
}

.w13 {
  width: 13%;
}

.w14 {
  width: 14%;
}

.w15 {
  width: 15%;
}

.w16 {
  width: 16%;
}

.w17 {
  width: 17%;
}

.w18 {
  width: 18%;
}

.w19 {
  width: 19%;
}

.w20 {
  width: 20%;
}

.w21 {
  width: 21%;
}

.w22 {
  width: 22%;
}

.w23 {
  width: 23%;
}

.w24 {
  width: 24%;
}

.w25 {
  width: 25%;
}

.w26 {
  width: 26%;
}

.w27 {
  width: 27%;
}

.w28 {
  width: 28%;
}

.w29 {
  width: 29%;
}

.w30 {
  width: 30%;
}

.w31 {
  width: 31%;
}

.w32 {
  width: 32%;
}

.w33 {
  width: 33%;
}

.w34 {
  width: 34%;
}

.w35 {
  width: 35%;
}

.w36 {
  width: 36%;
}

.w37 {
  width: 37%;
}

.w38 {
  width: 38%;
}

.w39 {
  width: 39%;
}

.w40 {
  width: 40%;
}

.w41 {
  width: 41%;
}

.w42 {
  width: 42%;
}

.w43 {
  width: 43%;
}

.w44 {
  width: 44%;
}

.w45 {
  width: 45%;
}

.w46 {
  width: 46%;
}

.w47 {
  width: 47%;
}

.w48 {
  width: 48%;
}

.w49 {
  width: 49%;
}

.w50 {
  width: 50%;
}

.w60 {
  width: 60%;
}

.w65 {
  width: 65%;
}

.w70 {
  width: 70%;
}

.w75 {
  width: 75%;
}

.w80 {
  width: 80%;
}

.w85 {
  width: 85%;
}

.w90 {
  width: 90%;
}

.w95 {
  width: 95%;
}

.w100 {
  width: 100%;
}

input, select {
  padding: 2px 4px;
  height: 26px;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #CCC;
}

textarea {
  padding: 2px 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #CCC;
}

/*----------------------------------------
	index
----------------------------------------*/
.sliderWrap {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.sliderWrap .slide_all {
  width: 900px;
  margin: 0 auto;
  height: 405px;
  position: relative;
}
.sliderWrap .slide_all .slide_wrap {
  width: 2880px;
  position: absolute;
  left: 50%;
  margin-left: -1440px;
}
.sliderWrap .slide_all .slide_wrap .slide_body {
  width: 100%;
}
.sliderWrap .slide_all .slide_wrap .slide {
  width: 960px;
  opacity: 0.4;
}
.sliderWrap .slide_all .slide_wrap .slide.active {
  opacity: 1;
}
.sliderWrap .slide_all .slide_wrap .slide img {
  width: 100%;
  vertical-align: bottom;
}

/* 装飾 */
.home01 {
  margin-bottom: 60px;
}
.home01 h2 {
  border-top: 4px solid #eb7070;
  background: url(../images/bg_stripe.png);
  text-align: center;
  padding: 7px 0 10px;
  margin-bottom: 15px;
}
.home01 ul li {
  float: left;
}

.home02 {
  padding-bottom: 40px;
  background: #fff9e6;
  position: relative;
  margin-bottom: 70px;
}
.home02 h2 {
  border-top: 4px solid #eb7070;
  background: url(../images/bg_stripe2.png);
  text-align: center;
  padding: 15px 0 10px;
  margin-bottom: 15px;
}
.home02 ul li {
  margin-bottom: 20px;
}
.home02 .btnArea {
  width: 410px;
  text-align: center;
  margin: 0 auto;
}
.home02 .btnArea p {
  margin-bottom: 10px;
}
.home02 .btnArea .btnBlue a {
  height: 60px;
  line-height: 60px;
  font-size: 20px;
}
.home02 .image {
  position: absolute;
  right: 20px;
  bottom: -40px;
}

.home03 {
  margin-bottom: 70px;
}
.home03 h2 {
  border-top: 4px solid #eb7070;
  background: url(../images/bg_stripe2.png);
  text-align: center;
  padding: 15px 0;
  margin-bottom: 30px;
}
.home03 .casesWrap .bx-wrapper .bx-controls .bx-controls-direction {
  width: auto;
}
.home03 .casesWrap .bx-wrapper .bx-controls .bx-controls-direction a {
  top: -285px;
}
.home03 .casesWrap .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
  left: -50px;
}
.home03 .casesWrap .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
  right: -50px;
}
.home03 .case {
  width: 200px;
  float: left;
}
.home03 .case .strength {
  display: table;
  width: 100%;
  height: 55px;
  margin-bottom: 10px;
}
.home03 .case .strength span {
  display: table-cell;
  vertical-align: bottom;
  font-size: 20px;
  padding: 5px;
  line-height: 1em;
}
.home03 .case .strength .line {
  font-size: 24px;
  color: #eb7070;
  width: 105px;
  text-align: center;
  padding-left: 0;
  background: url(../images/bg_line.png) no-repeat center bottom;
}
.home03 .case .strength .small {
  font-size: 22px;
}
.home03 .case .inner {
  border: 2px solid #ccc;
}
.home03 .case .inner .image {
  position: relative;
}
.home03 .case .inner .image:after {
  position: absolute;
  background: url(../images/bg_arrow.png) no-repeat;
  height: 12px;
  width: 100%;
  display: block;
  content: '';
  bottom: -2px;
  left: 0;
}
.home03 .case .inner .text {
  padding: 10px;
}
.home03 .case .inner .text .lead {
  font-size: 16px;
  height: 95px;
}
.home03 .case .inner .text h4 {
  color: #11566d;
  font-size: 16px;
  background: #daf2f5;
  border-radius: 3px;
  text-align: center;
  padding: 2px 0;
  margin-bottom: 10px;
}
.home03 .case .inner .text .place {
  font-size: 13px;
  font-weight: bold;
  height: 52px;
  line-height: 1.2em;
}
.home03 .case .inner .text .price {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}
.home03 .case .inner .text .price span {
  color: #eb7070;
}

.home04 {
  background: #fff9e6;
  padding-bottom: 40px;
  margin-bottom: 60px;
}
.home04 h2 {
  border-top: 4px solid #eb7070;
  background: url(../images/bg_stripe2.png);
  text-align: center;
  padding: 15px 0;
  margin-bottom: 30px;
}
.home04 .voicesWrap {
  margin-bottom: 20px;
}
.home04 .voicesWrap .bx-wrapper {
  max-width: 860px !important;
}
.home04 .voicesWrap .bx-wrapper .bx-controls .bx-controls-direction {
  width: auto;
}
.home04 .voicesWrap .bx-wrapper .bx-controls .bx-controls-direction a {
  top: -115px;
}
.home04 .voicesWrap .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
  left: -50px;
}
.home04 .voicesWrap .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
  right: -50px;
}
.home04 .voice {
  padding: 20px 0;
  border: 2px solid #ccc;
  background: #FFF;
  float: left;
}
.home04 .voice .face {
  width: 100px;
  text-align: center;
  margin-left: 20px;
  float: left;
}
.home04 .voice .face img {
  margin-bottom: 10px;
}
.home04 .voice .face p {
  font-size: 16px;
  font-weight: bold;
}
.home04 .voice .satisfy {
  width: 250px;
  float: right;
  margin-right: 20px;
  font-size: 16px;
}
.home04 .voice .satisfy .meter {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-top: 10px;
}
.home04 .voice .satisfy .bar {
  height: 10px;
  margin-bottom: 15px;
}
.home04 .btnArea {
  width: 410px;
  text-align: center;
  margin: 0 auto;
}
.home04 .btnArea p {
  margin-bottom: 10px;
}
.home04 .btnArea .btnBlue a {
  height: 60px;
  line-height: 60px;
  font-size: 20px;
}

.home05 {
  margin-bottom: 70px;
}
.home05 .main .ttl1 {
  margin-bottom: 30px;
}
.home05 .main .knowhow li {
  width: 300px;
  height: 170px;
  margin-left: 30px;
  float: left;
}
.home05 .main .knowhow li:nth-child(odd) {
  margin-left: 0;
}
.home05 .main .knowhow li .image {
  float: left;
}
.home05 .main .knowhow li .text {
  width: 130px;
  float: right;
}
.home05 .main .knowhow li .text .date {
  font-size: 16px;
  color: #b3b3b3;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
.home05 .main .knowhow li .text h3 a {
  color: #11566d;
  font-size: 16px;
}
.home05 .main .knowhow li .text h3 a:hover {
  text-decoration: underline;
}
.home05 .side .bnr {
  margin-bottom: 30px;
}
.home05 .side .information {
  border: 3px solid #0babdf;
  width: 294px;
}
.home05 .side .information h2 {
  background: #f2f1f0 url(../images/icon_info.png) no-repeat 17px center;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  padding-left: 55px;
}
.home05 .side .information ul {
  width: 260px;
  margin: 0 auto;
}
.home05 .side .information ul li {
  padding: 10px 0;
  border-bottom: 1px dashed #b3b3b3;
}
.home05 .side .information ul li:last-child {
  border-bottom: none;
}
.home05 .side .information ul li .date {
  color: #b3b3b3;
}
.home05 .side .information ul li h3 a {
  color: #11566d;
  font-size: 16px;
  font-weight: bold;
}
.home05 .side .information ul li h3 a:hover {
  text-decoration: underline;
}

/*----------------------------------------
	other
----------------------------------------*/
.topImage {
  text-align: center;
  background: #fef8e5;
  margin-bottom: 40px;
}

.postExcerpt {
  padding-bottom: 42px;
  border-bottom: 1px dashed #b3b3b3;
  margin-bottom: 40px;
}
.postExcerpt .ttl1 {
  margin-bottom: 10px;
}
.postExcerpt .ttl1 a:hover {
  text-decoration: underline;
}
.postExcerpt .thumbnail {
  float: left;
  width: 240px;
}
.postExcerpt .textArea1 {
  width: 372px;
  float: right;
}
.postExcerpt .date {
  color: #b3b3b3;
  font-weight: bold;
  font-size: 16px;
  margin-right: 15px;
}
.postExcerpt .excerpt {
  font-size: 16px;
  margin-bottom: 10px;
}
.postExcerpt .btnBlue {
  text-align: right;
}
.postExcerpt .btnBlue a {
  display: inline-block;
  padding: 6px 10px;
  font-size: 20px;
}
.postExcerpt .info{
  display: flex;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.postExcerpt .info .tagWrap {
  width: 66%;
}
.postExcerpt .info .tagWrap .list{
  display: flex;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
}
.postExcerpt .info .tagWrap .list a{
  font-weight: bold;
  color: #43b1c0;
  display: inline-block;
  line-height: 1;
  padding: 3px 5px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  transition: .4s;
}
.postExcerpt .info .tagWrap .list a:hover{
  background: #43B1C0;
  color: #FFF;
}

.action {
  margin-top: 65px;
  background: #fef8e5;
  height: 220px;
}
.action .inner {
  margin-left: 24px;
  width: 636px;
  text-align: center;
  padding-top: 28px;
}
.action .inner .lead {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 10px;
}
.action .inner .aside {
  margin-bottom: 10px;
}
.action .inner .btnBlue a {
  font-size: 20px;
  padding: 12px 10px;
  width: 390px;
  display: inline-block;
}
.action .offer {
  position: absolute;
  top: 0;
  right: -26px;
}

.footerBnr {
  width: 960px;
  margin: 50px auto 80px;
}
.footerBnr li {
  float: left;
  margin-left: 30px;
}
.footerBnr li:first-child {
  margin-left: 0;
}
.footerBnr li:hover img {
  opacity: 0.8;
}

/*----------------------------------------
  common 
----------------------------------------*/
/* cta-area01 */
.cta-area01 .banner {
  border: 4px solid #DFDFDF;
  padding: 32px;
  background: #F2F1F0;
}
.cta-area01 .banner .pickup {
  display: inline-block;
  background: linear-gradient(rgba(0, 0, 0, 0) 35%, #ffff00 0%);
  padding: 0 5px;
  font-weight: bold;
  letter-spacing: 2px;
}
.cta-area01 .banner .title {
  text-align: center;
  font-size: 20px;
  color: #1d1d1d;
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 2px solid #fc4141;
}
.cta-area01 .banner .title .large_txt {
  font-size: 24px;
  letter-spacing: 1px;
}
.cta-area01 .banner .title .pickup {
  font-size: 26px;
}
.cta-area01 .banner .txt {
  font-size: 16px;
  margin-bottom: 15px;
}
.cta-area01 .banner .txt .pickup {
  font-size: 18px;
}
.cta-area01 .banner .link {
  margin-top: 20px;
}
.cta-area01 .banner .link a {
  position: relative;
  display: block;
  padding: 20px;
  font-size: 26px;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 1px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-top: 2px solid #70ca02;
  background: #61b000;
  background: -webkit-linear-gradient(#61b000 0%, #3b8100 100%);
  background: -o-linear-gradient(#61b000 0%, #3b8100 100%);
  background: linear-gradient(#61b000 0%, #3b8100 100%);
  box-shadow: 0px 7px 0px #2d6200;
  text-shadow: 1px 1px 0px #000;
}
.cta-area01 .banner .link a:hover {
  top: 3px;
  background: #77C900;
  background: -webkit-linear-gradient(#77C900 0%, #46A900 100%);
  background: -o-linear-gradient(#77C900 0%, #46A900 100%);
  background: linear-gradient(#77c900 0%, #46a900 100%);
  box-shadow: 0px 4px 0px #3d8005;
}
.cta-area01 .banner .link a:hover .pickup {
  background: #357302;
}
.cta-area01 .banner .link a:after {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  background: url(../images/post_arrow.png) no-repeat;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}
.cta-area01 .banner .link a .pickup {
  display: inline-block;
  background: #2d6200;
  font-size: 24px;
  color: #FFF;
  font-weight: bold;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  padding: 4px 15px;
  margin-right: 10px;
  box-shadow: 0 0 1px 1px #195c1d inset;
}

/* mod-nouhau-download */
.mod-nouhau-download{
  border: 4px solid #F8D66B;
  background: url(../images/nouhau03.png) no-repeat bottom right 26px,#FFF9E6;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  padding: 26px 40px 35px 45px;
  margin: 100px auto 70px;
}
.mod-nouhau-download--single{
  margin: 40px auto 20px;
}
.mod-nouhau-download--page{
  margin: 100px auto 30px;
}
.mod-nouhau-download__lead {
  text-align: center;
  margin-bottom: 13px;
}
.mod-nouhau-download__lead span{
  display: inline-block;
  background: #FFEEB5;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  padding: 7px 30px 6px;
  font-size: 23px;
  color: #EB7070;
  font-weight: bold;
  text-align: center;
}
.mod-nouhau-download__lead--sp{
  display: none;
}
.mod-nouhau-download__head{
  font-size: 26px;
  color: #313131;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin-bottom: 30px;
}
.mod-nouhau-download__head .sp-only{
  display: none;
}
.mod-nouhau-download__foot{
  padding-left: 31px;
}
.mod-nouhau-download__caption{
  display: block;
  padding-left: 43px;
  margin-bottom: 12px;
}
.mod-nouhau-download__btn a{
  position: relative;
  display: inline-block;
  padding: 17px 43px 15px;
  font-size: 18px;
  line-height: 1.3;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #71b900;
  box-shadow: 0px 4px 0px #2d6200;
}
.mod-nouhau-download__btn a:hover {
  top: 3px;
  background: #71b900;
  box-shadow: 0px 1px 0px #3d8005;
}

.other-post{
  margin-bottom: 55px;
}
.other-post__title{
  font-size: 20px;
  color: #313131;
  margin-bottom: 20px;
}
.other-post__item{
  margin-bottom: 28px;
}
.other-post__item a{
  display: block;
}
.other-post__item a:hover{
  opacity: 0.7;
}
.other-post__item .thumbnail{
  float: left;
  width: 160px;
}
.other-post__item .thumbnail img{
  max-width: 100%;
  height: auto;
}
.other-post__item .body{
  float: right;
  width: 450px;
}
.other-post__item .body .tags{
  margin-bottom: 10px;
}
.other-post__item .body .tags li{
  display: inline-block;
  background: #E7F6F8;
  color: #43B1C0;
  font-size: 12px;
  padding: 5px 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  line-height: 1.3;
  margin-bottom: 5px;
  margin-right: 5px;
}
.other-post__item .body .title{
  font-size: 16px;
  color: #11566D;
  line-height: 1.8;
}
.other-post__foot{
  text-align: center;
}
.other-post__foot a{
  display: inline-block;
  position: relative;
  background: #EBE9E8;
  -webkit-box-shadow: 0 3px 0 0 #C9C9C9;
          box-shadow: 0 3px 0 0 #C9C9C9;
  text-align: center;
  font-size: 20px;
  color: #0BABDF;
  font-weight: bold;
  padding: 10px 20px 9px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
}
.other-post__foot a:hover{
  top: 2px;
  -webkit-box-shadow: 0 1px 0 0 #C9C9C9;
          box-shadow: 0 1px 0 0 #C9C9C9;
}

.related-block{
  margin-top: 55px;
}
.related-block__body{
  margin-bottom: 20px;
}
.related-block__item{
  padding-bottom: 40px;
  padding-top: 38px;
  border-top: 1px dashed #DADADA;
  border-bottom: 1px dashed #d8d8d8;
}
.related-block__item:first-child{
  padding-bottom: 40px;
  padding-top: 0;
  border-top: none;
  border-bottom: 1px dashed #d8d8d8;
}
.related-block__head{
  font-size: 20px;
  color: #313131;
  margin-bottom: 25px;
}
.related-block__title a{
  color: #004B64;
  font-size: 24px;
  line-height: 1.5;
  position: relative;
  padding-left: 25px;
  display: block;
  margin-bottom: 15px;
}
.related-block__title a:before{
  content: "";
  position: absolute;
  width: 8px;
  height: 80%;
  background: #217d89;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  top: 7px;
  left: 2px;
}
.related-block__title a:after{
  content: "";
  position: absolute;
  width: 8px;
  height: 80%;
  background: #43B1C0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  top: 5px;
  left: 0;
}
.related-block__title a:hover{
  text-decoration: underline;
}

.related-block__inner .thumbnail{
  float: left;
  width: 240px;
}
.related-block__inner .thumbnail img{
  max-width: 100%;
  height: auto; 
}

.related-block__inner .main{
  float: right;
  width: 370px;
}
.related-block__item--no-thumbnail .main{
  width: 100%;
  float: none;
}
.related-block__inner .main .tags {
  margin-bottom: 5px;
}
.related-block__inner .main .tags li{
  display: inline-block;
  background: #E7F6F8;
  font-size: 12px;
  color: #43B1C0;
  font-weight: bold;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  text-align: center;
  padding: 6px 10px 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.related-block .main .content{
  margin-bottom: 20px;
}
.related-block .main .content p{
  font-size: 16px;
  color: #010101;
  line-height: 1.75;
}

.related-block .main .foot time{
  display: inline-block;
  font-size: 14px;
  color: #B3B3B3;
  font-weight: bold;
  float: left;
  margin-top: 13px;
}
.related-block .main .foot a{
  display: inline-block;
  float: right;
  font-size: 20px;
  font-weight: bold;
  background: #0BABDF;
  color: #FFF;
  text-align: center;
  width: 125px;
  height: 47px;
  line-height: 47px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: 0 2px 0 0 #0880A7;
          box-shadow: 0 2px 0 0 #0880A7;
  position: relative;
}
.related-block .main .foot a:hover{
  top: 1px;
  -webkit-box-shadow: 0 1px 0 0 #0880A7;
          box-shadow: 0 1px 0 0 #0880A7;
}


/*----------------------------------------
	single
----------------------------------------*/
.singlePost {
  padding-bottom: 40px;
  border-bottom: 2px solid #d8d8d8;
  margin-bottom: 40px;
}
.singlePost .postHeader .postTitle {
  font-size: 32px;
  padding: 10px 0;
  border-top: 4px solid #eb7070;
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 20px;
}
@media screen and (max-width: 769px) {
.singlePost .postHeader .postTitle {
  font-size: 21px;
}
}

.singlePost .postHeader .postInfo {
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.singlePost .postHeader .postInfo .tagWrap{
  width: 75%;
}
.singlePost .postHeader .postInfo .list{
  display: flex;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.singlePost .postHeader .postInfo .list li{
  margin-right: 10px;
  margin-bottom: 3px;
}
.singlePost .postHeader .postInfo .list li a{
  font-weight: bold;
  color: #43b1c0;
  display: inline-block;
  border: 2px solid #43b1c0;
  line-height: 1;
  padding: 3px 5px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  transition: .4s;
}
.singlePost .postHeader .postInfo .list li a:hover{
  background: #43B1C0;
  color: #FFF;
}
.singlePost .postHeader .date {
  color: #b3b3b3;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}
.singlePost .postHeader .eyecatch {
  margin-bottom: 20px;
}
.singlePost .postBody {
  font-size: 16px;
}
.singlePost .postBody #toc_container{
  margin-bottom: 40px;
}
.singlePost .postBody #toc_container .toc_list li{
    line-height: 1.6;
    margin-bottom: 9px;
}
.singlePost .postBody p {
  margin-bottom: 1.5em;
}
.singlePost .postBody h2 {
  padding-left: 24px;
  line-height: 1.4em;
  font-size: 24px;
  padding: 15px;
  position: relative;
  margin: 20px 0;
  background: #eb7070;
  color: #FFF;
}
.singlePost .postBody h2 span,
.singlePost .postBody h2 strong{
  color: #FFF;
}
/* .singlePost .postBody h2:before {
  content: '';
  display: block;
  background: #217d89;
  width: 8px;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 2px;
  left: 2px;
}
.singlePost .postBody h2:after {
  content: '';
  display: block;
  background: #43b1c0;
  width: 8px;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
} */
.singlePost .postBody h2 a {
  color: #004b64;
}
.singlePost .postBody h3 {
  font-size: 20px;
  border-bottom: 4px solid #eb7070;
  padding-bottom: 3px;
  margin: 2em 0 1em;
  clear: both;
}
.singlePost .postBody a {
  text-decoration: none;
  color: #2581c4;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}
.singlePost .postBody a:focus, .singlePost .postBody a:active, .singlePost .postBody a:hover {
  outline: 0;
}
.singlePost .postBody a:hover {
  text-decoration: underline;
}
.singlePost .postBody h1, .singlePost .postBody h4, .singlePost .postBody h5, .singlePost .postBody h6 {
  font-weight: bold;
  line-height: 1.4;
}
.singlePost .postBody h1 {
  font-size: 36px;
  margin: 1em 0;
  clear: both;
}
.singlePost .postBody h4 {
  font-size: 18px;
  border-bottom: 2px solid #d8d8d8;
  padding-bottom: 3px;
  margin: 2em 0 1em;
  clear: both;
}
.singlePost .postBody h5 {
  font-size: 16px;
  margin: 2em 0 1em;
}
.singlePost .postBody h6 {
  font-size: 14px;
  margin: 2em 0 1em;
}
.singlePost .postBody p,
.singlePost .postBody pre {
  margin: 0 0 1.6em;
  line-height: 1.6;
}
@media screen and (max-width: 769px) {
.singlePost .postHeader .postInfo .tagWrap{
  width: calc( 100% - 110px);
}
.singlePost .postHeader .postInfo .list{
  display: flex;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.singlePost .postHeader .postInfo .list li{
  margin-right: 5px;
}
.singlePost .postHeader .postInfo .list li a{
  
}
.singlePost .postHeader .date {
  font-size: 14px;
}
.singlePost .postHeader .eyecatch {
  max-width: 85%;
  margin: 0 auto 20px;
}
.singlePost .postBody p,
.singlePost .postBody pre {
  line-height: 1.8;
}
}
.singlePost .postBody dl,
.singlePost .postBody menu,
.singlePost .postBody ol,
.singlePost .postBody ul {
  margin: 0 0 2em;
}
.singlePost .postBody li {
  margin: 6px 0;
}
.singlePost .postBody dd {
  margin: 0 0 20px 0;
}
.singlePost .postBody ol,
.singlePost .postBody ul {
  padding: 0 0 0 20px;
}
.singlePost .postBody ol ol,
.singlePost .postBody ol ul,
.singlePost .postBody ul ol,
.singlePost .postBody ul ul {
  margin: 0;
}
.singlePost .postBody blockquote {
  clear: both;
  margin: 0 0 28px;
  padding: 30px 20px 35px 55px;
  position: relative;
  border: 1px #eee solid;
}
.singlePost .postBody blockquote:before {
  content: '';
  font-family: 'FontAwesome';
  font-size: 32px;
  color: #e7e7e7;
  position: absolute;
  top: 20px;
  left: 12px;
}
.singlePost .postBody blockquote cite {
  position: absolute;
  right: 20px;
  bottom: 10px;
  font-size: 12px;
  color: #808080;
}
.singlePost .postBody blockquote *:last-child {
  margin-bottom: 0;
}
.singlePost .postBody table {
  border: 1px #ddd solid;
  max-width: 100%;
  margin-bottom: 48px;
}
.singlePost .postBody table th,
.singlePost .postBody table td {
  padding: 8px 10px;
  border: #ddd solid 1px;
}
.singlePost .postBody table th {
  color: #fff;
}
.singlePost .postBody table thead th {
  background: #5e6265;
}
.singlePost .postBody table tbody th {
  background: #919598;
}
.singlePost .postBody table.table-line table,
.singlePost .postBody table.table-line th,
.singlePost .postBody table.table-line td {
  border-color: #fff;
}
.singlePost .postBody table.table-line th {
  background: transparent;
  color: #333;
  font-weight: bold;
}
.singlePost .postBody table.table-line thead th {
  background: #5e6265;
  color: #fff;
}
.singlePost .postBody table.table-line tr {
  background: #eee;
}
.singlePost .postBody table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}
.singlePost .postBody .wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  padding-left: 4px;
  padding-right: 4px;
  margin: 10px;
  max-width: 100%;
  box-sizing: border-box;
  /* optional rounded corners for browsers that support it */
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
.singlePost .postBody .wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.singlePost .postBody .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}
.singlePost .postBody blockquote {
  border: 1px #e5e5e5 solid;
}
.singlePost .postBody blockquote:before {
  color: #e7e7e7;
}
.singlePost .postBody blockquote cite {
  color: #808080;
}
.singlePost .postBody hr {
  border-bottom: 1px solid #efefef;
  margin: 20px 0;
  clear: both;
}
.singlePost .postBody ul li {
  list-style: disc;
}
.singlePost .postBody ol {
  list-style: decimal;
}
.singlePost .postBody dl dt {
  font-weight: bold;
  margin-bottom: 4px;
}
.singlePost .postBody dl dd {
  margin: 0 0 20px;
  border-left: 4px solid #e5e5e5;
  padding: 0 0 0 10px;
}
.singlePost .postBody pre {
  padding: 20px;
  overflow: scroll;
  font-family: 'Courier', monospace;
}
.singlePost .postBody table {
  border: 1px #ddd solid;
  max-width: 100%;
}
.singlePost .postBody table th,
.singlePost .postBody table td {
  padding: 8px 10px;
  border: #ddd solid 1px;
}
.singlePost .postBody table th {
  color: #fff;
}
.singlePost .postBody table thead th {
  background: #5e6265;
}
.singlePost .postBody table tbody th {
  background: #919598;
}
.singlePost .postBody table.table-line table,
.singlePost .postBody table.table-line th,
.singlePost .postBody table.table-line td {
  border-color: #fff;
}
.singlePost .postBody table.table-line th {
  background: transparent;
  color: #383838;
  font-weight: bold;
}
.singlePost .postBody table.table-line thead th {
  background: #5e6265;
  color: #fff;
}
.singlePost .postBody table.table-line tr {
  background: #eee;
}
.singlePost .postBody table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}
.singlePost .postBody img.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.singlePost .postBody img.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.wp_social_bookmarking_light .original_email a{
  padding: 0 10px;
  height: 20px;
  letter-spacing: 0.1em;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  display: inline-block;
  background: #eb7070;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
}
.wp_social_bookmarking_light .original_email a i{
  color: #FFF;
  margin-right: 5px;
  font-size: 13px;
}
.singlePost .btnBlue {
  text-align: center;
}
.singlePost .btnBlue a {
  font-size: 20px;
  width: 410px;
  padding: 15px 0;
  display: inline-block;
}
.singlePost .postFooter .banner {
  margin-top: 20px;
  border: 4px solid #DFDFDF;
  padding: 32px;
  background: #F2F1F0;
}
.singlePost .postFooter .banner .pickup {
  display: inline-block;
  background: linear-gradient(rgba(0, 0, 0, 0) 35%, #ffff00 0%);
  padding: 0 5px;
  font-weight: bold;
  letter-spacing: 2px;
}
.singlePost .postFooter .banner .title {
  text-align: center;
  font-size: 20px;
  color: #1d1d1d;
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 2px solid #fc4141;
}
.singlePost .postFooter .banner .title .large_txt {
  font-size: 24px;
  letter-spacing: 1px;
}
.singlePost .postFooter .banner .title .pickup {
  font-size: 26px;
}
.singlePost .postFooter .banner .txt {
  font-size: 16px;
  margin-bottom: 15px;
}
.singlePost .postFooter .banner .txt .pickup {
  font-size: 18px;
}
.singlePost .postFooter .banner .link {
  margin-top: 20px;
}
.singlePost .postFooter .banner .link a {
  position: relative;
  display: block;
  padding: 20px;
  font-size: 26px;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 1px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-top: 2px solid #70ca02;
  background: #61b000;
  background: -webkit-linear-gradient(#61b000 0%, #3b8100 100%);
  background: -o-linear-gradient(#61b000 0%, #3b8100 100%);
  background: linear-gradient(#61b000 0%, #3b8100 100%);
  box-shadow: 0px 7px 0px #2d6200;
  text-shadow: 1px 1px 0px #000;
}
.singlePost .postFooter .banner .link a:hover {
  top: 3px;
  background: #77C900;
  background: -webkit-linear-gradient(#77C900 0%, #46A900 100%);
  background: -o-linear-gradient(#77C900 0%, #46A900 100%);
  background: linear-gradient(#77c900 0%, #46a900 100%);
  box-shadow: 0px 4px 0px #3d8005;
}
.singlePost .postFooter .banner .link a:hover .pickup {
  background: #357302;
}
.singlePost .postFooter .banner .link a:after {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  background: url(../images/post_arrow.png) no-repeat;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}
.singlePost .postFooter .banner .link a .pickup {
  display: inline-block;
  background: #2d6200;
  font-size: 24px;
  color: #FFF;
  font-weight: bold;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  padding: 4px 15px;
  margin-right: 10px;
  box-shadow: 0 0 1px 1px #195c1d inset;
}

.relativePosts .lead {
  background: url(../images/icon_relative.png) no-repeat left top;
  padding-left: 45px;
  min-height: 38px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.relativePosts ul li {
  float: left;
  width: 197px;
  margin-left: 19px;
}
.relativePosts ul li:first-child {
  margin-left: 0;
}
.relativePosts ul li .thumbnail {
  margin-bottom: 15px;
}
.relativePosts ul li a {
  font-size: 16px;
  color: #004a63;
}

/*----------------------------------------
	usage
----------------------------------------*/
.page-usage {
  border-bottom: none;
}
.page-usage .postBody h3 {
  margin-bottom: 20px;
}
.page-usage .postBody p {
  font-size: 12px;
}
.page-usage .postBody ul {
  margin-bottom: 25px;
}
.page-usage .postBody ul li {
  margin-bottom: 12px;
  font-size: 12px;
}
.page-usage .postBody ul li:last-child {
  margin-bottom: 0;
}
.page-usage .postBody ol {
  margin-left: 2em;
  margin-bottom: 25px;
}
.page-usage .postBody ol li {
  margin-bottom: 12px;
  font-size: 12px;
}
.page-usage .postBody ol li:last-child {
  margin-bottom: 0;
}

/*----------------------------------------
	about
----------------------------------------*/
.page-about .leadimg {
  text-align: center;
}
.page-about h2 {
  border-top: 4px solid #eb7070;
  background: url(../images/bg_stripe.png);
  text-align: center;
  padding: 17px 0 20px;
  margin-bottom: 60px;
}
.page-about h2 .sp-txt{
  display: none;
}
.page-about .num {
  padding: 8px 0 8px 45px;
  border-bottom: 1px solid #d8d8d8;
  color: #11566d;
  font-size: 24px;
  margin-bottom: 20px;
}
.page-about .num.num1 {
  background: url(../images/about/num01.png) no-repeat left center;
}
.page-about .num.num2 {
  background: url(../images/about/num02.png) no-repeat left center;
}
.page-about .num.num3 {
  background: url(../images/about/num03.png) no-repeat left center;
}
.page-about .outer {
  margin-bottom: 65px;
}
.page-about .outer .text {
  width: 585px;
  float: left;
}
.page-about .outer .text p {
  font-size: 16px;
  margin-bottom: 15px;
}
.page-about .outer .image {
  width: 350px;
  float: right;
}

/*----------------------------------------
	company
----------------------------------------*/
.page-company .leadimg {
  text-align: center;
}
.page-company h2 {
  padding-left: 24px;
  line-height: 1.8em;
  font-size: 24px;
  position: relative;
  margin: 20px 0;
}
.page-company h2:before {
  content: '';
  display: block;
  background: #217d89;
  width: 8px;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 2px;
  left: 2px;
}
.page-company h2:after {
  content: '';
  display: block;
  background: #43b1c0;
  width: 8px;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
.page-company h2 a {
  color: #004b64;
}
.page-company h3 {
  color: #217d89;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 2px solid #d8d8d8;
  margin-bottom: 15px;
}
.page-company p {
  font-size: 16px;
}
.page-company .sec01 {
  margin: 50px auto;
}
.page-company .sec01 .leadtxt {
  border-bottom: 1px solid #d8d8d8;
  color: #11566d;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.page-company .sec01 .pageMenu {
  margin: 60px auto;
}
.page-company .sec01 .pageMenu ul li {
  float: left;
  margin-left: 25px;
}
.page-company .sec01 .pageMenu ul li:first-child {
  margin-left: 0;
}
.page-company .sec02 {
  margin-bottom: 80px;
}
.page-company .sec02 .leadArea {
  background: url(../images/company/img_company05.png) no-repeat left top;
  height: 227px;
  padding-top: 23px;
}
.page-company .sec02 .leadArea h2 {
  font-size: 26px;
}
.page-company .sec02 .leadArea .lead1 {
  font-size: 32px;
  font-weight: bold;
  color: #11566d;
  line-height: 1.4em;
}
.page-company .sec02 .leadArea .lead2 {
  font-size: 24px;
  font-weight: bold;
  color: #11566d;
}
.page-company .sec02 h3 {
  margin-top: 30px;
}
.page-company .sec03 {
  margin-bottom: 80px;
}
.page-company .sec03 .lead1 {
  font-size: 32px;
  font-weight: bold;
  color: #11566d;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.page-company .sec03 h3 {
  margin-top: 30px;
}
.page-company .sec03 .image {
  background: url(../images/company/img_company06.png) no-repeat right top;
  min-height: 230px;
  margin-top: 20px;
}
.page-company .sec03 .image ul li {
  background: url(../images/icon_check.png) no-repeat left center;
  padding-left: 38px;
  height: 25px;
  margin-top: 10px;
}
.page-company .sec03 .image ul li span {
  font-size: 16px;
  padding-bottom: 3px;
  font-weight: bold;
  border-bottom: 1px solid #eb7070;
}
.page-company .sec03 .visualImg {
  margin-top: 30px;
}
.page-company .sec04 {
  margin-bottom: 80px;
}
.page-company .sec04 .image {
  background: url(../images/company/img_company08.png) no-repeat right top;
  padding-right: 445px;
  min-height: 230px;
  margin-top: 20px;
}

/*----------------------------------------
	howto
----------------------------------------*/
.page-howto .postTitle {
  font-size: 32px;
  padding: 10px 0;
  border-top: 4px solid #43b1c0;
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 50px;
}
.page-howto .step {
  border: 3px solid #DBDBDB;
  border-radius: 15px;
  margin-bottom: 78px;
  position: relative;
}
.page-howto .step::after {
  display: block;
  content: '';
  position: absolute;
  background: url(../images/howto/img_howto_bg1.png) no-repeat;
  width: 60px;
  height: 35px;
  bottom: -35px;
  left: 50%;
  margin-left: -30px;
}
.page-howto .step h3 {
  padding: 8px;
  text-align: center;
  border-bottom: 2px solid #DBDBDB;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}
.page-howto .step h3 span {
  font-size: 26px;
  color: #11566d;
  padding-left: 65px;
  height: 67px;
  line-height: 67px;
  display: inline-block;
}
.page-howto .step .stepBody {
  padding: 30px;
  padding-right: 495px;
  min-height: 241px;
  background: url(../images/howto/img_howto1.png) no-repeat 485px 30px;
}
.page-howto .step .stepBody .txt {
  font-size: 16px;
  margin-bottom: 30px;
}
.page-howto .step .stepBody .point {
  position: relative;
  border: 3px solid #eb7070;
  background: #fff5f5;
  padding: 10px 20px;
  display: inline-block;
  margin-left: 45px;
  margin-bottom: 30px;
  border-radius: 5px;
}
.page-howto .step .stepBody .point .mark {
  position: absolute;
  top: 50%;
  left: -62px;
  margin-top: -45px;
}
.page-howto .step .stepBody .point p {
  color: #11566d;
  font-weight: bold;
  font-size: 16px;
}
.page-howto .sec01 h3, .page-howto .sec03 h3, .page-howto .sec05 h3, .page-howto .sec07 h3 {
  background: #daf2f5;
}
.page-howto .sec02 h3, .page-howto .sec04 h3, .page-howto .sec06 h3, .page-howto .sec08 h3 {
  background: #fffaea;
}
.page-howto .sec01 h3 span {
  background: url(../images/howto/img_howto_num1.png) no-repeat left center;
}
.page-howto .sec01 .stepBody {
  background: url(../images/howto/img_howto1.png) no-repeat 485px 30px;
}
.page-howto .sec02 h3 span {
  background: url(../images/howto/img_howto_num2.png) no-repeat left center;
}
.page-howto .sec02 .stepBody {
  background: url(../images/howto/img_howto2.png) no-repeat 485px 30px;
}
.page-howto .sec03 h3 span {
  background: url(../images/howto/img_howto_num3.png) no-repeat left center;
}
.page-howto .sec03 .stepBody {
  background: url(../images/howto/img_howto3.png) no-repeat 485px 30px;
}
.page-howto .sec04 h3 span {
  background: url(../images/howto/img_howto_num4.png) no-repeat left center;
}
.page-howto .sec04 .stepBody {
  background: url(../images/howto/img_howto4.png) no-repeat 485px 30px;
}
.page-howto .sec05 h3 span {
  background: url(../images/howto/img_howto_num5.png) no-repeat left center;
}
.page-howto .sec05 .stepBody {
  background: url(../images/howto/img_howto5.png) no-repeat 485px 30px;
}
.page-howto .sec06 h3 span {
  background: url(../images/howto/img_howto_num6.png) no-repeat left center;
}
.page-howto .sec06 .stepBody {
  background: url(../images/howto/img_howto6.png) no-repeat 485px 30px;
}
.page-howto .sec07 h3 span {
  background: url(../images/howto/img_howto_num7.png) no-repeat left center;
}
.page-howto .sec07 .stepBody {
  background: url(../images/howto/img_howto7.png) no-repeat 485px 30px;
}
.page-howto .sec08::after {
  display: none;
}
.page-howto .sec08 h3 span {
  background: url(../images/howto/img_howto_num8.png) no-repeat left center;
}
.page-howto .sec08 .stepBody {
  background: url(../images/howto/img_howto8.png) no-repeat 485px 30px;
}

/*----------------------------------------
	warranty
----------------------------------------*/
.page-warranty .leadimg {
  text-align: center;
  margin-bottom: 65px;
}
.page-warranty p {
  font-size: 16px;
}
.page-warranty h2 {
  color: #11566d;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 15px;
}
.page-warranty .sec01 {
  margin-bottom: 80px;
}
.page-warranty .sec01 .safe {
  border: 2px solid #DBDBDB;
  border-radius: 15px;
  height: 440px;
  width: 465px;
  margin-top: 30px;
  text-align: center;
}
.page-warranty .sec01 .safe h3 {
  padding: 12px;
  text-align: center;
  border-bottom: 1px solid #DBDBDB;
  background: #fff5f5;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
  margin-bottom: 20px;
}
.page-warranty .sec01 .safe .leadtxt {
  color: #eb7070;
  font-size: 24px;
  margin-bottom: 20px;
}
.page-warranty .sec01 .safe .txt {
  margin-top: 30px;
  letter-spacing: -1px;
}
.page-warranty .sec01 .left {
  float: left;
}
.page-warranty .sec01 .right {
  float: right;
}
.page-warranty .sec01 .right .txt {
  margin-top: 20px;
}
.page-warranty .sec02 {
  margin-bottom: 80px;
}
.page-warranty .sec02 table {
  width: 100%;
  border: 2px solid #bbb;
  margin-top: 30px;
  margin-bottom: 15px;
}
.page-warranty .sec02 table th, .page-warranty .sec02 table td {
  font-size: 16px;
  border: 1px solid #bbb;
  padding: 20px;
}
.page-warranty .sec02 table th {
  vertical-align: middle;
  text-align: center;
  background: #fff9e6;
  width: 140px;
}
.page-warranty .sec02 table td ol {
  margin-left: 35px;
}
.page-warranty .sec02 table td ol li {
  list-style-type: none;
  text-indent: -43px;
  margin-bottom: 5px;
}
.page-warranty .sec02 table td ol li:last-child {
  margin-bottom: 0;
}
.page-warranty .sec02 .link {
  text-align: right;
}
.page-warranty .sec02 .link a {
  color: #004a63;
  font-size: 16px;
  font-weight: bold;
  background: url(../images/arrow03.png) no-repeat right center;
  padding-right: 15px;
}

/*----------------------------------------
	shop
----------------------------------------*/
.page-shop {
  /*----------------------------------------
  	wrap
  ----------------------------------------*/
  /*----------------------------------------
  	title
  ----------------------------------------*/
}
.page-shop .wrap {
  width: 960px;
  margin: 0 auto;
}
.page-shop .ttl1 {
  padding-left: 24px;
  line-height: 45px;
  position: relative;
  height: 45px;
  font-size: 24px;
}
.page-shop .ttl1:before {
  content: '';
  display: block;
  background: #217d89;
  width: 8px;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 2px;
  left: 2px;
}
.page-shop .ttl1:after {
  content: '';
  display: block;
  background: #43b1c0;
  width: 8px;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
.page-shop .reform_title01 {
  background: url("../images/bg_stripe2.png");
  border-top: #EB7070 4px solid;
  text-align: center;
  height: 80px;
  font-weight: bold;
  font-size: 32px;
  color: #11566D;
  line-height: 80px;
  margin-bottom: 40px;
  overflow: hidden;
}
.page-shop .reform_title01 span {
  color: #11566D;
  font-weight: bold;
  font-size: 2em;
}
.page-shop .reform_title02 {
  color: #11566D;
  font-weight: bold;
  font-size: 24px;
  border-bottom: #D8D8D8 1px solid;
  margin-bottom: 20px;
}
.page-shop .reform_title02 span {
  position: relative;
  color: #11566D;
  margin-right: 20px;
  font-style: italic;
  font-size: 2em;
  font-weight: bold;
  bottom: -11px;
}
.page-shop .mr10 {
  margin-right: 10px;
}
.page-shop .mb20 {
  margin-bottom: 20px;
}
.page-shop .mg35 {
  margin-bottom: 35px;
  line-height: 28px;
}
.page-shop .bg_pink {
  background: #fff5f5;
}
.page-shop .img_center {
  display: block;
  margin: 0 auto;
}
.page-shop .highlight {
  font-size: 16px;
  font-weight: bold;
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, #fff158 40%);
}
.page-shop .btnBlue_shop {
  width: 410px;
  text-align: center;
  margin: 0 auto;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  border-radius: 10px;
  text-align: center;
  background-color: #0babdf;
  border-style: none;
  border-bottom: 3px solid #0880a7;
  display: block;
  cursor: pointer;
  text-decoration: none;
}
.page-shop .btnBlue_shop a {
  color: #FFF;
}
.page-shop .btn_shop input {
  width: 410px;
  text-align: center;
  margin: 0 auto;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  border-radius: 10px;
  text-align: center;
  background-color: #0babdf;
  border-style: none;
  border-bottom: 3px solid #0880a7;
  display: block;
  cursor: pointer;
  text-decoration: none;
  color: #FFF;
}
.page-shop .check_list li {
  padding-left: 46px;
  background: url("../images/shop/check.png") no-repeat;
  margin-bottom: 19px;
}
.page-shop .check_list li p {
  display: inline-block;
  font-weight: bold;
  border-bottom: 1px solid #eb7070;
  margin-bottom: 4px;
}
.page-shop .shop01 {
  background: url("../images/shop/top_human.png") no-repeat;
  background-position: 610px bottom;
  padding-bottom: 26px;
  width: 620px;
  padding-right: 340px;
  margin: 0 auto;
}
.page-shop .shop01 .txt01 {
  text-align: center;
  color: #ed7171;
  font-size: 15px;
  font-weight: bold;
  padding: 8px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF5F5;
  width: 175px;
  margin: 0 auto 20px;
}
.page-shop .shop01 .lead_title01 {
  text-align: center;
  color: #ED7171;
  font-weight: bold;
  font-size: 29px;
  color: #ed7171;
  margin-bottom: 20px;
}
.page-shop .shop01 .txt02 {
  font-size: 22px;
  font-weight: bold;
  color: #11566D;
  text-align: center;
}
.page-shop .shop01 .txt03 {
  font-weight: bold;
  color: #11566D;
  text-align: center;
  margin-top: 17px;
  margin-bottom: 20px;
}
.page-shop .shop02 {
  margin-bottom: 70px;
}
.page-shop .shop02 .wrap .imglist01 {
  margin-bottom: 50px;
}
.page-shop .shop02 .wrap .imglist01 li {
  float: left;
}
.page-shop .shop02 .wrap .imglist01 :nth-child(2) {
  margin: 0 25px;
}
.page-shop .shop02 .wrap .imgbox_height01 {
  height: 512px;
}
.page-shop .shop02 .wrap .imgbox_height02 {
  height: 389px;
}
.page-shop .shop02 .wrap .txt_pink {
  color: #EB7070;
  font-weight: bold;
  font-size: 24px;
}
.page-shop .shop02 .wrap .imgbox02 {
  margin-bottom: 63px;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_left {
  float: left;
  margin-right: 10px;
  border: 3px solid #e2e2e2;
  width: 435px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_left .imgbox_title {
  background: #E2E2E2;
  font-size: 20px;
  font-weight: bold;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_left ul {
  width: 360px;
  margin-top: 20px;
  margin-left: 30px;
  margin-bottom: 28px;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_left li:last-child {
  margin-top: 14px;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_left p {
  text-align: center;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_left .img01 img {
  margin-top: 36px;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_right {
  float: left;
  width: 515px;
  border: #E2E2E2 3px solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_right .imgbox_logo {
  text-align: center;
  height: 79px;
  background: #FFF9E6;
  border-bottom: #E2E2E2 3px solid;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_right .imgbox_logo img {
  margin-top: 12px;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_right .imgbox_logo02 {
  text-align: center;
  height: 72px;
  background: #FFF9E6;
  border-bottom: #E2E2E2 3px solid;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_right .imgbox_logo02 img {
  margin-top: 12px;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_right ul {
  margin-top: 20px;
  margin-left: 28px;
  margin-bottom: 21px;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_right li:last-child {
  margin-top: 14px;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_right p {
  text-align: center;
}
.page-shop .shop02 .wrap .imgbox02 .imgbox_right .img02 img {
  margin-top: 27px;
}
.page-shop .shop02 .wrap .imgbox03 {
  margin-bottom: 57px;
}
.page-shop .shop02 .wrap .imgbox03 .matching_box {
  float: left;
  height: 724px;
  border: 3px #e2e2e2 solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-shop .shop02 .wrap .imgbox03 .matching_box h4 {
  font-size: 20px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: #fff9e6;
  border-bottom: 3px #e2e2e2 solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-shop .shop03 {
  margin-bottom: 40px;
  overflow: hidden;
}
.page-shop .shop03 .wrap .reform_flow {
  border: #E2E2E2 3px solid;
  height: 264px;
  margin-bottom: 30px;
}
.page-shop .shop03 .wrap .reform_flow .flow_list {
  margin-top: 30px;
  float: left;
}
.page-shop .shop03 .wrap .reform_flow .flow_list li {
  float: left;
  padding-left: 30px;
  background: url("../images/shop/flow_arrow.png") no-repeat;
  background-position: 10px;
}
.page-shop .shop03 .wrap .reform_flow .flow_list .list_first {
  background: none;
}
.page-shop .shop03 .wrap .img_right {
  float: right;
  margin-top: 20px;
  margin-right: 42px;
}
.page-shop .shop03 .wrap .flow_txt {
  clear: both;
  font-weight: bold;
  text-align: center;
  padding-top: 20px;
}
.page-shop .shop03 .ttl1 {
  margin-bottom: 20px;
}
.page-shop .shop04 {
  margin-bottom: 50px;
}
.page-shop .shop04 .wrap .mb40 {
  margin-bottom: 40px;
}
.page-shop .shop04 .wrap .mg30 {
  margin-top: 20px;
  margin-bottom: 30px;
  line-height: 28px;
}
.page-shop .shop04 .wrap .ttl1 {
  margin-bottom: 20px;
}
.page-shop .shop05 {
  background: #FFF9E6;
  overflow: hidden;
}
.page-shop .shop05 .wrap .txt01 {
  text-align: center;
  margin-bottom: 22px;
  line-height: 28px;
}
.page-shop .shop05 .wrap .contact_form table {
  border: 2px solid #bbbbbb;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.page-shop .shop05 .wrap .contact_form table th {
  width: 287px;
  border-bottom: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  padding-left: 20px;
  background: #ededed;
}
.page-shop .shop05 .wrap .contact_form table td {
  width: 633px;
  border-bottom: 1px solid #bbbbbb;
  background: #fff;
  padding-left: 20px;
  line-height: 28px;
}
.page-shop .shop05 .wrap .contact_form table .company_input {
  height: 83px;
}
.page-shop .shop05 .wrap .contact_form table .company_name {
  width: 496px;
  padding-left: 15px;
  height: 40px;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.page-shop .shop05 .wrap .contact_form table .prefecture_select {
  height: 80px;
}
.page-shop .shop05 .wrap .contact_form table .pref_name {
  width: 292px;
  height: 40px;
  background: none;
  padding-left: 15px;
}
.page-shop .shop05 .wrap .contact_form table .premit {
  height: 60px;
}
.page-shop .shop05 .wrap .contact_form table #false {
  margin-left: 35px;
}
.page-shop .shop05 .wrap .contact_form table label {
  padding-left: 10px;
  vertical-align: middle;
}
.page-shop .shop05 .wrap .contact_form table .money {
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 356px;
  height: 40px;
  margin-right: 21px;
  margin-left: 22px;
  padding-left: 15px;
}
.page-shop .shop05 .wrap .contact_form table .reform_sales {
  height: 165px;
}
.page-shop .shop05 .wrap .contact_form table .contact_name {
  height: 130px;
}
.page-shop .shop05 .wrap .contact_form table .input_name {
  width: 254px;
  height: 40px;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-left: 20px;
  padding-left: 15px;
}
.page-shop .shop05 .wrap .contact_form table .mb10 {
  margin-bottom: 10px;
}
.page-shop .shop05 .wrap .contact_form table .address_input {
  height: 85px;
}
.page-shop .shop05 .wrap .contact_form table .mail_address {
  -webkit-border-radius: 0;
  border-radius: 0;
  height: 40px;
  width: 616px;
  padding-left: 15px;
}
.page-shop .shop05 .wrap .contact_form table .required {
  font-weight: bold;
  color: #EB7070;
  width: 56px;
  height: 26px;
  text-align: center;
  background: #fff;
  margin-right: 20px;
  float: right;
}
.page-shop .shop05 .wrap .contact_form .btnBlue input {
  color: #FFF;
  border: none;
  font-size: 20px;
  background-color: #0babdf;
  height: 55px;
}
.page-shop .shop05 .wrap .list01 {
  font-size: 12px;
  line-height: 20px;
  margin-top: 40px;
  margin-bottom: 50px;
}

/*----------------------------------------
  category-topテンプレート
----------------------------------------*/
.page-category .block01{
  padding: 20px;
  background: #FCFCFC;
  margin-bottom: 40px;
}
.page-category .block01__inner{
  margin-bottom: 10px;
}
.page-category .block01 .thumbnail{
  float: left;
  width: 160px;
  border: 1px solid #e2e2e2;
}
.page-category .block01 .thumbnail img{
  max-width: 100%;
  height: auto;
}
.page-category .block01 .body{
  float: right;
  width: 413px;
}
.page-category .block01 .body span{
  font-size: 16px;
  color: #43B1C0;
  display: inline-block;
  background: #FFF;
  border: 3px solid #43B1C0;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  text-align: center;
  padding: 6px 19px 4px;
  margin-bottom: 8px;
}
.page-category .block01 .body p{
  font-size: 16px;
  color: #11566d;
  font-weight: bold;
  line-height: 1.75;
}
.page-category .block01 .body-txt{
  font-size: 16px;
  color: #010101;
  line-height: 1.75;
}
.page-category .sp-point-wrap__head-accordion{
  display: none;
}
.page-category .sp-point-wrap__foot-close{
  display: none;
}
.page-category .point-section {
  padding-bottom: 47px;
  margin-bottom: 60px;
  border-bottom: 2px solid #D8D8D8;
}
.page-category .point-section .point-section__item{
  list-style: none;
  margin-bottom: 60px;
}
.page-category .point-section .point-section__item:last-child{
  margin-bottom: 0;
}
.page-category .point-section .point-section__item .head{
  display: block;
  width: 100%;
  height: 50px;
  color: #000;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  font-weight: bold;
  background: url(../images/pattern-bg.png);
  margin-bottom: 20px;
}
.page-category .point-section .point-section__item .head span{
  font-size: 32px;
  color: #EB7070;
  font-weight: bold;
}
.page-category .point-section .point-section__item .title{
  font-size: 24px;
  color: #313131;
  position: relative;
  padding-left: 22px;
  line-height: 1.8;
  margin-bottom: 20px;
}
.page-category .point-section .point-section__item .title:before{
  position: absolute;
  content: "";
  background: #217d89;
  width: 8px;
  height: 100%;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  top: 2px;
  left: 2px;
}
.page-category .point-section .point-section__item .title:after{
  position: absolute;
  content: "";
  background: #43B1C0;
  width: 8px;
  height: 100%;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  left: 0;
  top: 0;
}
.page-category .point-section .point-section__item .body-txt{
  font-size: 16px;
  color: #010101;
  line-height: 1.75;
  margin-bottom: 20px;
}
.page-category .point-section .point-section__item figure{
  margin-bottom: 20px;
}
.page-category .point-section .point-section__item figure img{
  max-width: 100%;
  height: auto;
  margin-bottom: 5px;
}
.page-category .point-section .point-section__item figcaption{
  font-size: 14px;
  color: #010101;
  line-height: 1.7;
}
.page-category .point-section .point-section__item .inner-post{
  background: #FFFAEA;
  padding: 17px;
}
.page-category .point-section .point-section__item .inner-post__title{
  font-size: 20px;
  color: #313131;
  margin-bottom: 12px;
}
.page-category .point-section .point-section__item .inner-post__list li{
  list-style: none;
}
.page-category .point-section .point-section__item .inner-post__list li a{
  display: inline-block;
  font-size: 16px;
  color: #11566D;
  font-weight: bold;
  margin-bottom: 7px;
}
.page-category .point-section .point-section__item .inner-post__list li:last-child a{
  margin-bottom: 0;
}


/*----------------------------------------
	add 2017/01/30
----------------------------------------*/
@media screen and (min-width: 769px) {
  .alignnone.wp-image-5371, .alignnone.wp-image-5373 {
    display: none !important;
  }

  .side .recommend {
    margin-top: 10px;
  }

  .postFooter img {
    margin: 0px;
  }

  .singlePost .postFooter .banner {
    margin-top: 0;
  }

  a img:hover {
    opacity: 0.8;
  }

  #widget_sp_image-2 {
    display: none;
  }

  .is-fixed {
    position: fixed;
    top: 70px;
  }

  .kz_float .link a {
    border-radius: 10px;
    text-align: center;
    background-color: #61b000;
    border-style: none;
    box-shadow: 0px 4px 0px #2d6200;
    display: block;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    font-size: 26px;
    font-weight: bold;
    width: 500px;
    margin: 0 auto;
  }

  .kz_float .link a:hover {
    opacity: 0.8;
    margin: 2px auto -2px;
    box-shadow: 0px 1px 0px #2d6200;
  }

  .kz_float {
    background: #ffffff;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
  }

  .kz_float .link a .pickup {
    display: inline-block;
    background: #2d6200;
    font-size: 24px;
    color: #FFF;
    font-weight: bold;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 4px 15px;
    margin-right: 10px;
    box-shadow: 0 0 1px 1px #195c1d inset;
  }
}
/*----------------------------------------
  form
----------------------------------------*/
.formAB-wrapper {
  /* clearfix ----------------------------------*/
  /* .container ----------------------------------*/
  /*---------------------- ボタン種類  */
}
.formAB-wrapper .container, .formAB-wrapper .container .innerhead, .formAB-wrapper .testForm table td .check-list, .formAB-wrapper .testForm table td.reform-price {
  zoom: 1;
}
.formAB-wrapper .container:after, .formAB-wrapper .container .innerhead:after, .formAB-wrapper .testForm table td .check-list:after, .formAB-wrapper .testForm table td.reform-price:after {
  display: block;
  clear: both;
  content: "";
}
.formAB-wrapper img {
  vertical-align: middle;
}
.formAB-wrapper .btnGreen a {
  position: relative;
  border-radius: 10px;
  text-align: center;
  background-color: #61b000;
  border-style: none;
  box-shadow: 0px 4px 0px #2d6200;
  display: block;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}
.formAB-wrapper .btnGreen a:hover {
  top: 3px;
  box-shadow: 0px 1px 0px #3d8005;
}
.formAB-wrapper .page_title {
  border-top: 4px solid #eb7070;
  background: url(../images/bg_stripe.png);
  text-align: center;
  padding: 25px 0 30px;
  margin-bottom: 15px;
}
.formAB-wrapper .lead_txt_01 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 60px;
  line-height: 1.8em;
}
.formAB-wrapper .lead_txt_01 .red {
  color: #eb7070;
}
.formAB-wrapper .lead_txt_02 {
  text-align: center;
  margin: 50px auto 40px;
}
.formAB-wrapper .form_title {
  padding-left: 24px;
  line-height: 1.4em;
  font-size: 24px;
  position: relative;
  margin: 20px 0;
}
.formAB-wrapper .form_title span {
  font-size: 16px;
  color: #eb7070;
  margin-left: 20px;
  font-weight: normal;
}
.formAB-wrapper .form_title::before {
  content: '';
  display: block;
  background: #217d89;
  width: 8px;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 2px;
  left: 2px;
}
.formAB-wrapper .form_title::after {
  content: '';
  display: block;
  background: #43b1c0;
  width: 8px;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
.formAB-wrapper .testForm {
  /* チェックボックス ----------------------------------*/
}
.formAB-wrapper .testForm input[type="checkbox"] {
  -webkit-appearance: none;
  position: relative;
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(../images/check.png);
  background-size: contain;
  margin-right: 10px;
  border: none;
}
.formAB-wrapper .testForm input[type="checkbox"]:checked:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 0px;
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(../images/checked.png);
  background-size: 21px 21px;
}
.formAB-wrapper .testForm select {
  height: auto;
}
.formAB-wrapper .testForm input {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.formAB-wrapper .testForm input[type="text"], .formAB-wrapper .testForm input[type="password"] {
  height: auto;
}
.formAB-wrapper .container {
  width: 960px;
  margin: 30px auto;
}
.formAB-wrapper .container .innerhead {
  margin: 40px 0;
}
.formAB-wrapper .container .innerhead .left {
  float: left;
}
.formAB-wrapper .container .innerhead .left h2 {
  font-size: 36px;
}
.formAB-wrapper .container .innerhead .right {
  float: right;
}
.formAB-wrapper .container .innerhead .right #logout-button {
  border-radius: 10px;
  padding: 6px 0px;
  width: 200px;
  height: 50px;
  background-color: #8a8379;
  border-style: none;
  border-bottom: 3px solid #534f49;
  display: block;
  cursor: pointer;
  margin: 0 auto;
  color: #fff;
  font-size: 24px;
}
.formAB-wrapper .btnBlue a {
  border-radius: 10px;
  height: 42px;
  line-height: 42px;
  vertical-align: middle;
  text-align: center;
  background-color: #0babdf;
  border-style: none;
  border-bottom: 3px solid #0880a7;
  display: block;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}
.formAB-wrapper .btnBlue a .number {
  color: #0babdf;
  padding: 5px 10px;
  background: #FFF;
  border-radius: 15px;
  margin-left: 5px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: 2px;
}
.formAB-wrapper .btnBlue input {
  border-radius: 10px;
  width: 320px;
  height: 62px;
  line-height: 62px;
  vertical-align: middle;
  text-align: center;
  background-color: #0babdf;
  border-style: none;
  border-bottom: 3px solid #0880a7;
  display: block;
  cursor: pointer;
  margin: 0 auto;
  color: #fff;
  font-size: 30px;
  text-decoration: none;
}
.formAB-wrapper .btnBlueOn a {
  border-radius: 10px;
  height: 42px;
  line-height: 42px;
  vertical-align: middle;
  text-align: center;
  background-color: #02789e;
  border-style: none;
  border-top: 3px solid #015a76;
  font-size: 18px;
  display: block;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}
.formAB-wrapper .btnBlueOn a .number {
  color: #02789e;
  padding: 3px 10px;
  background: #FFF;
  border-radius: 15px;
  margin-left: 5px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: 2px;
}
.formAB-wrapper .btnBlueOn input {
  border-radius: 10px;
  width: 320px;
  height: 62px;
  line-height: 62px;
  vertical-align: middle;
  text-align: center;
  background-color: #0babdf;
  border-style: none;
  border-bottom: 3px solid #0880a7;
  display: block;
  cursor: pointer;
  margin: 0 auto;
  color: #fff;
  font-size: 30px;
  text-decoration: none;
}
.formAB-wrapper .edit {
  padding: 40px;
  margin-bottom: 20px;
  background: #FFF;
  border-radius: 5px;
}
.formAB-wrapper .edit fieldset {
  border: none;
  padding: 0;
}
.formAB-wrapper .edit fieldset legend {
  color: #81969d;
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
}
.formAB-wrapper .edit fieldset legend .note {
  margin-left: 1em;
  font-weight: normal;
}
.formAB-wrapper .edit textarea {
  width: 800px;
  padding: 10px 20px;
  height: 110px;
  font-size: 24px;
  line-height: 1.6em;
}
.formAB-wrapper .edit select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}
.formAB-wrapper .edit .customSelect {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 2px 0 #AAA;
  background-color: #ecf4f6;
}
.formAB-wrapper .edit .customSelect > select {
  width: 130%;
  padding: 10px 60px 10px 10px;
  height: 40px;
  width: auto;
  font-size: 30px;
  color: #0babdf;
}
.formAB-wrapper .edit .customSelect:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 1.8em;
  display: block;
  content: "";
  background: #ecf4f6 url(../images/triangle.png) center no-repeat;
  pointer-events: none;
}
.formAB-wrapper .edit input[type="text"], .formAB-wrapper .edit input[type="password"], .formAB-wrapper .edit textarea {
  border-radius: 10px;
  height: 40px;
  background-color: #ecf4f6;
  border-style: none;
  border-top: 3px #e0e8e9 solid;
  display: inline-block;
  font-size: 30px;
  padding: 10px 20px;
}
.formAB-wrapper .edit .form-item {
  margin-bottom: 30px;
}
.formAB-wrapper .edit .form-item label {
  color: #81969d;
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.formAB-wrapper .edit .form-item label .note {
  margin-left: 1em;
  font-weight: normal;
}
.formAB-wrapper .testForm table {
  width: 100%;
  border: 2px solid #bbbbbb;
}
.formAB-wrapper .testForm table th, .formAB-wrapper .testForm table td {
  padding: 30px 20px;
  background: #FFF;
  border: 1px solid #ccc;
}
.formAB-wrapper .testForm table th {
  width: 280px;
  background: #ededed;
  vertical-align: middle;
  border-right: none;
  text-align: left;
  color: #000;
  position: relative;
  padding: 30px 20px;
  padding-right: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
}
.formAB-wrapper .testForm table th .required {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 24px;
  color: #eb7070;
  background: #FFF;
  font-size: 16px;
  font-weight: normal;
  width: 56px;
  height: 26px;
  line-height: 26px;
  text-align: center;
}
.formAB-wrapper .testForm table td {
  border-left: none;
}
.formAB-wrapper .testForm table td .mwform-radio-field input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  content: "";
  width: 21px;
  height: 21px;
  line-height: 21px;
  border: none;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background: url(../images/btn_radio.png) no-repeat left top;
}
.formAB-wrapper .testForm table td .mwform-radio-field input:checked {
  background: url(../images/btn_radio.png) no-repeat left bottom;
}
.formAB-wrapper .testForm table td .mwform-radio-field input:focus {
  outline: none;
}
.formAB-wrapper .testForm table td .check-list li {
  float: left;
  margin-right: 14px;
}
.formAB-wrapper .testForm table td .select-common {
  width: 220px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px 60px 10px 10px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px #adadad solid;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: url(../images/triangle.png) center right 25px no-repeat, #FFF;
}
.formAB-wrapper .testForm table td.reform-price div {
  float: left;
}
.formAB-wrapper .testForm table td.reform-price .badgetWrap {
  margin-left: 30px;
}
.formAB-wrapper .testForm table .unfinish {
  background: #FFF;
}
.formAB-wrapper .testForm table .sub {
  vertical-align: middle;
  width: 100px;
  padding-right: 0;
  box-sizing: border-box;
  background: #f8f8f8;
  border-right: none;
}
.formAB-wrapper .testForm table .address01 {
  padding: 0;
  margin: 0;
}
.formAB-wrapper .testForm table .address01 .input01 {
  width: 67px;
}
.formAB-wrapper .testForm table .address01 .input02 {
  width: 87px;
}
.formAB-wrapper .testForm table .address01 .yubin, .formAB-wrapper .testForm table .address01 .hyphen {
  font-size: 16px;
  display: inline-block;
  line-height: 43px;
  vertical-align: middle;
  margin-right: 10px;
}
.formAB-wrapper .testForm table .address01 .hyphen {
  margin: 0 10px;
}
.formAB-wrapper .testForm fieldset {
  border: none;
  padding: 0;
}
.formAB-wrapper .testForm fieldset legend {
  color: #81969d;
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
}
.formAB-wrapper .testForm fieldset legend .note {
  margin-left: 1em;
  font-weight: normal;
}
.formAB-wrapper .testForm textarea {
  width: 800px;
  padding: 10px 20px;
  height: 110px;
  font-size: 24px;
  line-height: 1.6em;
}
.formAB-wrapper .testForm select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}
.formAB-wrapper .testForm .customSelect {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  border: 1px #adadad solid;
}
.formAB-wrapper .testForm .customSelect > select {
  width: 130%;
  padding: 10px 60px 10px 10px;
  height: 20px;
  width: auto;
  font-size: 16px;
}
.formAB-wrapper .testForm .customSelect:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 1.8em;
  display: block;
  content: "";
  background: url(../images/triangle.png) center no-repeat;
  pointer-events: none;
}
.formAB-wrapper .testForm input[type="text"], .formAB-wrapper .testForm input[type="email"], .formAB-wrapper .testForm input[type="password"], .formAB-wrapper .testForm textarea {
  height: auto;
  border-style: none;
  border: 1px #adadad solid;
  display: inline-block;
  font-size: 16px;
  padding: 10px 20px;
}
.formAB-wrapper .testForm .form-item {
  margin-bottom: 30px;
}
.formAB-wrapper .testForm .form-item label {
  color: #81969d;
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.formAB-wrapper .testForm .form-item label .note {
  margin-left: 1em;
  font-weight: normal;
}
.formAB-wrapper .testForm .line {
  border-bottom: 2px solid #f2f1f0;
  margin-bottom: 30px;
}
.formAB-wrapper .testForm .nameInput {
  overflow: hidden;
}
.formAB-wrapper .testForm .nameInput .form-item {
  width: 200px;
  margin-right: 20px;
  float: left;
}
.formAB-wrapper .testForm .nameInput .form-item input {
  width: 160px;
}
.formAB-wrapper .testForm .sexInput {
  overflow: hidden;
}
.formAB-wrapper .testForm .sexInput .form-item {
  float: left;
}
.formAB-wrapper .testForm .sexInput .form-item .crobd {
  float: left;
  color: #0babdf;
  font-size: 24px;
  font-weight: normal;
  margin-right: 40px;
  margin-top: 15px;
}
.formAB-wrapper .testForm .telInput {
  overflow: hidden;
}
.formAB-wrapper .testForm .telInput .input01 {
  width: 304px;
  margin-right: 20px;
  float: left;
}
.formAB-wrapper .testForm .telInput .input01 input {
  width: 264px;
}
.formAB-wrapper .testForm .addressInput .set01 .form-item {
  float: left;
}
.formAB-wrapper .testForm .addressInput .set01 .form-item .input01 {
  width: 67px;
}
.formAB-wrapper .testForm .addressInput .set01 .form-item .input02 {
  width: 87px;
  margin-right: 20px;
}
.formAB-wrapper .testForm .addressInput .set01 .form-item .hyphen {
  font-size: 30px;
  display: inline-block;
  line-height: 63px;
  vertical-align: middle;
  margin: 0 10px;
}
.formAB-wrapper .testForm .addressInput .set01 .address02 {
  padding-top: 30px;
}
.formAB-wrapper .testForm .addressInput .address04 input {
  width: 800px;
}
.formAB-wrapper .testForm .addressInput label {
  font-weight: normal;
}
.formAB-wrapper .testForm .commentInput .form-item {
  margin-bottom: 0;
}
.formAB-wrapper .testForm .commentInput .form-item textarea {
  height: 150px;
}
.formAB-wrapper .testForm .reformDetail .form-item textarea {
  height: 150px;
}
.formAB-wrapper .testForm .familyInput > .form-item {
  margin-bottom: 0;
}
.formAB-wrapper .testForm .familyInput label {
  margin-bottom: 20px;
}
.formAB-wrapper .testForm .familyInput label span {
  font-weight: normal;
}
.formAB-wrapper .testForm .familyInput table td {
  width: 240px;
}
.formAB-wrapper .testForm .familyInput table td .form-item {
  margin-bottom: 20px;
}
.formAB-wrapper .testForm .familyInput table td input, .formAB-wrapper .testForm .familyInput table td label {
  display: inline-block;
}
.formAB-wrapper .testForm .familyInput table td label {
  font-size: 24px;
  font-weight: normal;
  color: #004b64;
  vertical-align: -5px;
}
.formAB-wrapper .testForm .reasonInput > .form-item, .formAB-wrapper .testForm .historyInput > .form-item {
  margin-bottom: 0;
}
.formAB-wrapper .testForm .reasonInput label, .formAB-wrapper .testForm .historyInput label {
  margin-bottom: 20px;
}
.formAB-wrapper .testForm .reasonInput label span, .formAB-wrapper .testForm .historyInput label span {
  font-weight: normal;
}
.formAB-wrapper .testForm .reasonInput table, .formAB-wrapper .testForm .historyInput table {
  width: 100%;
}
.formAB-wrapper .testForm .reasonInput table td, .formAB-wrapper .testForm .historyInput table td {
  width: 50%;
}
.formAB-wrapper .testForm .reasonInput table td input, .formAB-wrapper .testForm .reasonInput table td label, .formAB-wrapper .testForm .historyInput table td input, .formAB-wrapper .testForm .historyInput table td label {
  display: inline-block;
}
.formAB-wrapper .testForm .reasonInput table td label, .formAB-wrapper .testForm .historyInput table td label {
  font-size: 24px;
  font-weight: normal;
  color: #004b64;
  vertical-align: -5px;
}
.formAB-wrapper .testForm .architectInput .form-item {
  overflow: hidden;
}
.formAB-wrapper .testForm .architectInput .form-item .crobd {
  float: left;
  color: #0babdf;
  font-size: 24px;
  font-weight: normal;
  margin-right: 40px;
  margin-top: 15px;
}
.formAB-wrapper .testForm .assetWrap {
  width: 400px;
}
.formAB-wrapper .testForm .assetWrap .rankingAsset {
  width: 240px;
  height: 40px;
  line-height: 1em;
  font-size: 24px;
  border-radius: 5px;
  margin-top: 10px;
  position: relative;
  float: left;
  color: #ffffff;
}
.formAB-wrapper .testForm .assetWrap .rankingAsset label {
  font-size: 14px;
  color: #81969d;
  font-weight: bold;
  margin-right: 10px;
}
.formAB-wrapper .testForm .assetWrap .rankingAsset input {
  box-sizing: border-box;
  width: 180px;
  height: 40px;
  padding: 10px;
  border: 2px solid #f5f5f5;
  border-radius: 5px;
  font-size: 18px;
}
.formAB-wrapper .testForm .assetWrap .formSwitch {
  float: right;
  margin-top: 10px;
}
.formAB-wrapper .testForm .assetWrap .formSwitch a {
  height: 37px;
  line-height: 37px;
  font-size: 18px;
  width: 144px;
}
.formAB-wrapper .testForm .assetWrap .formSwitch a span {
  background: url(../images/switching2.png) no-repeat;
  padding-left: 30px;
}
.formAB-wrapper .testForm .assetWrap .first.formSwitch {
  margin-top: 31px;
}
.formAB-wrapper .testForm .btnWrap {
  position: relative;
  margin-top: 30px;
}
.formAB-wrapper .testForm .btnWrap .send input {
  width: 320px;
  height: 64px;
  padding: 0px;
  background: #0babdf url(../images/btn-querysend2.png) no-repeat 18px center;
  text-indent: 35px;
}
.formAB-wrapper .testForm .btnWrap .btnLong input {
  width: 400px;
}
.formAB-wrapper .testForm .badgetSelect .customSelect {
  float: left;
  margin-right: 30px;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap {
  position: relative;
  line-height: 43px;
  float: left;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap .badgetlink a {
  display: inline-block;
  line-height: 1.8em;
  padding-left: 30px;
  background: url(../images/icon_question.png) no-repeat left top;
  color: #43b1c0;
  text-decoration: none;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap .badget {
  display: none;
  position: absolute;
  left: -500px;
  right: 0;
  top: 0px;
  margin: auto;
  z-index: 1000;
  width: 880px;
  padding: 40px;
  box-sizing: border-box;
  background: #FFF;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.07843) 1px 3px 1px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.07843) 1px 3px 1px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.07843) 1px 3px 1px 0px;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap .badget .inner:before {
  left: 605px;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap .badget .close {
  position: absolute;
  line-height: 1em;
  color: #FFF;
  padding: 0;
  border-radius: 20px;
  font-size: 14px;
  display: block;
  top: -10px;
  right: -10px;
  cursor: pointer;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap .badget .leadtxt01 {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #11566d;
  margin-bottom: 20px;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap .badget .leadtxt02 {
  color: #000;
  line-height: 1.8em;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap .badget .small {
  font-size: 14px;
  margin-top: 0px;
  line-height: 1.8em;
  color: #000;
  margin-bottom: 30px;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap .badget .scroll_wrap {
  height: 310px;
  overflow-y: scroll;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap .badget table {
  width: 100%;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap .badget table th, .formAB-wrapper .testForm .badgetSelect .badgetWrap .badget table td {
  padding: 0px 10px;
  text-align: center;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap .badget table th {
  border: 1px solid #CCC;
  background: #fff9e6;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap .badget table td {
  border: none;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap .badget table td:nth-child(odd) {
  border-right: 1px solid #CCC;
}
.formAB-wrapper .testForm .badgetSelect .badgetWrap .badget table tr:nth-child(odd) td {
  background: #f5f5f5;
}
.formAB-wrapper .form_btn input {
  border-radius: 10px;
  width: 410px;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
  text-align: center;
  background-color: #ebe9e8;
  border-style: none;
  border-bottom: 4px solid #c9c9c9;
  display: block;
  cursor: pointer;
  margin: 60px auto 96px;
  color: #c9c9c9;
  font-size: 20px;
  text-decoration: none;
}
.formAB-wrapper .contact_flow {
  margin-top: 20px;
}
.formAB-wrapper .contact_send input {
  margin-top: 20px;
}
.formAB-wrapper .on input {
  background-color: #61b000;
  border-bottom: 4px solid #2d6200;
  color: #FFF;
}
.formAB-wrapper .copyright {
  background: #43b1c0;
  height: 35px;
  line-height: 35px;
  text-align: center;
}
.formAB-wrapper .copyright small {
  color: #FFF;
  font-size: 13px;
}
.formAB-wrapper .form_page_1 .testForm table .unfinish {
  background: #fff2f2;
}
.formAB-wrapper .form_page_1 .testForm table .border_light {
  border-bottom: 1px solid #efefef;
}
.formAB-wrapper .form_page_1 .testForm table .ranking_cell {
  padding: 0;
}
.formAB-wrapper .form_page_1 .testForm table .ranking_cell table {
  border: none;
}
.formAB-wrapper .form_page_1 .testForm table .ranking_cell table th, .formAB-wrapper .form_page_1 .testForm table .ranking_cell table td {
  border: none;
  border-bottom: 1px solid #efefef;
  position: relative;
}
.formAB-wrapper .form_page_1 .testForm table .ranking_cell table .ranking_error {
  position: absolute;
}
.formAB-wrapper .form_page_1 .testForm table .ranking_cell table .ranking_error_1 {
  top: -28px;
  left: 0px;
}
.formAB-wrapper .form_page_1 .testForm table .ranking_cell table .ranking_error_2 {
  top: -28px;
  left: 104px;
}
.formAB-wrapper .form_page_1 .testForm table .ranking_cell table .ranking_error_3 {
  top: -28px;
  left: 176px;
}
.formAB-wrapper .form_page_1 .testForm table .ranking_cell table .ranking_error_4 {
  top: -28px;
  right: 317px;
}
.formAB-wrapper .form_page_1 .testForm table .ranking_cell table .ranking_error_5 {
  top: -28px;
  right: 148px;
}
.formAB-wrapper .form_page_1 .testForm table .ranking_cell table .sub {
  width: 50px;
  padding: 30px 0;
  text-align: center;
  font-weight: bold;
}
.formAB-wrapper .form_page_1 .testForm table .ranking_cell table tr:last-child th, .formAB-wrapper .form_page_1 .testForm table .ranking_cell table tr:last-child td {
  border-bottom: none;
}
.formAB-wrapper .form_page_1 .customSelect select {
  width: 220px;
}
.formAB-wrapper .form_page_2 .testForm table td {
  padding: 40px 20px;
  position: relative;
}
.formAB-wrapper .form_page_2 .testForm table td p {
  margin-top: 5px;
}
.formAB-wrapper .form_page_2 .testForm table td input[type="email"] {
  width: 360px;
  height: auto;
}
.formAB-wrapper .form_page_2 .testForm table td .caution {
  display: none;
  position: absolute;
  top: -16px;
  left: 20px;
}
.formAB-wrapper .form_page_3 .contact_title_privacy {
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  margin: 20px auto 20px;
}
.formAB-wrapper .form_page_3 .contact_privacy_textbox {
  padding: 20px;
  height: 210px;
  box-sizing: border-box;
  color: #000;
  overflow-y: scroll;
  background: #ededed;
  border: 1px solid #ccc;
}
.formAB-wrapper .form_page_3 .contact_modify {
  text-align: center;
  margin: 30px auto 60px;
}
.formAB-wrapper .form_page_3 .contact_modify a {
  color: #43b1c0;
  text-decoration: none;
  background: url(../images/icon_pencil_02.png) no-repeat left center;
  padding-left: 25px;
  line-height: 1.8em;
  display: inline-block;
}
.formAB-wrapper .form_page_3 .contact_exlink {
  text-align: center;
  margin: 30px auto;
}
.formAB-wrapper .form_page_3 .contact_exlink a {
  color: #43b1c0;
  text-decoration: none;
  background: url(../images/icon_exlink.png) no-repeat right center;
  padding-right: 30px;
  line-height: 1.8em;
  display: inline-block;
}
.formAB-wrapper .form_page_3 .contact_check_privacy {
  text-align: center;
}
.formAB-wrapper .form_page_4 .lead_txt_03 {
  font-size: 20px;
  text-align: center;
  color: #11566d;
  margin: 40px auto 20px;
}
.formAB-wrapper .form_page_4 .lead_txt_04 {
  text-align: center;
  margin-bottom: 40px;
}
.formAB-wrapper .form_page_4 .contact_image {
  display: block;
  margin: 0 auto 80px;
}
.formAB-wrapper .form_page_4 .btnBlue a {
  height: 60px;
  line-height: 60px;
  width: 410px;
  margin: 0 auto 96px;
}
.formAB-wrapper .check-agree {
  text-align: center;
  margin-top: 30px;
}
.formAB-wrapper .to-confirmA__btn input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 10px;
  width: 410px;
  height: 60px;
  line-height: 54px;
  vertical-align: middle;
  text-align: center;
  background-color: #61b000;
  border-style: none;
  border-bottom: 4px solid #2d6200;
  display: block;
  cursor: pointer;
  margin: 60px auto 96px;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}
.formAB-wrapper .form_page_3 .mw_wp_form_confirm .testForm table th .required {
  display: none;
}
.formAB-wrapper .form_page_3 .mw_wp_form_confirm .no-confirm {
  display: none;
}
.formAB-wrapper .form_page_3 .mw_wp_form_confirm .re-edit {
  text-align: center;
  margin: 30px auto 60px;
}
.formAB-wrapper .form_page_3 .mw_wp_form_confirm .re-edit input {
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  color: #43b1c0;
  text-decoration: none;
  background: url(../images/icon_pencil_02.png) no-repeat left center;
  padding-left: 25px;
  line-height: 1.8em;
  display: inline-block;
}
.formAB-wrapper .form_page_3 .mw_wp_form_confirm .badgetWrap {
  display: none;
}
.formAB-wrapper .form_page_3 .mw_wp_form_confirm .ranking_cell {
  padding: 0;
  border: none;
}
.formAB-wrapper .form_page_3 .mw_wp_form_confirm .ranking_cell table {
  border: none;
}
.formAB-wrapper .form_page_3 .mw_wp_form_confirm .ranking_cell table td {
  border: none;
  border-bottom: 1px solid #ccc;
}
.formAB-wrapper .form_page_3 .mw_wp_form_confirm .ranking_cell table tr:last-child td {
  border-bottom: none;
}

/* 囲み記事ボックス 20171206 modify ----------------------------------*/
.kakomi-box {
  border: 4px dotted #b8b8b8;
  padding: 1em 2em;
  margin-bottom: 2em;
}

@media screen and (max-width: 768px) {
  .kakomi-box {
    border: 2px dotted #b8b8b8;
    padding: 1em 1.7em;
  }

  .formAB-wrapper {
    color: #11566d;
    font-size: 11px;
    /* チェックボックス ----------------------------------*/
    /* ラジオボタン ----------------------------------*/
  }
  .formAB-wrapper .clearfix {
    zoom: 1;
  }
  .formAB-wrapper .clearfix:after {
    display: block;
    clear: both;
    content: "";
  }
  .formAB-wrapper .form_title {
    padding-left: 10px;
    font-size: 14px;
  }
  .formAB-wrapper .form_title span {
    font-size: 16px;
    color: #eb7070;
    margin-left: 20px;
    font-weight: normal;
  }
  .formAB-wrapper .form_title::before {
    width: 5px;
    top: 1px;
    left: 1px;
  }
  .formAB-wrapper .form_title::after {
    width: 5px;
    top: 0;
    left: 0;
  }
  .formAB-wrapper input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../images/check.png);
    background-size: contain;
    margin-right: 5px;
    border: none;
  }
  .formAB-wrapper input[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 0px;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../images/checked.png);
    background-size: 21px 21px;
  }
  .formAB-wrapper input[type="text"], .formAB-wrapper input[type="email"], .formAB-wrapper input[type="password"], .formAB-wrapper textarea {
    height: auto;
    border-style: none;
    border: 1px #adadad solid;
    display: inline-block;
    font-size: 13px;
    padding: 10px;
  }
  .formAB-wrapper input[type="text"].unfinish, .formAB-wrapper input[type="email"].unfinish, .formAB-wrapper input[type="password"].unfinish, .formAB-wrapper textarea.unfinish {
    background: #fff2f2;
  }
  .formAB-wrapper .form-item {
    margin-bottom: 30px;
  }
  .formAB-wrapper .form-item label {
    color: #81969d;
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
  .formAB-wrapper .form-item label .note {
    margin-left: 1em;
    font-weight: normal;
  }
  .formAB-wrapper .red {
    color: #eb7070;
  }
  .formAB-wrapper .form_title_sub {
    padding-left: 12px;
    font-size: 10px;
  }
  .formAB-wrapper .reserveSet {
    max-width: 620px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 auto;
  }
  .formAB-wrapper .reserveSet .contact_flow {
    margin: 0px auto 20px;
    width: 100%;
    height: auto;
  }
  .formAB-wrapper .btnBlue a, .formAB-wrapper .btnBlue input {
    border-radius: 5px;
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
    text-align: center;
    background-color: #0babdf;
    border-style: none;
    border-bottom: 2px solid #0880a7;
    display: block;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 20px;
  }
  .formAB-wrapper .btnBlue input {
    width: 100%;
  }
  .formAB-wrapper .page_title {
    background: url(../images/bg_stripe.png);
    background-size: 4px;
    padding: 10px 0;
    margin-bottom: 10px;
  }
  .formAB-wrapper .page_title img {
    display: block;
    margin: 0 auto;
  }
  .formAB-wrapper .page_title.page1 img {
    width: 240px;
    height: auto;
  }
  .formAB-wrapper .page_title.page2 img {
    width: 205px;
    height: auto;
  }
  .formAB-wrapper .testForm .error {
    float: left;
    width: 100%;
    display: block;
    text-align: left;
    font-size: 14px;
    color: #F00;
  }
  .formAB-wrapper .testForm .testForm_sec {
    padding-bottom: 10px;
  }
  .formAB-wrapper .testForm .testForm_sec_title {
    background: #ededed;
    font-size: 12px;
    line-height: 1.2em;
    font-weight: bold;
    color: #000;
    padding: 4px;
    margin-bottom: 10px;
  }
  .formAB-wrapper .testForm .testForm_sec_title .must::before {
    display: inline-block;
    content: "必須";
    font-size: 9px;
    line-height: 1em;
    padding: 2px;
    margin: 0 5px 0 0;
    color: #FFF;
    background: #eb7070;
  }
  .formAB-wrapper .testForm .testForm_sec .border_light {
    border-bottom: 1px solid #bbb;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #000;
  }
  .formAB-wrapper .testForm .testForm_sec .border_light:first-child {
    margin-top: 0;
  }
  .formAB-wrapper .testForm .testForm_sec .ranking_cell .ranking dt, .formAB-wrapper .testForm .testForm_sec .ranking_cell .ranking dd {
    width: 50%;
    float: left;
    margin-bottom: 10px;
  }
  .formAB-wrapper .testForm .testForm_sec .ranking_cell .ranking dt {
    font-size: 13px;
    line-height: 45px;
  }
  .formAB-wrapper .testForm .testForm_sec .ranking_cell .ranking .customSelect {
    float: right;
  }
  .formAB-wrapper .testForm .testForm_sec .inner {
    padding: 0 5px 5px;
  }
  .formAB-wrapper .testForm .testForm_sec .inner2 {
    padding: 0 10px 10px;
  }
  .formAB-wrapper .testForm .testForm_sec .w_100-input input {
    width: 100%;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .formAB-wrapper .testForm .testForm_sec .check-wrap .mwform-checkbox-field {
    width: 50%;
    float: left;
    margin-bottom: 5px;
  }
  .formAB-wrapper .testForm .inner .horizontal-item + .horizontal-item {
    margin-left: 0;
  }
  .formAB-wrapper .testForm .residence-radio .mwform-radio-field {
    display: block;
    margin-bottom: 5px;
  }
  .formAB-wrapper .testForm .building-radio .mwform-radio-field {
    display: block;
    width: 50%;
    float: left;
    margin-bottom: 5px;
  }
  .formAB-wrapper .testForm .mwform-radio-field input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    content: "";
    width: 21px;
    height: 21px;
    font-size: 13px;
    line-height: 21px;
    border: none;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background: url(../images/btn_radio.png) no-repeat left top;
  }
  .formAB-wrapper .testForm .mwform-radio-field input:checked {
    background: url(../images/btn_radio.png) no-repeat left bottom;
  }
  .formAB-wrapper .testForm .mwform-radio-field input:focus {
    outline: none;
  }
  .formAB-wrapper .testForm .select-common {
    width: 100%;
    padding: 10px 0px 10px 10px;
    height: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    border: 1px #adadad solid;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: url(../images/triangle.png) center right 25px no-repeat, #FFF;
  }
  .formAB-wrapper .testForm .select-common--rank {
    background: url(../images/triangle.png) center right 10px no-repeat, #FFF;
  }
  .formAB-wrapper .massage_error {
    color: #FF0000;
    font-size: 13px;
    background: url(../images/icon_caution.png) no-repeat left 1px;
    background-size: 19px;
    padding-left: 25px;
    margin-bottom: 5px;
  }
  .formAB-wrapper .form_btn input {
    border-radius: 5px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    text-align: center;
    background-color: #ebe9e8;
    border-style: none;
    border-bottom: 2px solid #c9c9c9;
    display: block;
    cursor: pointer;
    margin: 20px auto;
    color: #c9c9c9;
    font-size: 14px;
    text-decoration: none;
  }
  .formAB-wrapper .form_btn.on input {
    color: #FFF;
    background: #61b000;
    border-bottom: 2px solid #2d6200;
  }
  .formAB-wrapper .popupWrap .popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -120px;
    margin-left: -150px;
    z-index: 1;
  }
  .formAB-wrapper .popupWrap .popup .inner {
    background: #FFF;
    width: 300px;
    box-sizing: border-box;
    padding: 20px 10px;
    position: relative;
    border-radius: 5px;
  }
  .formAB-wrapper .popupWrap .popup .inner .pref, .formAB-wrapper .popupWrap .popup .inner .city_town {
    font-size: 13px;
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .formAB-wrapper .popupWrap .popup .inner .city_town {
    margin-top: 15px;
  }
  .formAB-wrapper .popupWrap .popup .inner .city_town span {
    font-weight: normal;
    font-size: 11px;
  }
  .formAB-wrapper .popupWrap .popup .inner input {
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    margin-bottom: 0;
  }
  .formAB-wrapper .popupWrap .popup .inner .btnBlue {
    margin-top: 15px;
  }
  .formAB-wrapper .popupWrap .popup .inner .close {
    position: absolute;
    right: -5px;
    top: -20px;
    width: 32px;
  }
  .formAB-wrapper .popupWrap .popup .inner .close img {
    width: 100%;
    height: auto;
  }
  .formAB-wrapper .badgetWrap .badget {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -240px;
    margin-left: -150px;
    z-index: 1;
  }
  .formAB-wrapper .badgetWrap .badget .inner {
    background: #FFF;
    width: 300px;
    box-sizing: border-box;
    padding: 20px 10px;
    position: relative;
    border-radius: 5px;
  }
  .formAB-wrapper .badgetWrap .badget .inner .leadtxt01 {
    text-align: center;
    font-size: 16px;
    color: #11566d;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .formAB-wrapper .badgetWrap .badget .inner .leadtxt02 {
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;
  }
  .formAB-wrapper .badgetWrap .badget .inner .small {
    font-size: 11px;
    margin-bottom: 5px;
    color: #000000;
  }
  .formAB-wrapper .badgetWrap .badget .inner .scroll_wrap {
    height: 260px;
    overflow-y: scroll;
    border: 1px solid #CCC;
  }
  .formAB-wrapper .badgetWrap .badget .inner table {
    width: 100%;
  }
  .formAB-wrapper .badgetWrap .badget .inner table th, .formAB-wrapper .badgetWrap .badget .inner table td {
    padding: 10px;
    text-align: center;
    font-size: 13px;
    color: #000;
  }
  .formAB-wrapper .badgetWrap .badget .inner table th {
    border-bottom: 1px solid #CCC;
    background: #fff9e6;
  }
  .formAB-wrapper .badgetWrap .badget .inner table th:nth-child(odd) {
    border-right: 1px solid #CCC;
  }
  .formAB-wrapper .badgetWrap .badget .inner table td {
    border: none;
  }
  .formAB-wrapper .badgetWrap .badget .inner table td:nth-child(odd) {
    border-right: 1px solid #CCC;
  }
  .formAB-wrapper .badgetWrap .badget .inner table tr:nth-child(odd) td {
    background: #f5f5f5;
  }
  .formAB-wrapper .badgetWrap .badget .inner .close {
    position: absolute;
    right: -5px;
    top: -20px;
    width: 32px;
  }
  .formAB-wrapper .badgetWrap .badget .inner .close img {
    width: 100%;
    height: auto;
  }
  .formAB-wrapper .modal_bg {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
  }
  .formAB-wrapper .lead_txt_01 {
    text-align: left;
    font-size: 11px;
    margin-bottom: 20px;
  }
  .formAB-wrapper .form_page_1 .form_title {
    margin-bottom: 5px;
  }
  .formAB-wrapper .form_page_1 .form_title_sub {
    margin-bottom: 5px;
  }
  .formAB-wrapper .form_page_1 .popuplink {
    text-align: right;
    padding-top: 5px;
  }
  .formAB-wrapper .form_page_1 .popuplink a {
    display: inline-block;
    font-size: 12px;
    color: #43b1c0;
    text-decoration: none;
    line-height: 13px;
    background: url(../images/icon_pencil_light.png) no-repeat;
    background-size: 13px;
    padding-left: 16px;
  }
  .formAB-wrapper .form_page_1 .badgetlink {
    text-align: right;
    padding-top: 5px;
  }
  .formAB-wrapper .form_page_1 .badgetlink a {
    display: inline-block;
    font-size: 12px;
    color: #43b1c0;
    text-decoration: none;
    line-height: 13px;
    background: url(../images/icon_question.png) no-repeat;
    background-size: 13px;
    padding-left: 16px;
  }
  .formAB-wrapper .form_page_2 .lead_txt_01 {
    font-size: 13px;
  }
  .formAB-wrapper .form_page_2 .testForm .inner {
    padding: 0 5px 5px;
  }
  .formAB-wrapper .form_page_2 .testForm .inner input {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
  }
  .formAB-wrapper .form_page_2 .testForm .inner p {
    font-size: 13px;
  }
  .formAB-wrapper .form_page_3 .lead_txt_01 {
    font-size: 13px;
  }
  .formAB-wrapper .form_page_3 .form_title {
    margin-bottom: 10px;
  }
  .formAB-wrapper .form_page_3 .testForm {
    margin-bottom: 30px;
  }
  .formAB-wrapper .form_page_3 .testForm .form_confirm {
    border: 1px solid #bbbbbb;
    width: 100%;
    margin-bottom: 10px;
  }
  .formAB-wrapper .form_page_3 .testForm .form_confirm th, .formAB-wrapper .form_page_3 .testForm .form_confirm td {
    display: block;
    color: #000;
  }
  .formAB-wrapper .form_page_3 .testForm .form_confirm th {
    padding: 5px 10px;
    background: #ededed;
    text-align: left;
    font-size: 12px;
  }
  .formAB-wrapper .form_page_3 .testForm .form_confirm td {
    padding: 10px 10px 15px;
    font-size: 14px;
  }
  .formAB-wrapper .form_page_3 .testForm .modify_link {
    text-align: center;
  }
  .formAB-wrapper .form_page_3 .testForm .modify_link a {
    color: #11566d;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    background: url(../images/icon_pencil.png) no-repeat left center;
    background-size: 13px;
    line-height: 13px;
    display: inline-block;
    padding-left: 16px;
  }
  .formAB-wrapper .form_page_3 h3 {
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 5px;
  }
  .formAB-wrapper .form_page_3 .contact_privacy_textbox {
    height: 145px;
    padding: 10px;
    overflow-y: scroll;
    box-sizing: border-box;
    border: 1px solid #ccc;
    font-size: 11px;
    color: #000;
    background: #ededed;
    margin-bottom: 20px;
  }
  .formAB-wrapper .form_page_3 .contact_check_privacy {
    margin-bottom: 45px;
  }
  .formAB-wrapper .form_page_3 .contact_check_privacy label {
    font-size: 13px;
  }
  .formAB-wrapper .form_page_3 .mw_wp_form_confirm .badgetWrap {
    display: none;
  }
  .formAB-wrapper .form_page_3 .mw_wp_form_confirm .no-confirm {
    display: none;
  }
  .formAB-wrapper .form_page_3 .mw_wp_form_confirm .re-edit {
    margin: 20px auto 40px;
  }
  .formAB-wrapper .form_page_3 .mw_wp_form_confirm .re-edit input {
    font-size: 14px;
  }
  .formAB-wrapper .form_page_end {
    max-width: 600px;
  }
  .formAB-wrapper .form_page_end .lead_txt_01 {
    color: #11566d;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
  }
  .formAB-wrapper .form_page_end .txt01 {
    font-size: 13px;
    color: #000;
    margin-bottom: 15px;
  }
  .formAB-wrapper .form_page_end .finish_image {
    width: 62.5%;
    margin: 0 auto 30px;
  }
  .formAB-wrapper .form_page_end .finish_image img {
    width: 100%;
    height: auto;
  }
  .formAB-wrapper .to-confirmA-sp__btn input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 45px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    background-color: #61b000;
    border-style: none;
    border-bottom: 2px solid #2d6200;
    display: block;
    cursor: pointer;
    margin: 20px auto;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
  }
  .formAB-wrapper .contact_check_privacy {
    margin-bottom: 10px;
  }
  .formAB-wrapper .contact_check_privacy .error {
    width: 100%;
    display: block;
    text-align: left;
    font-size: 14px;
    color: #F00;
  }
}
@media screen and (max-width: 768px) {
  body{
    margin-top: 75px;
  }
  .globalHeader {
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    background: #FFF;
  }
  .globalHeader .headArea {
    height: 20px;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .globalHeader .headArea .wrap .siteTitle {
    line-height: 20px;
    font-size: 10px;
  }
  .globalHeader .headArea.fixed .wrap .btnBlue {
    right: -5px;
    top: 25px;
  }
  .globalHeader .headArea.fixed .wrap .btnBlue a {
    font-size: 11px;
  }
  .globalHeader .headerBody {
    width: 100%;
    height: auto;
    padding: 10px 10px 16px;
    box-sizing: border-box;
    border-bottom: 3px solid #eb7070;
    position: relative;
  }
  .globalHeader .headerBody .siteLogo {
    float: none;
    padding: 0px;
  }
  .globalHeader .headerBody .siteLogo img {
    width: 125px;
    height: auto;
  }
  .globalHeader .headerBody .menu_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 75px;
    display: block;
  }
  .globalHeader .headerBody .menu_btn img {
    width: 100%;
    height: auto;
  }
  .globalHeader .headerBody .menu_btn .btn_menu_open {
    display: block;
  }
  .globalHeader .headerBody .menu_btn .btn_menu_close {
    display: none;
  }
  .globalHeader .headerBody .tel {
    float: none;
    margin: 0px;
    padding: 10px;
    display: none;
  }
  .globalHeader .headerBody .tel img {
    width: 100%;
    height: auto;
  }
  .globalHeader .headerBody .estimate {
    position: static;
    padding: 10px;
    text-align: center;
    display: none;
  }
  .globalHeader .gnavWrap {
    height: auto;
    border-bottom: none;
    position: absolute;
    top: 72px;
    width: 100%;
    z-index: 1;
    display: none;
  }
  .globalHeader .gnavWrap .gnav {
    width: 100%;
    background: #FFF;
    z-index: 1;
  }
  .globalHeader .gnavWrap .gnav .global-menu__list .global-menu__item {
    float: none;
    border-bottom: 1px solid #efefef;
  }
  .globalHeader .gnavWrap .gnav .global-menu__list .global-menu__item a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 15px 10px 15px 35px;
    color: #000;
    height: auto;
    line-height: 1.5em;
  }
  .globalHeader .gnavWrap .gnav .global-menu__list .global-menu__item1 a {
    background: url(../images/header/menu_icon_01.jpg) no-repeat 10px center;
    background-size: 16px;
  }
  .globalHeader .gnavWrap .gnav .global-menu__list .global-menu__item2 a {
    background: url(../images/header/menu_icon_02.jpg) no-repeat 10px center;
    background-size: 16px;
  }
  .globalHeader .gnavWrap .gnav .global-menu__list .global-menu__item3 a {
    background: url(../images/header/menu_icon_03.jpg) no-repeat 10px center;
    background-size: 17px;
  }
  .globalHeader .gnavWrap .gnav .global-menu__list .global-menu__item4 a {
    background: url(../images/header/menu_icon_04.jpg) no-repeat 10px center;
    background-size: 16px;
  }
  .globalHeader .gnavWrap .gnav .global-menu__list .global-menu__item5 a {
    background: url(../images/header/menu_icon_05.jpg) no-repeat 10px center;
    background-size: 16px;
  }
  .globalHeader .gnavWrap .gnav .global-menu__list .global-menu__item6 {
    display: block;
  }
  .globalHeader .gnavWrap .gnav .global-menu__list .global-menu__item6 a {
    background: url(../images/header/menu_icon_06.jpg) no-repeat 10px center;
    background-size: 16px;
  }
  .globalHeader .gnavWrap .gnav .global-menu__list .global-menu__item7 {
    display: block;
  }
  .globalHeader .gnavWrap .gnav .global-menu__list .global-menu__item7 a {
    background: url(../images/header/menu_icon_07.jpg) no-repeat 10px 15px;
    background-size: 14px;
  }
  .globalHeader .gnavWrap .gnav .global-menu__list .global-menu__item7 a p {
    font-size: 11px;
    color: #000;
    letter-spacing: -1px;
  }
  .globalHeader .gnavWrap .gnav .global-menu__list .global-menu__item7 a .tel {
    color: #11566d;
    font-size: 14px;
    letter-spacing: 0px;
  }
  .globalHeader .gnavWrap .gnav .global-menu__list .global-menu__item7 a .tel span {
    font-size: 11px;
    color: #000;
  }
  .globalHeader .gnavWrap .gnav .btnLogin {
    display: none;
    position: static;
    padding: 0 21px 10px;
  }
  .globalHeader .gnavWrap .gnav .global-menu__btn-area {
    display: block;
    padding: 14px 10px;
    border-bottom: 1px solid #efefef;
  }
  .globalHeader .gnavWrap .gnav .global-menu__btn-area__txt {
    width: 163px;
    margin: 0 auto 8px;
  }
  .globalHeader .gnavWrap .gnav .global-menu__btn-area__txt img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  .globalHeader .gnavWrap .gnav .global-menu__btn-area .form_btn input {
    margin: 0 auto;
    border-radius: 5px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    text-align: center;
    display: block;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    color: #FFF;
    background: #61b000;
    border-bottom: 2px solid #2d6200;
  }
  .globalHeader .gnavWrap .gnav .menu_close {
    display: block;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    text-align: center;
    color: #000;
    font-weight: bold;
  }
  .globalHeader .gnavWrap.-fixedHeader{
    display: none !important;
  }
  .bcWrap #breadCrumb {
    width: 100%;
    padding: 10px;
    padding-bottom: 0;
    box-sizing: border-box;
    margin-bottom: 0;
  }
  .bcWrap #breadCrumb li {
    font-size: 11px;
  }

  .container {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }

  .wrap {
    width: 100%;
    box-sizing: border-box;
  }

  .main {
    width: 100%;
    float: none;
  }

  .postExcerpt .thumbnail {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .postExcerpt .thumbnail img {
    width: 100%;
    height: auto;
  }
  .postExcerpt .textArea1 {
    float: none;
    width: 100%;
  }
  .postExcerpt .info .tagWrap {
    width: 60%;
  }

  .pagination {
    padding: 0 0 40px;
    height: 45px;
  }

  .sidefixed {
    position: relative;
  }

  .singlePost * {
    word-wrap: break-word;
  }
  .singlePost img {
    width: 100%;
    height: auto;
  }
  .wp_social_bookmarking_light img{
    max-width: 100%;
    height: auto;
    width: 88px;
  }
  .singlePost .btnBlue a {
    width: 100%;
  }
  .singlePost table {
    width: 100% !important;
  }
  .singlePost table th, .singlePost table td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
  .singlePost .postFooter .banner {
    margin-top: 0px;
    padding: 20px 10px;
  }
  .singlePost .postFooter .banner .pickup {
    padding: 0 2px;
    letter-spacing: 1px;
  }
  .singlePost .postFooter .banner .title {
    text-align: left;
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .singlePost .postFooter .banner .title br {
    display: none;
  }
  .singlePost .postFooter .banner .title .large_txt {
    font-size: 20px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 5px;
  }
  .singlePost .postFooter .banner .title .pickup {
    font-size: 22px;
  }
  .singlePost .postFooter .banner .txt {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .singlePost .postFooter .banner .txt .pickup {
    font-size: 16px;
  }
  .singlePost .postFooter .banner .link {
    margin-top: 20px;
  }
  .singlePost .postFooter .banner .link a {
    padding: 10px 7px;
    font-size: 14px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .singlePost .postFooter .banner .link a:after {
    content: none;
  }
  .singlePost .postFooter .banner .link a .pickup {
    font-size: 14px;
    padding: 2px 5px 1px;
    margin-right: 6px;
  }

  .side {
    width: 100%;
    float: none;
    padding-bottom: 0;
  }
  .side .pcOnlyForm{
    display: none;
  }
  .side .recommend h2{
    border-bottom: 1px solid #DDD;
    margin-bottom: 15px;
    padding: 5px 10px;
    padding-left: 45px;
    font-size: 18px;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    background-position: center left 15px;
    -webkit-background-size: 21px 25px;
         -o-background-size: 21px 25px;
            background-size: 21px 25px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% + 20px);
    margin-left: -10px;
  }
  .side .sidePosts{
    margin-bottom: 40px;
  }
  .side .sidePosts li{
    padding: 0 0 15px;
    margin-bottom: 15px;
    border-top: none;
    border-bottom: 1px dashed #e0e0e0;
  }
  .side .sidePosts li .thumbnail {
    width: 40%;
  }
  .side .sidePosts li .thumbnail img {
    width: 100%;
    height: auto;
  }
  .side .sidePosts li .title {
    width: 56%;
  }
  .side .sidePosts li .title a{
    font-size: 14px;
    font-weight: bold;
    color: #11566d;
  }
  .side #widget_sp_image-2 a img {
    width: 100%;
    height: auto;
  }
  .side .place-nouhau {
    margin-bottom: 40px;
  }
  .side .place-nouhau h2{
    font-size: 18px;
    border-bottom: none;
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  .side .place-nouhau__list {
    width: calc(100% + 20px);
    margin-left: -10px;
    border-top: 1px solid #43B1C0;
  }
  .side .place-nouhau__list li{
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
    border-bottom: 1px solid #43B1C0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .side .place-nouhau__list li:nth-child(odd){
    margin-right: 0;
    border-right: 1px solid #43B1C0;
  }
  .side .place-nouhau__list li a{
    width: 100%;
    height: 68px;
    font-size: 14px;
    font-weight: bold;
    border: none;
    -webkit-border-radius: 0;
            border-radius: 0;
  }
  .side .place-nouhau__list li a br{
    display: none;
  }
  .side .place-nouhau__list li a br.sp-on{
    display: block;
  }
  .side .bysubject h2{
    font-size: 18px;
    border-bottom: 1px solid #D8D8D8;
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 0 10px 5px;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .side .bysubject__list .post{
    padding: 0 0 15px;
    margin-bottom: 15px;
    border-top: none;
    border-bottom: 1px dashed #e0e0e0;
  }
  .side .bysubject__list .post .thumbnail{
    width: 40%;
  }
  .side .bysubject__list .post .title{
    width: 56%;
  }
  .side .bysubject__list .post .title a{
    font-weight: bold;
    font-size: 14px;
    color: #11566d;
  }

  .footerBnr {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 5px;
  }
  .footerBnr li {
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
  }
  .side .rankingTitle {
    background: url(../images/img_side01.png) no-repeat left 10px top;
    -webkit-background-size: 24px 25px;
         -o-background-size: 24px 25px;
            background-size: 24px 25px;
    font-size: 18px;
    margin-bottom: 15px;
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 5px 10px 5px 45px;
    border-bottom: 1px solid #D8D8D8;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .side .ranking {
    margin-bottom: 45px;
  }
  .side .ranking ul li {
    padding: 0 0 15px;
    margin-bottom: 15px;
    border-top: none;
    border-bottom: 1px dashed #dddddd;
  }
  .side .ranking ul li:before {
    width: 30px;
    height: 22px;
    position: absolute;
    left: 5px;
    margin-left: 0;
  }
  .side .ranking ul li:first-child:before,
  .side .ranking ul li:nth-child(2):before,
  .side .ranking ul li:nth-child(3):before,
  .side .ranking ul li:nth-child(4):before,
  .side .ranking ul li:nth-child(5):before {
    top: 5px;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
  }
  .side .ranking .post .thumbnail{
    width: 40%;
  }
  .side .ranking .post .title{
    width: 56%;
  }
  .side .ranking .post .title a{
    font-weight: bold;
    font-size: 14px;
    color: #11566d;
  }

  #page-top {
    right: 5px;
    bottom: 5px;
  }

  .globalFooter .wrap {
    padding: 0;
    border-bottom: none;
  }
  .globalFooter .wrap .sitemap {
    float: none;
    width: 100%;
  }
  .globalFooter .wrap .sitemap:first-child{
    display: none;
  }
  .globalFooter .wrap .sitemap .heading1 {
    display: none;
  }
  .globalFooter .wrap .sitemap .list1 li {
    border-bottom: 1px solid #fff;
    padding: 10px 20px;
    background: url(../images/arrow02.png) no-repeat 10px center;
    margin-bottom: 0;
    line-height: 1;
  }
  .globalFooter .wrap .sitemap .list1 li a{
    display: block;
    padding-left: 5px;
  }
  .globalFooter .wrap .footerContact {
    float: none;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: #F2F1F0;
    border: 1px solid #E2E2E2;
  }
  .globalFooter .wrap .footerContact .message textarea{
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3) inset;
            box-shadow: 0 0 10px 0 rgba(0,0,0,.3) inset;
  }
  .globalFooter .wrap .footerContact .btnBlue input{
    font-weight: normal;
    height: 37px;
  }
  .globalFooter .footerGuide {
    margin-bottom: 0;
    padding: 20px 0 10px;
    background: #FFF;
  }
  .globalFooter .footerGuide li {
    display: none;
  }
  .globalFooter .footerGuide li.sp-only {
    display: inline-block;
    margin: 0;
    padding: 0 14px;
    line-height: 1;
  }
  .globalFooter .footerGuide li.sp-only a{
    text-decoration: underline;
    font-weight: normal;
  }
  .globalFooter .footerGuide li.sp-only:last-child {
    border-left: 1px solid #5B5B5B;
  }

  .relativePosts ul li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .relativePosts ul li img {
    width: 100%;
    height: auto;
  }

  .action {
    display: none;
  }

  /*----------------------------------------
  	add 2017/01/30
  ----------------------------------------*/
  .postFooter img {
    margin: 0px;
  }

  .kz_bnrBox {
    margin-bottom: 20px;
    margin-top: -20px;
  }

  .kz_float {
    position: fixed;
    left: 10px;
    bottom: 0px;
    width: 75%;
    height: 63px;
  }

  .kz_float .btnGreen a {
    padding: 5px 0;
    line-height: 20px;
  }

  .caption_txt {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: #FFF;
    background: #2D6200;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 1px 1px #195c1d inset;
    box-shadow: 0 0 1px 1px #195c1d inset;
  }

  footer {
    margin-bottom: 70px;
  }
}

/* スマートフォン対応 */
@media screen and (max-width: 768px) {

  /*----------------------------------------
    shop
  ----------------------------------------*/
  .page-shop {
    /*----------------------------------------
      title
    ----------------------------------------*/
  }
  .page-shop .wrap {
    width: 100%;
  }
  .page-shop .ttl1 {
    padding-left: 20px;
    line-height: 35px;
    height: 35px;
    font-size: 20px;
  }
  .page-shop .ttl1:before {
    width: 6px;
  }
  .page-shop .ttl1:after {
    width: 6px;
  }
  .page-shop .reform_title01 {
    height: 60px;
    font-size: 22px;
    line-height: 60px;
    margin-bottom: 20px;
  }
  .page-shop .reform_title02 {
    font-size: 18px;
  }
  .page-shop .reform_title02 span {
    margin-right: 15px;
    font-size: 1.8em;
    bottom: -3px;
  }
  .page-shop .mr10 {
    margin-right: 0;
  }
  .page-shop .highlight {
    font-size: 16px;
    font-weight: bold;
    background: linear-gradient(rgba(0, 0, 0, 0) 60%, #fff158 40%);
  }
  .page-shop .btnBlue_shop {
    width: 90%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
  .page-shop .btn_shop input {
    width: 300px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
  .page-shop .check_list li {
    padding-left: 46px;
    margin-bottom: 19px;
  }
  .page-shop .check_list li p {
    display: inline-block;
    font-weight: bold;
    border-bottom: 1px solid #eb7070;
    margin-bottom: 4px;
  }
  .page-shop .shop01 {
    width: 100%;
    padding: 0 15px 26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-shop .shop01 .txt01 {
    margin: 0 auto 10px;
  }
  .page-shop .shop01 .lead_title01 {
    font-size: 22px;
  }
  .page-shop .shop01 .txt02 {
    font-size: 18px;
  }
  .page-shop .shop02 {
    margin-bottom: 70px;
  }
  .page-shop .shop02 .wrap {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-shop .shop02 .wrap .imglist01 {
    margin-bottom: 50px;
  }
  .page-shop .shop02 .wrap .imglist01 li {
    float: none;
    text-align: center;
  }
  .page-shop .shop02 .wrap .imglist01 li img {
    max-width: 100%;
    height: auto;
  }
  .page-shop .shop02 .wrap .imglist01 :nth-child(2) {
    margin: 0;
  }
  .page-shop .shop02 .wrap .imgbox_height01 {
    height: auto;
  }
  .page-shop .shop02 .wrap .imgbox_height02 {
    height: auto;
  }
  .page-shop .shop02 .wrap .txt_pink {
    font-size: 20px;
  }
  .page-shop .shop02 .wrap .imgbox02 {
    margin-bottom: 63px;
  }
  .page-shop .shop02 .wrap .imgbox02 .imgbox_left {
    float: none;
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
  .page-shop .shop02 .wrap .imgbox02 .imgbox_left .imgbox_title {
    font-size: 17px;
    height: auto;
    line-height: 1.7;
    padding: 10px;
    margin-bottom: 10px;
  }
  .page-shop .shop02 .wrap .imgbox02 .imgbox_left ul {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-shop .shop02 .wrap .imgbox02 .imgbox_left p {
    text-align: center;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-shop .shop02 .wrap .imgbox02 .imgbox_left img {
    max-width: 100%;
    height: auto;
  }
  .page-shop .shop02 .wrap .imgbox02 .imgbox_left .img01 img {
    margin-top: 36px;
  }
  .page-shop .shop02 .wrap .imgbox02 .imgbox_right {
    float: none;
    width: 100%;
    padding: 0 10px 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-shop .shop02 .wrap .imgbox02 .imgbox_right .imgbox_logo,
  .page-shop .shop02 .wrap .imgbox02 .imgbox_right .imgbox_logo02 {
    width: 100%;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-shop .shop02 .wrap .imgbox02 .imgbox_right .imgbox_logo img,
  .page-shop .shop02 .wrap .imgbox02 .imgbox_right .imgbox_logo02 img {
    max-width: 100%;
    height: auto;
    margin-top: auto;
  }
  .page-shop .shop02 .wrap .imgbox02 .imgbox_right ul {
    margin: 0 auto 10px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-shop .shop02 .wrap .imgbox02 .imgbox_right img {
    max-width: 100%;
    height: auto;
  }
  .page-shop .shop02 .wrap .imgbox03 {
    margin-bottom: 30px;
  }
  .page-shop .shop02 .wrap .imgbox03 .matching_box {
    float: none;
    height: 100%;
    margin-bottom: 10px;
  }
  .page-shop .shop02 .wrap .imgbox03 .matching_box img {
    max-width: 100%;
    height: auto;
  }
  .page-shop .shop02 .wrap .imgbox03 .matching_box h4 {
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #fff9e6;
    border-bottom: 3px #e2e2e2 solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-shop .shop03 {
    margin-bottom: 30px;
    overflow: hidden;
  }
  .page-shop .shop03 .wrap {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-shop .shop03 .wrap .reform_flow {
    height: auto;
    margin-bottom: 30px;
    padding: 10px;
  }
  .page-shop .shop03 .wrap .reform_flow .flow_list {
    margin-top: 10px;
    float: none;
  }
  .page-shop .shop03 .wrap .reform_flow .flow_list li {
    margin-bottom: 10px;
    width: 50%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-shop .shop03 .wrap .reform_flow .flow_list li img{
    max-width: 100%;
    height: auto;
  }
  .page-shop .shop03 .wrap .img_right {
    float: none;
    margin: 20px auto;
    text-align: center;
  }
  .page-shop .shop03 .wrap .flow_txt{
    padding-top: 0;
  }
  .page-shop .shop03 .ttl1 {
    margin-bottom: 20px;
  }
  .page-shop .shop04 {
    margin-bottom: 30px;
  }
  .page-shop .shop04 .wrap {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-shop .shop04 .wrap .mb40 {
    margin-bottom: 20px;
  }
  .page-shop .shop04 .wrap .mg30 {
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 28px;
  }
  .page-shop .shop04 .wrap .ttl1 {
    margin-bottom: 20px;
  }
  .page-shop .shop05 {
    background: #FFF9E6;
    overflow: hidden;
  }
  .page-shop .shop05 .wrap {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-shop .shop05 .wrap .txt01 {
    text-align: center;
    margin-bottom: 22px;
    line-height: 28px;
  }
  .page-shop .shop05 .wrap .contact_form table {
    width: 100%;
  }
  .page-shop .shop05 .wrap .contact_form table th, .page-shop .shop05 .wrap .contact_form table td {
    display: block;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-shop .shop05 .wrap .contact_form table .company_input {
    height: auto;
  }
  .page-shop .shop05 .wrap .contact_form table .company_name {
    width: 100%;
    padding-left: 0;
    display: block;
    height: 40px;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .page-shop .shop05 .wrap .contact_form table .prefecture_select {
    height: auto;
  }
  .page-shop .shop05 .wrap .contact_form table .pref_name {
    width: 100%;
    height: 40px;
    background: none;
    padding-left: 0;
    display: block;
  }
  .page-shop .shop05 .wrap .contact_form table .premit {
    height: auto;
  }
  .page-shop .shop05 .wrap .contact_form table #false {
    margin-left: 0;
  }
  .page-shop .shop05 .wrap .contact_form table label {
    padding-left: 10px;
    vertical-align: middle;
  }
  .page-shop .shop05 .wrap .contact_form table .money {
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    width: 80%;
    height: 40px;
    margin: 0 auto;
    margin-right: 10px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-shop .shop05 .wrap .contact_form table .money input{
    margin: 0;
    width: 100%;
  }
  .page-shop .shop05 .wrap .contact_form table .reform_sales {
    height: auto;
  }
  .page-shop .shop05 .wrap .contact_form table .contact_name {
    height: auto;
  }
  .page-shop .shop05 .wrap .contact_form table .input_name {
    width: 254px;
    height: 40px;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-left: 20px;
    padding-left: 15px;
  }
  .page-shop .shop05 .wrap .contact_form table .mb10 {
    margin-bottom: 10px;
  }
  .page-shop .shop05 .wrap .contact_form table .address_input {
    height: auto;
  }
  .page-shop .shop05 .wrap .contact_form table .mail_address {
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 40px;
    width: 100%;
    padding-left: 0;
  }
  .page-shop .shop05 .wrap .contact_form table .required {
    font-weight: bold;
    color: #EB7070;
    width: 56px;
    height: 26px;
    text-align: center;
    background: #fff;
    margin-right: 20px;
    float: right;
  }
  .page-shop .shop05 .wrap .contact_form .btnBlue input {
    color: #FFF;
    border: none;
    font-size: 20px;
    background-color: #0babdf;
    height: 55px;
  }
  .page-shop .shop05 .wrap .list01 {
    font-size: 12px;
    line-height: 20px;
    margin-top: 40px;
    margin-bottom: 50px;
  }
  /*----------------------------------------
  company
  ----------------------------------------*/
  .page-company .leadimg img{
    max-width: 100%;
    height: auto;
  }
  .page-company h2 {
    padding-left: 20px;
    font-size: 20px;
    margin: 10px 0;
  }
  .page-company h2:before {
    width: 6px;
  }
  .page-company h2:after {
    width: 6px;
  }
  .page-company h2 a {
    color: #004b64;
  }
  .page-company h3 {
    color: #217d89;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 6px;
    border-bottom: 2px solid #d8d8d8;
    margin-bottom: 15px;
  }
  .page-company p {
    font-size: 14px;
  }
  .page-company .sec01 {
    margin: 0 auto 50px;
  }
  .page-company .sec01 .leadtxt {
    font-size: 18px;
  }
  .page-company .sec01 .pageMenu {
    margin: 60px auto;
  }
  .page-company .sec01 .pageMenu ul li {
    float: none;
    margin-left: 0;
    text-align: center;
  }
  .page-company .sec01 .pageMenu ul li img{
    max-width: 100%;
    height: auto;
  }
  .page-company .sec02 {
    margin-bottom: 60px;
  }
  .page-company .sec02 .leadArea {
    height: auto;
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-company .sec02 .leadArea h2 {
    font-size: 26px;
  }
  .page-company .sec02 .leadArea .lead1 {
    font-size: 20px;
  }
  .page-company .sec02 .leadArea .lead1 br{
    display: none;
  }
  .page-company .sec02 .leadArea .lead2 {
    font-size: 14px;
  }
  .page-company .sec03 {
    margin-bottom: 60px;
  }
  .page-company .sec03 .lead1 {
    font-size: 20px;
  }
  .page-company .sec03 .image {
    background: none;
  }
  .page-company .sec03 .image ul li {
    height: auto;
  }
  .page-company .sec03 .visualImg img{
    max-width: 100%;
    height: auto;
  }
  .page-company .sec04 .image {
    background: none;
    padding-right: 0;
  }
  
  /*----------------------------------------
  warranty
  ----------------------------------------*/
  .page-warranty .leadimg img {
    max-width: 100%;
    height: auto;
  }
  .page-warranty .leadimg{
    margin-bottom: 40px;
  }
  .page-warranty p {
    font-size: 14px;
  }
  .page-warranty h2 {
    font-size: 20px;
  }
  .page-warranty .sec01 {
    margin-bottom: 60px;
  }
  .page-warranty .sec01 .safe {
    height: auto;
    width: 100%;
    padding-bottom: 10px;
  }
  .page-warranty .sec01 .safe .leadtxt {
    font-size: 20px;
  }
  .page-warranty .sec01 .safe .txt {
    margin-top: 30px;
    letter-spacing: -1px;
  }
  .page-warranty .sec01 .left {
    float: none;
  }
  .page-warranty .sec01 .right {
    float: none;
  }
  .page-warranty .sec01 .right .txt {
    margin-top: 20px;
  }
  .page-warranty .sec02 {
    margin-bottom: 40px;
  }
  .page-warranty .sec02 table {
    width: 100%;
  }
  .page-warranty .sec02 table th, .page-warranty .sec02 table td {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px;
    padding: 10px;
  }
  .page-warranty .sec02 table th {
    width: 100%;
  }
  /*----------------------------------------
    about
  ----------------------------------------*/
  .page-about .leadimg img {
    max-width: 100%;
    height: auto;
  }
  .page-about h2 {
    padding: 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 40px;
  }
  .page-about h2 .sp-txt{
    display: block;
    color: #11566D;
    font-size: 18px;
  }
  .page-about h2 .sp-txt span{
    font-size: 24px;
    color: #EB7070;
  }
  .page-about h2 img{
    display: none;
  }
  .page-about .num {
    font-size: 18px;
  }
  .page-about .outer {
    margin-bottom: 65px;
  }
  .page-about .outer .text {
    width: 100%;
    float: none;
  }
  .page-about .outer .text p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .page-about .outer .image {
    width: 100%;
    float: none;
  }
  .page-about .outer .image img{
    max-width: 100%;
    height: auto;
  }

  /*----------------------------------------
    category-topテンプレート
  ----------------------------------------*/
  .page-category .block01{
    padding: 0;
    background: none;
    margin-bottom: 25px;
  }
  .page-category .block01__inner{
    margin-bottom: 15px;
  }
  .page-category .block01 .thumbnail{
    float: none;
    width: 100%;
    border: none;
  }
  .page-category .block01 .thumbnail img{
    max-width: inherit;
    width: 100%;
    height: auto;
  }
  .page-category .block01 .body{
    float: none;
    width: 100%;
  }
  .page-category .block01 .body span{
    font-size: 12px;
    border: 2px solid #43B1C0;
    padding: 6px 10px 5px;
    margin-bottom: 10px;
  }
  .page-category .block01 .body p{
    font-size: 14px;
    margin-bottom: 3px;
  }
  .page-category .block01 .body-txt{
    font-size: 14px;
    color: #000000;
  }
  .page-category .sp-point-wrap{
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 0 10px;
    margin-bottom: 37px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .page-category .sp-point-wrap__head-accordion{
    height: 55px;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .page-category .sp-point-wrap__head-accordion p{
    font-size: 16px;
    color: #0BABDF;
    display: inline-block;
    position: relative;
    font-weight: bold;
  }
  .page-category .sp-point-wrap__head-accordion p:before{
    content: "";
    top: 0;
    bottom: 0;
    right: -18px;
    margin: auto;
    position: absolute;
    width: 14px;
    height: 2px;
    background: #0BABDF;
    -webkit-border-radius: 2px;
            border-radius: 2px;
  }
  .page-category .sp-point-wrap__head-accordion p:after{
    content: "";
    top: 0;
    bottom: 0;
    right: -18px;
    margin: auto;
    position: absolute;
    width: 14px;
    height: 2px;
    background: #0BABDF;
    -webkit-border-radius: 2px;
            border-radius: 2px;
    transform: rotate(90deg);
    transition: .4s;
  }
  .page-category .sp-point-wrap__head-accordion.open p:after{
    transform: rotate(0deg);
  }
  .page-category .sp-point-wrap__body{
    display: none;
  }
  .page-category .sp-point-wrap__foot-close{
    display: block;
    color: #313131;
    font-size: 14px;
    width: calc(100% + 20px);
    margin-left: -10px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #F2F1F0;
    margin-top: 20px;
  }
  .page-category .point-section {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .page-category .point-section .point-section__item{
    margin-bottom: 40px;
  }
  .page-category .point-section .point-section__item .head{
    display: block;
    width: calc(100% + 20px);
    margin-left: -10px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 12px;
  }
  .page-category .point-section .point-section__item .head span{
    font-size: 30px;
  }
  .page-category .point-section .point-section__item .title{
    font-size: 18px;
    color: #11566d;
    padding-left: 13px;
    line-height: 1.5;
    margin-bottom: 12px;
  }
  .page-category .point-section .point-section__item .title:before{
    width: 5px;
  }
  .page-category .point-section .point-section__item .title:after{
    width: 5px;
  }
  .page-category .point-section .point-section__item .body-txt{
    font-size: 14px;
    color: #000;
    margin-bottom: 7px;
  }
  .page-category .point-section .point-section__item figure{
    margin-bottom: 20px;
  }
  .page-category .point-section .point-section__item figcaption{
    font-size: 12px;
    color: #000;
    line-height: 1.5;
  }
  .page-category .point-section .point-section__item .inner-post{
    padding: 10px;
  }
  .page-category .point-section .point-section__item .inner-post__title{
    font-size: 14px;
    color: #313131;
    margin-bottom: 6px;
  }
  .page-category .point-section .point-section__item .inner-post__list li a{
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 7px;
  }


  /*----------------------------------------
    common 
  ----------------------------------------*/
  /* cta-area01 */
  .cta-area01 img{
    max-width: 100%;
    height: auto;
  }
  .cta-area01 .banner {
    margin-top: 0px;
    padding: 20px 10px;
  }
  .cta-area01 .banner .pickup {
    padding: 0 2px;
    letter-spacing: 1px;
  }
  .cta-area01 .banner .title {
    text-align: left;
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .cta-area01 .banner .title br {
    display: none;
  }
  .cta-area01 .banner .title .large_txt {
    font-size: 20px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 5px;
  }
  .cta-area01 .banner .title .pickup {
    font-size: 22px;
  }
  .cta-area01 .banner .txt {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .cta-area01 .banner .txt .pickup {
    font-size: 16px;
  }
  .cta-area01 .banner .link {
    margin-top: 20px;
  }
  .cta-area01 .banner .link a {
    padding: 10px 7px;
    font-size: 14px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .cta-area01 .banner .link a:after {
    content: none;
  }
  .cta-area01 .banner .link a .pickup {
    font-size: 14px;
    padding: 2px 5px 1px;
    margin-right: 6px;
  }
  /* mod-nouhau-download */
  .mod-nouhau-download{
    border: none;
    background: url(../images/nouhau04.png) no-repeat bottom center,#FFF9E6;
    -webkit-background-size: 198px 170px;
         -o-background-size: 198px 170px;
            background-size: 198px 170px;
    -webkit-border-radius: 0;
            border-radius: 0;
    padding: 44px 10px 185px;
    margin: 100px auto 50px;
    position: relative;
    /* containerのpaddingをはみ出すように設定 */
    width: calc(100% + 20px );
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: -10px;
  }
  .mod-nouhau-download__lead--pc{
    display: none;
  }
  .mod-nouhau-download__lead--sp{
    display: block;
    position: absolute;
    top: -27px;
    right: 0;
    left: 0;
    margin: auto;
    width: 68px;
    height: 62px;
  }
  .mod-nouhau-download__lead img{
    max-width: 100%;
    height: auto;
  }
  .mod-nouhau-download__head{
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 15px;
  }
  .mod-nouhau-download__head .sp-only{
    display: block;
  }
  .mod-nouhau-download__head .pc-only{
    display: none;
  }
  .mod-nouhau-download__foot{
    padding-left: 0;
  }
  .mod-nouhau-download__caption{
    display: block;
    padding-left: 0;
    margin-bottom: 10px;
    text-align: center;
  }
  .mod-nouhau-download__caption img{
    max-width: 150px;
    height: auto;
  }
  .mod-nouhau-download__btn a{
    display: block;
    width: 100%;
    padding: 11px 10px;
    font-size: 16px;
    letter-spacing: -0.08em;
    line-height: 1.3;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mod-nouhau-download__btn a br{
    display: none;
  }

  .related-block{
    margin-top: 30px;
    background: #FFF9E6;
    padding: 16px 10px 0;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .related-block__body{
    margin-bottom: 0;
  }
  .related-block__item{
    padding-bottom: 15px;
    padding-top: 15px;
    border-top: none;
  }
  .related-block__item:first-child{
    padding-bottom: 15px;
    padding-top: 0;
  }
  .related-block__head{
    font-size: 14px;
    margin-bottom: 15px;
    border-bottom: 1px solid #D8D8D8;
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 0 10px 5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .related-block__title {
    width: 56%;
    float: right;
  }
  .related-block__title a{
    color: #11566d;
    font-size: 14px;
    padding-left: 0;
    display: block;
    margin-bottom: 0;
  }

  .related-block__title a:before,
  .related-block__title a:after{
    content: none;
  }

  .related-block__inner {
    float: left;
    width: 40%;
  }
  .related-block__inner .thumbnail{
    float: none;
    width: 100%;
  }

  .related-block__inner .main{
    display: none;
  }

  .related-block__item--no-thumbnail .related-block__title {
    width: 100%;
    float: none;
  }
  .related-block__item--no-thumbnail .thumbnail{
    display: none;
  }
  /*----------------------------------------
    howto
  ----------------------------------------*/
  .page-howto .postTitle {
    font-size: 22px;
  }
  .page-howto .step {
    border: 2px solid #DBDBDB;
    border-radius: 15px;
    margin-bottom: 40px;
    position: relative;
  }
  .page-howto .step::after {
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    width: 50px;
    height: 25px;
    bottom: -25px;
    right: 0;
    left: 0;
    margin: auto;
  }
  .page-howto .step h3 {
    text-align: left;
  }
  .page-howto .step h3 span {
    font-size: 20px;
    height: auto;
    line-height: 1.4;
    text-align: left;
     padding: 10px 0;
     padding-left: 50px;
  }
  .page-howto .sec01 h3 span {
    -webkit-background-size: 40px;
         -o-background-size: 40px;
            background-size: 40px;
  }
  .page-howto .step .stepBody .txt{
    font-size: 14px;
  }
  .page-howto .step .stepBody .point {
    margin-left: 35px;
    padding: 10px;
  }
  .page-howto .step .stepBody .point .mark {
    left: -42px;
    width: 60px;
    margin-top: 0;
    top: -30px;
  }
  .page-howto .step .stepBody .point .mark img{
    max-width: 100%;
    height: auto;
  }
  .page-howto .step .stepBody .btn img{
    max-width: 100%;
    height: auto;
  }
  .page-howto .sec02 h3 span ,
  .page-howto .sec03 h3 span ,
  .page-howto .sec04 h3 span ,
  .page-howto .sec05 h3 span ,
  .page-howto .sec06 h3 span ,
  .page-howto .sec07 h3 span ,
  .page-howto .sec08 h3 span{
    -webkit-background-size: 40px;
         -o-background-size: 40px;
            background-size: 40px;
  }
  .page-howto .step .stepBody {
    padding: 10px;
    padding-bottom: 220px;
    min-height: auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: url(../images/howto/img_howto1.png) no-repeat center bottom 10px;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
  }
  .page-howto .sec02 .stepBody {
    background: url(../images/howto/img_howto2.png) no-repeat center bottom 10px;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .page-howto .sec03 .stepBody {
    background: url(../images/howto/img_howto3.png) no-repeat center bottom 10px;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .page-howto .sec04 .stepBody {
    background: url(../images/howto/img_howto4.png) no-repeat center bottom 10px;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .page-howto .sec05 .stepBody {
    background: url(../images/howto/img_howto5.png) no-repeat center bottom 10px;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .page-howto .sec06 .stepBody {
    background: url(../images/howto/img_howto6.png) no-repeat center bottom 10px;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .page-howto .sec07 .stepBody {
    background: url(../images/howto/img_howto7.png) no-repeat center bottom 10px;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .page-howto .sec08 .stepBody {
    background: url(../images/howto/img_howto8.png) no-repeat center bottom 10px;
    -webkit-background-size: contain;
    background-size: contain;
  }

}

/*----------------------------------------
  ヤフー広告遷移先用CSS
----------------------------------------*/
.elm-yahooTemp {
  margin: 40px auto;
  width: 800px;
  text-align: left;
  position: relative;
}
.elm-yahooTemp h1{
    font-size: 24px;
}
.elm-yahooTemp .date{
    font-size: 14px;
    padding: 30px 0;
}
.elm-yahooTemp .sns-icon .list{
    display: flex;
    padding: 20px 0;
}
.elm-yahooTemp .sns-icon .list .item{
    margin-right: 5px;
    list-style-type: none;
}

/*----------------------------------------
contents
----------------------------------------*/
.elm-yahooTemp .contents p{
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.625;
}
.elm-yahooTemp .contents .bold strong{
    margin-bottom: 0px;
}
.elm-yahooTemp .contents .red{
    color: #ff0000;
}
.elm-yahooTemp .contents h2,
.elm-yahooTemp .contents h3,
.elm-yahooTemp .contents h4{
    margin: 30px 0;
} 
/*h2タイトル部分*/
.elm-yahooTemp .contents h2 {
    border-left: 5px solid #333333;
    padding: 1px 10px 1px 20px;
    line-height: 1em;
}
.elm-yahooTemp .contents h3{
    border-bottom: solid 2px #cecece;
    padding-bottom: 5px;
    font-size: 18px;
}
.elm-yahooTemp .contents h4{
    font-size: 16px;
}
.elm-yahooTemp .contents .css-caption-box {
    font-size: 13px;
     margin-bottom: 0;
}
.elm-yahooTemp .contents .image.align-left{
    float: left;
    max-width:  219px;
    margin-right: 15px;
}
.elm-yahooTemp .contents .image img{
    display: block;
}
/*h3タイトル部分*/
.elm-yahooTemp .contents .image.align-right{
    float: right;
    max-width:  219px;
    margin: 0 10px 15px 0;
}
.elm-yahooTemp .contents .image.align-right .red{
    display: inline;
}
/*h4タイトル部分*/
.elm-yahooTemp .contents ul {
    margin-left: 5px;
}
.elm-yahooTemp .contents ul li{
    list-style-type: disc;
    margin-left: 20px;
    font-size: 16px;
}
.elm-yahooTemp .contents ul li a{
    color: #0033cc;
}
/*ダミーイメージ部分*/
.elm-yahooTemp .contents .image .align-center{
    margin-top: 60px;
}
.elm-yahooTemp .contents .image p{
    font-size: 13px;
    text-align: center;
}
/*----------------------------------------
  related
----------------------------------------*/
.elm-yahooTemp .related{
    margin-bottom: 60px;
}
.elm-yahooTemp .related p{
    margin: 40px 0 10px;
}
.elm-yahooTemp .related .related-list .item{
    list-style-type: none;
    font-size: 16px;
}
.elm-yahooTemp .related .related-list .item a{
  color: #0033cc;  
}
/*----------------------------------------
  other
----------------------------------------*/
.elm-yahooTemp h1{
    border-bottom: solid 3px #3cb3e4;
    margin-bottom: 80px;
}

.elm-yahooTemp .aligncenter {
    display: block;
    margin: 0 auto;
}
.elm-yahooTemp .alignright { float: right; }
.elm-yahooTemp .alignleft { float: left; }

.elm-yahooTemp img[class*="wp-image-"],
.elm-yahooTemp img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}


@media screen and (max-width: 767px) {
.elm-yahooTemp {
margin: 40px auto;
width: 100%;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
padding: 0 10px;
position: relative;
}
.elm-yahooTemp h1{
    font-size: 13px;
}
.elm-yahooTemp .eyecatch img{
    width: 100%;
}
.elm-yahooTemp .date{
    font-size: 11px;
    padding: 15px 0;
}
.elm-yahooTemp .sns-icon{
    margin:10px 0 30px;
}
.elm-yahooTemp .sns-icon .list{
    display: flex;
    padding: 10px 0;
}
.elm-yahooTemp .sns-icon .list .item{
    margin-right: 10px;
    list-style-type: none;
    width: 67px;
}
.elm-yahooTemp .sns-icon .list .item img{
    width: 100%;
}
/*----------------------------------------
contents
----------------------------------------*/
.elm-yahooTemp .contents p{
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.5;
}
.elm-yahooTemp .contents .bold strong{
    margin-bottom: 0px;
}
.elm-yahooTemp .contents .red{
    color: #ff0000;
}
.elm-yahooTemp .contents h2,
.elm-yahooTemp .contents h3,
.elm-yahooTemp .contents h4{
    margin: 15px 0;
} 
/*h2タイトル部分*/
.elm-yahooTemp .contents h2 {
    border-left: 5px solid #333333;
    padding: 1px 5px 1px 10px;
    margin-top: 40px;
    line-height: 1.2em;
    font-size: 17px;
}
.elm-yahooTemp .contents h3{
    border-bottom: solid 2px #cecece;
    padding-bottom: 5px;
    font-size: 15px;
}
.elm-yahooTemp .contents h4{
    font-size: 14px;
}
.elm-yahooTemp .contents .align-center .css-caption-box {
    font-size: 12px;
     margin: 5px 0 20px;
}
.elm-yahooTemp .contents .align-center{
    text-align: center;
    margin: 25px 0 0;
    width: 100%;
}
.elm-yahooTemp .contents .align-center img{
    width: 40%;
}
/*h4タイトル部分*/
.elm-yahooTemp .contents ul {
    margin-left: 5px;
}
.elm-yahooTemp .contents ul li{
    list-style-type: disc;
    margin-left: 10px;
    font-size: 14px;
}
.elm-yahooTemp .contents ul li a{
    color: #006ccc;
}
/*ダミーイメージ部分*/
.elm-yahooTemp .contents .image .align-center{
    margin-top: 30px 0 35px;
}
.elm-yahooTemp .contents .image .align-center img{
    width: 100%;
}
.elm-yahooTemp .contents .image p{
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
}
/*----------------------------------------
  related
----------------------------------------*/
.elm-yahooTemp .related{
    width: 100%;
    margin:0 25px 12px 0;
}
.elm-yahooTemp .related p{
    font-size: 13px;
    padding: 0.3em;
    background: #f7f7f7;
    border-bottom: solid 3px #ddd;
}
.elm-yahooTemp .related .related-list .item{
    list-style-type: none;
    font-size: 14px;
    padding: 5px 0;
    border-bottom: solid 2px #eee;
}
.elm-yahooTemp .related .related-list .item a{
  color: #006ccc;  
}
.elm-yahooTemp h1{
    margin-bottom: 9px;
}
.elm-yahooTemp .alignright { float: none; }
.elm-yahooTemp .alignleft { float: none; }
}
.elm-yahooTemp .contents .image.align-left{
    float: none;
    max-width:  100%;
}
.elm-yahooTemp .contents .image.align-right{
    float: none;
    max-width:  100%;
}
.elm-yahooTemp img{
    display: block;
    margin: 0 auto 10px;
}


/*----------------------------------------
  action area form
----------------------------------------*/
.singlePost .postFooter .actionForm,
.singlePost .postFooter.-vwoDisplayForm .actionForm{
  display: none;
}
@media screen and (max-width: 767px) {
.singlePost .postFooter .actionForm{
  display: none;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm{
  display: block;
}
.singlePost .postFooter.-vwoDisplayForm img,
.singlePost .postFooter.-vwoDisplayForm .banner{
  display: none;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__head {
  margin-bottom: -1px;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__head h2 img{
  display: block;
  max-width: 100%;
  height: auto;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body{
  width: 100%;
  border: 3px solid #CECECE;
  background: #F4F4F4;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 12px;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .formWrap{
  width: 100%;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 20px;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .formWrap.-modifier{
  margin-bottom: 14px;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .formWrap .require{
  background: #43B1C0;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
  font-size: 16px;
  color: #FFF;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 63px;
  height: 43px;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .formWrap .any{
  background: #637B7E;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
  font-size: 16px;
  color: #FFF;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 63px;
  height: 43px;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .formWrap select{
  width: 100%;
  height: 43px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #CECECE;
  border-left: none;
  -webkit-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  font-size: 16px;
  background: url(../images/form/formArrow.png) no-repeat center right 10px,#FFF;
  -webkit-background-size: 10px 20px;
       -o-background-size: 10px 20px;
          background-size: 10px 20px;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .formWrap .wpcf7-form-control-wrap{
  display: block;
  width: calc( 100% - 63px );
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .formWrap input{
  width: 100%;
  height: 43px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #CECECE;
  border-left: none;
  -webkit-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  font-size: 16px;
  background: #FFF;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .formWrap input::placeholder{
  color: #333;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .annotationList{
  margin-bottom: 20px;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .annotationList li{
  color: #333;
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .annotationTxt{
  color: #333;
  font-size: 12px;
  margin-bottom: 20px;
  padding-left: 1em;
  text-indent: -1em;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .formBtnWrap{
  padding: 0 10px;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .formBtnWrap input{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  border: none;
  text-indent: -9999999px;
  width: 100%;
  height: 63px;
  background: url(../images/form/formBtn.png) no-repeat center center;
  -webkit-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
}
.singlePost .postFooter.-vwoDisplayForm .wpcf7-form.sent .actionForm__body{
  display: none;
}
.singlePost .postFooter.-vwoDisplayForm .wpcf7-form.sent .wpcf7-response-output{
  display: none;
}

.singlePost .postFooter.-vwoDisplayForm .wpcf7-form .formSendAfter{
  display: none;
}
.singlePost .postFooter.-vwoDisplayForm .wpcf7-form.sent .formSendAfter{
  display: block;
  width: 100%;
  border: 3px solid #CECECE;
  background: #F4F4F4;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 28px 4px 30px;
}
.singlePost .postFooter.-vwoDisplayForm .wpcf7-form.sent .formSendAfter__head{
  font-size: 4.2vw;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.singlePost .postFooter.-vwoDisplayForm .wpcf7-form.sent .formSendAfter__body{
  font-size: 4.2vw;
  color: #333;
  text-align: center;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .wpcf7-not-valid-tip{
  position: relative;
  left: -63px;
  font-size: 16px;
  color: #F00;
  line-height: 1;
  margin-top: 6px;
  width: calc( 100vw - 50px );
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .formWrap.error .require{
  background: #ED3D3D;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .formWrap.error select{
  background: url(../images/form/formArrow.png) no-repeat center right 10px,#FFF2F2;
  -webkit-background-size: 10px 20px;
       -o-background-size: 10px 20px;
          background-size: 10px 20px;
  border-color: #ED3D3D;
}
.singlePost .postFooter.-vwoDisplayForm .actionForm__body .formWrap.error input{
  background:#FFF2F2;
  -webkit-background-size: 10px 20px;
       -o-background-size: 10px 20px;
          background-size: 10px 20px;
  border-color: #ED3D3D;
}
}

/* 
 * PCサイドバーのフォーム
 *
 *
 */
.side .sideFloat{
  transition: .4s;
  max-width: 280px;
}
.side .sideFloat .wpcf7-validation-errors{
  width: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
}
.side .actionForm{
  display: block;
  width: 280px;
}
.side .actionForm__head {
  margin-bottom: -1px;
}
.side .actionForm__head h2 img{
  display: block;
  max-width: 100%;
  height: auto;
}
.side .actionForm__body{
  width: 100%;
  border: 3px solid #CECECE;
  background: #F4F4F4;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 12px;
}
.side .actionForm__body .formWrap{
  width: 100%;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 10px;
}
.side .actionForm__body .formWrap.-modifier{
  margin-bottom: 14px;
}
.side .actionForm__body .formWrap .require{
  background: #43B1C0;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
  font-size: 14px;
  color: #FFF;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 52px;
  height: 34px;
}
.side .actionForm__body .formWrap .any{
  background: #637B7E;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
  font-size: 14px;
  color: #FFF;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 52px;
  height: 34px;
}
.side .actionForm__body .formWrap select{
  width: 100%;
  height: 34px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #CECECE;
  border-left: none;
  -webkit-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0;
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  font-size: 14px;
  background: url(../images/form/formArrow.png) no-repeat center right 10px,#FFF;
  -webkit-background-size: 10px 20px;
       -o-background-size: 10px 20px;
          background-size: 10px 20px;
}
.side .actionForm__body .formWrap .wpcf7-form-control-wrap{
  display: block;
  width: calc( 100% - 52px );
}
.side .actionForm__body .formWrap input{
  width: 100%;
  height: 34px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #CECECE;
  border-left: none;
  -webkit-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0;
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  font-size: 14px;
  background: #FFF;
}
.side .actionForm__body .formWrap input::placeholder{
  color: #333;
}
.side .actionForm__body .annotationList{
  margin-bottom: 10px;
}
.side .actionForm__body .annotationList li{
  color: #333;
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em;
}
.side .actionForm__body .annotationTxt{
  color: #333;
  font-size: 12px;
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
}
.side .actionForm__body .formBtnWrap{
  padding: 0 10px;
}
.side .actionForm__body .formBtnWrap .ajax-loader{
  display: none;
}
.side .actionForm__body .formBtnWrap input{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  border: none;
  text-indent: -9999999px;
  width: 100%;
  height: 52px;
  background: url(../images/form/formBtn.png) no-repeat center center;
  -webkit-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
}
.side .wpcf7-form.sent .actionForm__body{
  display: none;
}
.side .wpcf7-form.sent .wpcf7-response-output{
  display: none;
}

.side .wpcf7-form .formSendAfter{
  display: none;
}
.side .wpcf7-form.sent .formSendAfter{
  display: block;
  width: 100%;
  border: 3px solid #CECECE;
  background: #F4F4F4;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 28px 4px 30px;
}
.side .wpcf7-form.sent .formSendAfter__head{
  font-size: 13px;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.side .wpcf7-form.sent .formSendAfter__body{
  font-size: 12px;
  color: #333;
  text-align: center;
}
.side .actionForm__body .wpcf7-not-valid-tip{
  position: relative;
  left: -53px;
  font-size: 14px;
  color: #F00;
  line-height: 1;
  margin-top: 6px;
  width: calc(100% + 47px);
}
.side .actionForm__body .formWrap.error .require{
  background: #ED3D3D;
}
.side .actionForm__body .formWrap.error select{
  background: url(../images/form/formArrow.png) no-repeat center right 10px,#FFF2F2;
  -webkit-background-size: 10px 20px;
       -o-background-size: 10px 20px;
          background-size: 10px 20px;
  border-color: #ED3D3D;
}
.side .actionForm__body .formWrap.error input{
  background:#FFF2F2;
  -webkit-background-size: 10px 20px;
       -o-background-size: 10px 20px;
          background-size: 10px 20px;
  border-color: #ED3D3D;
}


@media screen and (max-width: 767px) {
.side .sideFloat{
  max-width: 100%;
}
.side .actionForm{
  width: 100%;
  margin-bottom: 30px;
}
.side .actionForm__head {
  margin-bottom: -1px;
}
.side .actionForm__head h2 img{
  display: block;
  max-width: 100%;
  height: auto;
}
.side .actionForm__body{
  width: 100%;
  border: 3px solid #CECECE;
  background: #F4F4F4;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 12px;
}
.side .actionForm__body .formWrap{
  width: 100%;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 20px;
}
.side .actionForm__body .formWrap.-modifier{
  margin-bottom: 14px;
}
.side .actionForm__body .formWrap .require{
  background: #43B1C0;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
  font-size: 16px;
  color: #FFF;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 63px;
  height: 43px;
}
.side .actionForm__body .formWrap .any{
  background: #637B7E;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
  font-size: 16px;
  color: #FFF;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 63px;
  height: 43px;
}
.side .actionForm__body .formWrap select{
  width: 100%;
  height: 43px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #CECECE;
  border-left: none;
  -webkit-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  font-size: 16px;
  background: url(../images/form/formArrow.png) no-repeat center right 10px,#FFF;
  -webkit-background-size: 10px 20px;
       -o-background-size: 10px 20px;
          background-size: 10px 20px;
}
.side .actionForm__body .formWrap .wpcf7-form-control-wrap{
  display: block;
  width: calc( 100% - 63px );
}
.side .actionForm__body .formWrap input{
  width: 100%;
  height: 43px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #CECECE;
  border-left: none;
  -webkit-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  font-size: 16px;
  background: #FFF;
}
.side .actionForm__body .formWrap input::placeholder{
  color: #333;
}
.side .actionForm__body .annotationList{
  margin-bottom: 20px;
}
.side .actionForm__body .annotationList li{
  color: #333;
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em;
}
.side .actionForm__body .annotationTxt{
  color: #333;
  font-size: 12px;
  margin-bottom: 20px;
}
.side .actionForm__body .formBtnWrap{
  padding: 0 10px;
}
.side .actionForm__body .formBtnWrap input{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  border: none;
  text-indent: -9999999px;
  width: 100%;
  height: 63px;
  background: url(../images/form/formBtn.png) no-repeat center center;
  -webkit-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
}
.side .wpcf7-form.sent .actionForm__body{
  display: none;
}
.side .wpcf7-form.sent .wpcf7-response-output{
  display: none;
}

.side .wpcf7-form .formSendAfter{
  display: none;
}
.side .wpcf7-form.sent .formSendAfter{
  display: block;
  width: 100%;
  border: 3px solid #CECECE;
  background: #F4F4F4;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 28px 4px 30px;
}
.side .wpcf7-form.sent .formSendAfter__head{
  font-size: 4.2vw;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.side .wpcf7-form.sent .formSendAfter__body{
  font-size: 4.2vw;
  color: #333;
  text-align: center;
}
.side .actionForm__body .wpcf7-not-valid-tip{
  position: relative;
  left: -63px;
  font-size: 16px;
  color: #F00;
  line-height: 1;
  margin-top: 6px;
  width: calc( 100vw - 50px );
}
.side .actionForm__body .formWrap.error .require{
  background: #ED3D3D;
}
.side .actionForm__body .formWrap.error select{
  background: url(../images/form/formArrow.png) no-repeat center right 10px,#FFF2F2;
  -webkit-background-size: 10px 20px;
       -o-background-size: 10px 20px;
          background-size: 10px 20px;
  border-color: #ED3D3D;
}
.side .actionForm__body .formWrap.error input{
  background:#FFF2F2;
  -webkit-background-size: 10px 20px;
       -o-background-size: 10px 20px;
          background-size: 10px 20px;
  border-color: #ED3D3D;
}
}



.modal-wrap{
  display: none;
  opacity: 0;
  position: fixed;
  z-index: 10001;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  padding: 50px 15px;
  overflow: auto;
  box-sizing: border-box;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.modal-wrap:before{
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  
}
.modal-overlay{
  position: fixed;
  z-index: 10002;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.7);
}
.actionModal{
  max-width: 960px;
  border-radius: 10px;
  position: relative;
  z-index: 10004;
}

.actionModal .wpcf7-response-output{
  display: none !important;
}
.actionModal .wpcf7-not-valid-tip{
  margin-top: 5px;
}

.actionModal__closeBtn{
  width: 28px;
  height: 28px;
  position: absolute;
  right: -38px;
  top: 4px;
  background: url(../images/modalForm/closeBtn.png) no-repeat center;
  -webkit-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
}
.actionModal__head{
  border-radius: 10px 10px 0 0;
  background: #F57B70;
  text-align: center;
  padding: 11px 0 13px;
}
.actionModal__head img{
  max-width: 649px;
  height: auto;
}
.actionModal__inner{
  position: relative;
  background: #F2F2F2;
  border-radius: 0 0 10px 10px;
  padding: 20px 30px;
}

.actionModal__inner.error span.wpcf7-not-valid-tip{
  display: none !important;
}
.actionModal__inner .sent .actionModal__table,
.actionModal__inner .sent .actionModal__submit{
  visibility:hidden;
}
.actionModal__inner .sent .actionModal__complete{
  display: flex;
}
.actionModal__table tr{
  border-bottom: 1px solid #CECECE;
}
.actionModal__table tr:last-child{
  border-bottom: none;
}
.actionModal__th{
  width: 254px;
  padding: 14px 0 15px;
  text-align: left;
}
.actionModal__th .require{
  background: #43B1C0;
  color: #fff;
  width: 63px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  border-radius: 15px;
  margin-right: 10px;
}
.actionModal__th .any{
  background: #637B7E;
  color: #fff;
  width: 63px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  border-radius: 15px;
  margin-right: 10px;
}
.actionModal__th .head{
  font-size: 15px;
  color: #333;
}
.actionModal__td{
  width: 666px;
  padding: 14px 5px 15px;
  text-align: left;
}
.actionModal__td input[type="text"]{
  appearance: none;
  border: 1px solid #CECECE;
  border-radius: 5px;
  font-size: 16px;
  padding: 8px;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.actionModal__td input[type="text"]::placeholder{
  color: #B9B9B9;
}
.actionModal__td input[type="text"].inputPlace{
  width: 146px;
}
.actionModal__td input[type="text"].inputTel{
  width: 248px;
}
.actionModal__td input[type="text"].inputMail{
  width: 431px;
}
.actionModal__td input[type="text"].-requireInput{
  background: #FFEAEA;
}
.actionModal__td .list{
  margin-top: 17px;
}
.actionModal__td .list li{
  font-size: 12px;
  color: #333;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.5;
}
.actionModal__td .wpcf7-list-item{
  margin-right: 38px;
  margin-left: 0;
}
.actionModal__td .wpcf7-list-item input[type="radio"]{
  margin: 0;
  margin-right: 5px;
}
.actionModal__td .wpcf7-list-item span{
  font-size: 13px;
  color: #333;
}
.actionModal__td.-requireArea{
  background: #FFEAEA;
}
.actionModal__td.-radioFirst .wpcf7-form-control .wpcf7-list-item:nth-child(2){
  margin-right: 26px;
}
.actionModal__td.-radioFirst .wpcf7-form-control .wpcf7-list-item:nth-child(3){
  margin-right: 70px;
}
.actionModal__td.-radioFirst .wpcf7-form-control .wpcf7-list-item:nth-child(4){
  margin-right: 23px;
}
.actionModal__td.-radioSecound .wpcf7-form-control .wpcf7-list-item:nth-child(3){
  margin-right: 20px;
}
.actionModal__td.-radioSecound .wpcf7-form-control .wpcf7-list-item:nth-child(4){
  margin-right: 49px;
}
.actionModal__submit{
  text-align: center;
}
.actionModal__submit input[type="submit"]{
  appearance: none;
  border: none;
  font-size: 22px;
  color: #FFF;
  text-shadow: 1px 4px 4px #59911D;
  transition: .4s;
  width: 330px;
  height: 63px;
  line-height: 63px;
  text-align: center;
  border-radius: 32px;
  background: url(../images/modalForm/icon-arrow.png) no-repeat center right 15px,-moz-linear-gradient(top, #93d060 0%, #528914 100%);
  background: url(../images/modalForm/icon-arrow.png) no-repeat center right 15px,-webkit-linear-gradient(top, #93d060 0%,#528914 100%);
  background: url(../images/modalForm/icon-arrow.png) no-repeat center right 15px,linear-gradient(to bottom, #93d060 0%,#528914 100%);
  -webkit-background-size: 10px 17px, auto;
       -o-background-size: 10px 17px, auto;
          background-size: 10px 17px, auto;
}
.actionModal__submit input[type="submit"]:hover{
  cursor: pointer;
  opacity: .7;
}

.actionModal__complete{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: calc(100% - 128px);
  height: calc(100% - 128px);
  background: #FFF;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  display: none;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.actionModal__complete__head{
  background: #4EB241;
  width: 330px;
  height: 63px;
  font-size: 22px;
  color: #FFF;
  text-align: center;
  line-height: 63px;
  -webkit-border-radius: 33px;
          border-radius: 33px;
  margin-bottom: 20px;
}
.actionModal__complete__body{
  font-size: 18px;
  color: #333;
  text-align: center;
  line-height: 1.55;
}

.singlePost .postBody .insertBanner{
  padding: 20px 10px 15px;
  max-width: 100%;
  margin-bottom: 20px;
  border: 2px solid #E7E7E7;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../images/form/woman.png) no-repeat center right;
  -webkit-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
}
.singlePost .postBody .insertBanner__head{
  line-height: 1.16;
  font-size: 54px;
  color: #424242;
  font-weight: bold;
  background: none;
  margin: 0;
  padding: 0;
}
.singlePost .postBody .insertBanner__head span{
  color: #ff7d23;
  display: block;
}
.singlePost .postBody .insertBanner__btn{
  margin-bottom: 0;
}
.singlePost .postBody .insertBanner__btn .insertBanner__btn__inner{
  display: block;
  background: #51b100;
  border-radius: 14px;
  box-shadow: 0 4px 0 #216300;
  position: relative;
  text-align: center;
  padding: 20px;
  font-weight: bold;
  transition: .4s;
}
.singlePost .postBody .insertBanner__btn a{
  display: block;
  background: #51b100;
  border-radius: 14px;
  box-shadow: 0 4px 0 #216300;
  position: relative;
  text-align: center;
  padding: 20px;
  font-weight: bold;
  transition: .4s;
  text-decoration: none;
}
.singlePost .postBody .insertBanner__btn .insertBanner__btn__inner:hover{
  opacity: 0.9;
  cursor: pointer;
}
.singlePost .postBody .insertBanner__sub{
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 17px;
  margin: auto;
  width: 67px;
  height: 67px;
  line-height: 67px;
  text-align: center;
  background: #216300;
  border-radius: 50%;
  font-size: 26px;
  color: #fff;
}
.singlePost .postBody .insertBanner__main{
  font-size: 29px;
  color: #fff;
  line-height: 1.13;
}
@media screen and (max-width: 767px) {
.singlePost .postBody .insertBanner{
  padding: 10px 10px 15px;
  margin: 0 auto 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../images/form/woman.png) no-repeat bottom right;
  -webkit-background-size: 150px;
       -o-background-size: 150px;
          background-size: 150px;
}
.singlePost .postBody .insertBanner__head{
  font-size: 27px;
  margin-bottom: 10px;
}
.singlePost .postBody .insertBanner__btn .insertBanner__btn__inner{
  padding: 5px;
}
.singlePost .postBody .insertBanner__btn a{
  padding: 5px;
}
.singlePost .postBody .insertBanner__sub{
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
}
.singlePost .postBody .insertBanner__main{
  font-size: 16px;
  line-height: 1.1;
}
}