@charset "utf-8";




/***********メインイメージ***********/
.topmain {
    margin-bottom: 5px;
    padding: 3px 0;
}
.topmain_in .kaitori_btn{
	bottom: 2%;
	right: auto;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size: 16px;
    padding: 3px 0;
	width: 250px;
}

/***********トップの#main***********/
.contents_top{
    width:96%;
    border: solid 1px #8edd46;
    border-radius:10px;
    padding: 5px 2% 0;
    background-color: #ffffff;
    margin-bottom: 10px;
    box-shadow: 1px 1px 3px #cacaca;
}
.no_side #main {
    /* float: none; */
    width: 100%;
    /* margin: 0px 0 70px; */
}



/***********タイトルバー***********/
.ttl {
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}
.ttl a {
    font-size: 13px;
    padding: 5px 7px 5px;
    text-decoration: none;
    float: right;
    margin: 6px;
    font-weight: bold;
    background: #ffffff;
    color: #333333;

}


.ttl h2 {
    font-size: 14px;
    line-height: initial;
}


.ttl h2 span {
    display: none;
}

.ttl h3 {
    border:none;
}
.ttl h3 span {
    font-size: 23px;
}

h3{
    font-size: 13px;
    padding-left: 5px;
    margin-bottom:5px;
}

.ttl img {
    width: 11%;
}
 
h4{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    text-indent: 10px;
    margin-bottom:10px;
    border-left: solid 4px #f68b00;
}
a.btn{
    width: 100%;
    margin:0 auto;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding:7px 0 5px;
    cursor: pointer;
    display: block;
    text-decoration: none;
    background: #8edd46;
    box-shadow: 0px 3px 0 #73c02c;
    color: #fff;
}


/**************************
トップページ　お客様の声、スタッフ紹介
****************************/
.voice_staff{
    width: 100%;
    margin-bottom: 10px;
}
.voice_staff img{
    width:100%;
}
.voice_staff p img{
    width: 23px;
    vertical-align: top;
    margin-right: 10px;
}
.voice_staff p{
        font-size: 16px;
        text-align:center;
        padding: 5px 0;
}
.voice_staff p a{
    text-decoration:none;
}


.voice_staff .bnr_voice,
.voice_staff .bnr_staff{background-color:#ffffff;border: solid 1px #8edd46;border-top: solid 3px #8edd46;border-radius:10px;box-shadow: 1px 1px 3px #cacaca;overflow: hidden;}

.voice_staff a{
    text-decoration:none;
    display: block;
}

.voice_staff a.btn{
    text-decoration:none;
    display: block;
    margin: 0px auto 0px;
    width: 100%;
    font-size: 10px;
    /* font-weight: bold; */
    padding: 0px 0 0px;
}

.voice_staff .bnr_voice{
    width: 97%;
    /* float: left; */
    margin: 0px auto;
}

.voice_staff .bnr_staff{
        width: 48%;
        float: right;
}

/* PAGER */

.bx-wrapper .bx-pager {
    display:none;
}



/**************************
トップページエリアマップ
****************************/
#main .mapSrch .ttl{

}
#main .mapSrch .ttl li{/* border-radius: 5px; */padding: 7px 0 0;width: 49%;box-shadow: inset 0px 2px 0px 0px #6cba4a;}
#main .mapSrch .ttl li h3{font-size: 12px;letter-spacing: 0px;padding-left: 0px;}
#main .mapSrch .ttl li h3 span{font-size: 18px;}
#main .mapSrch .ttl li h3 img{
    margin-right:2px;
    width: 14%;
}
#main .mapSrch .ttl li h3,
#main .mapSrch .ttl li h3{
    font-size: 9px;
       transition: all 0.2s linear;
}
#main .mapSrch .ttl li h3 span,
#main .mapSrch .ttl li h3 span{
    font-size: 15px;
       transition: all 0.2s linear;
}
#main .mapSrch .ttl li h3 img,
#main .mapSrch .ttl li h3 img{
    width: 12%;
           transition: all 0.2s linear;
}
#main .mapSrch .ttl li:hover h3,
#main .mapSrch .ttl li.active h3{
    font-size: 12px;
}
#main .mapSrch .ttl li:hover h3 span,
#main .mapSrch .ttl li.active h3 span{
    font-size: 18px;
}

