@charset "utf-8";

/********* HTML再定義 ***********************************************/

html {
	-ms-text-size-adjust: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 62.5%;
	background-color: #FFF;
}

body {
	padding: 0;
	margin: 0 auto;
	font-size: 1.6rem;
	font-size: 16px;
	line-height: 160%;
	letter-spacing: 0px;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	min-height: 100%;
}

@media only screen and (max-width: 768px) {
body {
	word-wrap: break-word;
}
}

h2, h3, h4, h5, h6 {
	font-size: 120%;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	line-height: 120%;
}


p {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}


/********* 全体 *****************************************************/


#footerMenu {
	width: 100%;
	color: #FFF;
	text-align: center;
	height: 0px;
	position: fixed;
	z-index: 300;
	bottom: 0;
	overflow: none;
	left: 0;
	background-color: rgba(68,68,68,0.7);
	-webkit-transition: all 0.4s ease-in-out;
	-webkit-box-shadow: 0px -4px 38px rgba(50, 50, 50, 0.50);
	-moz-box-shadow:    0px -4px 38px rgba(50, 50, 50, 0.50);
	box-shadow:         0px -4px 38px rgba(50, 50, 50, 0.50);
}

#footerMenu.show {
	height: 50px;
	padding: 10px 0;
}
ul.footerfloat {
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
}
ul.footerfloat li {
	float: left;
  width : calc(100% / 3);
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
}

ul.footerfloat li span {
	display: inline;
	font-size: 110%;
}
ul.footerfloat li a {
	display: block;
	color: #FFF;
	padding: 10px 0;
	font-weight: bold;
	text-decoration: none;
}
@media only screen and (min-width: 768px) {
ul.footerfloat li a:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}
}

ul.footerfloat li:nth-child(1) a {
	background-color: #006;
}
ul.footerfloat li:nth-child(2) a {
	background-color: #1fb3e9;
}

ul.footerfloat li:nth-child(3) a {
	background-color: #00B900;
}

ul.footerfloat li a span {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	background-size: 25px;
}
ul.footerfloat li:nth-child(1) a span {
	background-image: url(../files/medias/icon/icon_mail_wh.png);
	background-color: #006;
}
ul.footerfloat li:nth-child(2) a span {
	background-image: url(../files/medias/icon/icon_tel_wh.png);
	background-color: #1fb3e9;
}
ul.footerfloat li:nth-child(3) a span {
	background-image: url(../files/medias/icon/icon_line_wh.png);
	background-color: #00B900;
}

.footfloat_blank {
	padding-bottom: 90px;
}
@media only screen and (max-width: 768px) {

ul.footerfloat li span {
	font-size: 50%;
}
ul.footerfloat li a span {
	padding-left: 20px;
	background-size: 15px;
}
}




#fixedTop {
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
	background-image: url(../files/medias/common/totop.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #333;
    color: #fff;
    text-align: center;
    display: none;
    position: fixed;
    z-index: 9999;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
@media only screen and (min-width: 768px) {
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}
}

div#container100 {
	position: relative;
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	margin-bottom: 50px;
	padding: 50px 0;
}
.bg_red {
	background-color: #F00;
	color: #FFF;
}
.bg_pink {
	background-color: #fdf1f8;
}
.mb00 {
	margin-bottom: 0 !important;
}
div#container {
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0;
}

.sp_only {
	display: none;
}
@media only screen and (max-width: 768px) {
.sp_only {
	display: block;
}
.pc_only {
	display: none;
}

#fixedTop {
    right: 10px;
    bottom: 80px;
}
div#container {
	width: 100%;
	min-width: 380px;
}
div#container100 {
	min-width: 380px;
	margin-bottom: 30px;
	padding: 10px 0;
}
#container {
	width: 100%;
	min-width: 380px;
}
div#container100 #container{
	width: auto;
	min-width: 360px;
	padding: 0 10px;
}
}

/* パソコンではタイル型で表示 */
.slide-wrap {
  display: flex;
  margin: 0 auto;
  max-width: 1120px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
/* スマホではスライダーで表示 */
  .slide-wrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  margin-bottom: 20px;
  }
  .slide-box {
    flex: 0 0 70%;
  }
}
/********* ヘッダー *************************************************/

div#header {
	display: block;
	clear: both;
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	line-height: 130%;
}
.header {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	padding: 10px 0;
}


.head_logo {
	display: inline-block;
	vertical-align: top;
	width: 360px;
	margin-bottom: 10px;
}
div#header h1 {
	display: block;
	margin: 0;
	padding: 0;
	
}
#header h1 a {
	display: block;
}
@media only screen and (min-width: 768px) {
#header h1 a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
}
div#header h1 img {
	width: 340px;
}

div#header p {
	font-size: 80%;
	margin: 0;
	
}

.bt_head_contact {
	float: right;
	margin-top: -10px;
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
}

.bt_head_contact a img {
	display: block;
	max-width: 100%;
}
.bt_head_contact a {
	display: block;
	color: #FFF;
	background-color: #04b2eb;
	padding: 0 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
	box-shadow: -3px 3px 5px rgba(0,0,0,0.2);
}
.bt_head_contact a:hover {
	padding-top: 10px;
	box-shadow: 3px -3px 5px rgba(0,0,0,0.2);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.bt_head_tel {
	float: right;
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
	color: #F51;
	background-image: url(../files/medias/common/365.png);
	background-repeat: no-repeat;
	background-size: 60px;
	background-position: left center;
	padding-left: 70px;
}
.bt_head_tel a {
	display: block;
	color: #F51;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 200%;
	background-image: url(../files/medias/icon/icon_tel_orange.png);
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: left center;
	padding: 5px;
	padding-left: 35px;
}
@media only screen and (min-width: 768px) {
.bt_head_tel a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
}

@media only screen and (max-width: 768px) {
div#header {
	min-width: 380px;
}
.header {
	display: block;
	width: auto;
	padding: 5px 10px;
	padding-bottom: 0;
}


.head_logo {
	display: inline-block;
	vertical-align: top;
	width: auto;
}
.head_logo p {
	font-size: 40%;
}
div#header h1 img {
	width: 150px;
}

div#header p {
	font-size: 70%;
	line-height: 100%;
}


.bt_head_contact {
	margin-left: 10px;
}

.bt_head_contact a img {
	display: block;
	max-width: 100px;
}
.bt_head_contact a {
	padding: 0 5px;
	padding-top: 10px;
}
.bt_head_contact a:hover {
	padding-top: 20px;
}


.bt_head_tel {
	display: none;
	margin-left: 5px;
	background: none;
	padding: 0;
}
.bt_head_tel p {
	display: none;
}
.bt_head_tel a {
	text-indent: -99999px;
	background-size: 35px;
	width: 35px;
	overflow: hidden;
	background-position: center center;
	padding: 10px 0;
}
}
/********* フッター *************************************************/

#footer {
	display: block;
	clear: both;
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	line-height: 130%;
	background-color: #F00;
	color: #FFF;
	padding: 50px 0;
}
.footer {
	width: 1100px;
	margin: 0 auto;
}
#copy {
	display: block;
	clear: both;
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	line-height: 130%;
	padding: 15px 0;
	padding-bottom: 100px;
	text-align: center;
	font-size: 90%;
}
address {
	padding: 5px;
	margin: 0 auto;
}
.padding_add {
	padding: 15px 0 !important;
}

@media only screen and (max-width: 768px) {
#footer {
	min-width: 380px;
	padding: 0;
	padding-bottom: 30px;
}
.footer {
	display: block;
	width: auto;
}
#copy {
	min-width: 380px;
	margin: 0 auto;
	line-height: 130%;
	padding: 10px 0;
	padding-bottom: 80px;
	font-size: 90%;
}
address {
	padding: 0;
}
}
.foot_right {
	float: right;
	width: 320px;
}

.foot_logo {
	vertical-align: top;
	margin-bottom: 10px;
}
.foot_logo p {
	font-size: 80%;
	margin: 0;
}
.logo {
	margin: 0;
	padding: 0;
	
}
.logo img {
	width: 100%;
}
.bt_foot_tel {
	color: #FE0;
	background-image: url(../files/medias/common/365.png);
	background-repeat: no-repeat;
	background-size: 60px;
	background-position: left center;
	padding-left: 70px;
}
.bt_foot_tel p {
	font-size: 90%;
	margin: 0;
}
.bt_foot_tel a {
	display: block;
	color: #FE0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 200%;
	background-image: url(../files/medias/icon/icon_tel_yellow.png);
	background-repeat: no-repeat;
	background-size: 28px;
	background-position: left center;
	padding: 5px;
	padding-left: 30px;
}
@media only screen and (min-width: 768px) {
.bt_foot_tel a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
}


