@charset "utf-8";

main#pttl_myrenoindex ul.case_sl{
	width: 1130px;
}
main#pttl_myrenoindex ul.case_sl li{
	padding-left: 4px; padding-right: 4px;
}
main#pttl_myrenoindex ul.case_sl li{
	padding-left: 4px; padding-right: 4px;
}
main#pttl_myrenoindex ul.case_sl li a{
	padding-bottom: 35px;
}
main#pttl_myrenoindex ul.case_sl li .vr-heart {
	margin-bottom: 0px; margin-top: -35px; padding-bottom: 12px;
}

/*マイリノとは*/
#case_sec+#about_sec dl.about_dl {padding-top: 90px;}

#about_sec{
	background-color: #D7DDE3;
}
#about_sec dl.about_dl {
	padding-top: 40px; text-align: center;
}

#about_sec dl.about_dl>dt{
	padding-bottom: 14px;
}
#about_sec dl.about_dl>dd{
	padding-top: 14px;
}
#about_sec dl.about_dl>dd h3{
	font-size: 2rem; line-height: 1.8em;
}
#about_sec dl.about_dl .shand_dl{margin-top: 3em; margin-bottom: 3em;}

#about_sec .about_photo{
	margin-top: 20px;
}

#about_sec ul[class*="about_"] {margin-top: 30px; display: flex; overflow: hidden;}
#about_sec ul[class*="about_"] li{display: flex; flex-direction: column; flex: 1 0 auto; align-items: center;}
#about_sec ul[class*="about_"] li img{ width: 80%; margin-bottom: 12px;}
#about_sec ul[class*="about_"] li:first-child{ margin-left: 0%;}
#about_sec ul[class*="about_"] li p{ font-size: 1.5rem; line-height: 1.5em; flex: 1; height: 100%; min-height: 0%;}
#about_sec ul[class*="about_"] li a{ background-color: #EB6143; display: block; border-radius: 8px; color: #FFFFFF; font-size: 1.4rem; position: relative; padding-top: 0.5em; padding-bottom: 0.5em; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; justify-content: center; margin-top: 16px; line-height: 1.4em; width: 100%;}
#about_sec ul[class*="about_"] li a:after{ content: ""; display: block; width: 1em; height: 1em; position: absolute; right: 3%; top: 0px; margin: auto; bottom: 0px; background-repeat: no-repeat; background-image: url(../../../com/img/comm_arrWH02.svg); background-size: 100% auto;}
#about_sec dl.about_dl>dd:after{}
#about_sec ul.about_4 li{ margin-left: 4%;	width: 22%;}
#about_sec ul.about_5 li{ margin-left: 1.5%; width: 18.8%;}
#about_sec ul[class*="about_"]{padding-bottom: 60px;}


/*中古物件検索*/
#shand_sec{
	background-color: #D7DDE3; padding-top: 50px; padding-bottom: 60px;
}
dl.shand_dl.shand_dl {
	text-align: center; border: 1px solid #000000; background-color: #FFFFFF;
}

dl.shand_dl>dt{
	background-color: #e8eded;
}
dl.shand_dl>dt h2.mds_l{
	padding-top: 0.5em; padding-bottom: 0.5em; font-size: 2.3rem; font-weight: normal;
}
dl.shand_dl>dt h2.mds_l sup{font-size: 60%; line-height: 1.6;}
dl.shand_dl>dd{
	padding: 18px;
}
dl.shand_dl>dd h3{
	font-size: 2rem; line-height: 1.8em;
}
dl.shand_dl>dd .to_shand {
	margin-top: 20px; display: block; padding-bottom: 32px;
}
dl.shand_dl>dd .to_shand a[class*="comm_btn_orang"]{
	font-size: 2rem; width: 32%; margin-right: 2%; margin-left: 2%;
}
dl.shand_dl>dd .atten{

}

dl.shand_dl>dd .btn_col2{
	margin-bottom: 35px; border-top: 2px dotted #C8C8C8; padding-top: 40px;
}
dl.shand_dl>dd .btn_col2 a[class*="comm_btn"]{
	font-size: 2rem; width: 32%; margin-right: 2%; margin-left: 2%;
}
dl.shand_dl>dd:after{

}



/*事例*/
#case_sec{background-color: #D7DDE3;}
#case_sec dl{
	padding-top: 54px; text-align: center; width: auto; padding-bottom: 60px;
}
#case_sec dl dt{
	padding-bottom: 14px;
}
#case_sec dl dd{
	padding-top: 14px; overflow: hidden;
}
#case_sec dl dd >p{
	font-size: 2rem; width: 1100px; margin-left: auto; margin-right: auto; line-height: 1.6em; padding-bottom: 1em;
}


