@charset "utf-8";
@import url(../style_tmp.css);

/* 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}

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

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

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

input, select {
	vertical-align:middle;
}

/* Setting */
html {

}
/*
@import url("http://fonts.googleapis.com/earlyaccess/notosansjapanese.css");

body {
    font-family: 'Noto Sans Japanese';
}
input,
textarea {
    font-family: 'Noto Sans Japanese';
}*/


.pc{
	display:block !important;
}
.sp{
	display:none !important;
}
@media (min-width:0px) and (max-width:640px) {
.pc{
	display:none !important;
}
.sp{
	display:block !important;
}
}



@media (min-width:641px) {
body {
	font-size: 14px;
	line-height: 1.4;
	min-width: 1000px;
  /*
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ" , "MS PGothic", "Osaka", arial, helvetica, clean, sans-serif;
	color: #444;
  */
	background-color: #FFFFFF;
  /*
	letter-spacing: 1px;
  */
}
}
@media (min-width:0px) and (max-width:640px) {
body {
	font-size: 13px;
	line-height: 1.5;
	font-family: "メイリオ",'Century Gothic', "Hiragino Kaku Gothic Pro", " ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	color: #444;
	background-color: #FFFFFF;
	letter-spacing: 1px;
}
}
* html body { /* for IE6 */
	font-size: small;
}
	
*:first-child+html body { /* for IE7 */
	font-size: small;
}

img {
	vertical-align: middle;
}

ul {
	list-style-position: outside;
	list-style-type: none;
}

ol {
	list-style-position: inside;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: normal;
}

*:active, *:focus {
	outline: none;
}

/* clear */
.clear {
	clear: both;
}

.clear hr {
	display: none;
}

/* link */
a {
	color: #444;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/*a img:hover {
	opacity:0.7;
}*/
/* iphoneのデフォルトstyleを無効*/
input[type="button"],input[type="text"],input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}

#main p {
	line-height: 200%;
	display: block;
	overflow: hidden;
}
@media (min-width:0px) and (max-width:640px) {
.head-mg {
	height: 15vw;
}

.marugoto .head-mg {
	height: 16vw;
}
.spnone {
	display:none !important;
}

.marugoto #contents_top {
	padding: 0 !Important;
}
}

@media (min-width:641px) and (max-width:949px) {
.pcnone {
	display: block !important;
}
.spnone {
	display:none !important;
}
.head-mg {
	height: 95px;
}

}
@media (min-width:950px) {
.pcnone {
	display:none !important;
}
.spnone {
	display:block !important;
}
.head-mg {
	height: 105px;
}

}



/* ---------------------------------------------------------------------
ローディング
--------------------------------------------------------------------- */
#loader_wrap {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10001;
	text-align: center;
}
#loader_wrap .loading_ani:after {
	width: 50px;
	height: 50px;
	content: '';
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	display: block;
	background: url(../js/bxslider/images/bx_loader.gif) center center no-repeat;
}


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

header

==============================*/
#header-out {
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
	margin-top: 0px;
	padding: 0px;
	
	position: fixed;
	top: 0px;
	background-color: #FFF;
	z-index: 1000;
	margin-bottom: 0px;
}

#header {
max-width: 1200px;
width: 96%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}

#header .logo {
	display: block;
	float: left;
	height: 50px;
	width: auto;

}
#header .toplogo {
height: 50px;
}

.hd_tel{
display: block;
float: right;
height: 42px;
margin-top:5px;
width: auto;
}
.hd_tel img{
	height:100%;
}
@media (min-width:0px) and (max-width:800px) {

#header {
	height: 50px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	z-index: 2;
}

#header .logo {
	display: block;
	float: left;
	height: 40px;
	width: auto;
	margin-top: 0px;

}
#header .toplogo {
	margin-top: 10px;
}
}
#header .logo a {
	color: #ffc30c;
}
#header .logo a:hover {
	opacity: 0.8;
	text-decoration: none;
}

@media (min-width:641px) and (max-width:810px) {
#header-out {
	height: 110px;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
	margin-top: 0px;
	position: fixed;
	top: 0px;
	z-index: 2;
	padding: 0px;
	background-color: #FFF;
}
}
@media (min-width:0px) and (max-width:640px) {
#header-out {
	height: 50px;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
	margin-top: 0px;
	position: fixed;
	top: 0px;
	z-index: 2;
	padding: 0px;
	background-color: #FFF;
}
}
#header .logo a img {
	height: 100%;
	width: auto;
	
}
#header ul {
/*ヘッダー修正に伴い非表示*/
display:none;
	float: right;
}
#header ul li {
	line-height: 50px;
	text-align: center;
	float: left;
	margin-top: -1px;
}
#header ul li a {
	height: 50px;
	width: 160px;
	display: block;
	color: #FFF;
}

#header ul li a img{
	display:none;
}
#header ul li a.katarogu {
	background:#7ac843 url(../img/hd_bt1.gif) no-repeat;
	transition: all  0.3s ease;
}
#header ul li a.katarogu:hover {
	background:url(../img/hd_bt1_on.gif) no-repeat;
}
#header ul li a.shindan {
	background:#ff931e url(../img/hd_bt2.gif) no-repeat;
	transition: all  0.3s ease;
}
#header ul li a.shindan:hover {
	background:url(../img/hd_bt2_on.gif) no-repeat;
}
#header ul li a.reform {
	background:#ff7bac url(../img/hd_bt3.gif) no-repeat;
	transition: all  0.3s ease;
}
#header ul li a.reform:hover {
	background:url(../img/hd_bt3_on.gif) no-repeat;
}


#header ul li a.katarogu_bubun {
	background:#5db6e7 url(../img/hd_bt_b1.gif) no-repeat;
	transition: all  0.3s ease;
}
#header ul li a.katarogu_bubun:hover {
	background:url(../img/hd_bt_b1_on.gif) no-repeat;
}
#header ul li a.shindan_bubun {
	background:#ff931e url(../img/hd_bt_b2.gif) no-repeat;
	transition: all  0.3s ease;
}
#header ul li a.shindan_bubun:hover {
	background:url(../img/hd_bt_b2_on.gif) no-repeat;
}
#header ul li a.bukken {
	background:#ff931e url(../img/hd_chuko_bt1.gif) no-repeat;
	transition: all  0.3s ease;
}
#header ul li a.bukken:hover {
	background:url(../img/hd_chuko_bt1_on.gif) no-repeat;
}
#header ul li a.chukoreform {
	background:#ff7bac url(../img/hd_chuko_bt2.gif) no-repeat;
	transition: all  0.3s ease;
}
#header ul li a.chukoreform:hover {
	background:url(../img/hd_chuko_bt2_on.gif) no-repeat;
}


@media (min-width:0px) and (max-width:735px) {
#header ul {
	display:none;
}
#header .logo a img {
	height: 90%;
	margin-left: 5px;
	width: auto;
	
}
}


/*------------------------------------------------------------
	グローバルナビ
------------------------------------------------------------*/

@media (min-width: 736px) {

#gNavi {
margin-bottom: 0px;
padding-top: 2px;
padding-bottom: 5px;
overflow: hidden;
background:#FFF;
}

#gNavi ul {
max-width: 1200px;
width: 96%;
margin-right: auto;
margin-left: auto;
}
#gNavi ul li {
box-sizing: border-box;
width: 25%;
border-left:#d5d5d5 1px solid;
float: left;
font-weight: bolder;
text-align: center;
}
#gNavi ul li:last-child {
border-right:#d5d5d5 1px solid;
}
/*
#gNavi ul li:last-child img{
width: 90%;
}*/

#gNavi li a {
font-size: 1.25vw;
display: block;
text-align: center;
text-decoration: none;
font-weight: normal;
padding-top: 3px;
padding-top: 3px;
border-bottom: 3px solid #FFF;
}
#gNavi li a:hover {
/**text-decoration: underline;**/
border-bottom: 3px solid #85b31b;
}
#gNavi.sub.pt1 ul li a:hover {
/**text-decoration: underline;**/
border-bottom: 3px solid #85b31b;
}
#gNavi.sub ul li a:hover {
/**text-decoration: underline;**/
border-bottom: 3px solid #187fc3;
}

#gNavi.chuko ul li a:hover {
/**text-decoration: underline;**/
border-bottom: 3px solid #00a89c;
}

#gNavi.chuko ul{
	margin-top:10px;
}
#gNavi.chuko ul li {
	box-sizing: border-box;
	width: 25%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d5d5d5;
	float: left;
	font-weight: bolder;
	text-align: center;
}

#gNavi.sub ul{
	margin-top:10px;
}
#gNavi.sub ul li {
	box-sizing: border-box;
	width: 20%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d5d5d5;
	float: left;
	font-weight: bolder;
	text-align: center;
}
#gNavi.sub ul li:last-child {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d5d5d5;
}


#gNavi.sub li a {
font-size: 1.25vw;
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 0px;
}

#gNavi.sub ul li .pd {
	padding-top: 3px;
	padding-bottom: 3px;
}


#slide-header {
	height: 90px;
	position: absolute;
	width: 100%;
	z-index: 3;
	display: none;
}
}

/*-----スマホ用折り畳みメニュー------*/

@media (min-width:0px) and (max-width:735px) {
#slide-header {
	height: 50px;
	position: fixed;
	width: 50px;
	z-index: 3;
	right: 0px;
	top: 0px;
	display: block;
	margin-right: 10px;
}
#slide-header .button {
	width: 50px;
	height: 50px;
	position: relative;
	display: block;
	top: 0px;
}

.menu-button-right {
	right: 0px;
}

#menu-nav {
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
}
#menu-button {
	vertical-align: bottom;
	float: right;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(/img/menu_button.png);
	background-position: center top;
	background-size:50px;
    

}
#menu-button.selected,
#menu-button:active {
    opacity: 1;
	background-repeat: no-repeat;
	background-image: url(/img/menu_button-on.png);
	background-position: center top;
	background-size:50px;
	z-index:4;
    
}
#menu-button-inner {
    width: 50px;
    height: 65px;
	z-index:4;
}
#gNavi {
	box-sizing: border-box;
	clear: both;
	display: none;
	position: fixed;
	width: 100%;
	z-index: 5;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: rgba(0,0,0,0.5);
	top: 50px;
	
}

#gNavi ul {
	overflow: hidden;
	border-radius: 5px;
	/**border: 1px solid #ccc;
	box-shadow:0 0px 10px #ccc;**/
}
#gNavi li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}
@media (min-width:0px) and (max-width:735px) {
#gNavi li br{
	display:none;
}
}
#gNavi li:last-child {
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #ccc;
}

#gNavi a {
	white-space: nowrap;
	text-decoration: none;
	display: block;
	line-height: 2em; /* 46/16 = 3.375em */
	height: 2em; /* 46/16 = 3.375em */
	padding: 5px; /* 6/16 = .375em */
	font-weight: bold;
	/**background-image: url(../img/icon03.png);
	background-repeat: no-repeat;
	background-position: right center;**/
	color: #fff;
}
#gNavi ul li .pd {
	padding-top: 0px;
	padding-bottom: 0px;
}
#gNavi a:hover,
#gNavi a:active {
    
	
}
#gNavi ul li img {
	display:none;
}

}

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

footer

==============================*/
#footer-out {
	background-color: #4f4f4f;
	
}

footer {
	max-width: 1000px;
	width: 100%;
	padding-top: 5px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 5px;
	background-color: #4f4f4f;
}
footer p {
	color: #FFF;
}

footer .copy {
	text-align: center;
}
footer .copy a {
	color: #FFFFFF;
}
.remark{
	display:none;
}
.common_remark{
	display:none;
}
/*=================================================

go-top

==============================*/
#go-top {
	position: fixed;
	bottom: 90px;
	right: 0;
}

#go-top a {
	display: block;
	width: 65px;
}

#go-top a:hover {
	text-decoration: none;
}

#go-top span {
	background: url(../img/gotop.png) no-repeat center center;
	display: block;
	height: 70px;
	width: 65px;
	opacity: 1;
	transition: 0.2s ease-out;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	background-size:60px auto;
}

/*===breadCrumb====*/
#breadCrumb {
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	box-sizing: border-box;
	padding-right: 5px;
	padding-left: 5px;
}

#breadCrumb ul li {
	display: inline;
	padding-right: 5px;
	font-size: 12px;
}

#breadCrumb ul li a {
	color: #e3333e;
}

#breadCrumb ul li a:hover {
	text-decoration: underline;
}
/*=================================================

conteiner

==============================*/
@media (min-width:736px) {
#conteiner {
	width: 1000px;
	margin-top: 0px;
	padding-bottom: 20px;
	margin-bottom: 35px;
	margin-right: auto;
	margin-left: auto;
}

}

@media (min-width:0px) and (max-width:735px) {
#conteiner {
	margin-top: 0;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 25px;
}

}


#main #subpage  {
	margin-bottom: 30px;
}

#main-btn {
	width:100%;
	margin:0 auto;
	background-color: #f6f6f6;
}
#main-btn.white {
	background-color: #fff;
}

#main-btn_in {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: center;
}
#main-btn_in .left {
	float: left;
	width: 50%;
}
#main-btn_in img {
	height: auto;
	width: 100%;
}
#main-btn_in a img:hover {
}

#main-btn_in .right {
	float: right;
	width: 50%;
}
#main-btn_in .right .btn03 {
	float: left;
	width: 50%;
}
#main-btn_in .right .btn04 {
	float: right;
	width: 50%;
}

#main-btn_in .left {
	display: inline-block;
	position: relative;
}
#main-btn_in .left a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.5);
	transition: box-shadow .1s ease;
}
#main-btn_in .left a:hover::after {
	box-shadow: inset 0 0 0 4px #abcc03;
}
#main-btn_in .right a {
	display: inline-block;
	position: relative;
}
#main-btn_in .right a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.5);
	transition: box-shadow .1s ease;
}
#main-btn_in .right a:hover::after {
	box-shadow: inset 0 0 0 4px #5eb6e8;
}
#main-btn_in .right .btn03 a {
	display: inline-block;
	position: relative;
}
#main-btn_in .right .btn03 a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.5);
	transition: box-shadow .1s ease;
}
#main-btn_in .right .btn03 a:hover::after {
	box-shadow: inset 0 0 0 4px #ec8a1d;
}
#main-btn_in .right .btn04 a {
	display: inline-block;
	position: relative;
}
#main-btn_in .right .btn04 a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.5);
	transition: box-shadow .1s ease;
}
#main-btn_in .right .btn04 a:hover::after {
	box-shadow: inset 0 0 0 4px #00a89c;
}
@media (min-width:0px) and (max-width:735px) {
	
#main-btn {
	width:100%;
	margin:0 auto;
	background-color: #f6f6f6;
}
	
#main-btn_in {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#main-btn_in .left {
	float: none;
	width: auto;
}
#main-btn_in img {
	height: auto;
	width: 100%;
	margin-bottom: 2%;
}
#main-btn_in .right {
	float: none;
	width: auto;
}
#main-btn_in .right .btn03 {
	float: left;
	width: 49%;
}
#main-btn_in .right .btn04 {
	float: right;
	width: 49%;
}
#main-btn_in .left a:hover::after,
#main-btn_in .right a:hover::after,
#main-btn_in .right .btn03 a:hover::after,
#main-btn_in .right .btn04 a:hover::after {
	box-shadow: inset 0 0 0 0 #ffffff;
}
}

#f-btn {
	display:none;
	position: fixed;
	z-index: 5;
	bottom: 0px;
	background-color: rgba(25,25,25,0.5);
	width: 100%;
	left: 0;
	right: 0;
	margin: auto;
	padding-bottom: 10px;
	
}
@media (min-width:0px) and (max-width:735px) {
#f-btn {
	position: fixed;
	z-index: 5;
	bottom: 0px;
	background-color: rgba(25,25,25,0.5);
	width: 85%;
	left: 0;
	right: 0;
	margin: auto;
	padding-bottom: 0px;
}	
}
#f-btn ul {
	padding-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
	margin:0 auto;
}
#f-btn ul li {
	float: none;
	padding-right: 5px;
	padding-left: 5px;
	width: 200px;
	box-sizing: border-box;
	display: inline-block;
	
}
#f-btn ul li:first-child {
	float: none;
	width: 200px;
	padding-bottom: 0px;
	
}
#f-btn ul li a {
	line-height: 40px;
	color: #FFF;
	text-align: center;
	display: block;
	height: 40px;
	
}
#f-btn ul li a:hover {
	opacity:0.8;
}
#f-btn ul li .katarogu {
	background-color: #A3DE23;
}
#f-btn ul li .katarogu span {
	background-image: url(../img/head_btn_icon01.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	display: inline-block;
	
}
#f-btn ul li .shindan {
	background-color: #DE5F23;
}
#f-btn ul li .shindan span {
	background-image: url(../img/head_btn_icon02.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	display: inline-block;
}
#f-btn ul li .reform {
	background-color: #DE23A3;
}
#f-btn ul li .reform span {
	background-image: url(../img/head_btn_icon03.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	display: inline-block;
}

#f-btn ul li .katarogu_reform {
	background-color:  #5db6e7;
}
#f-btn ul li .shindan_reform {
	background-color: #DE5F23;
}
#f-btn ul li .reform_reform {
	background-color: #DE23A3;
}

@media (min-width:0px) and (max-width:735px) {
#f-btn ul {
	padding-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
}
#f-btn ul li {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	width: 50%;
	box-sizing:border-box;
	
}
#f-btn ul li:first-child {
	float: none;
	width: 100%;
	padding-bottom: 10px;
	
}
#f-btn ul li a {
	line-height: 35px;
	color: #FFF;
	text-align: center;
	display: block;
	height: 35px;
	
}
}
#topcont {
	box-sizing: border-box;
	max-width: 1000px;
	width: 100%;
	padding: 2px;
	background-color: #f6f6f6;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}


.redesign .rd_left{
	width:700px;
	float:left;
}
.redesign .rd_right{
	width:260px;
	float:right;
	margin-right:5px;
}
.redesign h3{
	margin:0 auto;
	text-align: left;
	padding: 0 0 0 5px;
	color:#000;
	font-size:16px;

}
.redesign p{
	margin:0px 0px 0px 5px;
	width: 100%;
	font-size:14px;
	letter-spacing: normal;
	color:#000;
}
.redesign a{
	display:block;
	width:260px;
	margin:0px 18px 0px 0px;
	border:#f6f6f6 1px solid;
	transition: all  0.3s ease;
}
.redesign a:hover{
	border:#57b53c 1px solid;
}
.redesign a img{
	width:100%;
}
@media (min-width:0px) and (max-width:735px) {
#topcont {
	padding: 5px;
}
#topcont .right {
	float: none;
	width: auto;
}
#topcont .left {
	float: none;
	width: auto;
}	
.redesign .rd_left{
	width:100%;
	float:none;
}
.redesign .rd_right{
	width:100%;
	float:none;
	margin-right:5px;
}
.redesign h3{
	margin:0 auto;
	text-align: center;
	padding: 5px;
	color:#000;
	font-size:14px;

}
.redesign p{
	margin:0px 0px 0px 0px;
	width: 97% !important;
	font-size:12px !important;
	letter-spacing: unset;
	color:#000;
	padding: 5px;
}
.redesign a{
	display:block;
	width:260px;
	margin:0px auto;
	border:#f6f6f6 1px solid;
	padding: 5px;
	transition: all  0.3s ease;
}

}
.content1 {
}
.content1.gray {
	background-color: #f6f6f6;
	padding: 1px 0;
	margin-top: 20px;
}
.content1.gray2 {
	background-color: #fafafa;
}
.content1.bnr_bg {
	background-color: #fff;
}
.content1.green {
	background-color: #00a89c;
}