#main .mapSrch .ttl li:hover h3 img,
#main .mapSrch .ttl li.active h3 img{
    width:  14%;
}

#main .railmap {margin-bottom: 20px;width: 100%;}
#main .railmap p{
    margin-bottom: 10px;
    text-align: center;
    font-size: 12px;
}
#main .railmapimg {border-top: solid 3px #71bd2c;border-bottom: solid 1px #71bd2c;width: 100%;overflow: scroll;height: 400px;}
#main .railmapimg img{width: auto !important;}



#main .map {
    margin-bottom: 20px;
}

#main .map .mapL {
    width: 100%;
    position: relative;
    margin-bottom: 0px;
}

#main .map .mapL ul {
}

#main .map .mapL ul li {
    width: 48.2%;
    float: left;
    margin-right: 0.8%;
    margin-bottom: 2px;
    text-align: center;
    padding: 5px 0;
    border-radius: 5px;
    /* box-shadow: 0px 3px 0px 0px #5cb335; */
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    }



#main .map .mapL ul li:nth-child(1) {border: solid 2px #6cba4a;width: 99%;}
#main .map .mapL ul li:nth-child(2) {border: solid 2px #ee4e4e;}
#main .map .mapL ul li:nth-child(3) {border: solid 2px #f9a000;margin-right: 0%;}
#main .map .mapL ul li:nth-child(4) {border: solid 2px #c15e24;}
#main .map .mapL ul li:nth-child(5) {border: solid 2px #2384c7;margin-right: 0%;}


#main .map .mapL ul li:nth-child(1).on {
border: solid 2px #6cba4a;
        margin-top: 0px;
        padding: 5px 0 5px;
}
#main .map .mapL ul li:nth-child(2).on{
    border: solid 2px #ee4e4e;
                margin-top: 0px;
        padding: 5px 0 5px;
}
#main .map .mapL ul li:nth-child(3).on{border: solid 2px #ffb838;margin-top: 0px;padding: 5px 0 5px;}
#main .map .mapL ul li:nth-child(4).on{
    border: solid 2px #c15e24;
                margin-top: 0px;
        padding: 5px 0 5px;
}
#main .map .mapL ul li:nth-child(5).on {
border: solid 2px #2384c7;
                margin-top: 0px;
        padding: 5px 0 5px;
}


#main .map .mapL ul li img{
    margin-right: 5px;
    width: 20px;
}
#main .map .mapL ul li:last-child {
    margin-right: 0%;
}


#main .map .mapR {
    width: 100%;
    /* height: 195px; */
    position: relative;
    /* background: url(/common/img/bg_mapsrch.jpg) no-repeat; */
    border: solid 1px #71bd2c;
    border-top: solid 1px #71bd2c;
    background-size: contain;
    background-position: 0 bottom;
}

#main .map .mapR .imgMapSrchSp{
    display:block;
}

#main .map .mapR .mapList {position: static;width: 100%;}
#main .map .mapR .mapList .mapnumall{
    position: static;
    bottom: 10px;
    left: 10px;
    background-color: #f2ffec;
    border: none;
    padding: 5px 2%;
}
#main .map .mapR .mapList .oth {
    background-color:#ffffff;
    text-align:center;
    border-radius: 5px;
    border: 4px solid #5cb335;
    padding: 10px 2%;
    cursor: pointer;
    position: absolute;
    bottom: -51px;
    right: 0px;
    width: 94%;
    box-shadow: 0px -4px 0px 0px #cccccc inset;
}



#main .map .mapR .mapList a {
    text-decoration:none;
    font-weight:bold;
    display: block;
    font-size: 13px;
}