#case_sec dl dd h3{
	display: flex; align-items: center; font-size: 4.0rem; padding-bottom: 25px; width: 365px; margin-left: auto; margin-right: auto; line-height: 1em; padding-top: 75px; }
#case_sec dl dd h3:before,
#case_sec dl dd h3:after{
		content: "";
        flex-grow: 1;
        height: 1px; 
        background: #000;
        margin:0 .8em; }
#case_sec dl dd>ul a{
	display: block; text-align: left;
}

#case_sec dl dd a[class*="comm_btn"]{
	margin-top: 60px; min-width: 450px;
}
#case_sec dl dd:after{

}


/*コラボ*/
#corab_sec{
	/*background-color: #D7DDE3;*/
}
#corab_sec dl {
	padding-top: 54px; text-align: center; width: auto; padding-left: 0px; padding-right: 0px; padding-bottom: 60px;
}

#corab_sec dl dt{
	padding-bottom: 14px;
}
#corab_sec dl dd{
	padding-top: 14px;
}
#corab_sec dl dd >p{
	font-size: 2rem; padding-left: 50px; padding-right: 50px; padding-bottom: 1em;
}
#corab_sec dl dd a[class*="comm_btn"]{
	margin-top: 60px; min-width: 450px;
}
#corab_sec dl dd #corab_list{
	overflow: hidden; padding-top: 80px;
}
#corab_sec dl dd #corab_list li{
	height: auto; padding-left: 0.5%;
}
#corab_sec dl dd #corab_list li:first-child{
	padding-left: 0px;
}
#corab_sec dl dd #corab_list li a{
	display: block;
}
#corab_sec dl dd #corab_list li img{
	width: 100%;
}
#corab_sec dl dd:after{

}

/*ショールーム*/
#showroom_sec{
	background-color: #D7DDE3;
}
#showroom_sec dl {
	padding-top: 54px; text-align: center; padding-bottom: 60px;
}

#showroom_sec dl dt{
	padding-bottom: 14px;
}
#showroom_sec dl dd{
	padding-top: 14px;
}
#showroom_sec dl dd:after{
}
#showroom_sec dl dd >p{
	font-size: 2rem; line-height: 1.8em;
}
#showroom_sec dl dd a[class*="comm_btn"]{
	margin-top: 30px; min-width: 450px;
}
#showroom_sec dl dd #showroom_list{
	overflow: hidden; margin-top: 0px; padding-top: 30px;
}
#showroom_sec dl dd #showroom_list li{
	height: auto; float: left; padding-left: 10px; padding-right: 10px; text-align: left; padding-bottom: 34px;
}
#showroom_sec dl dd #showroom_list li:first-child{
}
#showroom_sec dl dd #showroom_list li a{
	display: block; overflow-y: hidden;
}
.photo_under{
	font-size: 1.6rem; margin-top: 20px; line-height: 1.6em;
}
.photo_under em{
	display: block;
}


#showroom_sec .photo_under{
	margin-top: 12px; overflow: hidden; position: relative; padding-right: 35px;
}
#showroom_sec .photo_under:after{
	content: ""; background-image: url(../../../com/img/comm_arrBL01.svg); background-repeat: no-repeat; width: 34px; height: 34px; display: block; position: absolute; top: 10px; right: 0px; background-size: 100% auto; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); background-position: center center; margin: auto;
}


/*セミナー*/
#seminar_sec dl {
	padding-top: 54px; text-align: center; padding-bottom: 60px;
}

#seminar_sec dl dt{
	padding-bottom: 14px;
}
#seminar_sec dl dd{
	padding-top: 14px;
}
#seminar_sec dl dd:after{

}
#seminar_sec dl dd >p{
	font-size: 2rem;
}
#seminar_sec dl dd a[class*="comm_btn"]{
	margin-top: 30px;
	min-width: 450px;
}
#seminar_sec dl dd #seminar_list{
	overflow: hidden; margin-top: 50px;
}