.content1 .content1_out {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	/*padding-top: 30px;*/
	padding-bottom: 30px;
	text-align: center;
	position:relative;
}
.content1 .content1_out_ref {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
}

@media (min-width:0px) and (max-width:640px) {

.content1 .content1_out_ref {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
}
.content1 .content1_out_ref img.size {
    width: 100%;
}
}

.content1_out h2 {
	color: #53b112;
	font-size: 30px;
	border-bottom: 1px solid #53b112;
	text-align: center;
	margin-bottom: 20px;
}
.content1_out h2.about_title {
	border:none;
}
.content1_out.ref h2 {
	color: #003e75;
	border-bottom: 1px solid #003e75;
	font-size: 30px;
	text-align: center;
}
.content1_out h3 {
color: #53b112;
font-size: 30px;
border-bottom: 1px solid #53b112;
text-align: center;
margin-bottom: 20px;
}
.content1_out h3 a {
    color: #53b112;
    font-size: 30px;
    text-align: center;
}
.content1 .content1_out p {
	font-size: 17px;
	padding-top: 10px;
}
.content1_out .event {
padding-top: 30px;
overflow: hidden;
margin-bottom: 30px;
display:flex;
justify-content:space-between;
}
.content1_out .event li {
width: 33.3333%;
margin-right: 20px;
box-sizing: border-box;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
transition: all  0.3s ease;
border:#fff 2px solid;
}
.content1_out .event li:last-child {
width: 33.3333%;
margin-right: 0px;
box-sizing: border-box;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
transition: all  0.3s ease;
border:#fff 2px solid;
}
.content1_out .event li:hover {
border:#44ac00 2px solid;
}
.content1_out .event li a img {
width: 100%;
}

.content1_out .bnr04{
width:996px;
border:#fff 2px solid;
margin:0 auto 20px;
transition: all  0.3s ease;
}
.content1_out .bnr04 a img{
	width:100%;
	height:auto;
}
.content1_out .bnr04:hover{
border:#44ac00 2px solid;
}
@media (min-width:0px) and (max-width:640px) {
.content1_out h3 {
    color: #A3DE23;
    font-size: 24px;
}
.content1_out h3 a {
    color: #7ac943;
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
}
.content1_out .event {
padding-top: 30px;
overflow: hidden;
margin-bottom: 30px;
display:flex;
justify-content:center;
flex-wrap:wrap;
flex-direction:column;
}
.content1_out .event li {
width: 96%;
margin: 0 auto 15px;
box-sizing: border-box;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
transition: all  0.3s ease;
border:#fff 2px solid;
}
.content1_out .event li:last-child {
width: 96%;
margin: 0 auto 15px;
box-sizing: border-box;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
transition: all  0.3s ease;
border:#fff 2px solid;
}

.content1_out .bnr04{
width:96%;
border:#fff 2px solid;
margin:0 auto 20px;
transition: all  0.3s ease;
}
	
	
}
.content1_out .event_bnr{
	text-align: left;
}
.content1_out .event_bnr p{
	margin-right: 0;
	text-align: center;

}
.content1_out .event_bnr img{
	margin-left: 5px;
}

@media (min-width:0px) and (max-width:640px) {
.content1 .content1_out {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing:border-box;
}
.content1_out h2 {
	color: #A3DE23;
	font-size: 24px;
}
.content1_out.ref h2 {
	color: #34a5ff;
	font-size: 24px;
}
.content1 .content1_out p {
	font-size: 16px;
	text-align:justify;
}
.content1 .content1_out .inner_sec {
	padding-top: 0;
}
.content1 .content1_out p .inner_info {
	font-size: 14px;
}
.content1 .content1_out p .rightimg {
	margin-left: 10px;
}
.font_s {
	font-size: 16px !important;
	text-align:center;
}

.content1_out .event {
	padding-top: 30px;
	overflow: hidden;
	margin-bottom: 30px;
}
.content1_out .event li {
	float: none;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	padding-top: 5px;
	padding-bottom: 5px;
}
.content1_out .event li a img {
	padding: 0px;
	width: 100%;
}
.content1_out .event_bnr {
	justify-content: flex-start;
	display: block;
	width: 95%;
	margin: 0 auto;
}
.content1_out .event_bnr p{
	text-align: left;
	padding-top: 0;
}
.content1_out .event_bnr img{
	width:100%;
	margin:5px 0 0;
}
}

.reform1 {
	margin-bottom: 10px;
}
.reform1 li {
	float: left;
	width: 33.3%;
	box-sizing: border-box;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom:10px;
	background:#FFF;
	border:3px solid #fff;
}
.reform1 li:hover{
	border:3px solid #44ac00;
	-webkit-transition: border 0.2s linear;
}
.reform1 li a{
	display:block;
	width:100%;
}
/*.reform1 li a img {
	padding: 3px;
	width: 100%;
	background:#FFF;
}

.reform1 li a img:hover {
	background-color: #44ac00;
	-webkit-transition: background-color 0.2s linear;
	
}*/
.reform1 li a:hover{
	text-decoration:none;
}

.reform1 li a .sb_box{
	height:70px;
	padding:0;
	background:#FFF;
}
.reform1 li a .sb1{
	font-size: 75%;
	font-weight:bold;
	margin-top:2%;
	display:block;
	text-align:center;
	color:#7f7f7f;
}
.reform1 li a .sb2{
	font-size: 130%;
	margin-top:4%;
	display:block;
	text-align:center;
	color:#000;
	padding-bottom: 3%;
}

/*プレミアム*/
.reform1 li a .sb2p{
	font-size: 130%;
	margin-top:4%;
	display:block;
	text-align:center;
	color:#000;
	padding-bottom: 3%;
}
/*50代*/
.reform1 li a .sb2s{
	font-size: 130%;
	margin-top:4%;
	display:block;
	text-align:center;
	color:#000;
	padding-bottom: 3%;
}
/*中古*/
.reform1 li a .sb1c{
	font-size: 75%;
	font-weight:bold;
	margin-top:2%;
	display:block;
	text-align:center;
	color:#7f7f7f;
}





.content1_out .reform2 {
	padding-top: 10px;
	overflow: hidden;
	margin-bottom: 30px;
}
.content1_out .reform2 li {
	float: left;
	width: 25%;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
.content1_out .reform2 li a img {
	padding: 3px;
	width: 100%;
}
.content1_out .reform2 li a img:hover {
	background-color: #44ac00;
	-webkit-transition: background-color 0.2s linear;
	
}

.ji_bt{
	width:996px;
	border:#f6f6f6 2px solid;
	margin:0 auto 20px;
	transition: all  0.3s ease;
}
.ji_bt:hover{
	border:#86b111 2px solid;
}
.con_bt{
	width:996px;
	border:#f6f6f6 2px solid;
	margin:0 auto 20px;
	transition: all  0.3s ease;
}
.con_bt:hover{
	border:#fbd54e 2px solid;
}

@media (min-width:0px) and (max-width:640px) {

.ji_bt{
	width:100%;
	background:#8fc400;
	text-align:center;
	border:#86b111 1px solid;
	margin:20px auto 10px;
	transition: all  0.3s ease;
}
.ji_bt img{
	width:100%;
	height:auto;
}
.con_bt{
width:100%;
background:#8fc400;
text-align:center;
border:#fbd54e 1px solid;
margin:20px auto 10px;
transition: all  0.3s ease;
}
.con_bt img{
width:100%;
height:auto;
}


/*iframeのレスポンシブ化*/
.iframeWrapper {
position: relative;
width: 100% !important;
padding: 470px 0 0;
}
.iframeWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.sp-slide{
	width:92%;
	margin:0 auto;
}
.reform1 {
	padding-top: 0px;
	overflow: hidden;
	margin-bottom: 10px;
}
.content1_out .reform2 {
	padding-top: 10px;
	overflow: hidden;
	margin-bottom: 30px;
}
.reform1 li {
	float: none;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	padding-top: 5px;
	padding-bottom: 5px;
}
.content1_out .reform2 li {
	float: left;
	width: 50%;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	padding-top: 5px;
	padding-bottom: 5px;
}
.content1_out .reform2.foot li {
	width: 50%;
	padding-right: 10px;
	padding-left: 10px;
	box-sizing: border-box;
	padding-top: 5px;
	padding-bottom: 5px;
}
.reform1 li a img,
.content1_out .reform2 li a img {
	padding: 0px;
	width: 90%;
}	
}
.content1_out #info {
	margin-top: 20px;
	overflow: hidden;
	text-align: left;
}
.content1_out #info .left {
	text-align: left;
	float: left;
	width: 740px;
}

.content1_out #info .left h2 {
	font-size: 24px;
	float: left;
}
.content1_out #info .left a.ichiran {
	float: right;
	background-image: url(../img/icon000.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.content1_out #info .left dl {
	overflow: hidden;
}
.content1_out #info .left dl dt {
	float: left;
	width: 125px;
	clear: left;
	color: #999999;
}
.content1_out #info .left dl dd {
	font-size: 15px;
	margin-left: 125px;
	margin-bottom: 10px;
}
.content1_out #info .left dl dd a  {
	font-size: 15px;
}
.content1_out #info .left dl dt .green {
	color: #FFF;
	background-color: #80aa00;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-radius: 20px;
	font-size: 11px;
}
.content1_out #info .left dl dt .purple {
	color: #FFF;
	background-color: #bb61bb;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-radius: 20px;
	font-size: 11px;
}
.content1_out #info .right {
	float: right;
	width: 250px;
}

.content1_out #info .right a img {
	padding: 3px;
	width: 100%;
	box-sizing:border-box;
}
.content1_out #info .right a img:hover {
	background-color: #44ac00;
	-webkit-transition: background-color 0.2s linear;
	
}
@media (min-width:0px) and (max-width:640px) {
.content1_out #info .left {
	text-align: left;
	float: none;
	width: 100%;
	margin-bottom: 10px;
	padding: 5px;
}
.content1_out #info .left dl dt {
	float: none;
	width: 100%;
	clear: both;
	color: #999999;
}
.content1_out #info .left dl dd {
	margin-left: 0px;
	margin-bottom: 10px;
}

.content1_out #info .left h2 {
	font-size: 24px;
	float: left;
}
.content1_out #info .right {
	float: none;
	width: auto;
	text-align: center;
}
.content1_out #info .right a img {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}
.content1_out #info .left dl dd a p {
	font-size: 13px;
}

}
.content1_out #info .bnr_longreform {
	width:990px;
	margin:20px auto 0;
}
.content1_out #info .bnr_longreform img{
	width:100%;
	height:auto;
	border:#FFF 3px solid;
	transition: all  0.3s ease;
}
.content1_out #info .bnr_longreform img:hover{
	border:#216e03 3px solid;
}
@media (min-width:0px) and (max-width:640px) {
.content1_out #info .bnr_longreform {
	width:98%;
	margin:20px auto 0;
}
.content1_out #info .bnr_longreform img{
	width:100%;
	height:auto;
	border:none;
	transition: all  0.3s ease;
}
.content1_out #info .bnr_longreform img:hover{
	border:none;
}
}



.content1_out #info .banabtn {
	text-align: center;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.content1_out #info .banabtn img {
	width:100%;
}
.content1_out #info .banabtn img:hover {
	opacity:0.8;
}
.content1_out #info .bottoms {
	padding-top: 20px;
}
.content1_out #info .bottoms .btl{
	width:366px;
	float:left;
}
.content1_out #info .bottoms .btr{
	width:634px;
	float:right;
}
.content1_out #info .bottoms .btr li {
	float: left;
	width: 33%;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom:10px;
}

.content1_out #info .bottoms .btr li a img {
	padding: 3px;
	width: 100%;
}
.content1_out #info .bottoms .btr li a img:hover {
	background-color: #44ac00;
	-webkit-transition: background-color 0.2s linear;
	
}

.content1_out .reform1 li a img:hover {
	background-color: #44ac00;
	-webkit-transition: background-color 0.2s linear;
	
}
.content1_out #info .bottoms .rightbana {
	text-align: right;
	padding-top: 10px;
}
.content1_out #info .bottoms .rightbana a {
	margin-right: 5px;
	margin-left: 5px;
}
.content1_out #info .bottoms .rightbana a img {
	width:380px;
	padding: 2px;
}
.content1_out #info .bottoms .rightbana a img:hover {
	background-color: #44ac00;
	-webkit-transition: background-color 0.2s linear;
	
}
@media (min-width:0px) and (max-width:640px) {
.content1_out #info .bottoms img,
.content1_out #info .bottoms .rightbana a img {
	width:100%;
	margin-bottom:10px;
}
.content1_out #info .bottoms .rightbana {
	text-align: center;
	padding-top: 10px;
}
.content1_out #info .bottoms .rightbana a {
	margin-right: 0px;
	margin-left: 0px;
}	
.content1_out #info .bottoms .btl{
	width:100%;
	float:none;
}
.content1_out #info .bottoms .btr{
	width:100%;
	float:none;
}
.content1_out #info .bottoms .btr li {
	float: none;
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom:10px;
}
}
.content1_out .lineh {
	line-height: 200%;
	padding: 5px;
	font-size: 13px !important;
}
.content1_out .aboutimg {
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 0px;
	overflow: hidden;
}
.content1_out .aboutimg .about01 {
	width: 700px;
	float: left;
}

.content1_out .aboutimg .about02 {
	width: 280px;
}