#main .map .mapR .mapList p.mapNum {
    padding-top: 0;
    margin-right: 0;
    font-size: 10px;
    line-height: 1.5;
    display: block;
    border-bottom: dotted 1px #71bd2c;
    float: left;
    width: 33%;
    text-align: center;
}
#main .map .mapR .mapList p.mapNum span {
    font-size: 20px;
    color: #f21c00;
    display: block;
    font-weight: bold;
}

#main .map .mapR .mapList p.mapNum span span {
	color:#333333;
	display: inline;
	font-size: 14px;
	}

#main .map .mapR  .mapList p.mapCmt {
    margin-top: 1px;
    margin-right: 0;
    margin-bottom: 0px;
    display: block;
    float: right;
    font-size: 10px;
}
#main .map .mapR ul li .mapList p.mapCmt span { font-size: 12px }








#main .map .mapR .mapKensu{
    position: relative;
    /* height: 33vw; */
}
#main .map .mapR .mapKensu p {
    color: #333333;
    width: 25%;
    min-width: 64px;
    padding-top: 1px;
    text-align: center;
    position: absolute;
    background-color: #ffffff;
    padding: 3px 2px 3px;
    border: solid 2px;
    box-shadow: 0px 0px 0px 0px #cccccc inset;
    border-radius: 5px;
}
#main .map .mapR .mapKensu p a {
    color: #f21c00;
    text-decoration:none;
    border-radius: 15px;
    background-color: #ffffff;
    background: linear-gradient(#ffffff, #e9e9e9);
    background: -moz-linear-gradient(#fafafa, #c7c7c7);
    background: -ms-linear-gradient(#fafafa, #c7c7c7);
    background: -o-linear-gradient(#fafafa, #c7c7c7);
    border: solid 1px #aaaaaa;
    /* border-radius: 5px; */
    /* box-shadow: inset 0px 0px 5px #ffffff, 1px 1px 3px rgba(0,0,0,0.30); */
    text-align: center;
    padding: 1px 5px 0px;
    font-size: 10px;
    line-height: initial;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.73);
}
#main .map .mapR .mapKensu p a:hover {
    text-decoration:none;
    opacity:0.7;
}
#main .map .mapR .mapKensu p a::after {
    content:" ▶";
    display:inline;
    font-size:12px;
}
#main .map .mapR .mapKensu p a span{
    font-size:12px;
}
#main .map .mapR .mapKensu p .chimei {/* display:none; */display: block;font-size: 10px;}



/***********トップページエリアマップ　各エリアポジション***********/

#main .map .mapR .mapKensu p.funabashi {
    bottom: 10%;
    left: 37%;
    top: unset;
}

#main .map .mapR .mapKensu p.ichikawa {
    top: 10%;
    left: 5%;
}

#main .map .mapR .mapKensu p.kamagaya {
    top: 10%;
    left: 37%;
}

#main .map .mapR .mapKensu p.narashino {
    top: 10%;
    left: unset;
    right: 5%;
}

#main .map .mapR .mapKensu p.edogawa {
    bottom: 10%;
    left: 5%;
    top: unset;
}

#main .map .mapR .mapKensu p.hanamigawa {
    bottom: 10%;
    left: unset;
    top: unset;
    right: 5%;
}
#main .map .mapR .mapKensu p.katsushika {
    top: 1%;
    left: 37%;
}

#main .map .mapR .mapKensu p.adachi {
    top: 1%;
    left: 1%;
}



/***********トップページエリアマップ　掲載物件数***********/
#main .map .mapList p.mapNum,
#main .map .mapList p.mapCmt,
#ass_table { display: none }









/***********トップインフォメーション***********/
#main .info {
    width: 100%;
    margin-bottom: 30px;
}
#main .info .ttl {
    margin-bottom: 5px;
    width: 100%;
    height: auto;
}

#main .info .infoBox {
    width: 95%;
    margin-bottom: 10px;
    padding: 4px 2%;
}

#main .info .infoBox table tr{
    border-bottom:dotted 1px #cccccc;
}
#main .info .infoBox table tr th {
    width: 100%;
    /* font-weight: 700; */
    vertical-align: top;
}

#main .info .infoBox table tr:last-child {
    border-bottom:none;
}