/*インタビュー*/
#interv_sec [class*="area_title"]{ font-weight: bold; padding-top: 1.5em; line-height: 1.4em; text-align: center; position: relative; padding-bottom: 1.5em; margin-bottom: 1em; font-size: 2.2rem;}
#interv_sec [class*="area_title"]:after{content: ""; position: absolute; display: block; width: 1px; height: 0.85em; bottom: 0px; margin: auto; left: 0; right: 0; background-color: #000;}
#interv_sec .interv_ul{}
#interv_sec .interv_ul li{ padding-bottom: 4.2em; display: flex; align-items: center;}
#interv_sec .interv_ul li .interv_thm{display: block; width: 27%;}
#interv_sec .interv_ul li .interv_thm img{width: 100%;}
#interv_sec .interv_ul li .interv_txt{padding-left: 3em; text-align: left; font-size: 1.6rem; width: 73%;}
#interv_sec .interv_ul li .interv_name{ font-size: 2.2rem; font-weight: bold; display: inline-block; padding-right: 0.75em; padding-bottom: 0.5em;}
#interv_sec .interv_ul li .interv_jttl{ display: inline-block; line-height: 1.6;}
#interv_sec .interv_ul li .interv_comment{padding: 1.2em 0 2.4em 0; line-height: 2;}



#interv_sec dl { padding-top: 54px; text-align: center; padding-bottom: 60px;}
#interv_sec dl dt{ padding-bottom: 14px;}
#interv_sec dl dd{ padding-top: 14px;}
#interv_sec dl dd:after{}
#interv_sec dl dd >p{}
#interv_sec dl dd a[class*="comm_btn"]{ min-width: 275px;}
#interv_sec dl dd #seminar_list{ overflow: hidden; margin-top: 50px;}



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

main#pttl_myrenoindex ul.case_sl{
	width: auto;
}
main#pttl_myrenoindex ul.case_sl li .vr-heart{
	margin-bottom: 13px;
}

/*マイリノとは*/
#case_sec+#about_sec dl.about_dl {padding-top: 40px;}
#about_sec{  }
#about_sec dl.about_dl {
}
#about_sec dl.about_dl>dt{
}
#about_sec dl.about_dl>dd{
}
#about_sec dl.about_dl>dd h3{
font-size: 1.1rem;
text-align: left;
}
#about_sec dl.about_dl .shand_dl{margin-top: 2em; margin-bottom: 2em; }
#about_sec .about_photo{
}
#about_sec .about_photo img{
	width:100%;
}
#about_sec ul[class*="about_"] {
	margin-top: 30px; flex-direction: column;
}
#about_sec ul[class*="about_"] li{
	margin-left: 0%; width: 100%; margin-bottom: 0px; padding-top: 12px;
}
#about_sec ul[class*="about_"] li:first-child{
	margin-left: 0%; margin-top: -10vw;
}
#about_sec ul[class*="about_"] li:nth-child(3){
	margin-top: -10vw;
}
#about_sec ul[class*="about_"] li img{
	width: 50%; margin-bottom: 0px;
}
#about_sec ul[class*="about_"] li p{
	font-size: 1.2rem; 
}
#about_sec ul[class*="about_"] li a{
	font-size: 1.5rem; padding-top: 10px; padding-bottom: 10px; margin-top: 10px;
}
#about_sec ul[class*="about_"] li a:after{
	content: ""; display: block; width: 25px; height: 25px; position: absolute; right: 1%; top: 0px; margin: auto; bottom: 0px; background-repeat: no-repeat; background-image: url(../../../com/img/comm_arrWH01.svg); background-size: 100% auto; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);
}
#about_sec dl.about_dl>dd:after{
	width: 87%; margin-top: 20px; height: 3px;
}



/*中古物件検索*/
#shand_sec {
	padding-left: 15px; padding-right: 15px;
}

dl.shand_dl>dt{
}
dl.shand_dl>dt h2.mds_l{
	font-size: 1.7rem;
}
dl.shand_dl>dd{
}
dl.shand_dl>dd h3{
font-size: 1.1rem;
text-align: left;
}
dl.shand_dl>dd .to_shand {
}
dl.shand_dl>dd .to_shand a[class*="comm_btn_orang"]{
	font-size: 1.4rem; width: 75%; margin-left: 0px; margin-right: 0px; padding-left: 10vw; padding-right: 10vw;
}

dl.shand_dl>dd .atten{
font-size: 1rem;
text-align: left;
}

dl.shand_dl>dd .btn_col2{
}
dl.shand_dl>dd .btn_col2 a[class*="comm_btn"]{
	font-size: 1.3rem; width: 49%; margin-right: 0%; margin-left: 0%; padding-left: 0px; padding-right: 0px;
}
dl.shand_dl>dd .btn_col2 a[class*="comm_btn"] + a[class*="comm_btn"]{
	margin-left: 2%;
}
dl.shand_dl>dd:after{
	width: 87%; margin-top: 40px; height: 3px;
}