.content1_out h2 img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.content1_out .aboutimg a img {
	padding: 2px;
}
.content1_out .aboutimg a img:hover {
	background-color: #44ac00;
	-webkit-transition: background-color 0.2s linear;
	
}
@media (min-width:0px) and (max-width:640px) {
.content1_out h2 img {
	width: 100%;
	margin-bottom: 10px;
}
.content1_out .lineh {
	line-height: 200%;
	padding: 5px;
	font-size: 13px !important;
}
.content1_out .aboutimg .about01 {
	margin-bottom: 10px;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.content1_out .aboutimg .about02 {
	margin-bottom: 0px;
	width: 50%;
	float: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	box-sizing: border-box;
}
}

.content1_out .accordion .box {
	text-align: left;
    overflow: hidden;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.content1_out .accordion .box ul:first-child {
	padding-top: 0px;
}
.content1_out .accordion .box ul:last-child {
	padding-top: 60px;
}
.content1_out .accordion .box .footmenu {
	width: 250px;
	padding-top: 60px;
}
.content1_out .accordion .box .footmenu_3row {
	float: left;
	width: 33.333%;
	padding-top: 30px;
}

.content1_out .accordion .box .footmenu li {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 14px;
    width: 300px;
}
.content1_out .accordion .box .footmenu_3row li {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.content1_out .accordion h2 {
	display:none;
}
.content1_out .accordion {
	margin-bottom: 20px;
}
.menu_title {
	font-size: 18px!important;
	line-height: 50px;
	width: 400px!important;
}

@media (min-width:0px) and (max-width:640px) {
	
.content1_out .accordion .box {
	padding: 5px;
}
.content1_out .accordion h2 {
	font-size: 19px;
	line-height: 35px;
	height: 35px;
	display:block;
}
.content1_out .accordion {
	margin-bottom: 0px;
}
.content1_out .accordion .box ul:first-child {
	padding-top: 0px;
}
.content1_out .accordion .box ul:last-child {
	padding-top: 0px;
}
.content1_out .accordion .box .footmenu {
	float: none;
	width: auto;
	padding-top: 30px;
}
.box {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}
}

.content1_out .accordion h2 span {
	background-image: url(../img/accordionIcon-off.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	background-size:40px;
}
.content1_out .accordion h2 span.opens {
	background-image: url(../img/accordionIcon-on.png);
}
.content1_out .accordion .box .footmenu li span {
	font-weight: bold;
	margin-left: -10px;
}
.content1_out .greenichiran {
	background-color: #7ac943;
	margin-top: 45px;
	margin-bottom: 10px;
	display: block;
}
.content1_out .blueichiran {
	background-color: #235994;
	color: #fff !important;
	margin-top: 45px;
	margin-bottom: 10px;
	display: block;
}
.content1_out .greenichiran img {
	
}
@media (min-width:0px) and (max-width:640px) {
.content1_out .greenichiran img {
	width:100%;
}	
}

.content1_out .green {
	padding-top: 10px;
	overflow: hidden;
	margin-bottom: 0px;
}
.content1_out .green li {
	float: left;
	width: 50%;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
.content1_out .green li a img {
	width:100%;
	padding: 2px;
}
.content1_out .green li a img:hover {
	background-color: #44ac00;
	-webkit-transition: background-color 0.2s linear;
	
}
.content1_out .green2 {
	padding-top: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
.content1_out .green2 li {
	float: left;
	width: 33.33333%;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
.content1_out .green2 li a img {
	width:100%;
	padding: 2px;
}
.content1_out .green2 li a img:hover {
	background-color: #44ac00;
	-webkit-transition: background-color 0.2s linear;
	
}
@media (min-width:0px) and (max-width:640px) {
.content1_out .green {
	padding-top: 10px;
	overflow: hidden;
	margin-bottom: 0px;
}

.content1_out .green li {
	float: none;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	padding-top: 5px;
	padding-bottom: 5px;
}
.content1_out .green {
	padding: 0px;
	width: 100%;
}
.content1_out .green2 {
	padding-top: 0px;
	overflow: hidden;
	margin-bottom: 0px;
}

.content1_out .green2 li {
	float: none;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	padding-top: 5px;
	padding-bottom: 5px;
}
.content1_out .green2 {
	padding: 0px;
	width: 100%;
}	
.content1_out .blueichiran {
	background-color: #235994;
	margin-top: 18px;
	margin-bottom: 10px;
	display: block;
}
}
.content1_out .green3 {
	padding-top: 10px;
	overflow: hidden;
	margin-bottom: 0px;
}
.content1_out .green3 li {
	float: left;
	width: 50%;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
.content1_out .green3 li a img {
	width:100%;
	max-width:588px;
	padding: 2px;
}
.content1_out .green3 li a img:hover {
	background-color: #44ac00;
	-webkit-transition: background-color 0.2s linear;
	
}

@media (min-width:0px) and (max-width:640px) {
.content1_out .green3 {
	padding-top: 10px;
	overflow: hidden;
	margin-bottom: 0px;
}

.content1_out .green3 li {
	float: none;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	padding-top: 5px;
	padding-bottom: 5px;
}
.content1_out .green3 {
	padding: 0px;
	width: 100%;
}

}

/*---------------------  flow  -------------------------*/

.flow_wrap{
	width: 1000px;
	margin: 150px auto 20px;
	text-align: left;
}
.submain {
	margin-bottom: 20px;
	padding-top: 20px;
	
}
.submain img{
	width: 100%;
}
.flow_tl{
	width:100%;
	background-color: #7ac843;
	margin:40px 0 30px;
	padding: 10px 0;
	text-align: center;
}
.flow_tl img{
	height:32px;
	width:auto;
	margin:0 auto;
}
.flow_wrap .main{
	margin-bottom:30px;
}
.flow1{
	background-image: url(../img/flow_1.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 686px;
	margin-top:50px;
	position:relative;
}
.flow1 .btn{
	position:absolute;
	top:0px;
	right:0;
}
.flow1 .btn ul li{
	width:110px;
	float:left;
	margin-right:10px;
	transition: all 0.3s ease;
}
.flow1 .btn ul li:last-child{
	float:left;
	margin-right:0;
}
.flow1 .btn ul li:hover{
	opacity: 0.8;
}
.flow1 .btn ul li img{
	width:100%;
	height:auto;
}

/*フォントサイズ*/
.flow1 p.cl,
.flow2 p.cl,
.flow3 p.cl,.flow3 p.cl2 {
	color:#333;
	font-size:20px !important;
	font-weight:bold !important;
}
.flow1 p,
.flow2 p,
.flow3 p {
	font-size: 15px !important;
	margin-top:7px;
}

.flow1 .txt{
	margin-top:-125px;
}
.flow1 .txt p.cl {
	padding:36px 0 0 170px;
}
.flow1 .txt p.cl:first-child {
	padding:0 0 0 170px;
}
.flow1 .txt p:nth-child(7).cl {
	padding:23px 0 0 170px;
}
.flow1 .txt p:nth-child(9).cl {
	padding:25px 0 0 170px;
}

.flow1 .txt p:nth-child(2) {
	padding-bottom: 55px;
}
.flow1 .txt p {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 170px;
}
.flow2{
	background-image: url(../img/flow_2.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 391px;
}
.flow2 p.cl:first-child  {
	padding-top: 24px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 170px;
}
.flow2 p.cl {
	padding-top: 36px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 170px;
}
.flow2 p {
	line-height:1.3;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 170px;
}
.flow3{
	background-image: url(../img/flow_3.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 1363px;
}
.flow3 p.cl:first-child {
	padding:42px 0 0px 170px;
}
.flow3 p.cl {
	padding:20px 0 0px 170px;
}
.flow3 p.cl:nth-child(5) {
	padding:30px 0 0px 170px;
}
.flow3 p.cl:nth-child(15) {
	padding:23px 0 0px 170px;
}
.flow3 p.cl:nth-child(17) {
	padding:35px 0 0px 170px;
}
.flow3 p {
	padding:0 0 20px 170px;
}
.flow3 p.cl2 {
	padding:52px 0 00px 170px;
}
.flow3 sup{
	font-size:8px;
}
.txt_grenn{
	color:#8bc53f;
}
.txt_m{
	font-size:12px;
}
.flow3 p:last-child {
	padding:0px 0 30px 170px;
}
.content1_out .flow_wrap div.pc {
	display:block;
}
.content1_out .flow_wrap div.sp {
	display:none;
}
@media (min-width:0px) and (max-width:640px) {
.flow_wrap{
	width: 100%;
	margin: 0 auto 20px;
	text-align: left;
	box-sizing:border-box;
}
.content1_out .flow_wrap div.pc {
	display:none;
}
.content1_out .flow_wrap div.sp {
	display:block;
}
.content1_out .flow_wrap div.sp img {
	width:100%;
}
.flow_tl img{
	height:auto;
	width:90%;
	margin:0 auto;
}

}
.content1_out .greenichiran span {
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	text-align: left;
	padding-left: 10px;
	font-size: 25px;
	color: #FFF;
}
.content1_out .blueichiran span {
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	text-align: center;
	padding-left: 10px;
	font-size: 25px;
	color: #FFF;
}
.content1_out .showroom {
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
.content1_out .showroom .left {
	float: left;
	width: 250px;
}
.content1_out .showroom .right {
	text-align: left;
	float: right;
	width: 740px;
}
.content1_out .showroom .right table {
	width: 100%;
}
.content1_out .showroom .right table tr th {
	padding: 3px;
	text-align: center;
	border: 2px solid #f6f6f6;
}
.content1_out .showroom .right table tr td {
	padding: 5px;
}
.content1_out .showroom .right table tr th span {
	background-color: #999;
	padding: 5px;
	color: #FFF;
	display: block;
}
.content1_out .showroom .right table tr td {
	padding: 8px;
}
.content1_out .showroom .right table tr td a {
	color: #FFF;
	background-color: #CCC;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.content1_out .showroom2 {
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
}
.content1_out .showroom2 h4 {
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #81a600;
	border-left-color: #81a600;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
.content1_out .showroom2 h5 {
	margin-left: 10px;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #81a600;
	font-weight: bold;
	padding-left: 5px;
}
.content1_out .showroom2 ul {
	margin-bottom: 20px;
	padding-left: 10px;
	overflow: hidden;
}
.content1_out .showroom2 ul li {
	float: left;
	width: 50%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.content1_out .showroom2 ul.room li {
	float: left;
	width: 50%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
h3.tl_01 {
	background-color: #7ac843;
	color: #fff;
	margin-top:40px;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	font-size: 26px;
}
h3.tl_02 {
	border: 1px solid #7ac843;
	color: #7ac843;
	padding: 5px 0;
	width: 100%;
	text-align: center;
	font-size: 26px;
	margin:60px 0 30px;
}

@media (min-width:0px) and (max-width:640px) {
.content1_out .greenichiran span {
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	text-align: left;
	padding-left: 10px;
	font-size: 18px;
	color: #FFF;
}
.content1_out .blueichiran span {
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	text-align: left;
	padding-left: 10px;
	font-size: 18px;
	color: #FFF;
}
.content1_out .showroom .left {
	float: none;
	width: auto;
	margin-bottom:10px;
}
.content1_out .showroom .right {
	text-align: left;
	float: none;
	width: auto;
}	
.content1_out .showroom .right table tr th {
	padding: 3px;
	text-align: center;
	width:110px;
}
.content1_out .showroom2 ul.room li {
	float: none;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
h3.tl_02 {
	border: 1px solid #7ac843;
	color: #7ac843;
	padding: 5px 0;
	width: 100%;
	text-align: center;
	font-size: 18px;
	margin:60px 0 30px;
}

}
.content1_out .showroom .right p {
	padding: 5px;
}
.content1_out .greencost {
	font-size: 30px;
	color: #000;
	margin-top: 20px;
	margin-bottom: 20px;
}
@media (min-width:641px) {
p.smorl,
p .smorl {
	font-size:11px !important;
}
}
@media (min-width:0px) and (max-width:640px) {
.content1_out .greencost {
	font-size: 20px;
	color: #000;
	margin-top: 20px;
	margin-bottom: 20px;
}
.content1_out .imgsp {
	width:100%;
}
.smorl {
	font-size:10px !important;
}
}
.content1_out .tatekae {
	padding: 5px;
	border: 2px solid #CCC;
	margin-top: 15px;
	margin-bottom: 15px;
}
.content1_out .tatekae p {
	color: #5a5a5a;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.content1_out .tatekae .n1 span {
	font-weight: bold;
	color: #8bc53f;
	font-size: 130%;
}
.content1_out .tatekae .n2 span {
	font-weight: bold;
	color: #f19500;
	font-size: 130%;
}
.content1_out .costBox {
	overflow: hidden;
	padding-top: 20px;
}
.content1_out .costBox .left {
	padding: 5px;
	float: left;
	width: 50%;
	box-sizing:border-box;
}
.content1_out .costBox .left div {
	border: 2px solid #8ec31c;
	padding: 5px;
	background-color: #fffbd0;
	background-color: #f6f6f6;

}
.content1_out .costBox .right {
	padding: 5px;
	float: right;
	width: 50%;
	box-sizing:border-box;
}
.content1_out .costBox .right div {
	border: 2px solid #f39500;
	padding: 5px;
	background-color: #f6f6f6;
	background-image: url(../img/cost_img44icon.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;

}.content1_out .costBox div div h3 {
	font-size: 21px;
	color: #000;
	margin-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
}
.content1_out .costBox div div p {
	color: #333;
	font-size:14px;
}
.content1_out .costBox .left div span {
	font-size: 21px;
	font-weight: bold;
	color: #8ec31c;
	margin-bottom: 10px;
	padding-top: 5px;
	display: inline-block;
}
.content1_out .costBox .right div span {
	font-size: 21px;
	font-weight: bold;
	color: #f39500;
	margin-bottom: 10px;
	padding-top: 5px;
	background-image: url(../img/cost_img44iconnew.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30px;
	display: inline-block;
	padding-right: 40px;
}

.content1_out .costBox div div ul {
	overflow: hidden;
	padding-top: 15px;
}
.content1_out .costBox div div ul li {
	padding: 5px;
	float: left;
	width: 33.33333%;
	box-sizing: border-box;
}
.content1_out .costBox div div ul li img {
	width: 100%;
}
.content1_out .costBox div div ul li p {
	height: 60px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

@media (min-width:0px) and (max-width:640px) {
.content1_out .costBox .left {
	padding: 5px;
	float: none;
	width: auto;
	box-sizing:border-box;
}
.content1_out .costBox .right {
	padding: 5px;
	float: none;
	width: auto;
	box-sizing:border-box;
}
.content1_out .costBox div div h3 {
	font-size: 21px;
	color: #000;
	margin-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
}
.content1_out .costBox div div p {
	color: #333;
	font-size:13px;
}
.content1_out .costBox div div ul li p {
	height: 60px;
	font-size:12px;
}
.content1_out .costBox .left div span {
	font-size: 20px;
	font-weight: bold;
	color: #8ec31c;
	margin-bottom: 10px;
	padding-top: 5px;
	display: inline-block;
}
.content1_out .costBox .right div span {
	font-size: 20px;
	font-weight: bold;
	color: #f39500;
	margin-bottom: 10px;
	padding-top: 5px;
	background-image: url(../img/cost_img44iconnew.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30px;
	display: inline-block;
	padding-right: 40px;
}	
}





.about-pm{
	width:450px;
	margin:15px auto;
}
.about-pm img{
	width:100%;
	height:auto;
}
.about_tl{
	width:100%;
	background-color: #7ac843;
	margin:40px 0 30px;
	padding: 10px 0;
	text-align: center;
}
.about_tl img{
	height:32px;
	width:auto;
	margin:0 auto;
}


#pointBox {
	margin-bottom: 30px;
	text-align: left;
}
#pointBox.point_accordion h3 {
	cursor: pointer;
}
#pointBox .pointbox_text {
    width: 50%;
    height: 280px;
    float: left;
    background-color: #f1f1f1;
    padding-top: 20px;
    cursor: pointer;
}
#pointBox .pointbox_text,
#pointBox .pointbox_text_opposite {
    position:relative;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    cursor: pointer;
    -webkit-transition:0.5s;
    -ms-transition:0.5s;
}
#pointBox .pointbox_text:hover,
#pointBox .pointbox_text_opposite:hover {
}
#pointBox .pointbox_text::before, #pointBox .pointbox_text::after,
#pointBox .pointbox_text_opposite::before, #pointBox .pointbox_text_opposite::after {
    width: 94%;
    height:92%;
    z-index: 3;
    content:'';
    position: absolute;
    top:4%;
    left:3%;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -ms-transition: 0.8s;
    -moz-transition: 0.8s;
}
#pointBox .pointbox_text::before,
#pointBox .pointbox_text_opposite::before {
    border-bottom: 2px solid #7ac843;
    border-left: 2px solid #7ac843;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
}
#pointBox .pointbox_text::after,
#pointBox .pointbox_text_opposite::after {
    border-top: 2px solid #7ac843;
    border-right: 2px solid #7ac843;
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0;
}
#pointBox .pointbox_text:hover::after, #pointBox .pointbox_text:hover::before,
#pointBox .pointbox_text_opposite:hover::after, #pointBox .pointbox_text_opposite:hover::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
}
#pointBox .pointbox_text .pc,
#pointBox .pointbox_text_opposite .pc {
    display: block;
    margin: 0 auto;
}
#pointBox .pointbox_text p,
#pointBox .pointbox_text_opposite p {
    text-align: center;
    margin-right: 0 !important;
    font-size: 17px;
}
#pointBox .pointbox_text .text_larg,
#pointBox .pointbox_text_opposite .text_larg {
    font-size: 19px;
    font-weight: bold;
    margin-top: 10px;
}
#pointBox .pointbox_text .sub_topics,
#pointBox .pointbox_text_opposite .sub_topics {
    font-size: 19px;
    font-weight: bold;
    margin-top: 20px;
    color: #ffffff;
}
#pointBox .pointbox_img {
    width: 50%;
    float: right;
}
#pointBox .pointbox_text_opposite {
    width: 50%;
    height: 280px;
    float: right;
    background-color: #f1f1f1;
    padding-top: 20px;
    cursor: pointer;
}
#pointBox .pointbox_img_opposite {
    width: 50%;
    float: left;
}
#pointBox .box img {
    padding-top: 10px;
}
#pointBox .box {
	padding: 10px;
}
#pointBox .box .point_05_doc{
	position: relative;
	right: -861px;
	bottom: 220px;
	z-index: 2;
}

#pointBox .bx04{
	position: inherit;
	margin-bottom:-223px;
}
#pointBox .bx04 a.warranty04{
	position: relative;
	right:-556px;
	bottom:656px;
	display:block !important;
	width:394px;
	height:123px;
	transition: all  0.3s ease;
	border:#fff 2px solid;
	z-index:1;
}
#pointBox .bx04 a.warranty04:hover{
	border:#44ac00 2px solid;
}

#pointBox .bx05{
	position:inherit;
	margin-bottom:-243px;
}

#pointBox .bx05 a.warranty05{
	position:relative;
	right:-556px;
	bottom:269px;
	display:block;
	width:394px;
	height:123px;
	transition: all  0.3s ease;
	border:#fffad6 2px solid;
	z-index:1;
}
#pointBox .bx05 a.warranty05:hover{
	border:#44ac00 2px solid;
}


.content1_out #pointBox #point04 {
    padding-top: 45px !important;
}
@media (min-width:0px) and (max-width:640px) {
		.content1 .content1_out p{
			margin-right:0;
		}
		.pt05_p{
			max-width:214px;
			margin:0 auto;
		}
		.pt05_title{
			background:#004395;
			color:#FFF;
			font-weight:bold;
			padding:5px;
			margin:15px 0 10px;
		}
		.pt05_txt{
			font-size:14px !important;
		}
		.pt05_list li{
			width:46%;
			padding:1%;
			font-size:13px !important;
			border:1px solid #004395;
			background:#fffad6;
			float:left;
			margin-bottom:2%;
		}
		.pt05_list li:nth-child(odd){
			margin-right:2%;
		}
		.pt05_list li:nth-child(even){
			margin-right:0;
		}
		
		.sp_warranty{
			margin-bottom:20px;
			display:block;
		}
		.sp_warranty img{
			width:100%;
			height:auto;
		}
		
		#pointBox .bx04 a.warranty04,
		#pointBox .bx04 a.warranty05,
		#pointBox .box .point_05_doc{
			display:none !important;
		}
		#pointBox .bx04{
			position: inherit;
			margin-bottom:0px;
		}
		#pointBox .bx05{
			position:inherit;
			margin-bottom:0px;
		}

    #pointBox .pointbox_text {
        width: 100%;
        height: 240px;
        float: none;
        color: #fff;
        background-color: transparent;
        margin-bottom: 10px;
    }
    #pointBox .pointbox_text_opposite {
        width: 100%;
        height: 240px;
        float: none;
        color: #fff;
        background-color: transparent;
        margin-bottom: 10px;
    }
    #pointBox .panel01 {
        background: linear-gradient(
            rgba(161, 159, 159, 0.45) 45%, 
            rgba(77, 112, 90, 0.45) 55%
          ),url(../img/point1.jpg) center no-repeat;
    }

    #pointBox .panel02 {
        background: linear-gradient(
            rgba(161, 159, 159, 0.45) 45%, 
            rgba(77, 112, 90, 0.45) 55%
          ),url(../img/point2.jpg) center no-repeat;
    }
    #pointBox .panel03 {
        background: linear-gradient(
            rgba(161, 159, 159, 0.45) 45%, 
            rgba(77, 112, 90, 0.45) 55%
          ),url(../img/point3.jpg) center no-repeat;
    }
    #pointBox .panel04 {
        background: linear-gradient(
            rgba(161, 159, 159, 0.45) 45%, 
            rgba(77, 112, 90, 0.45) 55%
          ),url(../img/point4.jpg) center no-repeat;
    }
    #pointBox .panel05 {
        background: linear-gradient(
            rgba(161, 159, 159, 0.45) 45%, 
            rgba(77, 112, 90, 0.45) 55%
          ),url(../img/point5_sp.jpg) center no-repeat;
          background-size: cover;
    }
    #pointBox .pointbox_text p,
    #pointBox .pointbox_text_opposite p {
        font-size: 12px;
    }
    #pointBox .pointbox_text .text_larg,
    #pointBox .pointbox_text_opposite .text_larg {
        font-size: 17px;
    }
    #pointBox .pointbox_text .sp,
    #pointBox .pointbox_text_opposite .sp {
        display: block;
        margin: 0 auto;
    }
    #pointBox .pointbox_text .sub_topics,
    #pointBox .pointbox_text_opposite .sub_topics {
        font-size: 17px;
        margin-top: 30px;
    }
    #pointBox .pointbox_text::before,
    #pointBox .pointbox_text_opposite::before {
        border-bottom: 2px solid #ffffff;
        border-left: 2px solid #ffffff;
    }
    #pointBox .pointbox_text::after,
    #pointBox .pointbox_text_opposite::after {
        border-top: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
    }
}

#pointBox .box h4 {
	font-size: 30px;
	color: #000;
	background-image: url(../img/point-icon.png);
	background-repeat: no-repeat;
	background-position: 5px 40px;
	padding-left: 50px;
	background-size: 40px;
	margin-bottom: 15px;
	padding-top: 45px;
	display: block;
}
#pointBox .box h4.sub {
	font-size: 30px;
	color: #000;
	margin-bottom: 15px;
	padding-top: 20px;
	background-image: none;
	padding-left: 0px;
}
#pointBox .box h4 span {
	color: #80a500;
}
#pointBox .box .subtitle {
	font-size: 23px;
	font-weight: bold;
	color: #000;
}
@media (min-width:0px) and (max-width:640px) {

.about-pm{
	width:90%;
	margin:15px auto;
}
.about_tl img{
	height:auto;
	width:90%;
	margin:0 auto;
}


#pointBox .box {
	padding: 5px;
}
#pointBox .box h4 {
	font-size: 20px;
	color: #000;
	background-image: url(../img/point-icon.png);
	background-repeat: no-repeat;
	background-position: 5px 30px;
	padding-left: 50px;
	background-size: 40px;
	margin-bottom: 15px;
	padding-top: 40px;
	display: block;
}
.point_fig img{
	width:100%;
	height:auto;
}




#pointBox .box h4.sub {
	font-size: 17px;
	color: #000;
	margin-bottom: 15px;
	padding-top: 20px;
	background-image: none;
	padding-left: 0px;
}
#pointBox .box .subtitle {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	text-align: justify;
}	
}
#pointBox .box .point1 {
	margin-bottom: 20px;
	padding-top: 20px;
	color: #333;
}
#pointBox .box .point1 p strong {
	font-size: 20px;
}
#pointBox .box .point1 p .rightimg {
	float: right;
}
#pointBox .box .point1 p {
	overflow: hidden;
}
#pointBox .box .point1 p .greenpoint {
	color: #80a500;
	font-weight: bold;
}

@media (min-width:0px) and (max-width:640px) {
#pointBox .box .point1 p strong {
	font-size: 15px;
}
#pointBox .box .point1 p .rightimg {
	float: right;
	width:45%;
}
#pointBox .box .point1 p {
	overflow: hidden;
}
#pointBox .box .point1 p .greenpoint {
	color: #80a500;
	font-weight: bold;
	font-size: 15px;
}

}
#pointBox .box .point2 {
	margin-bottom: 20px;
	color: #333;
}
#pointBox .box .point2 p strong {
	font-size: 20px;
}
#pointBox .box .point2 p .big {
	font-size: 25px;
}
#pointBox .box .point2 p .rightimg {
	float: right;
}
#pointBox .box .point2 p .rightimg2 {
	float: right;
}
#pointBox .box .point2 p .rightimg3 {
	float: right;
	width:350px;
}
#pointBox .box .point2 p {
	overflow: hidden;
}
#pointBox .box .greenpoint {
	color: #80a500;
	font-weight: bold;
}
#pointBox .box .point2 strong {
	display: block;
	padding:20px;
	border:#80a500 1px solid;
}