#main .info .infoBox table tr th,
#main .info .infoBox table tr td {
    line-height: 1;
    padding: 5px 0;
    font-size: 13px;
    color: #333333;
    width: 100%;
    float: left;
}




/***********トップページ条件から探す***********/
.searchBtn {
    margin-bottom:30px;
}
.searchBtn .buyBtn{width: 100%;float:left;}
.searchBtn .buyBtn p,
.searchBtn .buyBtn p{background-color:#f1f9ff;border:dotted 1px #2384c7;color:#2384c7;}
.searchBtn .buyBtn ul li{width:49.5%;margin-right:1%;margin-bottom: 5px;float:left;/* box-shadow: 1px 1px 3px #cacaca; */}
.searchBtn .buyBtn ul li:nth-child(even){margin-right:0;}
.searchBtn .buyBtn .toolTip{margin:0;padding:5px 0 3px;position:inherit;z-index:9999;width:100%;background:#2384c7;}
.searchBtn .buyBtn ul li a{text-decoration:none;text-align:center;display:block;padding: 10px 0;border-radius: 5px;font-size: 16px;color: #ffffff;background-color: #67d03a;box-shadow: 1px 1px 3px #cacaca;}
.searchBtn .buyBtn ul li a img{width: 50px;}

.searchBtn .buyBtn ul li:nth-child(3){
    background-color: #ee4e4e;
}
.searchBtn .buyBtn ul li:nth-child(4){
}
.searchBtn .buyBtn ul li:nth-child(5){
}
.searchBtn .buyBtn ul li:nth-child(6){
        background-color: #2384c7;
}

.searchBtn .buyBtn ul li:nth-child(3):hover{

}
.searchBtn .buyBtn ul li:nth-child(4):hover{

}
.searchBtn .buyBtn ul li:nth-child(5):hover{

}
.searchBtn .buyBtn ul li:nth-child(6):hover{

}


.searchBtn .buyBtn ul li:nth-child(n+3){text-decoration:none;text-align:center;display:block;padding: 10px 0;border-radius: 5px;font-size: 16px;color: #ffffff;width: 49.5%;margin-right: 1%;box-shadow: 1px 1px 3px #cacaca;}
.searchBtn .buyBtn ul li:nth-child(n+3) ul{position:relative;bottom:10px;width:96%;margin: 13px auto 0;}
.searchBtn .buyBtn ul li:nth-child(n+3) ul li{opacity: 1;transition:all 0.2s linear;height:0;}
.searchBtn .buyBtn ul li:nth-child(n+3) ul li a:hover{background-color:#eeeeee;}
.searchBtn .buyBtn ul li:nth-child(n+3):hover ul li{opacity:1;width:49%;margin-right:0;float:left;transition:all 0.2s linear;}
.searchBtn .buyBtn ul li:nth-child(n+3):hover ul li:last-child{float:right;}
.searchBtn .buyBtn ul li:nth-child(n+3) img{transform:scale(1);transition:all 0.2s linear;width: 50px;}
.searchBtn .buyBtn ul li:nth-child(n+3):hover img{transform:scale(0.7);transition:all 0.2s linear;}
.searchBtn .buyBtn ul li a:hover{ background-color: #5abd00;color: #ffffff;transition:all 0.2s linear;cursor:pointer;}
.searchBtn .buyBtn ul li a:hover,
.searchBtn .buyBtn ul li:nth-child(n+3):hover{/color: #ffffff;transition:all 0.2s linear;cursor:pointer;}
.searchBtn .buyBtn ul li:nth-child(n+3) ul li a{font-size: 11px;padding: 3px 0;color:#624901;background-color:#ffffff;overflow:hidden;}
.searchBtn .buyBtn ul li:last-child{
    margin-right:0;
}
.searchBtn .buyBtn ul li:nth-child(2n){margin-right:0;}

/***********トップ特集から探す***********/
.sp .ttl {
    width: 65%;
    letter-spacing: 0;
    
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    float: left;
}

.sp .ttl h2 {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    float: left;
    line-height: 23px;
}
.sp .spBox { margin-bottom: 20px }
.sp .spBox ul li {
    float: left;
    width: 50%;
    margin-right: 0;
}

.sp .spBox ul li p {
    font-size: 12px;
    color: #fff;
    margin-top: 3px;
}





/***********ＰＣ用物件タブ***********/
.newTab {
    display:none;
}


/***********トップエリア別新着***********/
#main .newBukken { margin-bottom: 40px }
#main .newBukken .newTab { display:none;}

#main .newBukken .bukkenList {
    margin: 1px 0 20px;
    border-bottom: solid 1px #ccc;
}






/***********ランキング一覧***********/
#main .bukken_rank .newBukken .ttl h2 {
    font-size: 14px;
    padding-top: 6px;
}
#main .bukken_rank .newBukken .ttl h2 span { padding: 7px 0 0 7px }
#main .bukken_rank .newBukken .ttl a {
    padding: 3px 3px 1px;
    margin: 10px 0;
}



#main .bukken_rank .newBukken { padding: 9px }
#main .bukken_rank .newBukken .bukkenList {
    margin: 1px 0 20px;
    border-bottom: solid 1px #ccc;
}






/***********トップスマホ用アコーディオン***********/
#tab-box { margin-bottom: 20px }

.openContents {
    width: 90%!important;
    color: #000;
    background: #fff url(../img/sp/icon_plus.png) 95% 50% no-repeat;
    margin-bottom: 0px;
}
.selected {
    color: #fff;
    background: url(../img/sp/icon_minus.png) 95% 50% no-repeat #8edd46;
}
.openContents,
.selected {
    font-weight: 700;
    cursor: pointer;
    padding: 10px 5%;
    font-size: 14px!important;
    -webkit-background-size: 12px 12px;
    border-top: solid 1px #ccc;
}
.openContents.selected {
    margin-bottom: 5px;
}



/*******************************
物件ボックス
********************************/
/********物件ボックス　共通パーツ******/
.icon_shu {
	width: 100%;
	float: left;
	margin: 0px 0 3px 0;
	margin-left: 0px;
	line-height: initial;
	font-weight: normal;
	font-size: 11px;
	padding: 0;
	text-align:center;
	/* color: #4d4d4d; */
	background-color: #444444;
	/* border-radius: 4px; */
	/* border: solid 1px #d9a000; */
	}




/*トップ物件ボックス*/
.newBukken .bukkenList {
}
.bukkenBox {
    width: 99%;
    float: none;
    height: auto !important;
    margin: 0px auto 5px;
    /* border: solid 1px #b5b2ac; */
    /* border-top: solid 3px #fa679e; */
    padding-bottom: 5px;
    padding-top: 3px;
 }

.bukkenBox.new::before{
    content:"";
    background: url(../img/icon_new.png) top left no-repeat;
    background-size: contain;
    position:absolute;
    top: 15px;
    left: -7px;
    width: 40px;
    height: 40px;
    z-index: 100;
}

.bukkenBox:nth-child(3n){
    margin-right:auto;
}


.bukkenBox .bukkenTtl {
    padding: 0px;
    height: auto;
    width: 100%;
    margin-bottom:5px;
}

.bukkenBox .bukkenTtl input {
    float: left;
    margin: 0px 5px 0 0px;
    width: 23px;
    height: 23px;
}
.bukkenBox .bukkenTtl h4 {
    width: 100%;
    /* font-weight: bold; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    line-height: initial;
    padding-left: 0px;
    padding-top: 0px;
    font-size: 14px;
}
.bukkenBox .bukkenTtl .icon_shu {
    display:none;
}






.bukkenBox .boxLeft{
    width: 36%;
    float: left;
    margin-left: 1%;
      margin-bottom:5px;
}

.bukkenBox .boxLeft .icon_shu {
    display:block;
    position: static;
}


.bukkenBox .boxLeft .bukkenPhoto {
    margin-bottom: 0px;
    overflow: hidden;
    width: 100%;
    float: left;
    margin-left: 0%;
    border: solid 1px #8edd46;
    height: auto;
    min-height: auto;
    max-height: 80px;
}
.bukkenBox .boxLeft .bukkenPhoto.new::before{

}

.bukkenBox .boxLeft .bukkenPhoto img {
    margin: 0;
    width: 100%;
    }

.bukkenBox .boxRight dl dd.price {
        font-weight:bold;
    color: #ff4145;
}

.bukkenBox .boxRight dl dd.price span {
    font-size:18px;
    line-height:12px;
}

.bukkenBox .boxRight dl dd.price span.pricedown{
    /* background-color:#ffe658; */
    display: block;
    font-size: 10px;
    color: #3686dd;
    padding: 0px 0 0px 0px;
    line-height:1;
}
.bukkenBox .boxRight dl dd.price span.pricedown img{
    margin-right:5px;
    width: 30px;
}





/*トップ物件ボックス価格、間取、面積*/
.bukkenBox .boxRight {
 width: 59%;
 float: right;
 margin-right: 1%;
 margin-top: 0px;
 }

.bukkenBox .boxRight dl{
    
}
.bukkenBox .boxRight dl dt,
.bukkenBox .boxRight dl dd{
        text-align: left;
    font-size: 12px;
    float:left;
}
.bukkenBox .boxRight dl dt {
    width: 30%;
    margin-right:2%;
}

.bukkenBox .boxRight dl dd{
    width: 68%;
}

.bukkenBox .boxRight dl dd.price {
}

.bukkenBox .boxRight dl dd.price span {font-size: 16px;}


/*トップ物件ボックス　所在地、交通*/
.bukkenBox .boxBottom {
    width: 96%;
    margin: 0 auto 5px;
}

.bukkenBox .boxBottom dl dt,
.bukkenBox .boxBottom dl dd {
}
.bukkenBox .boxBottom dl dt {
    width: 16%;
}

.bukkenBox .boxBottom dl dd{
    width: 79%;
}


/*トップ物件ボックスオススメコメント*/

.bukkenCmt {
    width: 94%;
    margin: 0 auto;
    padding: 2px 1%;
    background-color: #ffdd7c;
    border-radius: 4px;
    border: solid 1px #d9a000;
    height: 50px;
    overflow: hidden;
    line-height: initial;
        font-size: 12px;
    color: #282828;
}





.bukkenBox .bukkenMem {
    font-size: 11px;
    width: 98%;
}
.bukkenBox .bukkenMem p{
    font-size:16px;
}

.bukkenBox .bukkenMem button {width: 96%;}












/**************************
トップページ おすすめコンテンツ
****************************/
.osucont{margin-bottom: 20px;}
.osucont ul{
    
}
.osucont ul li{
    float:left;
    width: 45.8%;
    border: solid 1px #8edd46;
    border-top: solid 3px #8edd46;
    border-radius:10px;
    position:relative;
    background-color: #ffffff;
    box-shadow: 1px 1px 3px #cacaca;
    overflow: hidden;
    margin-bottom: 10px;
}
.osucont ul li:nth-child(2n){
    margin-right:0%;
}
.osucont ul li:last-child{
    margin-right:0%;
}
.osucont ul li a{
    text-decoration:none;
}
.osucont ul li img{
    width:100%;
}
.osucont ul li p{
    padding: 10px 0px 8px 10px;
    text-align:left;
    font-size: 12px;
    letter-spacing: 0;
}
.osucont ul li p::before{
    content:"";
    /* position:absolute; */
    margin-right: 2px;
    vertical-align: middle;
    display: inline-block;
    background: url(../img/ico_arrow.png) no-repeat;
    background-size:contain;
    height:15px;
    width:15px;
}


/*******************************
マイホームの夢を実現するためのお手伝い
********************************/

.secIntro h3 {
    font-size: 18px;
    padding: 10px 10px;
}
.secIntro .sec01 .bg02{
  top: 16vh;
}

.secIntro .sec .titw p.eng {
    font-size: 25px;
	font-weight:bold;
}

#main .secIntro .sec .titw p.ttl {
	padding: 10px 1%;
	font-size: 4vmax;
	margin-top: -17px;
	text-align: left;
	box-sizing: border-box;
	width: 98%;
}

.secIntro .sec01 .bgImg {
    margin-top: 3vh;
}

.secIntro .sec01 .sec01_01 {
	width: 96%;
	margin: 4vh auto 4vh;
}

.secIntro .sec01 .sec01_01 p.cat {
	font-size: 4.5vw;
	letter-spacing: 0px;
}

.secIntro .sec01 .sec01_01 p.cat span::before {
	height:3px;
}

div.secIntro section.sec01 div.sec01_01 ul {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top:3vh;
}

.secIntro .sec01 .sec01_01 ul li {
    width: 94%;
    padding: 0 0 10px;
    margin:0 auto;
}


.secIntro .sec01 .sec01_01 ul li.box01 {
	margin-right:auto;
}

.secIntro .sec01 .sec01_01 ul li.box02 {
	margin-top:90px;
}

#main .secIntro .sec01 .sec01_01 ul li p.ttl {
    font-size: 16px;
    padding: 8px 1%;
    width: auto;
}

.secIntro .sec01 .sec01_01 ul li p.txt {
    font-size: 12px;
    margin: 3vh 20px;
}
.secIntro .sec01 .sec01_01 ul li .yazirushi {
	top: 43%;
	left:50%;
	margin-top: 0px;
	margin-left: -80px;
	width: 100px;
	padding: 5px 30px 80px 30px;
}
.secIntro .sec01 .sec01_01 ul li .yazirushi p{font-size: 18px;text-align: center;line-height: 1.3;}

.secIntro .sec01 .sec01_01 ul li .yazirushi::before {
	transform: rotateZ( 90deg);
}

.secIntro .sec01 div.sec01_01 ul li .kakaku dl dd strong {
	font-size:120%;
}

.secIntro .sec01 div.sec01_01 ul li .kakaku dl dt {
	padding-right:20px;
}

.secIntro .sec01 div.sec01_01 ul li .kakaku dl dt::after {
    right: -2%;
    top: 50%;
    margin-top: -5px;
    border-width: 4px 8px;
}

.secIntro .sec .catw{
    font-size: 20px;
    padding:2%;
    width:90%;
}

.secIntro .sec .catw strong {
    font-size: 140%;
}

.secIntro .sec .catw strong::before {
	bottom: 2px;
	height:10px;
}


.secIntro .sec .btn {
    margin: 5vh auto 1vh;
    text-align: center;
    z-index: 10;
    position: relative;
    text-decoration: none;
    font-size: 25px;
    font-weight: bold;
    width: 90%;
    border-radius: 20px;
    text-align: center;
    padding: 10px 0;
    display: block;
    color: #fff;
    background: no-repeat;
    border: none;
}
.secIntro .sec01 .btn {
    box-shadow:5px 6px 0 #ff540094;
    background-color: #ff5400;
    border: solid 2px #ff5400;
}
.secIntro .sec03 .btn {
    background-color: #005ebf;
    box-shadow:5px 6px 0 #afcbe8;
    border:solid 2px #005ebf;
}
.secIntro .sec04 .btn {
background-color: #ff5656;
    box-shadow: 5px 6px 0 #fcc8c8;
    border: solid 2px #ff5656;
}

.secIntro .sec02 .bgImg {
    margin-top: -3vh;
}

.secIntro .sec02 .sec02_01 {
	margin:5vh 2vw;
}
.secIntro .sec02 .sec02_01 .txt{
    width: 96%;
}

.secIntro .sec02 .sec02_01 ul li,
.secIntro .sec03 .sec03_01 ul li{
    width: 96%;
}

.secIntro .sec02 .sec02_01 ul li.point02{
    position: relative;
    top: 2vh;
    left: 0;
    margin-left: 2%;
}

.secIntro .sec02 .sec02_01 ul li.point03{
    position: relative;
    top: 5vh;
}

.secIntro .sec02 .sec02_01 ul li.point01 .cat{
    left: 5%;
}
.secIntro .sec02 .catw{
    margin-top: -6vh;
    font-size: 2.6vmax;
}

.secIntro .sec02 .catw strong::before {
	bottom: 4px;
	height: 5px;
}

.secIntro .sec03 .sec03_01 {
	margin: 3vh 2vw;
}

.secIntro .sec03 .bg02{
  top: 15vh;
}

.secIntro .sec03 .titw {
	top: 0vh;
}

.secIntro .sec03 .sec03_01 p.cat {
	font-size: 2.5vmax;
}

.secIntro .sec03 .sec03_01 p.cat span::before {
    bottom: 3px;
    height: 5px;
}
.secIntro .sec03 .sec03_01 .planw {
    margin: 2vh 0 22vh;
}

.secIntro .sec03 .sec03_01 ul li.plan01 {
    position: relative;
    top: 0;
    left: 0;
}

.secIntro .sec03 .sec03_01 ul li.plan02 {
    position: relative;
    top: 6vh;
    left: 0;
    margin-left: 0;
}

.secIntro .sec03 .sec03_01 ul li.plan03 {
    position: relative;
    top: 12vh;
    right: 0;
}

#main .secIntro .sec03 .sec03_01 .planw li .ttl {
    text-indent: 23vw;
}

.secIntro .sec03 .sec03_01 .planw li .planIn {
    margin: -14px 10px;
}

.secIntro .sec03 .sec03_01 .teikeiBank {
    width: 96%;
}
.secIntro .sec03 .sec03_01 .teikeiBank ul li {
    width: 45%;
}

.secIntro .sec03 .sec03_01 .teikeiBank .txt {
    margin-left: -29vw;
}
.secIntro .sec03 .catw strong {
    font-size: 130%;
}


.secIntro .sec04 .sec04_01{
    width:100%;
}

.secIntro .sec04 ul {
    -webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}

.secIntro .sec04 ul li {
    width: 94%;
    padding: 3%;
}

.secIntro .sec04 ul li+li {
    margin-top:3vh;
}

#main .secIntro .sec04 ul li .box .ttl {
	margin:0;
    font-size: 20px;
    padding:5px;
}