@media only screen and (max-width: 768px) {
.foot_right {
	float: none;
	width: auto;
	display: block;
	margin: 0 auto;
	text-align: center;
}
.foot_logo {
	margin-top: 25px;

}
.foot_logo p {
	line-height: 130%;
	font-size: 90%;
}
.logo img {
	width: 260px;
}
.bt_foot_tel {
	display: inline-block;
	margin: 0 auto;
	text-align: left;
	background-size: 50px;
	padding-left: 60px;
}
.bt_foot_tel p {
	font-size: 100%;
}
.bt_foot_tel a {
	font-size: 200%;
}
}

ul.foot_menu {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
	margin-right: 20px;
	font-size: 100%;
}
ul.foot_menu li {
	display: block;
	list-style: none;
	line-height: 160%;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
}
ul.foot_menu ul {
	display: block;
	margin: 0;
	margin-left: 15px;
}
ul.foot_menu ul li {
	margin: 0;
}
ul.foot_menu li a {
	display: block;
	color: #FFF;
	text-decoration: none;
}
ul.foot_menu li ul li a:before {
	content: "- ";
}
ul.foot_menu li a:hover {
	text-decoration: underline;
}
.pc_line {
	display: inline-block;
	width: 150px;
}
.pc_line img {
	display: block;
	max-width: 100%;
}
.pc_line a img {
	display: block;
}

@media only screen and (min-width: 768px) {
.pc_line a:hover img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
}