#pointBox .box .point2 .line {
	border-top-style: dashed;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}
#pointBox .box .point2 .bottomBox {
	background-color: #f6f6f6;
	padding: 10px;
	margin-top: 20px;
	overflow: hidden;
}
#pointBox .box .point2 .bottomBox .bg {
	background-image: url(../img/point-img-bottombg.jpg);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 50px;
	margin-bottom: 20px;
}
#pointBox .box .point2 .bottomBox a img:hover {
	opacity:0.8;
}
#pointBox .box .point2 .bottomBox .left,
#pointBox .box .point2 .bottomBox .right {
	padding: 3px;
	float: left;
	width: 50%;
	text-align: center;
	box-sizing:border-box;
}

.bottom2 .fBox p.greenBg {
	color: #FFF;
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #80a500;
}
.bottom2 {
	overflow: hidden;
	width:1000px;
	margin:0 auto;
}
.bottom2 .fBox {
		display:block;
    padding: 10px;
    float: left;
    width: 49%;
    box-sizing: border-box;
    background-color: #fff;
    margin: 20px 0px;
		border: 2px solid #f6f6f6;
}
.bottom2 .fBox:last-child {
    margin-left: 1%;
}
.bottom2 .fBox img {
	float: left;
	height: auto;
	width: 50%;
	box-sizing: border-box;
	padding-right: 5px;
}
.bottom2 .fBox p {
	padding: 5px;
	width: 50%;
	box-sizing:border-box;
  overflow: hidden;
}
.bottom2 .fBox a {
	text-decoration:none;
	text-align:left;
}
.bottom2 .fBox:hover {
	border: 2px solid #80a500;
}

.content1_out #pointBox #point01,
.content1_out #pointBox #point02,
.content1_out #pointBox #point03,
.content1_out #pointBox #point04,
.content1_out #pointBox #point05 {
	margin-top: -130px;
	padding-top: 130px;
}
.content1_out #pointBox #tebiki01,
.content1_out #pointBox #tebiki02,
.content1_out #pointBox #tebiki03,
.content1_out #pointBox #tebiki04,
.content1_out #pointBox #tebiki05 {
	margin-top: -160px;
	padding-top: 160px;
}
#pointBox .box .point2 .bottomBox ul {
	overflow: hidden;
}
#pointBox .box .point2 .bottomBox ul li {
	padding: 5px;
	float: left;
	width: 50%;
	box-sizing: border-box;
}
#pointBox .box .point2 .bottomBox ul li div {
	background-color: #FFF;
}
#pointBox .box .point2 .bottomBox ul li div .title {
	color: #FFF;
	background-color: #80a500;
}
#pointBox .box .point2 .bottomBox ul li div p {
	padding: 5px;
}
#pointBox .box .point2 .bottomBox ul li div .bottom {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

.box03 {
	position:inherit;
}
.box03 a img {
    width:890px;
    height: 82px;
	margin:auto;
	position:relative;
	bottom:100px;
	left:0;
	right:0;
	z-index:100;
	border:#fffbd6 2px solid;
    transition: all  0.3s ease;
    padding-top: 0 !important;
}
.box03 a img:hover{
    border:#f7941f 2px solid;
}


@media (min-width:0px) and (max-width:640px) {
.box03 {
	position:inherit;
}
.box03 .point2 .bottomBox a {
	width:100%;
	margin:auto;
	position:relative;
	top:100px;
	left:-11%;
	right:0;
	z-index:1;
	border:none;
	padding-top: 0 !important;
}
.box03 a img:hover {
	border: none;
	opacity: 1 !important;
}
.box03 .point2 .bottomBox a img {
	height: auto;
	width: 126%;
	margin: 0 auto;
	display: block;
}
#pointBox .box .point2 p strong {
	font-size: 15px;
}
#pointBox .box .point2 p .big {
	font-size: 16px;
}
#pointBox .box .point2 p .rightimg {
	float: right;
	width:45%;
}
#pointBox .box .point2 p .rightimg2 {
	float: none;
	width: 90%;
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#pointBox .box .point2 p .rightimg3 {
	float: none;
	width: 90%;
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#pointBox .box .point2 p {
	overflow: hidden;
}
#pointBox .box .point2 p .greenpoint {
	color: #80a500;
	font-weight: bold;
}
#pointBox .box .point2 .bottomBox .bg {
	background-image: url(../img/point-img-bottombg.jpg);
	background-repeat: no-repeat;
	background-position: 2px center;
	padding-left: 40px;
	background-size: 30px;
	margin-bottom: 15px;
}
#pointBox .box .point2 .bottomBox .left,
#pointBox .box .point2 .bottomBox .right {
	padding: 0px;
	float: none;
	width: auto;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 10px;
}
#pointBox .box .point2 .bottom2 .fBox {
	padding: 0px;
	float: none;
	width: auto;
	box-sizing:border-box;
}
.content1_out #pointBox #point01,
.content1_out #pointBox #point02,
.content1_out #pointBox #point03,
.content1_out #pointBox #point04,
.content1_out #pointBox #point05 {
	margin-top: -50px;
	padding-top: 50px;
}
.content1_out #pointBox #tebiki01,
.content1_out #pointBox #tebiki02,
.content1_out #pointBox #tebiki03,
.content1_out #pointBox #tebiki04,
.content1_out #pointBox #tebiki05 {
	margin-top: -50px;
	padding-top: 50px;
}
#pointBox .box .point2 .bottomBox ul li {
	padding: 5px;
	float: none;
	width: auto;
	box-sizing: border-box;
}
}


#subMenu {
	width: 1000px;
	margin-top: 30px;
	margin-bottom: 20px;
	overflow: hidden;
}
#subMenu li {
	float: left;
	width: 20%;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing:border-box;
}
#subMenu li a {
	border: 1px solid #999999;
	line-height: 35px;
	color: #009842;
	height: 35px;
	display: block;
	background-color: #FFF;
}
#subMenu li a:hover {
	background-color: #f9fefb;
	-webkit-transition: background-color 0.2s linear;
	
}
@media (min-width:0px) and (max-width:640px) {
#subMenu {
	display:none;
}	
}
.sitemap {
	padding: 10px;
	text-align: left;
	overflow: hidden;
}
.sitemap ul {
	overflow: hidden;
	margin-bottom: 20px;
}
.sitemap ul li {
	padding-top: 6px;
	padding-bottom: 6px;
}
.sitemap ul li a {
	background-image: url(../img/list1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
.sitemap ul.ref li a {
	background-image: url(../img/chk_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
.sitemap h3 {
	font-size: 16px;
	font-weight: bold;
}
.sitemap .styl2 {
	float: left;
	width: 33.33333%;
}
@media (min-width:0px) and (max-width:640px) {
.sitemap .styl2 {
	float: none;
	width: auto;
}	
}
#main-btn_in.r-op {
	position: relative;
}
#main-btn_in.r-op .btns {
	width: 296px;
	position: absolute;
	top: 4%;
	right: 0px;
}
@media (min-width:0px) and (max-width:640px) {
#main-btn_in.r-op .btns {
	display:none;
}	
}
#main-btn_in.r-op .btns a {
	float: left;
	width: 110px;
	margin-right: 2px;
}
.content1_out a .h-nomal:hover {
	opacity:0.8;
}

.content1_out .reform3 {
	padding-top: 30px;
	overflow: hidden;
	margin-bottom: 10px;
}
.content1_out .reform3 li {
	float: left;
	width: 33.3333%;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.content1_out .reform3 li div {
}
.content1_out .reform3 li img {
	width: 100%;
}

.content1_out .reform3 li a img:hover {
	background-color: #44ac00;
	-webkit-transition: background-color 0.2s linear;
	
}

@media (min-width:0px) and (max-width:640px) {
.content1_out .reform3 {
	padding-top: 30px;
	overflow: hidden;
	margin-bottom: 10px;
}

.content1_out .reform3 li {
	float: none;
	width: auto;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	padding-top: 5px;
	padding-bottom: 5px;
}

.content1_out .reform3 li a img {
	padding: 0px;
	width: 100%;
}	
}
.reform3 li div h3 {
	font-size: 16px;
	margin-bottom: 10px;
	padding-top: 10px;
}
.content1_out.ref .reform3 li div .btn {
	padding-right: 20px;
	padding-left: 20px;
	display: block;
	font-size: 16px;
}
.reform3 .pt1 div .btn a {
	line-height: 110px;
	background-color: #f09400;
	text-align: center;
	display: block;
	height: 110px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	color: #FFF;
}

.reform3 .pt2 div .btn a {
	line-height: 110px;
	background-color: #5db6e7;
	text-align: center;
	display: block;
	height: 110px;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFF;
	margin-bottom: 10px;
}
@media (min-width:0px) and (max-width:640px) {
.reform3 .pt2 div .btn a {
	line-height: 110px;
	background-color: #5db6e7;
	text-align: center;
	display: block;
	height: 110px;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFF;
}	
}
.reform3 .pt3 div .btn a {
	line-height: 110px;
	background-color: #e76279;
	text-align: center;
	display: block;
	height: 110px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	color: #FFF;
}
/*.reform3 .pt1 div img {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #f09400;
}
.reform3 .pt2 div img {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #5db6e7;
}
.reform3 .pt3 div img {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #e76279;
}
*/
.check01 .chk_anc_box {
	margin-bottom: 40px;
	padding-top: 55px;
	overflow: hidden;
}
.check01 .chk_anc_box a {
	line-height: 30px;
	color: #235994;
	display: inline-block;
	height: 30px;
	width: 180px;
	border: 1px solid #CCC;
}
.check01 .chk_anc_box a:nth-child(n+3) {
	margin-bottom:10px;
}

.check01 .chk_anc_box a:hover {
	background-color:#f8f8f8;
}
.check01 #chk1,
.check01 #chk2,
.check01 #chk3,
.check01 #chk4,
.check01 #chk5,
.check01 #chk6,
.check01 #chk7,
.check01 #chk8 {
	margin-top: -130px;
	padding-top: 130px;
}



.check01 h4 {
	font-size: 22px;
	padding-left: 20px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #235994;
	text-align: left;
	background:#fef8f5;
}
.check01 h4.chk_gr {
	background-color:#f2fcd8 !important;
}

.chk_gr{
	background-color:#f2fcd8 !important;
}

.check01 .chk_cont {
	background-color: #fef8f5;
	margin-bottom: 40px;
}
.check01 .chk_cont .cc_left {
	float: left;
	width: 205px;
	text-align: left;
	box-sizing: border-box;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-right: 30px;
}
.check01 .chk_cont .cc_right .cc_fig {
	padding-top: 10px;
}