.secIntro .sec04 ul li .box .cat {
    font-size: 16px;
}
.secIntro .sec04 .catw {
    font-size: 15px;
    width: 92%;
}

.secIntro .sec03 .catw strong::before {
    bottom: 4px;
    height: 6px;
}




.secIntro .sec05 {
}
.secIntro .sec05 h3 {
}
.secIntro .sec05 ul.secQA {margin: 5vh auto;width: 96%;max-width: 1150px;}
.secIntro .sec05 ul.secQA li {
    margin-bottom: 50px;
}
.secIntro .sec05 ul.secQA li dl {background-color: #fff;border-radius: 30px;margin-bottom: 10px;overflow: hidden;box-shadow: 10px 10px 20px 0px rgb(0 0 0 / 30%);}
.secIntro .sec05 ul.secQA li dl dt {padding: 20px 2%;font-size: 18px;padding-left: 4.2em;text-indent: -3em;}
.secIntro .sec05 ul.secQA li dl dt i {background-color: #fff;color: #129d00;padding: 10px 15px;border-radius: 50%;font-size: 20px;font-style: normal;margin-right: 10px;}
.secIntro .sec05 ul.secQA li dl dd {padding: 20px 2%;font-size: 16px;padding-left: 4.2em;text-indent: -3em;line-height: 1.6;}
.secIntro .sec05 ul.secQA li dl dd i {background-color: #129d00;color: #ffffff;padding: 10px 15px;border-radius: 50%;font-size: 20px;font-style: normal;margin-right: 8px;}
.secIntro .sec05 ul.secQA li a.btn {font-size: 16px;}
.secIntro .sec05 ul.secQA li a.btn:hover {background-color: #fff;color: #fc9336;}
.secIntro .sec05 ul.secQA li dl dd strong {
    font-size:120%;
    color:#ff0000;
    font-style:italic;
    border-bottom:solid 2px #ff0000;
}