/*事例*/
#case_sec dl {
	padding-left: 0px; padding-right: 0px; padding-top: 20px;
}
#case_sec dl dt {
	padding-bottom: 0px; width: 100%; margin-left: auto; margin-right: auto;
}
#case_sec dl dd >p{
	width: 100%; padding-left: 15px; padding-right: 15px; display: block; font-size: 1.2rem; 
}
#case_sec dl dd h3 {
	display: flex; align-items: center; font-size: 2.0rem; width: 75%; margin-left: auto; margin-right: auto; line-height: 1em; padding-top: 25px;
}

#case_sec dl dd h3:before,
#case_sec dl dd h3:after{
		content: "";
        flex-grow: 1;
        height: 1px; 
        background: #000;
        margin:0 .8em; }



#case_sec dl dd a[class*="comm_btn"]{
	margin-top: 18px; min-width: 75vw;
}
#case_sec dl dd:after{
}
.photo_under{
	font-size: 1.2rem;
}
.photo_under em{
}



/*コラボ*/

#corab_sec dl{
	padding-top: 20px;
}
#corab_sec dl dt{
	padding-bottom: 0px;
}
#corab_sec dl dd >p{
	font-size: 1.2rem; padding-left: 15px; padding-right: 15px; 
}
#corab_sec dl dd #corab_list{
	padding-top: 14px;
}
#corab_sec dl dd #corab_list li{
	padding-left: 0%; padding-bottom: 4px;
}
#corab_sec dl dd a[class*="comm_btn"]{
	margin-top: 18px; min-width: 75vw;
}
#corab_sec dl dd:after{

}



/*ショールーム*/
#showroom_sec dl{
	padding-top: 20px;
}
#showroom_sec dl dt h2{
	font-size: 2rem;
}
#showroom_sec dl dd >p{
	font-size: 1.2rem; 
}
#showroom_sec dl dd #showroom_list{
	padding-top: 20px;
}
#showroom_sec dl dd #showroom_list li {
	padding-bottom: 24px; padding-left: 2%; padding-right: 2%;
}

#showroom_sec dl dd a[class*="comm_btn"]{
	margin-top: 0px; margin-bottom: 18px; min-width: 75vw;
}
#showroom_sec dl dd:after{
	width: 87%; margin-top: 20px; height: 3px;
}
#showroom_sec .photo_under{
	padding-right: 25px;
}
#showroom_sec .photo_under:after{ content: "";
    width: 25px;
    height: 25px;
}


/*セミナー*/
#seminar_sec dl{
	padding-top: 20px;
}
#seminar_sec dl dt h2{
	font-size: 2rem;
}
#seminar_sec dl dd >p{
	font-size: 1.2rem; 
}
#seminar_sec dl dd #seminar_list{
	overflow: hidden; padding-top: 10px;
}
#seminar_sec dl dd #seminar_list li {
	height: auto; text-align: left; padding-bottom: 24px; padding-left: 0px; width: 100%;
}
#seminar_sec dl dd a[class*="comm_btn"]{
	margin-top: 0px; min-width: 75vw!important;
}

#seminar_sec dl dd:after{ display: none;}

.photo_under{ font-size: 1.1rem; margin-top: 10px;}
.photo_under em{}


/*インタビュー*/
#interv_sec [class*="area_title"]{font-size: 1.8rem;}
#interv_sec dl{	padding-top: 20px;}
#interv_sec dl dt h2{ font-size: 2rem;}
#interv_sec .interv_ul li{ flex-direction: column; padding-bottom: 3em; border-bottom: 1px solid #bbb; margin-bottom: 3em;}
#interv_sec .interv_ul li .interv_thm{width: 50%;}
#interv_sec .interv_ul li .interv_txt{width: 85%; padding-left: 0; padding-top: 2em; }
#interv_sec .interv_ul li .interv_name{font-size: 1.6rem; padding-right: 0; display: block;}
#interv_sec .interv_ul li .interv_jttl{font-size: 1.2rem; display: block;}
#interv_sec .interv_ul li .interv_comment{font-size: 1.2rem; text-align: left; padding: 1.2em 0 1.8em 0; }
#interv_sec .interv_btn{text-align: center;}
#interv_sec dl dd a[class*="comm_btn"]{ min-width: initial!important; width: 57vw;}
}