.cc_right p{

	font-size:16px;
	margin:0 0 15px;
	font-weight:nomal;
}
.cc_right p.bd{
	width:530px;
	margin:-28px 0 20px 160px;
	border-top:#CCC 1px dotted;
}
.check01 .chk_cont .cc_right ul {
	margin-bottom: 10px;
}
.check01 .chk_cont .cc_right ul li {
	background-image: url(../img/chk_arrow.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.check01 .chk_cont .cc_right {
	text-align: left;
	float: right;
	width: 740px;
}
.cc_fig {
	padding:15px 0 20px;
}
.reform_cl_wrap{
	margin:50px 0 50px;
}
.reform_cl{
	border: solid 6px #fafafa;
	padding: 40px 0 50px;
}
.reform_cl ul{
	font-size:15px;
	text-align:left;
	position: relative;
	width: 920px;
	margin: 0 auto;
}

.reform_cl li{
	line-height: 1.5;
	float:left;
	padding: 0.8em 0.5em 0.8em 3em;
	border-bottom: 2px dotted #c2d1db;
	list-style-type: none!important;
	float:left;
	width:43%;
	margin-right:2%;
}
.reform_cl li:last-child a:hover{
	border: solid 2px #fe941e;
	margin:10px auto;
}

.reform_cl li:nth-child(2n){
	margin-right:0;
	padding: 0.8em 0 0.8em 3em;


}
.reform_cl ul li:before {
  border: 3px solid;
  content: "";
  width:20px;
  height:20px;
  margin-top: 2px;
  position: absolute;
  left : 0.5em; 
  color: #003e75;
}
.reform_cl ul li:nth-child(2n):before {
  border: 3px solid;
  content: "";
  width:20px;
  height:20px;
  margin-top: 2px;
  position: absolute;
  left : 52%; 
  color: #003e75;
}
.reform_btn{
}
.reform_btn a{
	display:block;
	float:left;
	width:184px;
}
.reform_btn a img{
	border:2px solid white;
}
.reform_btn a img:hover{
	border:2px solid #ff921e;
}
.reform_btn p{
	float:left;
	margin: 30px 30px 0 40px;
	width: 680px;
	font-size: 21px !important;
	text-align:left;
}

.reform_cl li br{
	padding-right:30px;
}
@media (min-width:0px) and (max-width:640px) {
.check01 .chk_anc_box a {
	line-height: 30px;
	color: #235994;
	display: inline-block;
	height: 30px;
	width: 100px;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}
.check01 #chk1,
.check01 #chk2,
.check01 #chk3,
.check01 #chk4,
.check01 #chk5 {
	margin-top: -50px;
	padding-top: 50px;
}
.check01 h4 {
	font-size: 18px;
	padding-left: 10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #235994;
	text-align: left;
	margin-bottom: 0;
}
.check01 .chk_cont {
	background-color: #fef8f5;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.check01 .chk_cont .cc_left {
	float: none;
	width: 40%;
	text-align: left;
	box-sizing: border-box;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin:0 auto;
}
.check01 .chk_cont .cc_left img{
	width: 100%;
}

.check01 .chk_cont .cc_left .cc_fig {
	padding-top: 10px;
}
.check01 .chk_cont .cc_left .cc_fig img {
	width:100%;
}
.cc_left p{

	font-size:15px;	margin:30px 0 15px;
	font-weight:bold;
}
.cc_left p.bd{
	width:150px;
	margin:-28px 0 20px 160px;
	border-top:#CCC 1px dotted;
}
.check01 .chk_cont .cc_left ul {
	margin-bottom: 10px;
}
.check01 .chk_cont .cc_left ul li {
	background-image: url(../img/chk_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.check01 .chk_cont .cc_right {
	text-align: left;
	float: none;
	width: auto;
	
}
.check01 .chk_cont .cc_right p{
	text-align: left;
	margin:10px 5px 0;
}
.check01 .chk_cont .cc_right ul {
    margin: 0 5px 10px;
}
.cc_right p.bd {
    display:none;
}
.cc_fig img{
	width:100%;
}

}
/* ---------------------------------------------------------------------
03 : リフォームの流れ
--------------------------------------------------------------------- */

.flow_wrap2{
	width:1000px;
	margin:35px auto 0;
}

.flow_box{
	width:100%;
	display:table;
	border-collapse:separate;
	border-spacing: 20px;
}
.fl_arrow_1{
	width: 26px;
	height: 25px;
	background: url("../img/fl_arrow_1.png") top left no-repeat;
	background-size: 26px 25px;
	margin:-20px 0 10px 78px;
}

.price_free{
	margin: 20px 0;
}
.price_free p{
	color:#FFF;
	font-size:24px !important;
	font-weight:bold;
	text-align:center;
}



/*fl_1*/
.flow_box .fl_1{
	width:15%;
	display: table-cell;
	vertical-align: middle;
}
.flow_box .fl_1 p.st{
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	background:#235994;
	padding:3px;
	margin-bottom:15px;
	
}
.flow_box .fl_1 p.ti{
	text-align:center;
	font-size:26px;
	font-weight:bold;
	color:#235994;
}


/*fl_2*/
.flow_box .fl_2{
	width:85%;
	display: table-cell;
	padding:10px;
}

.fl_box{
	margin-bottom:30px;
}

.flow_box .fl_2 .fl_left{
}
.flow_box .fl_2 .fl_right .fl_arrow_2{
  position: relative;
  bottom: -22px;
  width: 850px;
  height: 21px;
  margin-top:0px;
  margin-left: -10px; /* 矢印画像の幅の半分 */
  background: url("../img/bg_nagare_line.png") top left no-repeat;
  background-size: 850px 21px;
}
.flow_box .fl_2 .fl_left p{
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	padding: 10px;
}
.flow_box .fl_2 .fl_right{
	width:100%;
	padding: 5px 10px 10px;
}
.flow_box .fl_2 .fl_right p{
	line-height: 180%;
	font-size: 14px;
	text-align: left;

}


.flow_box .fl_2 .fl_left_all{
	width:97%;
	float:none;
	padding:1%;
	border:#CCC 1px solid;
	background:#FFF;
}
.flow_box .fl_2 .fl_left_all p{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding-left:45px;
}
.flow_box .fl_2 .fl_left_all .fl_arrow_2{
  position: relative;
  bottom: -30px;
  width: 850px;
  height: 21px;
  margin-top:0px;
  margin-left: -10px; /* 矢印画像の幅の半分 */
  background: url("../img/bg_nagare_line.png") top left no-repeat;
  background-size: 850px 21px;
}
.nagare_support{
  background: url("../img/nagare_support.gif") top left no-repeat;
  position:relative;
  height:291px;
  margin: 20px 0 50px;
}

.nagare_support h3{
	color:#5db6e7;
	font-size:20px;
	font-weight:bold;
	line-height: 1.1;
	text-align:center;
  border: none;
}
.nagare_support .s1{
	position:absolute;
	top:25px;
	left:55px;
}
.nagare_support .s2{
	position:absolute;
	top:20px;
	left:415px;
}
.nagare_support .s3{
	position:absolute;
	top:25px;
	left:775px;
}

.nagare_support p{
	font-size:16px;
	font-weight:nomal;
	text-align:left;
}
.nagare_support p span{
	font-size:16px;
	font-weight:nomal;
	text-align:left;
	display:block;
	margin: 5px 0 0 0;
}
.nagare_support a.loan {
	font-size: 18px;
	font-weight: nomal;
	text-align: center;
	display: block;
	width: 240px;
	height: 30px;
	position: absolute;
	top: 80px;
	left: 375px;
	background-color: #003e75;
	vertical-align: middle;
	padding: 5px;
	color:#fff;
	letter-spacing: 0.3px;
}
.nagare_support a.loan:hover {
	text-decoration: none;
	background-color: #5db6e7;
	color:#fff;

}
.nagare_support p.s1{
	position:absolute;
	top:120px;
	left:25px;
	font-size: 16px;
}
.nagare_support p.s1 a{
	text-decoration: underline;
}
.nagare_support p.s1 a:hover{
	text-decoration: underline;
	font-weight: bold;
}
.nagare_support p.s2{
	position:absolute;
	top:120px;
	left:375px;
	font-size: 16px;
}
.nagare_support p.s3{
	position:absolute;
	top:120px;
	left:700px;
	font-size: 16px;
}

/* ---------------------------------------------------------------------
03[SP] : リフォームの流れ
--------------------------------------------------------------------- */
@media (min-width:0px) and (max-width:640px) {
.flow_wrap2{
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.flow_box{
	width:96%;
	margin:0 auto;
	display:block;
	border-collapse:separate;
	border-spacing: 20px;
}
.fl_arrow_1{
	width: 26px;
	height: 25px;
	background: url("../img/fl_arrow_1.png") top left no-repeat;
	background-size: 26px 25px;
	margin:-20px auto 10px;
}

.price_free{
	margin:0;
	background:none;
	padding:10px;
}
.price_free p{
	color:#151a59;
	overflow: hidden;
	font-size:18px !important;
	font-weight:normal;
	text-align:center !important;
}
.price_free p span:before {
	right: 100%;
}
.price_free p span:after {
	left: 100%;
}
.price_free p span {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
}
.price_free p span:before,.price_free p span:after{
	border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}

/*fl_1*/
.flow_box .fl_1{
	width:96%;
	margin:0 auto;
	display: block;
	vertical-align: middle;
	background:#003e75;
	padding:10px 10px;
}
.flow_box .fl_1 img{
	display: none;
}
.flow_box .fl_1 p{
	text-align: center;
	color:#fff;
	font-size: 18px;
}
.flow_box .fl_1 p.st{
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	background:#235994;
	padding:3px;
	margin-bottom:15px;
	
}
.flow_box .fl_1 p.ti{
	text-align:center;
	font-size:26px;
	font-weight:bold;
	color:#235994;
}


/*fl_2*/
.flow_box .fl_2{
	width:96%;
	margin:0 auto;
	display: block;
	background:#fafafa;
	padding:10px;
}

.fl_box{
	margin-bottom:30px;
}

.flow_box .fl_2 .fl_left{
	width:96%;
	margin:0 auto;
	float:none;
	padding:1%;
	border:#CCC 1px solid;
	background:#FFF;
}

.flow_box .fl_2 .fl_right .fl_arrow_2{
  position: relative;
  left: 50%;
  bottom: -22px;
  width: 25px;
  height: 13px;
  margin-top:-13px;
  margin-left: -12px; /* 矢印画像の幅の半分 */
  background: url("../img/fl_arrow_2.png") top left no-repeat;
  background-size: 25px 13px;
}
.flow_box .fl_2 .fl_left p{
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.flow_box .fl_2 .fl_right{
	width:96%;
	margin:0 auto;
	float:none;
}
.flow_box .fl_2 .fl_right p{
	line-height:180%;
	font-size:14px;
	margin-top:20px;
}
.flow_box .fl_2 .fl_right p br{
	display:none;
}

.flow_box .fl_2 .fl_left_all{
	width:96%;
	margin:0 auto;
	float:none;
	padding:1%;
	border:#CCC 1px solid;
	background:#FFF;
}
.flow_box .fl_2 .fl_left_all p{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding-left:0;
}
.flow_box .fl_2 .fl_left_all .fl_arrow_2{
	position: relative;
	left: auto;
	bottom: -22px;
	width: 25px;
	height: 13px;
	margin:-13px auto 0; /* 矢印画像の幅の半分 */
	background: url("../img/fl_arrow_2.png") top left no-repeat;
	background-size: 25px 13px;
}
.nagare_support{
	display:none;
/*	background: url("../img/nagare_support_sp.gif") center top no-repeat;
	position:relative;
	padding-bottom: calc(100%*1600/750); calc(100*ImageHeight/ImageWidth)% 
    background-size: 100% auto;
*/
}
.nagare_support_sp div{
	margin-bottom:15px;
}
.nagare_support_sp img{
	width:100%;
	height:auto;
}


}
/* ---------------------------------------------------------------------
05 : おすすめリフォーム ラインナップ
--------------------------------------------------------------------- */

.rec_wrap{
	width:1000px;
	margin:0 auto;
}


/*ex_nav*/


.ex_nav{
	width:1000px;
	margin:50px auto 50px;
}
.ex_nav li{
	width:244px;
	border:#FFF 1px solid;
	background:#e8e1dd;
	float:left;
	margin:2px;
}
.ex_nav li a{
	display:block;
}
.ex_nav span{
	display:block;
}
.ex_nav li .th{
	width:87px;
	float:left;
}
.ex_nav li .th img{
	width:100%;
	height:auto;
}
.ex_nav li .filename{
	width:134px;
	float:right;
	padding-right:10px;
}
.ex_nav li .filename p{
	color:#22140a;
	font-size:14px;
	line-height:130%;
	padding:10px 0;
}

.ex_nav li:hover{
	background:#c4bab5;
}


.ex_nav li.current{
	background:#c4bab5;
}



/* rec_wrap */

.rec_wrap{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

.rec_title{
	margin-bottom:20px;
}
.rec_wrap .lead{
	width:670px;
	float:right;
	text-align:left;
	font-size:16px!important;
	margin:25px 0 40px 0;
}


/* rec_box_ln5 */
.rec_box_ln5{
	width:100%;
	margin:0 auto 50px;
}


.rec_box_ln5 .rb{
	width:235px;
	float:left;
	margin:0 20px 50px 0;
}
.rec_box_ln5 .rb:nth-child(4){
	width:235px;
	float:left;
	margin:0 0 50px 0;
}
.rec_box_ln5 .rb p{
	font-size: 15px;
	font-weight: bold;
	color: #271a10;
	background: #e8e1dd;
	text-align: center;
	padding: 10px;
}
.rec_box_ln5 .rb p br{
	display:none;
}
.rec_box_ln5 .rb div{
	width:235px;
}
.rec_box_ln5 .rb div img{
	width:100%;
	height:auto;
}


/* rec_box */
.rec_box{
	width:100%;
	margin:0 auto 50px;
}

.rec_box .rb{
	width:475px;
	float:left;
	margin:0 50px 50px 0;
}
.rec_box .rb:nth-child(2n+2){
	width:475px;
	float:left;
	margin:0 0 50px 0;
}
.rec_box .rb h4{
	display:block;
	text-align:center;
	margin:20px 0;
	font-size:17px;
	font-weight:bold;
    position: relative;
	overflow: hidden;
}

.rec_box .rb h4 span:before,
.rec_box .rb h4 span:after {
    border-top: 1px dotted #ccc;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}
.rec_box .rb h4 span {
	display: inline-block;
	padding: 0 0.5em;
	color:#003e75;
	position: relative;
}
.rec_box .rb h4 span:before {
    right: 100%;
}

.rec_box .rb h4 span:after {
    left: 100%;
}

.rec_box .rb div{
	width:230px;
	float:left;
}
.rec_box .rb div img{
	width:100%;
	height:auto;
}
.rec_box .rb p{
	width: 230px;
	float: right;
	font-size: 14px;
	color: #333;
	margin-right: 0;
}
.rec_box .rb p span{
	font-size:16px;
	font-weight:bold;
	color:#271a10;
	display:block;
	padding-bottom:5px;
	border-bottom:#eee 1px solid;
	margin-bottom:10px;
}

/* rb_full */
.rec_box .rb_full{
	width:100%;
	float:left;
	margin:0 0 50px 0;
}
.rec_box .rb_full div{
	width:480px;
	float:left;
}
.rec_box .rb_full div img{
	width:100%;
	height:auto;
}
.rec_box .rb_full p{
	width: 480px;
	float: right;
	font-size: 14px;
	color: #333;
}
.rec_box .rb_full p span{
	font-size:16px;
	font-weight:bold;
	color:#271a10;
	display:block;
	padding-bottom:5px;
	border-bottom:#eee 1px solid;
	margin-bottom:10px;
}
/* ---------------------------------------------------------------------
05[SP] : おすすめリフォーム ラインナップ
--------------------------------------------------------------------- */
@media (min-width:0px) and (max-width:640px) {
.rec_wrap{
	width:96%;
	margin:0 auto;
}


/*ex_nav*/


.ex_nav{
	width:100%;
	margin:50px auto 50px;
}
.ex_nav li{
	width:100%;
	border:#FFF 1px solid;
	background:#e8e1dd;
	float:left;
	margin:2px;
}
.ex_nav li a{
	display:block;
}
.ex_nav li a br{
	display:none;
}
.ex_nav span{
	display:block;
}
.ex_nav li .th{
	width:87px;
	float:left;
}
.ex_nav li .th img{
	width:100%;
	height:auto;
}
.ex_nav li .filename{
	width:auto;
	float:left;
	padding:10px 10px;
}
.ex_nav li .filename p{
	color:#22140a;
	font-size:16px;
	line-height:130%;
	padding:10px 0;
}

.ex_nav li:hover{
	background:#c4bab5;
}


.ex_nav li.current{
	background:#c4bab5;
}



/* rec_wrap */

.rec_wrap{
	width:100%;
	margin:0 auto;
}
.rec_title{
	margin-bottom:20px;
}
.rec_wrap h4{
	width:100%;
	float:none;
	font-size:22px;
	font-weight:normal;
	border-left:#22140a 5px solid;
	padding:7px 0 7px 12px;
	margin:20px 0 30px;
	text-align:left;
}
.rec_wrap .lead{
	width:100%;
	float:none;
	text-align:left;
	font-size:16px;
	margin:25px 0 40px 0;
}


/* rec_box_ln5 */
.rec_box_ln5{
	width:100%;
	margin:0 auto 50px;
}


.rec_box_ln5 .rb:nth-child(odd){
	width:46%;
	float:left;
	margin:0 8% 50px 0;
}
.rec_box_ln5 .rb:nth-child(even){
	width:46%;
	float:left;
	margin:0 0 50px 0;
}
.rec_box_ln5 .rb p{
	font-size:14px;
	font-weight:bold;
	color:#271a10;
	background:#e8e1dd;
	text-align:center;
	padding:5px;
}
.rec_box_ln5 .rb p br{
	display:block;
}
.rec_box_ln5 .rb div{
	width:100%;
}
.rec_box_ln5 .rb div img{
	width:100%;
	height:auto;
}


/* rec_box */
.rec_box{
	width:90%;
	margin:0 auto 50px;
}

.rec_box .rb{
	width:100%;
	float:none;
	margin:0 0 25px 0;
}
.rec_box .rb:nth-child(2n+2){
	width:100%;
	float:none;
	margin:0 0 25px 0;
}

.rec_box .rb div{
	width:100%;
	float:none;
}
.rec_box .rb div img{
	width:100%;
	height:auto;
}
.rec_box .rb p{
	width:100%;
	float:none;
	border-bottom:#eee 1px solid;
	padding-bottom:15px;
	margin-bottom:25px;
}
.rec_box .rb p span{
	font-size:16px;
	font-weight:bold;
	color:#271a10;
	display:block;
	padding-bottom:5px;
	border-bottom:none;
	margin-bottom:10px;
	margin-top:10px;
}
.rec_box .rb p span br{
	display:none;
}

/* rb_full */
.rec_box .rb_full{
	width:100%;
	float:left;
	margin:0 0 25px 0;
}
.rec_box .rb_full div{
	width:100%;
	float:none;
}
.rec_box .rb_full div img{
	width:100%;
	height:auto;
}
.rec_box .rb_full p{
	width:100%;
	float:none;
	border-bottom:#eee 1px solid;
	padding-bottom:15px;
}
.rec_box .rb_full p span{
	font-size:16px;
	font-weight:bold;
	color:#271a10;
	display:block;
	padding-bottom:5px;
	border-bottom:none;
	margin-bottom:10px;
	margin-top:10px;
}
}
/* ---------------------------------------------------------------------
04 : アフターサービス
--------------------------------------------------------------------- */


.cp_inner{
	width:1000px;
	margin:60px auto 60px;
}
/*パネル4*/
.c_panel_4{
	width:298px;
	float:left;
	margin-right:53px;
}
.c_panel_4 .cp_title{
	font-size:18px;
	color:#271a10;
	background:#e8e1dd;
	text-align:center;
	padding:15px;
}
.c_panel_4 .cp_img{
	width:100%;
}
.c_panel_4 .cp_img img{
	width:100%;
	height:auto;
}
.c_panel_4 .cp_txt{
	width:94.3%;
	padding:3%;
	background:#e8e1dd;
	height:90px;
}
.c_panel_4 .cp_txt .cpt_3{
	color:#271a10;
	font-size:16px;
	line-height:180%;
}
/*パネル5*/
.c_panel_5{
	width:298px;
	float:left;
	margin-right:53px;
}
.c_panel_5 .cp_title{
	font-size:18px;
	color:#271a10;
	background:#e8e1dd;
	text-align:center;
	padding:15px;
}
.c_panel_5 .cp_img{
	width:100%;
}
.c_panel_5 .cp_img img{
	width:100%;
	height:auto;
}
.c_panel_5 .cp_txt{
	width:94.3%;
	padding:3%;
	background:#e8e1dd;
	height:90px;
}
.c_panel_5 .cp_txt .cpt_3{
	color:#271a10;
	font-size:16px;
	line-height:180%;
}

/*パネル6*/
.c_panel_6{
	width:298px;
	float:left;
}
.c_panel_6 .cp_title{
	font-size:18px;
	color:#271a10;
	background:#e8e1dd;
	text-align:center;
	padding:15px;
}
.c_panel_6 .cp_img{
	width:100%;
}
.c_panel_6 .cp_img img{
	width:100%;
	height:auto;
}
.c_panel_6 .cp_txt{
	width:94.3%;
	padding:3%;
	background:#e8e1dd;
	height:90px;
}
.c_panel_6 .cp_txt .cpt_3{
	color:#271a10;
	font-size:16px;
	line-height:180%;
}
/* ---------------------------------------------------------------------
04[SP] : アフターサービス
--------------------------------------------------------------------- */
@media (min-width:0px) and (max-width:640px) {

.cp_inner{
	width:96%;
	margin:60px auto 60px;
}
/*パネル4*/
.c_panel_4{
	width:100%;
	float:none;
	margin:0 0 25px 0;
}
.c_panel_4 .cp_title{
	font-size:18px;
	color:#271a10;
	background:#e8e1dd;
	text-align:center;
	padding:15px;
}
.c_panel_4 .cp_img{
	width:100%;
}
.c_panel_4 .cp_img img{
	width:100%;
	height:auto;
}
.c_panel_4 .cp_txt{
	width:94.3%;
	padding:3%;
	background:#e8e1dd;
	height:90px;
}
.c_panel_4 .cp_txt .cpt_3{
	color:#271a10;
	font-size:16px;
	line-height:180%;
}
/*パネル5*/
.c_panel_5{
	width:100%;
	float:none;
	margin:0 0 25px 0;
}
.c_panel_5 .cp_title{
	font-size:18px;
	color:#271a10;
	background:#e8e1dd;
	text-align:center;
	padding:15px;
}
.c_panel_5 .cp_img{
	width:100%;
}
.c_panel_5 .cp_img img{
	width:100%;
	height:auto;
}
.c_panel_5 .cp_txt{
	width:94.3%;
	padding:3%;
	background:#e8e1dd;
	height:90px;
}
.c_panel_5 .cp_txt .cpt_3{
	color:#271a10;
	font-size:16px;
	line-height:180%;
}

/*パネル6*/
.c_panel_6{
	width:100%;
	float:none;
	margin:0 0 25px 0;
}
.c_panel_6 .cp_title{
	font-size:18px;
	color:#271a10;
	background:#e8e1dd;
	text-align:center;
	padding:15px;
}
.c_panel_6 .cp_img{
	width:100%;
}
.c_panel_6 .cp_img img{
	width:100%;
	height:auto;
}
.c_panel_6 .cp_txt{
	width:94.3%;
	padding:3%;
	background:#e8e1dd;
	height:90px;
}
.c_panel_6 .cp_txt .cpt_3{
	color:#271a10;
	font-size:16px;
	line-height:180%;
}
}
#shopBox {
	margin: 50px 0 50px;
}#shopBox a{
	margin:0 40px 0 0;
}
#shopBox a.tokyo{
	margin:0 110px 0 0;
}
#shopBox a.yokohamakita{
	margin:0 230px 0 0;
}
#shopBox a.yokohamaminami{
	margin:0 90px 0 0;
}

#shopBox a.kansai{
	margin:0 540px 0 0;
}
#shopBox a.tokyu {
	margin:0 760px 0 0;
}

#shopBox h3 {
	background-repeat: no-repeat;
	background-position: 10px top;
	display: block;
	padding: 3px 0 10px 20px;
	cursor: pointer;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	margin: 0 20px 20px 0;
	width:100%;
	float:left;
	line-height:1.2;
	border-left: 3px solid #039;
}
#shopBox h3.a1 {
	padding:3px 0 10px 20px;
}
#shopBox h3.a2 {
	padding: 3px 0 10px 20px;
}
#shopBox h3.a3 {
	padding: 3px 0 10px 20px;
	margin: 0 0 20px 0;
}
.button {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.button::before,
.button::after {
  position: absolute;
  top: 30%;
  right: -2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #34a5ff;
}
.button::after {
  opacity: 0;
  right: 1em;
}
.button:hover::before {
  animation: arrowbefore .5s;
}
.button:hover::after {
  animation: arrowafter .5s;
}
@keyframes arrowbefore {
  100% {
    right: -4em;
    opacity: 0;
  }
  }
  @keyframes arrowafter {
  99% {
    right: -2em;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

#shopBox a h3.blueichiran span:hover {
	text-decoration:none;
}
#shopBox h3.blueichiran {
	padding: 3px 0 10px 0;
	background-color: #235994;
	margin-top: 25px;
	margin-bottom: 10px;
	display: block;
	width:100%;
	float:none;
	border:none;
}
#shopBox h3.blueichiran:hover {
	background-color: #34a5ff;
	text-decoration:none;
	color:#fff;
}

#shopBox h3.blueichiran span{
	padding-top: 12px;
	padding-bottom: 5px;
	display: block;
	text-align: center;
	padding-left: 10px;
	font-size: 25px;
	color: #FFF;
}

#shopBox h3 span {
	font-size: 16px;
	font-weight: normal;
}
#shopBox h3 span span {
	display:block;
}

#shopBox h3 br {
	margin-left:50px;
}
#shopBox .box {
	text-align: left;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 25px;

}
#shopBox h3.shop_tl_line {
	border: 1px solid #235994;
	color: #235994;
	padding: 5px 0;
	width: 99.8%;
	text-align: center;
	font-size: 26px;
	margin: 60px 0 30px;
	font-weight: normal;
}
#shopBox .box .column_l {
	float: left;
	width: 580px;
}
#shopBox .box .column_r {
	text-align: center;
	width: 370px;
	float: right;
}
#shopBox .box .column_l dl {
	overflow: hidden;
	padding-top: 15px;
}
#shopBox .box .column_l dl dt {
	float: left;
	width: 125px;
	clear: left;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
#shopBox .box .column_l dl dt span{
	background-color: #999;
	padding: 5px;
	color: #FFF;
	display: block;
}

#shopBox .box .column_l dl dd {
	margin-left: 140px;
	padding: 8px;
}
#shopBox .box .column_l dl dd.call {
	font-size: 18px;
	font-weight:bold;
	padding: 8px;
}
.danchi {
	margin:140px 0;
}
.danchi ul {
	width:90%;
	margin:20px auto;
}

.danchi ul li {
	text-align: left;	
	color:#222;
	font-size: 16px;

}
.danchi ul li span{
	font-size: 18px;
	margin-top: 10px;
	font-weight: bold;
	display: block;
}
.danchi div.area_l {
	position: relative;
	font-size: 20px;
	margin: 30px 3% 10px 0;
	float:left;
	background-image: none;
	width: 48%;
	padding: 0;
	color:#235994;
	border: 1px solid #235994;

}
.danchi div.area_r {
	position: relative;
	float:left;
	font-size: 20px;
	margin: 30px 0 10px;
	background-image: none;
	width: 48%;
	padding: 0;
	color:#235994;
	border: 1px solid #235994;

}
.danchi div.area_l p span,.danchi div.area_r p span {
	background-color: white;
	font-weight:bold;
	display: inline-block;
	padding: 0 20px; /*ラインとテキストの間を調整*/
	position: absolute;
	margin: -10px 0 0 40%;
}
.danchi p.name {
	text-align: left;
	font-size: 14px;
	margin: 27px auto;
	float:left;
}
.danchi span.call{
	font-size:18px;
	margin:27px 0 0 20px;
	font-weight:bold;
	float:left;
	display:block;
}