@media only screen and (max-width: 768px) {
ul.foot_menu {
	display: block;
	margin: 0;
	font-size: 110%;
}
ul.foot_menu li {
	display: block;
	margin: 0;
}
ul.foot_menu ul {
	margin: 0;
}
ul.foot_menu li a, ul.foot_menu li span {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 12px;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	background-color: #f62b2b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
	background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
	background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
	background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
	background-image: -o-linear-gradient(top, #f62b2b, #d20202);
	background-image: linear-gradient(to bottom, #f62b2b, #d20202);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
	
}
ul.foot_menu li ul li a {
	padding: 10px;
	background-color: #ff9a9a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9a9a), to(#ff4040));
	background-image: -webkit-linear-gradient(top, #ff9a9a, #ff4040);
	background-image: -moz-linear-gradient(top, #ff9a9a, #ff4040);
	background-image: -ms-linear-gradient(top, #ff9a9a, #ff4040);
	background-image: -o-linear-gradient(top, #ff9a9a, #ff4040);
	background-image: linear-gradient(to bottom, #ff9a9a, #ff4040);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9a9a, endColorstr=#ff4040);
}
	
}
ul.foot_menu li ul li a:before {
	content: "- ";
}
ul.foot_menu li a:hover {
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d20202), to(#f62b2b));
	background-image: -webkit-linear-gradient(top, #d20202, #f62b2b);
	background-image: -moz-linear-gradient(top, #d20202, #f62b2b);
	background-image: -ms-linear-gradient(top, #d20202, #f62b2b);
	background-image: -o-linear-gradient(top, #d20202, #f62b2b);
	background-image: linear-gradient(to bottom, #d20202, #f62b2b);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d20202, endColorstr=#d20f62b2b202);
}
ul.foot_menu li ul li a:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4040), to(#ff9a9a));
	background-image: -webkit-linear-gradient(top, #ff4040, #ff9a9a);
	background-image: -moz-linear-gradient(top, #ff4040, #ff9a9a);
	background-image: -ms-linear-gradient(top, #ff4040, #ff9a9a);
	background-image: -o-linear-gradient(top, #ff4040, #ff9a9a);
	background-image: linear-gradient(to bottom, #ff4040, #ff9a9a);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff4040, endColorstr=#ff9a9a);
}

/********* メニュー *************************************************/

#menu {
	display: block;
	clear: both;
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	padding: 5px 0;
	background-color: #F00 !important;
	color: #FFF;
	text-align: center;
}


@media only screen and (max-width: 768px) {
#menu {
	clear: both;
	display: block;
	width: 100%;
	min-width: 380px;
	margin: 0;
	padding: 0;
	background: none;
}
}
/********* スライド *************************************************/
#slide {
	display: block;
	clear: both;
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	margin-bottom: 50px;
	background-color: #F00;
	color: #FFF;
}
ul.bxslider {
	margin: 0;
	padding: 0;
}
ul.bxslider li {
	margin: 0;
	padding: 0;
}
ul.bxslider li img {
	width: 100%;
}
@media only screen and (max-width: 768px) {
#slide {
	min-width: 380px;
}
}

ul.list_slide_thumb {
    margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}


ul.list_slide_thumb li {
	display: inline-block;
	list-style: none;
    margin: 0;
	padding: 0;
	width: 33.3%;
	text-align: center;
}
ul.list_slide_thumb li a {
	display: block;
}
@media only screen and (min-width: 768px) {
ul.list_slide_thumb li a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
}
ul.list_slide_thumb li img {
	display: block;
	max-width: 100%;
}


/********* タイトル *************************************************/

#title {
	clear: both;
	display: block;
	text-align: center;
	width: 100%;
	min-width: 1100px;
	background-image: url(../files/medias/common/title.jpg);
	height: 400px;
	color: #FFF;
	background-size: cover;
	background-position: center;
	margin-bottom: 15px;
}
.title {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	height: 100%;
}
.title h2 {
	position: absolute;
	font-size: 240%;
	font-weight: bold;
	color: #F00;
	text-shadow: 0 0 5px rgba(255,255,255,1.0);
	top: 50%;
	left: 20px;
	transform: translateY(-50%) ;
	text-align: left;
}
.title h2.imgtitle {
	display: none;
}
.title img {
	position: static;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.title p {
	font-size: 120%;
	margin: 0;
}
@media only screen and (max-width: 768px) {
#title {
	width: 100%;
	min-width: 380px;
	height: 200px;
	background-size: cover;
	margin-bottom: 30px;
}
.title {
	width: 100%;
	min-width: 380px;
	line-height: 130%;
}
.title h2 {
	font-size: 160%
}
.title img {
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 49%;
	transform: translateY(-50%) translateX(-50%);
	max-width: 99%;
	max-height: 200px;
}
}
/********* パンくず *****************************************************/

.pkz {
	clear: both;
	color: #333;
	padding: 0;
	font-size: 13px;
	margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
.pkz {
	display: none;
}
}
.pkz ol {
	margin: 0;
	padding: 0;
}
.pkz ol li {
	margin: 0;
	padding: 0;
	display: inline; /* liを横並び＆ブレットを消す */
	list-style-type: none;
}
.pkz ol li:after {
        content: " > "; /* liの後に記号追加 */
}
.pkz ol li:last-child:after {
	content: none; /* 最後のliだけcontentを消す */
	font-weight: bold;
}
.pkz ol li:last-child {
	font-weight: bold;
}	
.pkz li a:link, .pkz li a:visited {
	text-decoration: none;
	color: #333;
}
.pkz li a:hover{
	text-decoration: underline;
}

/********* 内容 *****************************************************/
div#content {
	display: block;
	margin-bottom: 40px;
}
.content {
	margin: 0 16px;
}

ul.bt_contact {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}
ul.bt_contact li {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0;
	margin-right: 50px;
	padding: 0;
	width: 47.5%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 150%;
}
ul.bt_contact li:nth-child(even) {
	margin-right: 0;
}
ul.bt_contact li a {
	display: block;
	background-image: url(../files/medias/icon/yaji.png);
	background-repeat: no-repeat;
	background-position: center right 20px;
	background-size: 7px;
	background-color: #FF0;
	color: #13A;
	text-decoration: none;
	text-align: center;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
@media only screen and (min-width: 768px) {
ul.bt_contact li a:hover {
	background-position: center right 5px;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
	opacity: 0.7;
}
}

@media only screen and (max-width: 768px) {
div#content {
	margin: 0 8px;
	margin-bottom: 24px;
}
.content {
	margin: 0 0;
}
ul.bt_contact {
	display: block;
}
ul.bt_contact li {
	display: block;
	margin: 0;
	margin-right: 0;
	margin-bottom: 10px;
	width: auto;
	font-size: 120%;
}
ul.bt_contact li a {
	padding: 15px 0;
}
}



/********* トップページ ***********************************************/
h3.top_title_red {
	color: #E10;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	font-size: 320%;
}

h3.top_title {
	position: relative;
	background-color: #FF5;
	color: #F00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	padding: 30px 0;
	font-size: 280%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-bottom: 40px;
}
h3.top_title::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  bottom: -25px;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
  border-top: 25px solid #FF5;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
}

@media only screen and (max-width: 768px) {
h3.top_title_red {
	font-size: 160%;
}

h3.top_title {
	padding: 15px 0;
	font-size: 130%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-bottom: 30px;
}
h3.top_title::before {
  left: 50%;
  bottom: -20px;
  border-top: 20px solid #FF5;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
}
}




/****** TOP 流れ ******/

.top_step_title {
	background-image: url(../files/medias/toppage/top_step_title.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
	padding-top: 150px;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.top_step_title h3 {
	color: #FFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 320%;
	margin: 0;
}
.top_step_title h3 span {
	font-size: 70%;
}

ul.top_step {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}
ul.top_step li {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0;
	margin-right: 50px;
	margin-bottom: 20px;
	padding: 0;
	width: 20%;
}
ul.top_step li:nth-child(4n), ul.top_reason li:last-child {
	margin-right: 0;
}

ul.top_step li::after {
	position: absolute;
	content: "…";
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #48C;
	top: 40%;
	right: -35px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
ul.top_step li:last-child::after {
	content: "";
}
ul.top_step li h5 {
	text-align: center;
	margin-bottom: 10px;
}
ul.top_step li p {
	font-size: 90%;
	line-height: 130%;
}

.top_step_no {
	display: block;
	font-weight: bold;
	padding: 5px;
	color: #48C;
	text-align: center;
	font-size: 150%;
	border: 3px dotted #48C;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.top_step_no span {
	font-size: 150%;
	margin-left: 10px;
}


.pic_top_step {
	position: relative;
	width: 90%;
	height: 0;
	padding-bottom: 90%;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 15px;
	background-color: #F5F5F5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.pic_top_step img {
	position: absolute;
	width: 50%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.box_check {
	position: relative;
	background-color: #FF5;
	text-decoration: none;
	padding: 30px 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.box_check::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 15%;
  top: -25px;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
  border-right: 25px solid transparent;
  border-bottom: 25px solid #FF5;
  border-left: 25px solid transparent; 
}
.img_box_check {
	float: right;
	margin-left: 20px;
	max-width: 25%;
}

.box_check h4 {
	position: relative;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	color: #F00;
	margin-bottom: 10px;
	background-image: url(../files/medias/icon/icon_exclamation.png);
	background-repeat: no-repeat;
	background-size: 50px;
	background-position: center left;
	padding: 10px;
	padding-left: 60px;
}
.box_check_cara {
	position: absolute;
	right: -60px;
	bottom: 0;
	max-width: 60px;
}

.box_check p {
	font-size: 110%;
	font-weight: bold;
}
.box_check dl {
	display: inline-block;
	width: 78%;
	margin: 0;
	padding: 0;
	background-color: #F70;
}

.box_check dl dt {
	clear: both;
	float: left;
	margin: 0;
	padding: 10px;
	width: 200px;
	color: #FFF;
	font-weight: bold;
}
.box_check dl dd {
	margin: 0;
	margin-left: 210px;
	padding: 10px;
	background-color: #FFF;
}
.box_check dl dd ul {
	margin: 0;
	padding: 0;
}

.box_check dl dd ul li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 48%;
	margin-right: 1%;
	font-size: 90%;
	line-height: 130%;
}

@media only screen and (max-width: 768px) {
.top_step_title {
	padding: 3px;
	padding-top: 50px;
	margin-bottom: 20px;
}
.top_step_title h3 {
	font-size: 130%;
	line-height: 90%;
}
ul.top_step li {
	margin-right: 30px;
	width: 44%;
}
ul.top_step li:nth-child(even) {
	margin-right: 0;
}

ul.top_step li::after {
	font-size: 100%;
	right: -20px;
}
ul.top_step li:nth-child(even)::after {
	content: "";
}
ul.top_step li h5 {
	text-align: center;
	font-size: 100%;
	margin-bottom: 10px;
}
ul.top_step li p {
	font-size: 90%;
	line-height: 130%;
}

.top_step_no {
	font-size: 110%;
	border: 2px dotted #48C;
}

.top_step_no span {
	font-size: 130%;
	margin-left: 10px;
}

.box_check {
	padding: 15px;
	margin-bottom: 30px;
}
.box_check::before {
  left: 15%;
  top: -15px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #FF5;
  border-left: 15px solid transparent; 
}
.img_box_check {
	float: none;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	max-width: 100%;
}

.box_check h4 {
	font-size: 150%;
	margin-bottom: 10px;
	padding: 0;
	padding-left: 60px;
}
.box_check_cara {
	right: -60px;
	max-width: 50px;
}

.box_check p {
	font-size: 110%;
	font-weight: bold;
}
.box_check dl {
	display: block;
	width: auto;
}

.box_check dl dt {
	float: none;
	margin: 0;
	padding: 5px;
	width: auto;
	font-size: 90%;
	font-weight: bold;
}
.box_check dl dd {
	margin: 0;
	padding: 5px;
}
.box_check dl dd ul {
	margin: 0;
	padding: 0;
}

.box_check dl dd ul li {
	display: block;
	width: auto;
	margin-right: 0;
}	
}



/****** 充実サービス ******/

.top_service {
	display: block;
	clear: both;
	margin-bottom: 30px;
}
.top_service h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #F00;
	font-weight: bold;
	font-size: 200%;
/* for modan browser */
text-shadow:0px 5px 1px #FFF,0px 4px 1px #FFF,1px 4px 1px #FFF,2px 4px 1px #FFF,3px 3px 1px #FFF,4px 2px 1px #FFF,4px 1px 1px #FFF,4px 0px 1px #FFF,5px 0px 1px #FFF,4px -1px 1px #FFF,4px -2px 1px #FFF,4px -3px 1px #FFF,3px -4px 1px #FFF,2px -5px 1px #FFF,1px -5px 1px #FFF,0px -5px 1px #FFF,-1px -5px 1px #FFF,-2px -5px 1px #FFF,-3px -5px 1px #FFF,-4px -4px 1px #FFF,-5px -3px 1px #FFF,-5px -2px 1px #FFF,-5px -1px 1px #FFF,-5px 0px 1px #FFF,-5px 1px 1px #FFF,-5px 2px 1px #FFF,-4px 3px 1px #FFF,-3px 4px 1px #FFF,-2px 4px 1px #FFF,-1px 4px 1px #FFF,
0px 8px 1px #20A,0px 7px 1px #20A,1px 7px 1px #20A,2px 7px 1px #20A,3px 7px 1px #20A,3px 6px 1px #20A,4px 6px 1px #20A,5px 6px 1px #20A,5px 5px 1px #20A,6px 5px 1px #20A,6px 4px 1px #20A,7px 3px 1px #20A,7px 2px 1px #20A,7px 1px 1px #20A,7px 0px 1px #20A,8px 0px 1px #20A,7px -1px 1px #20A,7px -2px 1px #20A,7px -3px 1px #20A,7px -4px 1px #20A,6px -4px 1px #20A,6px -5px 1px #20A,6px -6px 1px #20A,5px -6px 1px #20A,5px -7px 1px #20A,4px -7px 1px #20A,3px -7px 1px #20A,3px -8px 1px #20A,2px -8px 1px #20A,1px -8px 1px #20A,0px -8px 1px #20A,-1px -8px 1px #20A,-2px -8px 1px #20A,-3px -8px 1px #20A,-4px -8px 1px #20A,-5px -7px 1px #20A,-6px -7px 1px #20A,-6px -6px 1px #20A,-7px -6px 1px #20A,-7px -5px 1px #20A,-8px -4px 1px #20A,-8px -3px 1px #20A,-8px -2px 1px #20A,-8px -1px 1px #20A,-8px 0px 1px #20A,-8px 1px 1px #20A,-8px 2px 1px #20A,-8px 3px 1px #20A,-7px 4px 1px #20A,-7px 5px 1px #20A,-6px 5px 1px #20A,-6px 6px 1px #20A,-5px 6px 1px #20A,-4px 7px 1px #20A,-3px 7px 1px #20A,-2px 7px 1px #20A,-1px 7px 1px #20A;
/* for IE */
filter:dropshadow(color=#FFF,offx=0,offy=5,positive=1),dropshadow(color=#FFF,offx=3,offy=3,positive=1),dropshadow(color=#FFF,offx=4,offy=-1,positive=1),dropshadow(color=#FFF,offx=2,offy=-5,positive=1),dropshadow(color=#FFF,offx=-2,offy=-5,positive=1),dropshadow(color=#FFF,offx=-5,offy=-2,positive=1),dropshadow(color=#FFF,offx=-5,offy=2,positive=1),dropshadow(color=#FFF,offx=-1,offy=4,positive=1);
filter:dropshadow(color=#20A,offx=0,offy=8,positive=1),dropshadow(color=#20A,offx=6,offy=5,positive=1),dropshadow(color=#20A,offx=7,offy=-2,positive=1),dropshadow(color=#20A,offx=3,offy=-7,positive=1),dropshadow(color=#20A,offx=-3,offy=-8,positive=1),dropshadow(color=#20A,offx=-8,offy=-3,positive=1),dropshadow(color=#20A,offx=-7,offy=4,positive=1),dropshadow(color=#20A,offx=-2,offy=7,positive=1);

	
}
.pic_top_service {
	position: relative;
	float: left;
	margin-right: 50px;
	width: 23%;
	height: 0;
	padding-bottom: 15%;
	overflow: hidden;
	background-color: #EEE;
}
.pic_top_service img {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.pic_top_service a img {
	display: block;
}

.pic_top_service a:hover img {
	width: 180%;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
}

@media only screen and (max-width: 768px) {
.top_service {
	margin-bottom: 20px;
}
.top_service h4 {
	font-size: 130%;
	line-height: 160%;
	margin-bottom: 10px;

	
}
.pic_top_service {
	position: relative;
	float: none;
	margin-right: 0;
	width: auto;
	height: 0;
	padding-bottom: 60%;
	margin-bottom: 20px;
}
}


/****** 6つの理由 ******/

ul.top_reason {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}
ul.top_reason li {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0;
	margin-right: 50px;
	margin-bottom: 20px;
	padding: 0;
	width: 30%;
}

ul.top_reason li:nth-child(3n), ul.top_reason li:last-child {
	margin-right: 0;
}

ul.top_reason li h5 {
	display: inline-block;
	vertical-align: middle;
	color: #E60;
	margin: 0;
	margin-top: 7px;
}

ul.top_reason li p {
	font-size: 90%;
	line-height: 130%;
}
.top_reason_waku {
	border: 2px solid #E60;
	margin-bottom: 15px;
	background-color: #FEC;
}
.top_reason_no {
	display: inline-block;
	vertical-align: top;
	background-color: #E60;
	color: #FFF;
	text-align: center;
	font-size: 80%;
	line-height: 150%;
	padding: 10px;
	margin-right: 5px;
}
.top_reason_no span {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 200%;
}
.top_reason_pic {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	padding-bottom: 40%;
	overflow: hidden;
	background-color: #FFF;
}
.top_reason_pic img {
	position: absolute;
	width: 35%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}




@media only screen and (max-width: 768px) {
	
ul.top_reason li {
	margin-right: 10px;
	width: 48.2%;
	margin-bottom: 0;
}
ul.top_reason li:nth-child(3n) {
	margin-right: 10px;
}
ul.top_reason li:nth-child(even) {
	margin-right: 0;
}
ul.top_reason li h5 {
	font-size: 90%;
	margin-top: 3px;
}
.top_reason_waku {
	margin-bottom: 5px;
}
.top_reason_no {
	padding: 10px 5px;
	margin-right: 0;
}
.top_reason_no span {
	font-size: 200%;
}
.top_reason_pic {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	padding-bottom: 40%;
	overflow: hidden;
}	

}


/****** お客様の現状 ******/

table.table_top_current {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

table.table_top_current02 {
	table-layout: fixed;
	width: 100%;
	border-collapse: separate;
	border-spacing: 15px;
}
table.table_top_current td, table.table_top_current02 th, table.table_top_current02 td {
	padding-left: 2px;
	padding-right: 2px;
	border: none;
}
table.table_top_current02 th {
	background-color: #FFC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	padding: 10px;
}

table.table_top_current td:nth-child(1) {
	width: 35%;
}

ul.top_current {
	margin: 0;
	padding: 0;
}
ul.top_current li {
	display: block;
	list-style: none;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 300px;
}
ul.top_current li a {
	display: block;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #CCC;
	color: #FFF;
	line-height: 130%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;

	background-image: url(../files/medias/icon/icon_left_wh.png);
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: center right 3px;
}
ul.top_current li:nth-child(1) a {
	background-color: #67b1f6;
}
ul.top_current li:nth-child(2) a {
	background-color: #ff88bc;
}
ul.top_current li:nth-child(3) a {
	background-color: #62d48f;
}
ul.top_current li a:hover {
	background-position: center right 25px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}



@media only screen and (max-width: 768px) {
	
table.table_top_current {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}	

table.table_top_current td {
	display: block;
	padding: 0;
}

table.table_top_current td:nth-child(1) {
	width: 100%;
}


table.table_top_current02 th, table.table_top_current02 td {
	display: block;
	padding-top: 10px;
}
table.table_top_current02 tr {
	float: left;
	width: 48%;
	margin: 0 1%;
	border-spacing: 5px;
}

ul.top_current li {
	width: 100%;
}

ul.top_current li a {
	font-size: 80%;
	background-image: none;
}
}



/****** TOP FAQ ******/

ul.top_faq {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
ul.top_faq li {
	position: relative;
	display: block;
	list-style: none;
	margin: 0;
	padding: 40px 25px;
	padding-left: 90px;
	margin-bottom: 15px;
	background-color: #FFF;
	color: #F59;
	font-size: 130%;
	font-weight: bold;
}
ul.top_faq li:before {
	position: absolute;
	content: "Q";
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #F59;
	color: #FFF;
	padding: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
  left: 20px;
  top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
ul.top_faq li {
	padding: 15px;
	padding-left: 60px;
	font-size: 110%;
}
ul.top_faq li:before {
	font-size: 25px;
	height: 25px;
	width: 25px;
	line-height: 25px;
  left: 15px;
}

}



/****** 問い合わせ ******/

.top_contact {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 37%;
	background-image: url(../files/medias/toppage/top_contact.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100%;
	font-size: 120%;
	margin-bottom: 20px;
}
.top_contact_tel {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #13A;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.top_contact_tel h5 {
	margin: 0;
	font-size: 180%;
}
.top_contact_tel p {
	margin: 0;
}
.freedial a {
	display: block;
	font-size: 350%;
	color: #13A;
	text-decoration: none;
	background-image: url(../files/medias/icon/icon_tel_blue.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 70px;
	line-height: 95%;
	padding-left: 75px;
}

ul.list_contact_double {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}
ul.list_contact_double li {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0;
	margin-right: 50px;
	margin-bottom: 20px;
	padding: 0;
	width: 47.5%;
	font-size: 140%;
}
ul.list_contact_double li h5{
	font-size: 150%;
	margin: 0;
}
ul.list_contact_double li p {
	margin: 0;
}
ul.list_contact_double li:nth-child(even) {
	margin-right: 0;
}

@media only screen and (max-width: 768px) {
.top_contact {
	padding-bottom: 38%;
	margin-bottom: 0;
}
.top_contact_tel {
	line-height: 100%;
}
.top_contact_tel h5 {
	margin: 0;
	margin-top: 5px;
	font-size: 80%;
}
.top_contact_tel p {
	font-size: 70%;
}
.freedial a {
	font-size: 130%;
	background-size: 25px;
	line-height: 70%;
	padding-left: 28px;
}
ul.list_contact_double {
	display: block;
}
ul.list_contact_double li {
	position: relative;
	display: block;
	margin-right: 0;
	margin-bottom: 10px;
	width: auto;
	font-size: 110%;
}
ul.list_contact_double li h5{
	font-size: 120%;
}
}	


/********* トップエントリー ***********************************************/

h3.top_entry_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 240%;
}
.top_entry {
	display: block;
	border: 10px solid #F00;
	padding: 30px 50px;
	margin-bottom: 20px;
}
.tag_category {
	font-size: 80%;
	font-weight: bold;
	display: inline-block;
	background-color: #F33;
	color: #FFF;
	padding: 0 5px;
	margin-bottom: 2px;
	margin-right: 10px;
}
.tag_category a {
	display: block;
	color: #FFF;
	text-decoration: none;
}
#bg_news001, #bg_news001 a {
	background-color: #FAA;
}
#bg_news002, #bg_news002 a {
	background-color: #F58;
}
.top_entry dl {
	margin: 0;
	padding: 0;
}
.top_entry dl dt {
	clear: both;
	float: left;
	width: 220px;
	margin: 0;
	padding: 5px;
}
.top_entry dl dd {
	margin: 0;
	margin-left: 230px;
	margin-bottom: 15px;
	padding: 5px;
}
.top_entry dl a {
	color: #000;
	text-decoration: none;
}
.top_entry dl a:hover {
	text-decoration: underline;
}
@media only screen and (max-width: 768px) {
h3.top_entry_title {
	font-size: 160%;
	margin-bottom: 5px;
}
.top_entry {
	display: block;
	border: 5px solid #F00;
	padding: 15px;
	margin-bottom: 15px;
}
.top_entry dl dt {
	float: none;
	width: auto;
	margin: 0;
	padding: 5px;
	border-bottom: 1px dotted #CCC;
}
.top_entry dl dd {
	margin: 0;
	margin-bottom: 15px;
	padding: 5px;
}
.top_entry dl a {
	color: #000;
	text-decoration: none;
}
.top_entry dl a:hover {
	text-decoration: underline;
}
}

/********* エントリー ***********************************************/

.entry {
	display: block;
	border: 10px solid #F00;
	padding: 30px 50px;
	margin-bottom: 20px;
	margin-bottom: 30px;
}
.entry_day {
	text-align: right;
}
.entry h3 {
	padding: 3px;
	font-size: 140%;
	background-image: url(../files/medias/icon/icon_logo.png);
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: left top;
	padding-left: 40px;
	border-bottom: 1px dotted #999;
}
.entry h3 a {
	color: #222222;
	text-decoration: none;
}
.entry h3 a:hover {
	color: #777777;
	text-decoration: underline;
}

.pic_thumb {
	float: right;
	position: relative;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 20%;
	height: 0;
	padding-bottom: 12%;
	overflow: hidden;
	background-color: #CCC;
}
.pic_thumb img {
	position: absolute;
	width: 120%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.pic_thumb a {
	display: block;
}

.pic_thumb a img {
	width: 180%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.pic_entry {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	width: 40%;
}


@media only screen and (max-width: 768px) {
.entry {
	display: block;
	border: 5px solid #F00;
	padding: 15px;
	margin-bottom: 15px;
}
.entry h3 {
	padding: 0;
	font-size: 110%;
	background-size: 25px;
	background-position: left top;
	padding-left: 25px;
}
}


#entry_link {
	margin-top: 20px;
	padding-top: 20px;
}
ul.entry_link {
	margin: 0;
	padding: 0;
	text-align: center;
}
ul.entry_link li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}
ul.entry_link li.home {
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}
ul.entry_link li.previous:before {
	content: "<< ";
}
ul.entry_link li.next:after {
	content: " >>";
}

/********* ページ移動 ***********************************************/

div#page h2 {
	display: none;
}
div#page ul.order {
	margin: 10px 0;
}
div#page ul.order li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}
div#page ul.direct {
	margin: 10px 0;
	text-align: right;
}
div#page ul.direct li {
	display: inline;
	list-style: none;
	margin-left: 10px;
}


/********* 施工事例 ***********************************************/

ul.top_example {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}
ul.top_example li {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 0;
	width: 23%;
	border: 1px solid #000;
	line-height: 130%;
}
ul.list_maker li:nth-child(5n), ul.list_maker li:last-child {
	margin-right: 0;
}
ul.top_example li h4 {
	margin-bottom: 5px;
}
ul.top_example li p {
	margin: 0;
	font-size: 90%;
}
ul.top_example li .inner {
	padding: 15px;
	padding-bottom: 50px;
}

.bt_top_example {
	position: absolute;
	right: 15px;
	bottom: 15px;
	display: inline-block;
	font-size: 80%;
	line-height: 100%;
}
.bt_top_example a {
	display: block;
	color: #FFF;
	background-color: #000;
	padding: 5px 15px;
	text-decoration: none;
}
@media only screen and (min-width: 768px) {
.bt_top_example a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
}

ul.list_maker li img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.top_example_pic {
	position: relative;
	height: 0;
	width: 100%;
	padding: 0;
	padding-bottom: 100%;
	overflow: hidden;
	background-color: #F5F5F5;
}

.top_example_pic img {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.top_example_pic a img {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.top_example_pic a:hover img {
	width: 150%;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
}

@media only screen and (max-width: 768px) {
ul.top_example li {
	margin-right: 10px;
	margin-bottom: 20px;
	width: 46.5%;
}
ul.list_maker li:nth-child(5n) {
	margin-right: 10px;
}
ul.list_maker li:nth-child(even) {
	margin-right: 0;
}
ul.top_example li h4 {
	font-size: 100%;
}
ul.top_example li .inner {
	padding: 10px;
	padding-bottom: 50px;
}
	
}
.box_example {
	display: block;
	margin-bottom: 50px;
}

.title_example {
	display: block;
	margin-bottom: 20px;
	border-bottom: 1px dotted #F60;
	border-left: 5px solid #F60;
	padding: 5px 10px;
	color: #F60;
}
.title_example p {
	display: inline-block;
	margin: 0;
	margin-right: 15px;
}

.title_example h4 {
	display: inline-block;
	margin: 0;
	font-size: 130%;
}



.title_example a {
	display: block;
	text-decoration: none;
	color: #F60;
}

table.table_example_pic {
	border-collapse: separate;
	vertical-align: top;
	table-layout: fixed;
	width: 100%;
	border-spacing: 20px;
}
table.table_example_pic td {
	position: relative;
	padding: 0;
	border: none;
	margin: 10px;
}
table.table_example_pic p {
	margin: 0;
	margin-left: 5%;
	margin-top: 5%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	line-height: 100%;
	font-size: 150%;
	color: #FFF;
	background-color: #F60;
	padding: 5px 15px;
}

.sankaku {
	margin: 0;
	margin-left: 93%;
	margin-top: 45%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	line-height: 100%;
	font-size: 150%;
	color: #FFF;
	padding: 5px 15px;
}

table.table_example {
	table-layout: auto;
	font-size: 90%;
	width: 100%;
}
table.table_example th {
	text-align: left;
	padding: 5px 10px;
	white-space: nowrap;
}
table.table_example td {
	padding: 5px 10px;
}


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

table.table_example_pic {
	border-collapse: collapse;
	border-spacing: 0;
}
.box_example {
	margin-bottom: 30px;
}
table.table_example_pic td {
	display: block;
	margin: 0;
	margin-bottom: 15px;
}
.title_example {
	display: block;
	margin-bottom: 15px;
}
table.table_example_pic p {
	margin: 0;
	margin-left: 5%;
	margin-top: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	line-height: 100%;
	font-size: 150%;
	color: #FFF;
	background-color: #F60;
	padding: 5px 15px;
}
.title_example h4 {
	font-size: 120%;
}

table.table_example_pic {
	float: none;
	width: 100%;
	margin-left: 0;
}
table.table_example {
	width: 100%;
}
table.table_example th {
	padding: 5px;
}
table.table_example td {
	padding: 5px;
}



.sankaku {
	display: none;
}


}



.photo_viewer {
	display: block;
}
.photo_viewer div {
	width: 90%;
	height: 0;
	padding-bottom: 90%;
	overflow: hidden;
	position: relative;
	margin: 5%;
	border: 1px solid #F60;
}
.photo_viewer div img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  width: 100%;
}

.photo_viewer ul {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.photo_viewer ul li {
	width: 27%;
	height: 0;
	padding: 0;
	padding-bottom: 27%;
	vertical-align: top;
	display: inline-block;
	margin: 6px;
	background-color: #F5F5F5;
	overflow: hidden;
}

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

.photo_viewer ul li {
	width: 27%;
	height: 0;
	padding: 0;
	padding-bottom: 27%;
	vertical-align: top;
	display: inline-block;
	margin: 6px;
	margin-top: 0;
	margin-bottom: 20px;
	background-color: #F5F5F5;
	overflow: hidden;
}
}
.photo_viewer ul li a img {
	position: relative;
	width: 200%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.photo_viewer .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* =======================================
ClearFixElements
======================================= */
.photo_viewer ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.photo_viewer ul {
	display: inline-block;
	overflow: hidden;
}
.photo_viewer ul li img {
	width: 100%;
}



/********* インフォメーション ***************************************/

div#information {
	margin-bottom: 50px;
}

/********* 個別指定 *************************************************/

div#page_link ul.page_link {
	margin: 0 0 20px 0;
}
div#page_link ul.page_link li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}
div#page_link ul.page_link li.home {
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}
div#page_link ul.page_link li.previous:before {
	content: "<< ";
}
div#page_link ul.page_link li.next:after {
	content: " >>";
}

ul.link {
	margin: 0;
	padding: 10px;
	text-align: right;
}
ul.link li {
	display: inline;
	margin-left: 5px;
}



/********* ページ ***************************************/
#page_content h3 {
	background-color: #F00;
	color: #FFF;
	font-size: 200%;
	padding: 5px 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

ul.submenu {
	margin: 0;
	padding: 0;
	text-align: center;
}
ul.submenu li {
	display: inline-block;
	margin: 1%;
	padding: 0;
	width: 31%;
}
ul.submenu li a {
	display: block;
	padding: 5px 0;
	background-color: #999;
	color: #FFF;
	text-decoration: none;
}
@media only screen and (min-width: 768px) {
ul.submenu li a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
}

.pic_page {
	float: right;
	margin-left: 50px;
	max-width: 40%;
}

@media only screen and (max-width: 768px) {
#page_content h3 {
	font-size: 130%;
	padding: 3px 15px;
}

ul.submenu {
	margin: 0;
	padding: 0;
	text-align: center;
}
ul.submenu li {
	display: block;
	margin: 0;
	margin-bottom: 10px;
	width: auto;
}
ul.submenu li a {
	display: block;
	padding: 5px 0;
	background-color: #999;
	color: #FFF;
	text-decoration: none;
}
.pic_page {
	float: none;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
	max-width: 100%;
}
}

/********* 特徴 *************************************************/
/*** 3つの安心 ***/

ul.list_relief {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}
ul.list_relief li {
	position: relative;
	display: inline-block;
	list-style: none;
	width: 31.3%;
	margin: 0;
	margin-right: 3%;
	margin-bottom: 20px;
	padding: 0;
}
ul.list_relief li:nth-child(3n) {
	margin-right: 0;
}

.relief_title {
	position: relative;
	background-color: #8C1;
	color: #FFF;
	padding: 15px;
	text-align: center;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
	margin-top: 30px;
}
.relief_title h5 {
	margin: 0;
}
.relief_no {
	position: absolute;
	top: -20%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 5px solid #8C1;
	background-color: #FFF;
	color: #8C1;
	text-align: center;
	font-size: 90%;
	line-height: 120%;
	padding: 5px 8px;
}
.relief_no span {
	display: block;
	font-size: 150%;
	font-weight: bold;
}

.relief_pic {
	position: relative;
	height: 0;
	width: 100%;
	padding: 0;
	padding-bottom: 100%;
	overflow: hidden;
	background-color: #F5F5F5;
	margin-bottom: 20px;
}
.relief_cara {
	position: absolute;
	z-index: 1;
	right: 5px;
	bottom: 0;
	width: 80px;
}

.pic_relief_img {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
a .pic_relief_img {
	display: block;
}
a:hover .pic_relief_img {
	width: 150%;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
}

.relief_txt {
	position: relative;
	background-color: #EFC;
	padding: 15px;
	font-size: 90%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.relief_txt::before {
  content: '';
  position: absolute;
  right: 20px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #EFC;
  border-left: 15px solid transparent;
}

@media only screen and (max-width: 768px) {
ul.list_relief {
	display: block;
	margin: 0;
	padding: 0;
}
ul.list_relief li {
	display: block;
	width: auto;
	margin: 0;
	margin-bottom: 20px;
}
.relief_title {
	margin-top: 0;
}
.relief_title h5 {
	font-size: 100%;
}
.relief_no {
	top: 0;
	left: 5px;
	transform: translateY(0%) translateX(0%);
	-webkit- transform: translateY(0%) translateX(0%);
	font-size: 90%;
	line-height: 120%;
	padding: 5px 8px;
}
.relief_no span {
	font-size: 120%;
}
}


/*** 対応エリア ***/
dl.area {
	margin: 0;
	padding: 0;
}
dl.area dt {
	margin: 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
}

dl.area dd {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}


/********* ガス給湯器 *************************************************/

ul.list_maker {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}
ul.list_maker li {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0;
	margin-right: 40px;
	margin-bottom: 20px;
	padding: 0;
	width: 16.5%;
}
ul.list_maker li:nth-child(5n), ul.list_maker li:last-child {
	margin-right: 0;
}
ul.list_maker li img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
@media only screen and (max-width: 768px) {
	
ul.list_maker li {
	margin-right: 2%;
	padding: 0;
	width: 48.5%;
}
ul.list_maker li:nth-child(5n) {
	margin-right: 1%;
}
ul.list_maker li:nth-child(even) {
	margin-right: 0;
}
}


table.list_choose {
	table-layout: fixed;
	width: 100%;
	border-collapse: separate;
	border-spacing: 15px;
}
table.list_choose td {
	padding: 0;
	border: none;
	vertical-align: top;
}
table.list_choose .imageright {
	max-width: 150px;
}

.title_choose {
	position: relative;
	display: block;
	padding: 10px;
	margin-bottom: 15px;
	border: 2px dotted #48C;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.title_choose h5 {
	display: inline-block;
	margin: 0;
	color: #48C;
}
.title_choose p {
	display: inline-block;
	margin: 0;
	margin-left: 20px;
	font-size: 90%;
	font-weight: bold;
}
.title_type {
	position: relative;
	display: block;
	padding: 10px;
	margin-bottom: 15px;
	border: 2px dotted #8B0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.title_type h5 {
	display: inline-block;
	margin: 0;
	color: #8B0;
}
.title_type p {
	display: inline-block;
	margin: 0;
	margin-left: 20px;
	font-size: 90%;
	font-weight: bold;
}
.title_denkidai {
	position: relative;
	display: block;
	padding: 10px;
	margin-bottom: 15px;
	border: 2px dotted #E67;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.title_denkidai h5 {
	display: inline-block;
	margin: 0;
	color: #E67;
}
.title_denkidai p {
	display: inline-block;
	margin: 0;
	margin-left: 20px;
	font-size: 90%;
	font-weight: bold;
}
.ill_choose {
	display: block;
	border: 1px solid #CCC;
	margin-bottom: 15px;
}
.ill_choose.imagecenter {
	margin-bottom: 0;
}

ul.icon_choose {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

ul.icon_choose li {
	display: inline-block;
	list-style: none;
	margin: 0;
	margin-right: 5px;
	padding: 0;
}
ul.icon_choose li img {
	width: 30px;
}

@media only screen and (max-width: 768px) {
table.list_choose {
	border-spacing: 0;
}
table.list_choose td {
	display: block;
	padding-bottom: 20px;
}

table.list_choose .imageright {
	max-width: 30%;
	margin-left: 15px;
}

.title_choose {
	padding: 10px;
}
.title_choose h5 {
	display: block;
}
.title_choose p {
	display: block;
	margin: 0;
}
.title_type {
	padding: 10px;
}
.title_type h5 {
	display: block;
}
.title_type p {
	display: block;
	margin: 0;
}
.title_denkidai {
	padding: 10px;
}
.title_denkidai h5 {
	display: block;
}
.title_denkidai p {
	display: block;
	margin: 0;
}
	
}

table.table_hurokinou {
	table-layout: fixed;
	width: 100%;
	font-size: 90%;
	line-height: 130%;
	border: 3px solid #AC0;
}
table.table_hurokinou th {
	border-color: #AC0;
	color: #AC0;
	background-color: #FFF;
	padding: 5px;
}
table.table_hurokinou td {
	border-color: #AC0;
	text-align: center;
	padding: 10px 5px;
}
.bgtitle_hurokinou {
	background-color: #AC0 !important;
	color: #FFF !important;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
table.table_hurokinou {
	min-width: 1000px;
}
}




ul.list_triple {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}
ul.list_triple li {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0;
	margin-right: 40px;
	margin-bottom: 20px;
	padding: 0;
	width: 30%;
}
ul.list_triple li:nth-child(3n), ul.list_maker li:last-child {
	margin-right: 0;
}
@media only screen and (max-width: 768px) {
ul.list_triple {
	display: block;
}
ul.list_triple li {
	display: block;
	margin-right: 0;
	margin-bottom: 15px;
	width: auto;
}
}

table.table_choose {
	table-layout: auto;
	width: 100%;
}
table.table_choose th {
	font-size: 90%;
	line-height: 100%;
}

table.table_choose td {
	text-align: center;
	line-height: 100%;
}
@media only screen and (max-width: 768px) {
table.table_choose {
	width: 100%;
    min-width: 1000px;
	font-size: 90%;
}
}
ul.list_tank {
	margin: 0;
	padding: 0;
}
ul.list_tank li {
	display: inline;
	list-style: none;
	margin: 0 2px;
	padding: 0;
	max-width: 130px;
}
ul.list_tank li:after {
	content: " +";
	font-weight: bold;
}
ul.list_tank li:last-child:after {
	content: "";
}
ul.list_tank li img {
	max-width: 100%;
}

.tablebg_full {
	background-color: #fcf0f5;
	color: #F5B;
}
.tablebg_semi {
	background-color: #f0fafc;
	color: #1AE;
}
.tablebg_kyuutou {
	background-color: #fce8cb;
	color: #E60;
}

ul.list_type {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}
ul.list_type li {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0;
	margin-right: 40px;
	margin-bottom: 20px;
	padding: 0;
	padding-bottom: 30%;
	width: 30%;
	height: 0;
	border: 3px solid #8C1;
	background-color: #FFF;
}
ul.list_type li:nth-child(3n), ul.list_maker li:last-child {
	margin-right: 0;
}

.type_img {
	position: absolute;
	width: 70%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

ul.list_type li h5 {
	position: absolute;
	left: 50%;
	bottom: -40px;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	padding: 10px 0;
	width: 85%;
	background-color: #8C1;
	color: #FFF;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

@media only screen and (max-width: 768px) {
ul.list_type li {
	margin-right: 5px;
	margin-bottom: 20px;
	padding-bottom: 30%;
	width: 30%;
}
.type_img {
	width: 80%;
}

ul.list_type li h5 {
	font-size: 90%;
	left: 50%;
	bottom: -40px;
	padding: 5px 0;
	width: 100%;
}
}



.box_ranking {
	position: relative;
	display: block;
	border: 5px solid #F00;
	margin-bottom: 20px;
}
.box_ranking h4 {
	background-color: #F00;
	color: #FFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	padding: 0;
	margin: 0;
}

.box_ranking h4 span {
	display: inline-block;
	text-align: left;
	background-image: url(../files/medias/icon/icon_crown.png);
	background-repeat: no-repeat;
	padding: 15px 0;
	padding-left: 80px;
	background-size: 70px;
	background-position: left center;
}
.box_ranking .inner {
	padding: 20px;
}

ul.list_ranling {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: space-between;
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
}
ul.list_ranling li {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0;
	margin-top: 30px;
	padding: 1.5%;
	padding-top: 60px;
	width: calc(100% / 3 - 3% - 16px);
	border: 2px solid #FB5;
	border-radius: 8px;
}
.ranling_no {
	position: absolute;
	left: 50%;
	top: -40px;
	transform: translateX(-50%);
	width: 80px;
	z-index: 1;
}

ul.list_ranling li h5 {
	font-size: 240%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
}
ul.list_ranling li h5 span {
	font-weight: normal;
	font-size: 40%;
}
ul.list_ranling li p {
	font-size: 80%;
	line-height: 130%;
	margin: 0;
}

@media only screen and (max-width: 768px) {
.box_ranking {
	border: 3px solid #F00;
}
.box_ranking h4 {
	font-size: 120%;
}

.box_ranking h4 span {
	padding: 5px 0;
	padding-left: 45px;
	background-size: 40px;
}
.box_ranking .inner {
	padding: 8px;
}

ul.list_ranling {
	display: block;
	margin-bottom: 0;
}
ul.list_ranling li {
	display: block;
	margin: 0;
	margin-bottom: 8px;
	padding: 8px;
	width: auto;
}
.ranling_no {
	top: -8px;
	left: -8px;
	width: 48px;
	transform: translateX(0%);
}

ul.list_ranling li h5 {
	font-size: 200%;
}
ul.list_ranling li h5 span {
	font-size: 50%;
}
ul.list_ranling li p {
	text-align: center;
}

}




.box_handling {
	display: block;
	height: 210px;
	overflow: auto;
}
table.list_handling {
	table-layout: auto;
	width: 100%;
	font-size: 90%;
	line-height: 130%;
	margin-bottom: 30px;
}
table.list_handling th {
	background-color: #EFC;
}


table.list_handling td img {
	display: block;
	margin: 0 auto;
	max-width: 100px;
}
table.list_handling td:nth-child(3n) {
	text-align: right;
	white-space: nowrap;
}
table.list_handling td:nth-child(3n)::before {
	content: "¥";
}
table.list_handling td:nth-child(3n)::after {
	content: "（税込）";
	font-size: 80%;
}
@media only screen and (max-width: 768px) {

.box_handling {
	height: 120px;
}
table.list_handling {
	font-size: 70%;
	margin-bottom: 20px;
}
table.list_handling td img {
	display: block;
	margin: 0 auto;
	max-width: 50px;
}
table.list_handling td:nth-child(3n) {
	text-align: right;
}
table.list_handling td:nth-child(3n)::before {
	content: "¥";
}
table.list_handling td:nth-child(3n)::after {
	display: block;
}
}


.box_fulloption {
	display: block;
	margin-bottom: 20px;
	padding: 30px;
	border: 10px solid #F60;
}
.box_fulloption h4 {
	color: #F60;
	font-size: 150%;
	border-bottom: 1px solid #F60;
	border-left: 7px solid #F60;
	padding: 3px 20px;
}


ul.list_fulloption {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}
ul.list_fulloption li {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 1.5%;
	width: 27%;
	border: 2px solid #F60;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
ul.list_fulloption li:nth-child(3n), ul.list_fulloption li:last-child {
	margin-right: 0;
}
ul.list_fulloption li h5 {
	background-color: #F60;
	color: #FFF;
	padding: 5px 10px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
.box_fulloption {
	padding: 15px;
	border: 5px solid #F60;
}
.box_fulloption h4 {
	font-size: 130%;
	padding: 3px 5px;
}


ul.list_fulloption {
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
ul.list_fulloption li {
	display: block;
	list-style: none;
	margin: 0 auto;
	padding: 5px;
	margin-bottom: 15px;
	padding: 1%;
	width: auto;
}
ul.list_fulloption li h5 {
	background-color: #F60;
	color: #FFF;
	padding: 5px;
	margin-bottom: 10px;
}
}

/********* エコキュート *************************************************/
.step_eco  {
	margin-bottom: 20px;
}
.step_eco h4 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 200%;
	color: #1BB;
	text-align: center;
}

.step_eco ol {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}
.step_eco ol li {
	position: relative;
	display: inline-block;
	list-style: none;
	background-color: #1BB;
	color: #FFF;
	margin: 0;
	margin-right: 20px;
	padding: 10px 5px;
	width: 14%;
	text-align: center;
}
.step_eco ol li:nth-child(6n), .step_eco ol li:last-child {
	margin-right: 0;
}
.step_eco ol li:after {
	content:"…";
	font-size: 200%;
	font-family: Arial, Helvetica, sans-serif;
	color: #287;
	font-weight: bold;
	position: absolute;
	top: 50%;
	right: -25px;
	z-index: 10;
	transform: translateY(-50%);
}
.step_eco ol li:last-child:after {
	content:"";
}
.step_eco ol li p {
	line-height: 130%;
	margin: 0;
}

.step_eco_no {
	position: relative;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 2px;
	margin-bottom: 15px;
}
.step_eco_no:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;/*線の上下位置*/
  display: inline-block;
  width: 20%;/*線の長さ*/
  height: 1px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #FFF;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

@media only screen and (max-width: 768px) {
.step_eco h4 {
	font-size: 130%;
}

.step_eco ol li {
	margin-bottom: 20px;
	margin-right: 10px;
	padding: 5px;
	width: 27.5%;
	font-size: 80%;
	text-align: center;
}
.step_eco ol li:nth-child(3n), .step_eco ol li:last-child {
	margin-right: 0;
}
.step_eco ol li:after {
	font-size: 100%;
	top: 50%;
	right: -12px;
}
.step_eco ol li:nth-child(3n):after {
	content:"";
}
.step_eco ol li p {
	line-height: 130%;
	margin: 0;
}
.step_eco_no {
	font-size: 100%;
}
}

/********* faq *************************************************/

dl.faq {
	margin: 0;
	padding: 30px 20px;
	margin-bottom: 30px;
	border: 3px solid #F59;
}
dl.faq dt {
	position: relative;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 70px;
	margin-bottom: 30px;
	color: #F59;
	font-size: 130%;
	font-weight: bold;
}
dl.faq dt:before {
	position: absolute;
	content: "Q";
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #F59;
	color: #FFF;
	padding: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
  left: 0;
  top: 50%;
	transform: translateY(-50%);
}
dl.faq dd {
	clear: both;
	position: relative;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 70px;
}
dl.faq dd:before {
	position: absolute;
	content: "A";
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	color: #F59;
	padding: 5px;
  left: 0;
  top: 30%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
dl.faq {
	margin: 0;
	padding: 15px;
	margin-bottom: 20px;
}
dl.faq dt {
	padding-left: 40px;
	margin-bottom: 10px;
	font-size: 110%;
	line-height: 120%;
}
dl.faq dt:before {
	font-size: 20px;
	height: 20px;
	width: 20px;
	line-height: 20px;
}
dl.faq dd {
	padding-left: 40px;
	font-size: 90%;
	line-height: 120%;
}
dl.faq dd:before {
	font-size: 25px;
	width: 25px;
	line-height: 25px;
  top: 15%;
}
}




/********* 会社案内 *************************************************/

dl.conpany {
	margin: 0;
	padding: 0;
	background-color: #F5F5F5;
	border-bottom: 1px solid #999;
}

dl.conpany dt {
	clear: both;
	float: left;
	width: 150px;
	margin: 0;
	padding: 10px 20px;
	border-top: 1px solid #999;
}

dl.conpany dd {
	margin: 0;
	margin-left: 190px;
	padding: 10px 20px;
	background-color: #FFF;
	border-top: 1px solid #999;
}
.googlemap {
    position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
	margin-bottom: 20px;
}
 
.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 768px) {
dl.conpany {
	margin: 0;
	padding: 0;
	background: none;
	border-bottom: none;
}

dl.conpany dt {
	float: none;
	width: auto;
	margin: 0;
	padding: 5px;
	background-color: #F5F5F5;
	border-top: none;
}

dl.conpany dd {
	margin: 0;
	padding: 10px;
	background: none;
	border-top: none;
}
.googlemap {
    padding-bottom: 65%;
}
}

/********* プライバシー *************************************************/

dl.privacy {
	margin: 0;
	padding: 0;
}

dl.privacy dt {
	margin: 0;
	padding: 10px;
	font-size: 110%;
	font-weight: bold;
	background-color: #F5F5F5;
}

dl.privacy dd {
	margin: 0;
	padding: 10px 20px;
	margin-bottom: 30px;
}

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

dl.privacy dt {
	padding: 5px;
}

dl.privacy dd {
	margin: 0;
	padding: 10px;
}
}


/********* フォーム *************************************************/

#form {
	clear: both;
	word-wrap: break-word;
}
.form_img {
	display: block;
	max-width: 200px;
}

#form dl {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	background-color: #F5F5F5;
}
#form dt {
	border-top: 1px dotted #CCC;
	clear: both;
	float: left;
	padding: 10px;
	margin: 0;
	width: 200px;
}

#form dd {
	border-top: 1px dotted #CCC;
	margin: 0;
	margin-left: 220px;
	padding: 10px;
	background-color: #FFF;
}

#form dl dt:first-child {
	border-top: none;
}
#form dl dt:first-child + dd {
	border-top: none;
}


@media only screen and (max-width: 768px) {
#form dl {
	background: none;
}
#form dt  {
	float: none;
	width: auto;
	margin: 0;
	padding: 5px;
	background-color: #F5F5F5;
	border-top: none;
}
#form dd {
	margin: 0;
	padding: 10px;
	background: none;
	border-top: none;
}
#form dd img {
	max-width: 25%;
}
}