@media (min-width:0px) and (max-width:640px) {
#shopBox h3 {
	background-image: url(../img/list03.png);
	background-repeat: no-repeat;
	background-position: 1px top;
	display: block;
	height: auto;
	padding-left: 25px;
	cursor: pointer;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	background-size: 20px;
	line-height: 20px;
	margin-bottom: 15px;
}
#shopBox h3 span {
	font-size: 10px;
	font-weight: normal;
	display: block;
}
#shopBox .box {
	text-align: left;
	padding: 10px;
	overflow: hidden;
	border: 1px solid #CCC;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
#shopBox .box .column_l {
	float: none;
	width: auto;
	margin-bottom: 10px;
}
#shopBox .box .column_r {
	text-align: center;
	width: auto;
	float: none;
}	
.danchi div.area_l {
	position: relative;
	font-size: 20px;
	margin: 30px 0 10px 0;
	float:none;
	background-image: none;
	width: 100%;
	padding: 0;
	color:#235994;
	border: 1px solid #235994;

}
.danchi div.area_r {
	position: relative;
	float:none;
	font-size: 20px;
	margin: 30px 0 10px;
	background-image: none;
	width: 100%;
	padding: 0;
	color:#235994;
	border: 1px solid #235994;

}
.danchi div.area_l p span,.danchi div.area_r p span {
	background-color: white;
	font-weight:bold;
	display: inline-block;
	padding: 0 20px; /*ラインとテキストの間を調整*/
	position: absolute;
	margin: -10px 0 0 37%;
}

}
#shopBox .box .column_r iframe {
	width: 100%;
}
.table_bd {
	background-image: url(../img/fl_arrow_1.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 50px;
}
.table_bd table {
	width: 540px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	color: #333;
}
.table_bd table tr .name {
	width: 100px;
	color: #235994;
	text-align: left;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666;
	border-left-color: #235994;
	font-size: 20px;
}
.table_bd table tr .name2 {
	width: 250px;
}
.table_bd table tr td {
	vertical-align: middle;
	padding: 5px;
}
.table_bd table tr .fc_tel {
	background-image: url(../img/fc_logo.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	font-size: 23px;
}
@media (min-width:0px) and (max-width:640px) {
.table_bd table {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	color: #333;
}
.table_bd table tr .name {
	width: 100%;
	display: block;
	font-size: 15px;
}
.table_bd table tr .name2 {
	width: 150px;
}
.table_bd table tr td {
	vertical-align: middle;
	padding: 5px;
}
.table_bd table tr .fc_tel {
	background-image: url(../img/fc_logo.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	font-size: 17px;
	background-size: 20px auto;
}	
}
.check02 {
	margin-bottom: 20px;
	padding-top: 30px;
	text-align: left;
}
.check02 ul {
	padding-top: 20px;
	text-align: left;
	padding-right: 10px;
	float: left;
	width: 50%;
	box-sizing:border-box;
}
.check02 ul li {
	background-image: url(../img/check-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	background-size: 50px;
	margin-bottom: 15px;
}
.check02 ul li p {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5db6e7;
	padding-top: 5px;
	padding-left: 5px;
}
.check02 ul li img {
	width: 110px;
	padding-left: 10px;
}
.check02 .checkbottom {
	
}
@media (min-width:0px) and (max-width:640px) {
.check02 .checkbottom {
	width: 100%;
}	
}


#shop1,#shop2,#shop3,#shop4,#shop5,#shop6{ margin-top:-140px !important; padding-top:140px}


/*部分リフォームラインナップ*/
.rec_wrap {
    width: 100%;
    margin: 60px auto;
	
}
.ex_nav {
    width: 1000px;
    margin: 50px auto 50px;
}
.ex_nav li {
    width: 244px;
    border: #FFF 1px solid;
    background: #e8e1dd;
    float: left;
    margin: 2px;
}
.ex_nav li a {
    display: block;
}

.ex_nav li .th {
    width: 87px;
    float: left;
}
.ex_nav span {
    display: block;
}
.ex_nav li .th img {
    width: 100%;
    height: auto;
}
.rec_title {
    margin-bottom: 40px;
	position:relative;
}
p.rf {
	margin-top:20px;
}
#ln_1 h3  {
    background: url(../img/reform_ic_1.png) left top no-repeat;
	float: left;
	padding: 0 0 7px 80px;
	height: 50px;
	width: 920px;
}
#ln_2 h3  {
    background: url(../img/reform_ic_2.png) left top no-repeat;
	float: left;
	padding: 0 0 7px 80px;
	height: 50px;
	width: 920px;
}

#ln_3 h3  {
    background: url(../img/reform_ic_3.png) left top no-repeat;
	float: left;
	padding: 0 0 7px 80px;
	height: 50px;
	width: 920px;
}

#ln_4 h3  {
    background: url(../img/reform_ic_4.png) left top no-repeat;
	float: left;
	padding: 0 0 7px 80px;
	height: 50px;
	width: 920px;
}

#ln_5 h3  {
    background: url(../img/reform_ic_5.png) left top no-repeat;
	float: left;
	padding: 0 0 7px 80px;
	height: 50px;
	width: 920px;
}

#ln_6 h3  {
    background: url(../img/reform_ic_6.png) left top no-repeat;
	float: left;
	padding: 0 0 7px 80px;
	height: 50px;
	width: 920px;
}

#ln_7 h3  {
    background: url(../img/reform_ic_7.png) left top no-repeat;
	float: left;
	padding: 0 0 7px 80px;
	height: 50px;
	width: 920px;
}
#ln_8 h3  {
    background: url(../img/reform_ic_8.png) left top no-repeat;
	float: left;
	padding: 0 0 7px 80px;
	height: 50px;
	width: 920px;
}

#ln_1 h3  span,#ln_2 h3  span,#ln_3 h3  span,#ln_4 h3  span,#ln_5 h3  span,#ln_6 h3  span,#ln_7 h3  span,#ln_8 h3  span{
    font-size: 20px;
	display: block;
	border-bottom:1px solid #003e75;
	color:#003e75;
	font-weight:bold;
	padding-bottom:2px;

}
.rec_wrap .txt {
	margin: 34px 0 40px 80px;
	position:absolute;
	font-size:16px !important;

}
.rec_wrap .lead {
    width: 670px;
    float: right;
    text-align: left;
    font-size: 16px;
    margin: 25px 0 40px 0;
}
.rec_box_ln5 {
    width: 100%;
    margin: 0 auto 50px;
}
.rec_box_ln5 .rb {
    width: 235px;
    float: left;
    margin: 0 20px 50px 0;
}
.rec_box_ln5 .rb p {
    font-size: 16px;
    font-weight: bold;
    color: #271a10;
    background: #e8e1dd;
    text-align: center;
    padding: 10px 5px;
}
.rec_box_ln5 .rb div {
    width: 235px;
}
.rec_box_ln5 .rb div img {
    width: 100%;
    height: auto;
}
.rec_box {
    width: 100%;
    margin: 0 auto 50px;
}
.rec_box .rb_full {
    width: 100%;
    float: left;
    margin: 0 0 50px 0;
}
.rec_box .rb_full div {
    width: 480px;
    float: left;
}
.rec_box .rb_full div img {
    width: 100%;
    height: auto;
}
.rec_box .rb_full p {
    width: 480px;
    float: right;
}

#ln_1,#ln_2,#ln_3,#ln_4,#ln_5,#ln_6,#ln_7,#ln_8{
	margin-top:-120px !important;
	padding-top:120px;
}
.reform_ic_menu_bg{
	width:100%;
	background-color:#f6f6f6;
}
.reform_ic_menu{
	width:1000px;
	margin:0 auto;
	padding: 0;
}
.reform_ic_menu a{
	display:block;
	float:left;
	width:12%;
	margin-right:5px;
	padding:25px 0;
}
.reform_ic_menu a img{
    /*-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;*/
    transition: 0.5s;
	border:1px solid #f6f6f6;
}
.reform_ic_menu a img:hover{
	border:1px solid #003e75;
}
.reform_ic_menu a:last-child{
	margin-right:0px;
}
.reform_ic_menu img{
	width:100%;
	height:auto;
}
@media (min-width:0px) and (max-width:640px) {


/* rec_wrap */

.rec_wrap{
	width:100%;
	margin:0 auto;
}
.rec_title{
	border-top:none;
	margin-bottom:20px;
}
.rec_title img{
	float:left;
}
.rec_wrap .lead{
	width:100%;
	float:none;
	text-align:left;
	font-size:16px;
	margin:25px 0 40px 0;
}

.rec_wrap h3{
	width:100%;
	float:left;
	font-size:22px;
	font-weight:normal;
	border-bottom:#22140a 5px solid;
	padding:7px 0 7px 12px;
	margin:20px 0 30px 70px;
	text-align:left;
}

.rec_wrap h4{
	width:100%;
	float:none;
	font-size:22px;
	font-weight:normal;
	border-left:#22140a 5px solid;
	padding:7px 0 7px 12px;
	margin:20px 0 30px;
	text-align:left;
}
.rec_wrap .lead{
	width:100%;
	float:none;
	text-align:left;
	font-size:16px;
	margin:25px 0 40px 0;
}




/* rec_box */
.rec_box{
	width:90%;
	margin:80px auto 50px;
}
.rec_wrap .long{
	width:90%;
	margin:110px auto 50px;
}


.rec_box .rb{
	width:100%;
	float:none;
	margin:0 0 25px 0;
}
.rec_box .rb:nth-child(2n+2){
	width:100%;
	float:none;
	margin:0 0 25px 0;
}

.rec_box .rb div{
	width:100%;
	float:none;
}
.rec_box .rb div img{
	width:100%;
	height:auto;
}
.rec_box .rb p{
	width:100%;
	float:none;
	border-bottom:#eee 1px solid;
	padding-bottom:15px;
	margin-bottom:25px;
}
.rec_box .rb p span{
	font-size:16px;
	font-weight:bold;
	color:#271a10;
	display:block;
	padding-bottom:5px;
	border-bottom:none;
	margin-bottom:10px;
	margin-top:10px;
}
.rec_box .rb p span br{
	display:none;
}

/* rb_full */
.rec_box .rb_full{
	width:100%;
	float:left;
	margin:0 0 25px 0;
}
.rec_box .rb_full div{
	width:100%;
	float:none;
}
.rec_box .rb_full div img{
	width:100%;
	height:auto;
}
.rec_box .rb_full p{
	width:100%;
	float:none;
	border-bottom:#eee 1px solid;
	padding-bottom:15px;
}
.rec_box .rb_full p span{
	font-size:16px;
	font-weight:bold;
	color:#271a10;
	display:block;
	padding-bottom:5px;
	border-bottom:none;
	margin-bottom:10px;
	margin-top:10px;
}
.reform_ic_menu {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.reform_ic_menu a{
	display:block;
	float:left;
	width:23%;
	margin:0 1%;
	padding:10px 0 0;
}

.reform_ic_menu a:last-child{
	padding-bottom:10px;
}
.rec_wrap h3 {
	border:none;
}
#ln_1 h3 {
    background: url(../img/reform_ic_1.png) 8% top no-repeat;
    float: left;
    padding: 0 0 7px 33%;
    height: 50px;
    width: 67% !important;
    margin: 0;
}
#ln_2 h3 {
    background: url(../img/reform_ic_2.png) 20% top no-repeat;
    float: left;
    padding: 0 0 7px 50%;
    height: 50px;
    width: 50% !important;
    margin: 0;
}
#ln_3 h3 {
    background: url(../img/reform_ic_3.png) 5% top no-repeat;
    float: left;
    padding: 3px 0 7px 28%;
    height: 50px;
    width: 72% !important;
    margin: 0;
}
#ln_4 h3 {
    background: url(../img/reform_ic_4.png) 20% top no-repeat;
    float: left;
    padding: 0 0 7px 50%;
    height: 50px;
    width: 50% !important;
    margin: 0;
}
#ln_5 h3 {
    background: url(../img/reform_ic_5.png) 20% top no-repeat;
    float: left;
    padding: 0 0 7px 45%;
    height: 50px;
    width: 55% !important;
    margin: 0;
}
#ln_6 h3 {
    background: url(../img/reform_ic_6.png) 10% top no-repeat;
    float: left;
    padding: 0 0 7px 35%;
    height: 50px;
    width: 65% !important;
    margin: 0;
}
#ln_7 h3 {
    background: url(../img/reform_ic_7.png) 20% top no-repeat;
    float: left;
    padding: 0 0 7px 50%;
    height: 50px;
    width: 50% !important;
    margin: 0;
}
#ln_8 h3 {
    background: url(../img/reform_ic_8.png) 20% top no-repeat;
    float: left;
    padding: 0 0 7px 50%;
    height: 50px;
    width: 50% !important;
    margin: 0;
}
#ln_1 h3 span, #ln_2 h3 span, #ln_3 h3 span, #ln_4 h3 span, #ln_5 h3 span, #ln_6 h3 span, #ln_7 h3 span, #ln_8 h3 span {
    font-size: 20px;
    display: block;
    border: none;
    color: #003e75;
    font-weight: normal;
    padding: 15px 0 0;
}
.rec_wrap .txt {
    margin: 70px 0 40px 0px;
    position: absolute;
    font-size: 15px !important;
	line-height:1.2;
}
.rec_box .rb h4 {
    display: block;
    text-align: center;
    margin: 20px 0;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    overflow: hidden;
	border:none;
	padding:0;
}
.reform_cl ul {
	font-size: 15px;
    text-align: left;
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.reform_cl ul li{
    float:none;
	width: 80%;
	margin: 0 auto;
}
.reform_cl li:nth-child(2n) {
    margin-right: 0;
    padding: 0.8em 0.5em 0.8em 3em;
}
.reform_cl ul li:nth-child(2n)::before {
    border: 3px solid;
    content: "";
    width: 20px;
    height: 20px;
    margin-top: 2px;
    position: absolute;
    left: 0.5em;
    color: #003e75;
}
.reform_cl {
    border: solid 6px #fafafa;
    padding: 10px 0 10px;
}
.reform_btn a {
    display: block;
    float: none;
    width: 184px;
    margin: 0 auto;
}
.reform_btn p {
    float: none;
    margin: 30px auto 10px;
	width: 90%;
    font-size: 15px !important;
    text-align: left;
}
}




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

部分リフォーム　イベント情報

**********************************/
#event .pagetop {
	text-align: right;
	font-size: 12px;
	margin: 0 0 1em 0;
	padding: 2em 0 0 0;
	clear: both;
}
#event .pagetop a {
	background: url(../images/common/pagetop_bg.gif) no-repeat;
	padding: 0 0 0 15px;
}
#event p {
	line-height: 1.5em;
	padding: 0 0 1em 1em;
}
#event .link_bg {
	background: url(../images/common/link_bg.gif) no-repeat;
	padding: 0 0 0 1em;
}
#event .column1 {
	clear: both;
	padding: 0 0 1em 0;
	margin: 0 0 3em 0;
}
#event .column2 {
	clear: both;
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
	border-bottom:1px #CCC dotted;
}
#event .column2 .column_l {
	width:40% !important;
	float: left;
}
#event .column2 .column_l2 {
	width:60% !important;
	float: left;
	padding-top:20px;
}
#event .column2 .column_r {
	width:50%;
	float: right;
}

#event h3{
	font-size: 22px;
  color: #003e75;
  text-align: left;
  margin-top: 30px;
  margin-bottom: 30px;
  border-left: #003e75 6px solid;
  border-bottom: 1px solid #ccc;
  padding-left: 15px;
  font-weight: bold;
}


.unc {
	width:100%;
	padding-bottom:50px;
	margin-bottom:30px;
	border-bottom:#ddd 2px dotted;
}
.unc table {
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #eee;
}
.unc table th {
	font-weight:bold;
	background:#EFEFEF;
	text-align:left;
	padding:5px;
	border-bottom:1px solid #fff;
}
.unc table td {
	text-align:left;
	padding:7px;
	border-bottom:1px solid #eee;
}
.column_l table {
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #eee;
}
.column_l table th {
	font-weight:bold;
	background:#EFEFEF;
	text-align:left;
	padding:5px;
	border-bottom:1px solid #fff;
}
.column_l table td {
	text-align:left;
	padding:7px;
	border-bottom:1px solid #eee;
}
.pdf_link {
	text-align:center;
	padding-top:15px;
}
.pdf_link a {
	width:202px;
	margin:0 auto;
	display:block;
	border:#eee 1px solid;
	padding:1px;
}
.pdf_link p{
	font-size:14px !important;
}
.camp_bnr {
	width:710px;
	margin:20px auto;
}
@media (min-width:0px) and (max-width:640px) {
#event h3{
	font-size:16px;
	text-align:left;
	margin-top:30px;
	margin-bottom:30px;
	border-left:#003e75 6px solid;
	padding-left:15px;
	font-weight:normal;
}

#event .column2 .column_l {
	width:100% !important;
	float: none;
}
#event .column2 .column_l2 {
	width:100% !important;
	float: none;
	padding-top:20px;
}
#event .column2 .column_r {
	width:100%;
	float: none;
}
#event .column2 .column_r iframe{
	width:100% !important;
}
#event .column2 .column_r #user_gmap{ 
	width:100% !important;
	height:340px; 
	margin:20px auto 0px; 
	border:solid 1px #111; 
}
#event .column2 .column_r #user_gmap_asumi{ 
	width:100% !important;
	height:340px; 
	margin:20px auto 0px; 
	border:solid 1px #111; 
}
.unc table th {
	font-weight:bold;
	background:#EFEFEF;
	text-align:left;
	padding:5px;
	border-bottom:1px solid #fff;
	display:none;
}
.unc table tr {
	display:block;
}

.unc table td {
	text-align:left;
	padding:7px;
	display:block;
	border:none;
}
.unc table td.day {
	padding:7px 7px 2px;
}
.unc table td.place {
	padding:0 7px 7px;
}

.unc table td.place span.line {
	border-bottom:1px solid #eee;
	display:block;
	padding-top: 5px;
}
}
/*********************************

　中古を買ってリフォーム

**********************************/
/* utility 
---------------------------------------------------------*/
.u-cf:before,
.u-cf:after	{content:"";display:table;}
.u-cf:after	{clear:both;}
.u-cf	{zoom:1;}

.u-ta-c {text-align: center !important;}
.u-ta-r {text-align: right !important;}
.u-ta-l {text-align: left !important;}

.u-va-t {vertical-align: top !important;}
.u-va-m {vertical-align: middle !important;}
.u-va-b {vertical-align: bottom !important;}

.u-fw-b {font-weight: bold;}
.u-fw-n {font-weight: nornal;}

.u-opa:hover{
	cursor: pointer;
	opacity: .7;
}
.u-fnt-small-cap{
	color: #000 !important;
	font-size: 13px!important;
}
@media screen and (max-width: 736px){
	.u-fnt-small-cap{
		font-size: 11px!important;
	}
}

.u-txt-indent-one{
	text-indent: -1em;
	padding-left: 1em;
}

.fnt-col-grn{
	color: #00a89c;
}

.u-sp-only{	display: none;}
.u-pc-only{	display: inline;}
@media screen and (max-width: 736px){
	.u-sp-only{	display: inline;}
	.u-pc-only{	display: none;}
}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
	@media screen and (max-width: 736px){
		.mb30{margin-bottom: 15px !important;}
	}
.mb40{margin-bottom: 40px !important;}
	@media screen and (max-width: 736px){
		.mb40{margin-bottom: 20px !important;}
	}