.hissu {
	border:1px solid #df0909;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	line-height: 100%;
	padding: 2px 6px;
	margin-left: 10px !important;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #FFF !important;
	background-color: #f62b2b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
	background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
	background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
	background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
	background-image: -o-linear-gradient(top, #f62b2b, #d20202);
	background-image: linear-gradient(to bottom, #f62b2b, #d20202);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}





/* 電話番号エリア
======================================*/
.box_tel {
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	display: block;
	padding: 20px;
	padding-bottom: 10px;
	margin-bottom: 15px;
    background: #FFFFE1;
    border: 2px solid #FFEDC4;
    font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.box_tel .txt {
	display: block;
}
.box_tel h5 {
    font-size: 24px;
	margin-bottom: 5px;
}
.box_tel p {
    font-size: 18px;
	margin-bottom: 0 !important;
}

.box_tel img {
	display: block;
	margin: 0 auto;
	margin-top: 9px;
	max-width: 600px !important;
}

@media only screen and (max-width: 768px) {
.box_tel img {
	display: block;
	margin: 0 auto;
	margin-top: 9px;
	width: 100%;
}
}

@media only screen and (min-width: 768px) {
.box_tel img:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
}



/********* ボックス ************************************************/

.box_gray {
	clear: both;
	background-color: #EFEFEF;
	padding: 15px 30px;
	margin-bottom: 20px;
}


.box_shadow {
	display: block;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	padding: 30px;
	margin-bottom: 30px;
}

/********* liststyle ************************************************/

ul.list_kome {
	margin: 0;
	padding: 0;
}
ul.list_kome li {
	margin: 0;
	margin-left: 20px;
	padding: 0;
	list-style: none;
	position: relative;
	line-height: 130%;
	margin-bottom: 10px;
}
ul.list_kome li:before {
	content: "※";
	display: block;
	float: left;
	margin-left: -20px;
	border: none;
}




	
/********* 画像 ************************************************/


.imageleft {
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
}

.imageright {
	float: right;
	margin-left: 40px;
	margin-bottom: 20px;
}

.imagecenter {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}


.imagecenter002 {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}



.imagecenter003 {
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}


.imagecenter00 {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}



.pic {
	margin-bottom: 3px;
	border: 3px solid #FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	
}

.pic_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 5px solid #FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	
}
.pic_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 5px solid #FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	
}
.pic_center {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	border: 5px solid #FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	
}



/********* ボタン ************************************************/


.bt:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}	



.bt_gray, .bt_black, .bt_white, .bt_blue {
	display: inline-block;
	margin: 5px;
	font-size: 110%;
}
.bt_gray a, .bt_black a, .bt_white a, .bt_blue a {
	display: block;
	text-align: center;
	padding: 15px 40px;
	text-decoration: none;
}
.bt_gray a {
	background-color: #EEE;
	color: #000;
}
.bt_black a {
	background-color: #000;
	color: #FFF;
}
.bt_blue a {
	background-color: #03D;
	color: #FFF;
}
.bt_white a {
	box-shadow: 0 0 1px rgba(0,0,0,0.5);
	background-color: #FFF;
	text-decoration: none;
}
.bt_gray a:after, .bt_black a:after, .bt_white a:after, .bt_blue a:after {
	content: "  >"
}
.bt_gray a:hover, .bt_black a:hover, .bt_white a:hover, .bt_blue a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}