.mb50{margin-bottom: 50px !important;}
	@media screen and (max-width: 736px){
		.mb50{margin-bottom: 25px !important;}
	}

.mt30{margin-top: 30px!important;}
	@media screen and (max-width: 736px){
		.mt30{margin-top: 15px !important;}
	}

/* main contents common
-----------------------------------------------------------------------------*/
.contents-inner{
	margin: 0 auto 50px;
	width: 1000px;
	letter-spacing:0;
}
	@media screen and (max-width: 736px){
		.contents-inner{
			margin: auto;
			width: 94%;
			padding: 0 8px;
		}
	}

.contents-inner h2{
	color: #00a89c;
	font-size: 34px;
	margin:20px 0 50px;
	text-align: center;
}
	@media screen and (max-width: 736px){
		.contents-inner h2{
			font-size: 24px;
			margin:20px 0 24px;
			text-align: center;
		}
	}

.contents-inner h2.main-title{
	background: #00a89c;
	color: #fff;
	margin-bottom: 20px;
	padding: 10px 0;
}
	@media screen and (max-width: 736px){
		.contents-inner h2.main-title{
			margin-bottom: 20px;
			padding: 12px 8px;
		}
	}

.contents-inner p{
	color: #4d4d4d;
	font-size: 17px;
}
	@media screen and (max-width: 736px){
		.contents-inner p{font-size: 16px;}
	}

/* index
------------------------------------------------------------------------------------------------------------------------------*/
/* key visual */

.index-kv{
	margin-bottom: 30px;
	min-width: 1000px;
	width: 100%;
}
	@media screen and (max-width: 736px){
		.index-kv{
			background: url(../chukoreform/images/index_kv.jpg) center center /cover no-repeat;
			height: 0;
			margin-bottom: 25px;
			padding-top: 60%;
			min-width: 100%;
			width: 100%;
		}
	}


/* block01 */
.index-block01-list{
	display: block;
	margin-bottom: 44px;
	float:left;
	width:47%;
}
.index-block01-list.left{
	margin-right:6%;
}

	@media screen and (max-width: 736px){
		.index-block01-list{
			display: block;
			margin-bottom: 20px;
			float: none;
			width: 100%;
		}
	}

.index-block01-list img{
	float: left;
	margin-top: 6px;
	margin-right: 15px;
}
	@media screen and (max-width: 736px){
		.index-block01-list img{
			margin-top: 3px;
			margin-right: 10px;
			height: auto;
			width: 60px;
		}
	}

.index-block01-list h3{
	color: #00a89c;
	font-size: 22px;
}
	@media screen and (max-width: 736px){
		.index-block01-list h3{font-size: 18px;}
	}
.index-block01-list p{
	font-size:15px;
}
.index-block01-reason{
	border-top: 1px solid #00a89c;
	padding-top: 22px;
}
.index-block01-reason .inner-l{
	display: block;
	float: left;
	width: 30%;
}
	@media screen and (max-width: 736px){
		.index-block01-reason .inner-l{
			float: none;
			margin-bottom: 10px;
			width: 90%;
		}
	}
.index-block01-reason .inner-l h3{
	border: 1px solid #00a89c;
	color: #00a89c;
	font-size: 36px;
	margin: 48px 0 10px;
	padding: 20px 0 20px 20px;
	width: 325px;
}
	@media screen and (max-width: 736px){
		.index-block01-reason .inner-l h3{
			font-size: 22px;
			margin-bottom: 10px;
			padding: 10px;
			width: 100%;
			text-align: center;
		}
	}
.index-block01-reason .inner-r{
	float: right;
	width: 70%;
}
	@media screen and (max-width: 736px){
		.index-block01-reason .inner-r{
			width:100%;
			float: none;
		}
		.index-block01-reason .inner-r img{
			width:90% !important;
			height:auto;
			margin: 0 auto !important;
			display: block;
		}
	}
.index-block01-reason .inner-r img{
	margin-left: 20%;
	width:80%;
}

/* block02 */
.index-block02 p{
	text-align: left;
}
	@media screen and (max-width: 736px){
		.index-block02{text-align: center;}
		.index-block02 p{
			float: none;
			margin-bottom: 20px;
			width: auto;
		}
	}
.index-block02{
}

.index-block02 img{
	display: block;
	margin: 10px auto;
}
	@media screen and (max-width: 736px){
		.index-block02 img{
			float: none;
			margin: 0 auto;
			text-align: center;
			width:90%;
		}
	}

/* block03 */
.index-block03 .inner-l{
	display: block;
	float: left;
	width: 650px;
}
	@media screen and (max-width: 736px){
		.index-block03 .inner-l{
			float: none;
			width:100%;
		
		}
	}

.index-block03 .inner-r{
	background: #00a89c;
	display: block;
	float: right;
	padding: 10px 15px 5px;
	width: 300px;
}
	@media screen and (max-width: 736px){
		.index-block03 .inner-r{
			float: none;
			padding: 3%;
			/*max-width: 357px;*/
			width: 90%;
			margin: 0 auto;
		}
	}

.index-block03 .inner-r h3{
	color: #ffff00;
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 10px;
	text-align: center;
}
	@media screen and (max-width: 736px){
		.index-block03 .inner-r h3{font-size: 26px;}
	}

.index-block03 .inner-r h3 span{
	font-size: 28px;
	font-weight: bold;
}
	@media screen and (max-width: 736px){
		.index-block03 .inner-r h3 span{font-size: 24px;}
	}

.index-block03 .inner-r img{float: left;}
	@media screen and (max-width: 736px){
		.index-block03 .inner-r img{width:70px;}
	}

.index-block03 .inner-r p{text-align: center;}
.index-block03 .inner-r p a{
	color: #fff;
	font-size: 15px;
	margin-top: -20px;
	display: block;
	text-align:right;
}
	@media screen and (max-width: 736px){
		.index-block03 .inner-r p a{font-size: 16px;}
	}

.index-block03-reco{
	width:100%;
	background:#0072b9;
	position:relative;
	margin: 0 auto 40px;
}
.index-block03-reco a{
	display:block;
}
.index-block03-reco a:hover{
	opacity:1;
}
.ibr1{
	width:676px;
	float:left;
}
.ibr2{
	width:320px;
	float:right;
	border:solid 2px #0072b9;
}
.ibr2:hover{
	border:solid 2px #ff921e;
}
.ibr1 img,
.ibr2 img{
	width:100%;
	height:auto;
}

	@media screen and (max-width: 736px){
		.index-block03-reco{
			width:90%;
			padding: 3%;
			margin-bottom: 30px;
		}
		.index-block03-reco img{
			width:100%;
			height:auto;
			margin: 0 auto;

		}
		.ibr1{
			width:100%;
			float:none;
		}
		.ibr1 a:hover{
			content:"";
		}
		.ibr2{
			width:100%;
			float:none;
			margin:0;
		}
	}

.index-block03-reco h3{
	color: #00a89c;
	font-size: 28px;
	line-height: 1;
	text-align: center;
}
	@media screen and (max-width: 736px){
		.index-block03-reco h3{
			font-size: 24px;
			line-height: 1.2;
		}
	}

.index-block03-reco h3 span{
	letter-spacing: 0;
	font-size: 24px;
}
	@media screen and (max-width: 736px){
		.index-block03-reco h3 span{font-size: 16px;}
	}

.index-block03-reco p{
	text-align: right;
	margin-right: 34px;
}
	@media screen and (max-width: 736px){
		.index-block03-reco p{
			text-align: center;
			margin-right: 0;
		}
	}

.index-block03-reco p a{
	color: #00a89c;
	font-size: 20px;
}
	@media screen and (max-width: 736px){
		.index-block03-reco p a{font-size: 16px;}
	}

.index-block03-bnr{
	display: flex;
	justify-content: space-between;
}
.index-block03-bnr a:hover {
    text-decoration: none;
}
	@media screen and (max-width: 736px){
		.index-block03-bnr{display: block;}
	}

.index-block03-bnr .inner-l,
.index-block03-bnr .inner-r{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 485px;
	height: auto;
}
	@media screen and (max-width: 736px){
		.index-block03-bnr .inner-l,
		.index-block03-bnr .inner-r{
			width: auto;
			padding: 8px;
			margin-bottom: 10px;
		}
	}

.index-block03-bnr .inner-l{
	background: #fffbc2;
	border: 2px solid #259cfb;
	padding: 30px 0;
}
.index-block03-bnr .inner-l:hover{
	border: 2px solid #ff921e;
}
.index-block03-bnr .inner-l h3{
	color: #3fa8f4;
	font-size: 28px;

}
	@media screen and (max-width: 736px){
		.index-block03-bnr .inner-l h3{
			font-size: 22px;
			text-align: center;
		}
	}

.index-block03-bnr .inner-l p{
	background: #fff;
	border: 1px solid #1eaa39;
	display: block;
	color: #1eaa39;
	font-size: 19px;
	width: calc(100% - 30px);
	text-align: center;
	margin: 5px 15px 10px;
	text-decoration:none;
}
	@media screen and (max-width: 736px){
		.index-block03-bnr .inner-l p{
			font-size: 16px;
			width: calc(100% - 8px);
		}
		.index-block03-bnr .inner-l img{
			width:80%;
		}

	}

.index-block03-bnr .inner-r{
	background: #00a89c;
	padding: 0;
}
.index-block03-bnr .inner-r h3{
	color: #fff;
	font-size: 28px;
	line-height: 65px;
}
	@media screen and (max-width: 736px){
		.index-block03-bnr .inner-r h3{
			color: #fff;
			font-size: 20px;
			line-height: 50px;
		}
	}

.index-block03-bnr .inner-r p{line-height: 50px;}
	@media screen and (max-width: 736px){
		.index-block03-bnr .inner-r p{line-height: 30px;}
	}

.index-block03-bnr .inner-r p a{
	color: #fff;
	font-size: 19px;
}
	@media screen and (max-width: 736px){
		.index-block03-bnr .inner-r p a{
			color: #fff;
			font-size: 13px;
		}
	}

.index-block03-bnr .inner-r ul{
	display: flex;
	flex-wrap: nowrap;
	width: 485px;
	height:80px;
}
	@media screen and (max-width: 736px){
		.index-block03-bnr .inner-r ul{width: 100%; height:auto;}
	}
.index-block03-bnr .inner-r ul li{
	display: inline-block;
	border-left: 1px solid #00a89c;
	width: 25%;
	height: auto;
}
.index-block03-bnr .inner-r ul li img{
	width: 100%;
	height: auto;
}
.index-block03-bnr .inner-r ul li img:hover{
	width: 100%;
	opacity:0.5;
}

	@media screen and (max-width: 736px){
		.index-block03-bnr .inner-r ul li{
			height: 85px;
		}
	}
.index-block03-bnr .inner-r ul li:last-child{border-right: 1px solid #00a89c;}

.index-bnr-sp{
	display: none;
}
	@media screen and (max-width: 736px){
		.index-bnr-pc{display: none;}
		.index-bnr-sp{
			display: block;
			margin: 0 auto;
		}
	}

/* anshin
------------------------------------------------------------------------------------------------------------------------------*/
/* block01 */
p.anshin-block01 img{
	margin: 10px auto 0;
	display:block;
}
	@media screen and (max-width: 736px){
		p.anshin-block01 img{
			float: right;
			margin: 0 0 0 16px;
			width: 150px;
		}
	}
.anshin-outline{
	border: 1px solid #00a89c;
}
.anshin-outline section{
	border: 1px solid #00a89c;
	padding: 40px 50px 50px;
}

	@media screen and (max-width: 736px){
.anshin-outline section{
	border: 1px solid #00a89c;
	padding: 3%;
}
		.anshin-outline{
			margin: auto;
			padding: 8px;
		}
	}
h2.anshin-h2-title{
	font-size: 28px;
	text-align: left;
	margin-bottom: 20px;
}
	@media screen and (max-width: 736px){
		h2.anshin-h2-title{font-size: 18px;}
	}
h2.anshin-h2-title img{
	margin:10px 16px 0 0;
	float: left;
}
	@media screen and (max-width: 736px){
		h2.anshin-h2-title img{
			margin:8px 8px 0 0;
			float: left;
			width: 30px;
		}
	}
h2.anshin-h2-title.one-row img{margin:0 16px 0 0;}

/* block02 */
.anshin-block02-img{
	text-align: center;
	margin-bottom: 60px;
}
	@media screen and (max-width: 736px){
		.anshin-block02-img{margin-bottom: 20px;}
		.anshin-block02-img img{ width:100%;}
	}

/* block03 */
.anshin-h3-title{
	color: #666666;
	font-size: 25px;
	margin-bottom: 10px;
}
	@media screen and (max-width: 736px){
		.anshin-h3-title{font-size: 17px;}
	}
.anshin-p{
	color: #666666;
	font-size: 20px;
}
	@media screen and (max-width: 736px){
		.anshin-p{font-size: 16px;}
	}

.anshin-p.notice{font-size: 16px;}
	@media screen and (max-width: 736px){
		.anshin-p.notice{font-size: 13px;}
	}

.loan-detail{
	border: 1px solid #00a89c;
	display: none;
	padding: 35px 30px 30px;
	width: 90%;
}
	@media screen and (max-width: 736px){
		.loan-detail{
			border: 1px solid #00a89c;
			padding: 8px;
			width: 100%;
		}
	}

.loan-detail h4{
	color: #00a89c;
	font-size: 30px;
	margin-bottom: 40px;
}
	@media screen and (max-width: 736px){
		.loan-detail h4{
			font-size: 16px;
			margin-bottom: 20px;
		}
	}

.acc-btn a{
	background: #00a89c;
	color: #fff;
	display: flex;
	font-size: 23px;
	line-height: 2;
	justify-content:space-between;
	width: 550px;
	border: solid 2px #fff;
}
.acc-btn a:hover{
	text-decoration: none;
	border: solid 2px #ff921e;
	opacity:1;
}
	@media screen and (max-width: 736px){
		.acc-btn a{
			font-size: 14px;
			width: auto;
		}
	}
.acc-btn a span:last-child{
	font-size: 18px;
	padding-top: 5px;
}



.loan-step{
	border: 1px solid #00a89c;
	padding: 35px 0 30px;
	display: none;
}
	@media screen and (max-width: 736px){
		.loan-step{padding: 8px;}
	}

.loan-step h4{
	font-size: 23px;
	text-align: center;
	padding-bottom: 15px;
}
	@media screen and (max-width: 736px){
		.loan-step h4{
			font-size: 16px;
			text-align: center;
			padding-bottom: 8px;
		}
	}
.loan-step p{
	background: url(../chukoreform/images/anshin_step_bar01.png) center top no-repeat;
	color: #00a89c;
	font-size: 23px;
	padding: 30px 0 15px;
	text-align: center;
}
	@media screen and (max-width: 736px){
		.loan-step p{
			background: url(../chukoreform/images/anshin_step_bar01.png) center top /contain no-repeat;
			font-size: 16px;
			padding: 15px 0 7px;
			text-align: center;
		}
	}
.loan-step p span{color: #666;}
.loan-step p .small{font-size: 20px;}
	@media screen and (max-width: 736px){
		.loan-step p .small{font-size: 14px;}
	}

/* nanakajou
------------------------------------------------------------------------------------------------------------------------------*/
/* block01 */
h2.nanakajou{
	font-size: 32px!important;
	padding: 8px 0 6px!important;
}
	@media screen and (max-width: 736px){
		h2.nanakajou{
			font-size: 32px!important;
			line-height: 1.2;
		}
	}
h2.nanakajou span{
	color: #ffff00;
	font-size: 34px;
}
	@media screen and (max-width: 736px){
		h2.nanakajou span{font-size: 30px;}
	}
h2.nanakajou img{
	vertical-align: middle;
	margin-right: 16px;
	position: relative;
	width: 6%;
	top:-2px;
}
	@media screen and (max-width: 736px){
		h2.nanakajou img{
			float: left;
			margin-right: 4px;
			top:4px;
			width: 70px
		}
	}
h3.nanakajou-h3-title{
	color: #00a89c;
	font-size: 26px;
	margin-bottom: 10px;
}
	@media screen and (max-width: 736px){
		h3.nanakajou-h3-title{font-size: 22px;}
	}
h3.nanakajou-h3-title img{
	float: left;
	margin-top: 3px;
	margin-right: 10px;
}
	@media screen and (max-width: 736px){
		h3.nanakajou-h3-title img{
			margin-top: 6px;
			width: 20px;
		}
	}
p.nanakajou-p{
	color: #666;
	font-size: 17px;
	margin-bottom: 20px;
}
	@media screen and (max-width: 736px){
		p.nanakajou-p{font-size: 16px;}
	}
p.nanakajou-p img{
	float: right;
	margin-left: 20px;
}
	@media screen and (max-width: 736px){
		p.nanakajou-p img{
			margin-left: 10px;
			width: 140px;
		}
	}
p.nanakajou-p.notice{font-size: 16px;}
	@media screen and (max-width: 736px){
		p.nanakajou-p.notice{font-size: 14px;}
	}
.nanakajo-img{text-align: center;}





h2.chuko_ex {
	text-align:center;
	font-size:24px;
	margin:20px auto;
	color:#666;
}
	@media screen and (max-width: 736px){
		h2.chuko_ex{font-size: 14px;}
	}

.content1 h3.ex{
	overflow: hidden;
    text-align: center;
	padding:30px 0 5px;
	letter-spacing: 0.5em;
}
.content1 h3.ex span {
    display: inline-block;
    padding: 0 2em;
    position: relative;
	color:#fff;
	font-size:22px;
}

.content1 h3.ex span:before,
.content1 h3.ex span:after {
    border-top: 11px solid;
    content: "";
    position: absolute;
    top: 30%;
    width: 99em;
}

.content1 h3.ex span:before {
    right: 100%;
}

.content1 h3.ex span:after {
    left: 100%;
}
.main_cont {
	width:94%;
	margin:0 auto 0;
}
.main_ex {
	width:32%;
	float:left;
	margin-right:2%;
}
.main_ex p{
	padding-top:0 !important;
}
	@media screen and (max-width: 736px){
		.main_ex{width:100%;}
	}

.main_ex a{
	display:block;
}
.main_cont div:nth-child(3n+3){
	margin-right:0;
}
	@media screen and (max-width: 736px){
		.main_cont div:nth-child(3n+3){margin-right:2%;}
		.main_cont div:nth-child(2n+2){margin-right:0;}
	}

.main_ex img{
	width:100%;
	border:2px solid #fafafa;
	transition: all  0.3s ease;
}
.main_ex img:hover {
	border:2px solid #004395;
}
.main_ex p{
	width:100% !important;
	font-size: 13px !important;
	margin-bottom: 12%;
	background: #fff;
	border: 2px #fff solid;
	text-align:left;
}
.main_ex p span{
	padding: 5px 5px;
	display: block;
}
.chuko_bottoms {
	width:800px;
	margin:0 auto;
}
.chuko_bottoms img{
	width:100%;
	height:auto;
}
	@media screen and (max-width: 736px){
		.chuko_bottoms{
			width:100%;
			margin:0 auto;
			}
	}

.chuko_bottoms a{
	display:block;
	margin:0 0 10px;
	width:100%;
	height:auto;
}
.chuko_bottoms a img{
	display:none;
}
.chuko_bottoms a:first-child{
	border:#FFF 2px solid;
/*	background:url(../img/btn_chuko_siryo.gif) no-repeat left top;
	background-size: 66vw;
*/	transition: all 0.3s ease;
	/*height: 10vw;*/

}
	@media screen and (max-width: 736px){
		.chuko_bottoms a:first-child{
			background:url(../img/btn_chuko_siryo_sp.gif) no-repeat left top;
			background-size: contain;
			margin:0 auto;
			height: 20vw;
			}
	}
.chuko_bottoms a:first-child:hover{
	border:#ff921e 2px solid;
	/*background:url(../img/btn_chuko_siryo_on.gif) no-repeat left top;
	background-size: 66vw;
	height: 10vw;*/

}
	@media screen and (max-width: 736px){
		.chuko_bottoms a:first-child:hover{background:url(../img/btn_chuko_siryo_sp.gif) no-repeat left top;
			background-size: contain;
			margin:0 auto;
			height: 20vw;
		
		}
	}

.chuko_bottoms a:last-child{
	border:#FFF 2px solid;
	/*background:url(../img/btn_chuko_sodan.gif) no-repeat left top;
	background-size: 66vw;*/
	transition: all 0.3s ease;
	/*height: 10vw;*/
}
	@media screen and (max-width: 736px){
		.chuko_bottoms a:last-child{background:url(../img/btn_chuko_sodan_sp.gif) no-repeat left top;
			background-size: contain;
			height: 20vw;
		}
	}

.chuko_bottoms a:last-child:hover{
	border:#ff7bab 2px solid;
	/*background:url(../img/btn_chuko_sodan_on.gif) no-repeat left top;
	background-size: 66vw;
	height: 10vw;*/
}
	@media screen and (max-width: 736px){
		.chuko_bottoms a:last-child:hover{background:url(../img/btn_chuko_sodan_sp.gif) no-repeat left top;
			background-size: contain;
			height: 20vw;
		
		
		}
	}




/*   中古実例詳細   */
.main_example {
	width:1000px;
	margin: 20px auto 0;
}
	@media screen and (max-width: 736px){
		.main_example{width:95%;}
	}

.main_example ul.title li.year{
	background-color:#004395;
	padding:5px;
	color:#fff;
	text-align:center;
	float:left;
	font-weight:bold;
}
	@media screen and (max-width: 736px){
		.main_example ul.title li.year{width:10%;}
	}

.main_example ul.title li.year span{
	display:block;
}
.main_example ul.title li.txt{
	padding: 10px 0 0 20px;
	float: left;
	font-size: 20px;
	font-weight:bold;
	width: 93%;
}
	@media screen and (max-width: 736px){
		.main_example ul.title li.txt{width:80%;padding: 0 0 0 20px;font-size: 16px;}
	}

.main_example p.txt{
	margin:20px 0 50px;
	font-size:16px;
	line-height:1.5;
}
	@media screen and (max-width: 736px){
		.main_example p.txt{font-size: 13px;}
	}

.mainbox{
	width:100%;
}
.mainbox_l{
	width:534px;
	margin-right:45px;
	float:left;
}
	@media screen and (max-width: 736px){
		.mainbox_l{width:100%;margin-right:0;float:none;}
	}

.mainbox_l p{
	background-color:#2c6ab5;
	padding:3px 0 3px 10px;
	color:#fff;
}
	@media screen and (max-width: 736px){
		.mainbox_l p{width:100%;padding:3px 0 3px 0;margin: 20px 0 0px;text-align:center;}
	}

.mainbox_l img,.mainbox_r img{
	margin:0 auto;
	display:block;
}
	@media screen and (max-width: 736px){
		.mainbox_l img,.mainbox_r img{width:100%;}
	}

.mainbox_r{
	width:412px;
	float:right;
	margin-bottom:45px;
}
	@media screen and (max-width: 736px){
		.mainbox_r{width:100%;margin-right:0;float:none;}
	}

.mainbox_r p{
	background-color:#2c6ab5;
	width:422px;
	padding:3px 0 3px 10px;
	color:#fff;
}
	@media screen and (max-width: 736px){
		.mainbox_r p{width:100%;padding:3px 0 3px 0;margin: 20px 0 0px;text-align:center;}
	}

.mainbox_r ul li{
	padding:10px 0;
	border-bottom:1px solid #e7e7e7;
}
.mainbox_r ul li span{
	font-weight:bold;
	margin-left:20px;

}
.mainbox_r ul li span.area{
	margin-left:50px;
}
.mainbox_r ul li span.part{
	display:block;
}
.mainbox_r ul li span.part_cont {
	margin-left:20px;
	font-weight:normal;
	display:block;
}
.mainbox_r ul li:last-child{
	/*margin-bottom:44px;*/
}
.ex_full{
	width:1000px;
	margin:0 auto;
	padding:0 0 50px;
}
	@media screen and (max-width: 736px){
		.ex_full{width:100%;padding-bottom: 25px;}
		.ex_full img{width:100%;height: auto;}
	}

.ex_full_comment{
	font-size:14px;
	background:#f4f4f4;
	color:#222;
	padding:15px;
}
	@media screen and (max-width: 736px){
		.ex_full_comment{width:100%;padding:15px 0;}
	}


.ex_ph2 li {
	width:477px;
	margin-right:46px;
	float:left;
}
	@media screen and (max-width: 736px){
		.ex_ph2 li{float:none;width:100%;margin-right:0;}
		.ex_ph2 li img{width:100%;display:block;margin:0 auto;}
	}

.ex_ph2 li:last-child {
	width:477px;
	margin-right:0;
}
	@media screen and (max-width: 736px){
		.ex_ph2 li:last-child{width:100%;}
	}

.ex_ph2 li .comment{
	font-size:14px;
	background:#f4f4f4;
	color:#222;
	padding:15px 10px;
	margin: 0 0 45px;
}
	@media screen and (max-width: 736px){
		.ex_ph2 li .comment{width:100%;padding:15px 0;}
	}

.ex_ph3 li {
	width:310px;
	margin-right:35px;
	float:left;
}
	@media screen and (max-width: 736px){
		.ex_ph3 li{float:none;width:100%;margin-right:0;}
		.ex_ph3 li img{width:100%;display:block;margin:0 auto;}

	}

.ex_ph3 li:last-child {
	width:310px;
	margin-right:0;

}
	@media screen and (max-width: 736px){
		.ex_ph3 li:last-child{width:100%;}
	}

.ex_ph3 li .comment{
	font-size:14px;
	background:#f4f4f4;
	color:#222;
	padding:15px 10px;
	margin: 0 0 45px;
}
	@media screen and (max-width: 736px){
		.ex_ph3 li .comment{width:100%;padding:15px 0;margin-bottom: 22.5px;}
	}

.madori {
	width:100%;
	/*margin:50px auto 50px;*/
}
.madori p{
	background-color:#2c6ab5;
	color:#fff;
	width:100%;
	padding:3px 0;
	text-align:center;
	font-size:20px;
	margin: 0 auto;
}
	@media screen and (max-width: 736px){
		.madori p{	width:100%;
}
	}
.madori ul {
	/*margin: 0 auto;*/
	width: 80%;
}
	@media screen and (max-width: 736px){
		.madori ul {	width:100%;
}
	}
.madori ul li {
	/*border:1px solid #f4f4f4;*/
	float:left;
	width:125%;
	padding:20px 0;
}
	@media screen and (max-width: 736px){
		.madori ul li {	float:none;	width:100%;
}
	}


.madori ul li img{
	display: block;
	margin:0 auto;
}
	@media screen and (max-width: 736px){
		.madori ul li img {	width:100%;
}
	}


@media (min-width:0px) and (max-width:735px) {
.anshin-block03-img img{
	width:100%;
}
.nanakajo-img img{
	width:100%;
}
}


/*部分リフォームTOP　LPバナー*/
.content1_out_ref .col_title{
	width:100%;
	background:#FFF;
}
.content1_out_ref .corL{
	width:498px;
	float:left;
}
.content1_out_ref .corR{
	width:498px;
	float:right;
}

@media (min-width:0px) and (max-width:640px) {
.content1_out_ref .corL{
	width:100%;
	float:none;
	margin-bottom:15px;
}
.content1_out_ref .corR{
	width:100%;
	float:none;
}
.content1_out_ref img{
	width:100%;
	height:auto;
}
}




#slide-bnr .sb_box{
	display:block;
	width:100%;
}
#slide-bnr .sb1{
	color:#7f7f7f;
}
#slide-bnr .sb2{
	color:#000;
}