/********* フレームレスポンシブル ************************************************/

.youtube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	margin-bottom: 30px;
}
 
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/********* 個別 ************************************************/

.red {
	color: #F00;
}
.blue {
	color: #048;
}
.orange {
	color: #F60;
}
.right {
	float: right;
}
.t_center {
	text-align: center;
}
.t_left {
	text-align: left;
}
.t_right {
	text-align: right;
}
.clear: {
	clear: both;
}

.f60 {
	font-size: 60% !important;
	line-height: 120%;
}
.f70 {
	font-size: 70% !important;
	line-height: 120%;
}
.f80 {
	font-size: 80% !important;
	line-height: 120%;
}
.f90 {
	font-size: 90% !important;
	line-height: 120%;
}
.f110 {
	font-size: 110% !important;
}
.f120 {
	font-size: 120% !important;
}
.f130 {
	font-size: 130% !important;
}
.f140 {
	font-size: 140% !important;
}
.f150 {
	font-size: 150% !important;
}
.f200 {
	font-size: 200% !important;
}

.fgenjo {
	font-size: 90% !important;
	line-height: 120%;
}


.ls001 {letter-spacing: -1px;
}



.farea {
	font-size: 70% !important;
}

.top_mg001 {
	margin-top: -20px;
}


.sp_only {
	display: none;
}
@media only screen and (max-width: 768px) {
.sp_only {
	display: block;
}

.pc_only {
	display: none;
}
.fgenjo {
	font-size: 120% !important;
}
.farea {
	font-size: 90% !important;
}

.top_mg001 {
	margin-top: -45px;
	margin-bottom: -17px;
}


}



.bt_line a {
	display: block;
	background-color: #1B0;
	color: #FFF;
	text-decoration: none;
	padding: 12px;
	padding-left: 40px;
	text-align: center;
	font-weight: 900;
	font-size: 130%;
	background-image: url(../files/medias/icon/icon_line_wh.png);
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 10px center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.bt_line a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}