/*TOP ftバナー*/

.bnr_ft{
	margin: 20px 0;
}

.bnr_ft ul li{
	float:left;
	margin-bottom:25px;
	border:#FFF 2px solid;
	transition: all  0.3s ease;
}
.bnr_ft ul li:hover{
	border:#44ac00 2px solid;
}

.bnr_ft ul li:nth-child(1),
.bnr_ft ul li:nth-child(2){
	width:320px;
	margin-right:14px;
}
.bnr_ft ul li:nth-child(3){
	width:320px;
	margin-right:0px;
}
.bnr_ft ul li:nth-child(4){
	width:490px;
	margin-right:12px;
}
.bnr_ft ul li:nth-child(5){
	width:490px;
	margin-right:0px;
}
.bnr_ft ul li:nth-child(6){
	width:490px;
	margin-right:12px;
}
.bnr_ft ul li:nth-child(7){
	width:490px;
	margin-right:0px;
}

.anime_fukurin{
	width: 55px;
	position:absolute;
	left: 220px;
	top: 8px;
}
.anime_fukurin img{
	width:100%;
	height:auto;
}


@media (min-width:0px) and (max-width:640px) {
.anime_fukurin{
	width: 14%;
	position:absolute;
	left: 5%;
	top: 23px;
}

.bnr_ft ul li{
	width:96% !important;
	float:none;
	margin:0 auto 15px;
	border:#FFF 2px solid;
	transition: all  0.3s ease;
}
.bnr_ft ul li:nth-child(1),
.bnr_ft ul li:nth-child(2){
	width:96% !important;
	margin-right:auto;
}
.bnr_ft ul li:nth-child(3){
	width:96% !important;
	margin-right:auto;
}
.bnr_ft ul li:nth-child(4){
	width:96% !important;
	margin-right:auto;
}
.bnr_ft ul li:nth-child(5){
	width:96% !important;
	margin-right:auto;
}
.bnr_ft ul li:nth-child(6){
	width:96% !important;
	margin-right:auto;
}
.bnr_ft ul li:nth-child(7){
	width:96% !important;
	margin-right:auto;
}

.bnr_ft ul li img{
	width:100%;
	height:auto;
}


}


/*休業メッセージ*/

.vc_wrap{
	width:1000px;
	margin:0 auto;
	border:1px;
	padding:10px;
	border:#ccc 1px solid;
	margin-top:20px;
}
.vc_wrap .vc_title{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

.vc_wrap .vc_txt{
	font-size:14px;
	text-align:center;
}
.vc_wrap .vc_txt span{
	color:#F33;
	font-weight:bold;
}

@media screen and (max-width: 736px){
	.vc_wrap{
		width:90%;
		margin:0 auto;
		border:1px;
		padding:10px;
		border:#ccc 1px solid;
		margin-top:20px;
	}
	.vc_wrap .vc_title{
		font-size:14px;
		font-weight:bold;
		text-align:left;
		margin-bottom:10px;
	}
	
	.vc_wrap .vc_txt{
		font-size:12px;
		text-align:left;
	}
}


.sns {
	display: flex;
	justify-content: space-around;
}
.sns_box {
	width: 200px;
}

.sns_box > p {
	margin-top: 50px;
	margin-bottom: 20px;
}
.sns_box a.banner{
	display:block;
	width:185px;
	float:left;
	margin-right:10px;
	margin-bottom: 5px;
	border:0;
	transition: all  0.3s ease;
	border-radius:0;
}

.sns_box a:nth-child(5){
	margin-right:0px;
}
.sns_box a img{
	width:100%;
	height:auto;
	width: 30px!important;
}
.sns_box a:nth-child(3):hover{
	border:#3b5999 2px solid;
}
.sns_box a:nth-child(4):hover{
	border:#64b3fe 2px solid;
}
.sns_box a:nth-child(5):hover{
	border:#e42628 2px solid;
}

@media (min-width:0px) and (max-width:640px) {
.sns_box{
	width: 200px;
  margin-left: 30px;
}
.sns_box div{
	width:164px;
	margin:0 auto;
}
}
/*entry-pages*/
#header_wrapper {
    width: 100%;
}
.mt_pc_main{
    display: block;
}
.mt_sp_main{
    display: none;
}
#header_wrapper .main_img {
    /*width: 1000px;*/
    width: 100%;
    margin: 0 auto;
}
#header_wrapper .main_img img {
    width: 100%;
    height: auto;
}
@media (max-width: 735px) and (min-width: 0px){
    #header_wrapper .main_img {
        width: 100%;
        margin: 0 auto;
    }
.mt_pc_main{
    display: none;
}
.mt_sp_main{
    display: block;
}
}
@media (max-width: 640px) and (min-width: 0px){
#header_wrapper .main_img {
    width: 100%;
    margin: 0 auto;
}
.mt_pc_main{
    display: none;
}
.mt_sp_main{
    display: block;
}
}

.cat_btm_wrp {
    width: 100%;
    background-color: #f4f4f4;
}
.category_bottom {
    width: 980px;
    margin: 80px auto 0px;
    padding: 10px 0 10px;
}
.sub_cat_btm {
    margin-bottom: 10px;
}
.sub_cat_btm ul li {
    display: inline-block;
    color: #000000;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #000000;
}
.sub_cat_btm ul li:nth-child(1) {
    border-left: 1px solid #000000;
}
.sub_cat_btm p {
    float: left;
    width: 100px;
    color: #000000;
    font-weight: bold;
}
.bread_crumbs {
    width: 100%;
    margin: 0 auto;
    background-color: #f4f4f4;
    padding: 6px 0px;
    font-size: 12px;
}
#bread_crumb_in {
    width: 1000px;
    margin: 0px auto;
}

figure.snip1206 {
    font-family: 'Raleway', Arial, sans-serif;
    color: #fff;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1% 0;
    min-width: 230px;
    max-width: 720px;
    max-height: 600px;
    width: 100%;
    color: #000000;
    text-align: center;
  }
  figure.snip1206 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  figure.snip1206 img {
    opacity: 1;
    width: 100%;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
  }
  figure.snip1206:after {
    background: rgba(255,255,255,0.5);/*ホバー背景色*/
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    -webkit-transform: skew(0deg) scaleX(0);/*角度-45deg*/
    transform: skew(0deg) scaleX(0);/*角度-45deg*/
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1;
  }
  figure.snip1206 figcaption {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
  }
  figure.snip1206 h2,
  figure.snip1206 p {
      color:#FFF;
    margin: 0 0 -30px;
    width: 100%;
    opacity: 0;
  }
  figure.snip1206 h2 {
    padding: 0 30px;
    display: inline-block;
    font-weight: 400;
    text-transform: uppercase;
  }
  figure.snip1206 p {
    padding: 0 30px;
    font-size: 0.8em;
    font-weight: 500;
  }
  figure.snip1206 p img.bottom{
      width:auto;
      max-height:180px;
  }
  figure.snip1206 a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 10;
  }
  figure.snip1206:hover:after,
  figure.snip1206.hover:after {
    -webkit-transform: skew(0deg) scaleX(1);/*角度-45deg*/
    transform: skew(0deg) scaleX(1);/*角度-45deg*/
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  figure.snip1206:hover figcaption h2,
  figure.snip1206.hover figcaption h2,
  figure.snip1206:hover figcaption p,
  figure.snip1206.hover figcaption p {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    margin: 0;
  }
  figure.snip1206:hover figcaption h2,
  figure.snip1206.hover figcaption h2 {
    opacity: 1 !important;
  }
  figure.snip1206:hover figcaption p,
  figure.snip1206.hover figcaption p {
    opacity: 1 !important;
  }
.event_box2 {
    display: flex;
    align-content: center;
    justify-content: center;
}
.bg_ft_bnr {
    width: 100%;
    background-color: red;
    background-image:
    linear-gradient(
        to top, 
        #6ea200,
        #6ea200 86%,
        white 35%
      );
    display: flex;
    align-content: center;
    justify-content: center;
}

.banner_ft{
    width: 1000px;
	margin: 20px auto 0;
}

.banner_ft ul li{
	float:left;
	margin-bottom:25px;
	border:#FFF 2px solid;
	transition: all  0.3s ease;
}
.banner_ft ul li:hover{
	border:#44ac00 2px solid;
}

.banner_ft ul li:nth-child(1),
.banner_ft ul li:nth-child(2){
	width:320px;
	margin-right:14px;
}
.banner_ft ul li:nth-child(3){
	width:320px;
	margin-right:0px;
}
.banner_ft ul li:nth-child(4){
	width:490px;
	margin-right:12px;
}
.banner_ft ul li:nth-child(5){
	width:490px;
	margin-right:0px;
}
.banner_ft ul li:nth-child(6){
	width:490px;
	margin-right:12px;
}
.banner_ft ul li:nth-child(7){
	width:490px;
	margin-right:0px;
}
.mainbox_2nd {
    width: 100%;
    display: inline-block;
}
.box_grn_aftr{
	width:534px;
	float:left;
}
.box_grn_aftr p{
	background-color:#2c6ab5;
	padding:3px 0 3px 10px;
	color:#fff;
}
.box_grn_bfr{
	width:422px;
	float:right;
	margin-bottom:45px;
}
.box_grn_bfr p{
	background-color:#2c6ab5;
	width:422px;
	padding:3px 0 3px 10px;
	color:#fff;
}
.box_grn_aftr .comment{
	font-size:14px;
	background:#f4f4f4;
	color:#222;
	padding:15px 10px;
	margin: 0 0 45px;
}
.box_grn_bfr .comment{
	font-size:14px;
	background:#f4f4f4;
	color:#222;
	padding:15px 10px;
	margin: 0 0 45px;
}

@media screen and (max-width: 768px) {
    .category_bottom {
        width: 94%;
        padding: 10px;
        margin: 0px auto 0px;
    }
    .sub_cat_btm p {
        float: none;
    }
    .sub_cat_btm ul li {
        margin-bottom: 6px;
    }
    .bread_crumbs {
        width: 100%;
        margin: 0 auto;
        padding: 6px 0px;
        font-size: 10px;
    }
    #bread_crumb_in {
        width: 100%;
    }
    .banner_ft {
        width: 100% !important;
    }
    .banner_ft ul li{
        width:96% !important;
        float:none;
        margin:0 auto 15px;
        border:#FFF 2px solid;
        transition: all  0.3s ease;
    }
    .banner_ft ul li:nth-child(1),
    .banner_ft ul li:nth-child(2){
        display: none;
    }
    .banner_ft ul li:nth-child(3){
        display: none;
    }
    .banner_ft ul li:nth-child(4){
        width:96% !important;
        margin-right:auto;
    }
    .banner_ft ul li:nth-child(5){
        width:96% !important;
        margin-right:auto;
    }
    .banner_ft ul li:nth-child(6){
        width:96% !important;
        margin-right:auto;
    }
    .banner_ft ul li:nth-child(7){
        width:96% !important;
        margin-right:auto;
    }
    
    .banner_ft ul li img{
        width:100%;
        height:auto;
    }
    .box_grn_aftr{
        width:100%;
        margin-right:0;
        float:none;
    }
    .box_grn_aftr p{
        width:100%;
        text-align: center;
        padding: 3px 0;
    }
    .box_grn_aftr img {
        width: 100%;
    }
    .box_grn_bfr{
        width:100%;
        float:none;
    }
    .box_grn_bfr img {
        width: 100%;
    }
    .box_grn_bfr p{
        width:100%;
        padding: 3px 0;
        text-align: center;
    }
    .box_grn_aftr .comment{
        width:100%;
        text-align: left;
        padding: 3px 0;
    }
    .box_grn_bfr .comment{
        width:100%;
        padding: 3px 0;
        text-align: left;
    }
}