@charset "utf-8";
/*
Theme Name: 練馬相続相談
Theme URI:
Description:
Version: 1.0
Author: dms
*/
body,html{font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;margin: 0 auto;padding: 0;position: relative;}
ul{list-style: none;}
ul,li{margin: 0;padding: 0;}
img{display: block;}
h3,h4,h5,h6,p{padding: 0;font-weight: normal;}
a{text-decoration: none;display: block}
input{margin: 0;padding: 0;border: none;outline:none}
button,textarea{margin: 0;padding: 0;outline:none;}
select {
    outline: 0;
    border: none;
    background: 0 0;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none
}


textarea {
    resize: none;
    -webkit-appearance: none
}
.clearfix{clear: both;}
.fl{float: left;}
.fr{float: right;}


#swiper1 {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
#swiper1 {
    /**background: url("../image/bannerback.png") no-repeat center center;**/
    background-size: 100% 100%;
}


#swiper1 .swiper-pagination{
    right: 10%;
}

#swiper1 .swiper-pagination-bullet{
    width: 22px;
    height: 22px;
    background-color: rgba(191,191,191,0);
    border: 1px solid transparent;
    position: relative;
}
#swiper1 .swiper-pagination-bullet:after{
    content:"";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #cccaca;
    position: absolute;
    left: 5px;
    top: 5px;
}

#swiper1 .swiper-pagination-bullet-active{
    background-color: rgba(191,191,191,.4);
    border: 1px solid rgba(255,255,255,.4);
}

#swiper1 .swiper-slide > div{padding-bottom: 30px;max-height: 100%;}
#swiper1 .swiper-slide:last-child > div{padding-bottom: 0px;}

.pic{
border:none;	
}

/*play*/
.slideBox{position:relative;overflow:hidden;margin:0px auto;width:100%;height: 100%;}

.slideBox .hd{position: absolute;height: 8px;line-height: 8px; bottom: 80px;left: 50%;transform:translateX(-50%);z-index: 5;}
.slideBox .hd li{display: inline-block;width: 8px;height: 8px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #fff;text-indent: -9999px;overflow:hidden; margin:0 11px;border: 4px solid #fff;}

.slideBox .bd{position: relative;z-index: 0;}
.slideBox .bd li{position:relative; text-align:center; box-shadow:inset 0 2px 2px rgba(0,0,0,0.1);}
.slideBox .bd li img{vertical-align:top; width: 100%;height: 100vh;border:none;}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}


.yd_heard_bg,.dropDiv,.sy_yd_bg,.yd_foot_bg{display: none;}


/*header*/
.headerpage
{
margin: 0 auto;position: fixed;top: 0;l
}

.heard_bg{width: 100%;background-color: rgba(51,51,51,.4);height: 100px;position: fixed;top: 0;left: 0;z-index: 5;}

.heard_bg.hb{background-color: #333;}


.heard_sb{width: 1200px;margin: 0 auto;}
.heard_sb .logo{float: left;width: 205px;height: 100px;margin-top: 0px;}
.heard_sb .logo img{width: 100%;height: 100%;}
.heard_nav{float: right;}
.heard_nav li{float: left;padding-right: 10px;background-size: 8px 6px;margin-left: 40px;position: relative;}
.heard_nav li:first-child{padding-right: 0;margin-right: 20px;background: none;}
.heard_nav li:hover{background: url("../image/jt_xlb.png") no-repeat right center;background-size: 8px 6px;}
.heard_nav li:first-child{padding-right: 0;margin-right: 20px;background: none;}
.heard_nav li:first-child:hover{background: none;}
.heard_nav li > a{font-size: 16px;line-height: 97px;color: #fff;border-bottom: 3px solid rgba(58,58,58,0);}
.heard_nav li:hover > a{color: #e83436;border-color: #e83436;}

.heard_nav li .xl_nav{background-color: rgba(58,58,58,.4);position: absolute;top: 100px;text-align: center;padding: 0 13px 5px;display: none;}


.heard_nav li .xl_nav_w1{min-width: 69%;}
.heard_nav li .xl_nav_w2{min-width: 100%;} /*dropDivがある時、設定する*/
.heard_nav li .xl_nav_w3{min-width: 100%;} /*dropDivがある時、設定する*/
.heard_nav li .xl_nav_w4{min-width: 65%;}
.heard_nav li .xl_nav_w5{min-width: 100%;} /*dropDivがある時、設定する*/


.heard_nav li .xl_nav a{font-size: 14px;line-height: 28px;color: #fff;border-bottom: 1px solid rgba(5,28,116,.2);white-space: nowrap;}
.heard_nav li .xl_nav a:last-child{border-bottom: none;}
.heard_nav li .xl_nav a:hover{color: #e83436;}

.heard_bg.hb .heard_sb .heard_nav li .xl_nav{background-color: #333;}
.heard_bg.hb .heard_sb .heard_nav li .xl_nav a{border-color: rgba(255,255,255,.4);}


.sy_title{font-size: 25px;line-height: 90px;color: blue;font-weight: bold;text-align: center;}
.sy_subtitle{text-align: center;margin-top:50px;}
.sy_subtitle p{font-size: 16px;line-height: 30px;color: blue;}

.sy_hx{width: 90px;height: 2px;background-color: #e83436;margin: 0 auto;}




/*play*/
.slideBox{position:relative;overflow:hidden;margin:0 auto;text-align: center;}


.slideBox .inner{position:relative;width: 1300px;height: 650px;margin: 0 auto;z-index: 0;}

.slideBox .inner .bd{position:absolute; width: 100%;height: 100%;}
.slideBox .inner .bd li img{vertical-align:top; width: 1300px;height: 650px;}
.slideBox .inner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}

.banner_tel{position:absolute;left:100px;top:520px;}
.banner_tel ul a img{width: 340px;height: 100px;margin:0 auto;text-align: center}

.banner_tel ul a:hover{transform: scale(1.1);}


/*サービス*/
.sy_about_bg{width: 100%;height: 100%;background-size: 100% 100%;}
.sy_about_bg .sy_title{color: blue;}
.sy_about_bg .sy_subtitle p{color: #50657a;}
.sy_server_bg{display: inline-block;margin-left:15px;}
.sy_server_bg a{display:block;line-height:0px;font-size:0px;}
.sy_server_bg a img{width:230px;height:110px;}
.sy_server_bg a img:hover{transform: scale(1.2);}


.sy_ranraku_bg{display: flex;justify-content: center;align-items: center;padding-top:50px;}
.sy_ranraku_bg a img{width:500px;height:180px;}
.sy_ranraku_bg a img:hover{transform: scale(1.1);}

.popclose {
  position: absolute;
  top: 10px;
  right: 2%;
  width: 20px;
  height: 20px;
}
.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
    
}

.white_content {
    display: none;
    position: absolute;
    top: 10%;
    left: 10%;
    width: 70%;
    height: 70%;
    border: 10px solid orange;
    background-color: #f6f6f6;
    z-index: 1002;
    position:fixed;
    padding:20px;

}
/*料金案内*/
.sy_ywjs_bg{width: 100%;height: 100%;background-size: 100% 100%;}
.sy_ywjs_bg .sy_title{color: blue;}
.sy_ywjs_nav{width: 900px;margin: 20px auto 0;overflow: hidden;}
.sy_ywjs_nav li{float: left;margin: 0 25px;width: 19%;height: 300px;}
.sy_ywjs_nav a{width: 100%;height: 100%;position: relative;}
.sy_ywjs_nav a .tu{width: 100%;height: 180px;position: absolute;top: 0;left: 0;}
.sy_ywjs_nav a .tu img{width: 100%;height: 100%;}
.sy_ywjs_nav a .text{width: 100%;height: 120px;position: absolute;bottom: 0;left: 0;text-align: center;background-color: #272e5f;transition: all 0.5s ease-in-out;}
.sy_ywjs_nav a .text i{font-style: normal;font-size: 30px;line-height: 54px;color: #fff;font-weight: bold;margin-top: 25px;display: block;}
.sy_ywjs_nav a .text .wz{height: 50px;overflow: hidden;transition: all 0.5s ease-in-out;}
.sy_ywjs_nav a .text .wz h3{font-size: 20px;line-height: 20px;color: #fff;}
.sy_ywjs_nav a .text .wz p{font-size: 14px;line-height: 0px;color: #fff;}
.sy_ywjs_nav a .text .hx{width: 36px;height: 1px;background-color: #e83436;position: absolute;bottom: 35px;left: calc(50% - 13px);}

.sy_ywjs_nav a:hover .text{height: 150px;background-color: blue;}
.sy_ywjs_nav a:hover .text .wz{height: 90px;}
.sy_ywjs_nav a:hover .text .hx{background-color: #fff;}


/*アクセス*/
.sy_hz_bg{width: 100%;height: 100%;background-size: 100% auto;}
.sy_hz_bg .sy_hzpp{width: 700px;margin: 0px auto 0;}
.sy_hz_bg .sy_hzpp img{width: 700px;height: 200px;}
.map{width: 700px;height: 277px;}
.sy_hz_bg .sy_hzpp p{padding-top:0px;padding-bottom:10px;text-align: center;}

/*new*/
.sy_news_bg{height: calc(100% - 289px);width: 1000px;margin: 0 auto;overflow: hidden;}
.sy_news_nav{overflow: hidden;margin-top: 50px;}
.sy_news_nav li{float: left;width: 320px;margin-right: 20px;}
.sy_news_nav li:last-child{margin-right: 0px;}
.sy_news_nav li > a{position: relative;width: 100%;top: 0;left: 0;}
.sy_news_nav li > a .tu{width: 100%;height: 100%;overflow: hidden;}
.sy_news_nav li > a .tu img{width: 100%;height: 100%;transition: all 0.5s ease-in-out;}
.sy_news_nav li > a .text{position: absolute;left: 20px;top: 20px;}
.sy_news_nav li > a .text h3{font-size: 24px;line-height: 34px;color: #fff;font-weight: bold;}
.sy_news_nav li > a .text p{font-size: 16px;line-height: 24px;color: #fff;}
.sy_news_nav li > a span{font-size: 14px;line-height: 36px;color: #fff;position: absolute;right: 15px;bottom: 0;}
.sy_news_nav li > a:hover .tu img{transform: scale(1.3);}
.sy_news_nav li > a:hover span{color: #e83436;}

.sy_news_list{overflow: hidden;margin-top: 25px;}
.sy_news_list a{overflow: hidden;}
.sy_news_list a i{float: left;font-size: 18px;line-height: 31px;color: #888;}
.sy_news_list a p{float: left;font-size: 16px;line-height: 31px;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;width: calc(100% - 25px);}
.sy_news_list a:hover i{color: #e83436;}
.sy_news_list a:hover p{color: #e83436;}


/*top image*/
.ny_banner{width: 100%;height: auto;background: none;}
.ny_banner img{width: 100%;height: auto;}



/*内容*/
.cont_bg{background-color: #f6f6f6;padding: 20px 0 25px;margin-top:100px;}
.cont_sb{width: 1200px;margin: 0 auto;overflow: hidden;}

/**左側ＤＩＶ**/
.leftdiv{float: left;width: 218px;}


.sodan01{margin-top: 570px !important;}
.sodan01 a img{width: 250px;height:180px;}
.sodan01 a:hover{filter:alpha(Opacity=60);
	  -moz-opacity:0.7;
	  opacity: 0.7;}


.sub_page_map{margin-top: 240px !important;}


.ny_nav{background-color: #fff;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;float: left;width: 250px;}
.ny_nav li{border-left: 1px solid #d3d3d3;border-right: 1px solid #d3d3d3;text-align: center;}
.ny_nav li h3{line-height: 40px;font-size: 18px;color: #000;background: url("../image/title_back.png") no-repeat center;background-size: 100% 100%;border-bottom: 1px solid #d3d3d3;}
.ny_nav li a{line-height: 40px;font-size: 16px;color: #000;border-left: 5px solid #fff;}
.ny_nav li:hover{border-left: 1px solid #e83436;}
.ny_nav li:hover a{border-color: #e83436;background-color: rgba(165,195,239,0.3)}
.ny_nav li.xz{border-left: 1px solid #e83436;}
.ny_nav li.xz a{border-color: #e83436;background-color: #f0f0f0;}


.ny_nav_map{background-color: #fff;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;float: left;width: 250px;}
.ny_nav_map li{border-left: 1px solid #d3d3d3;border-right: 1px solid #d3d3d3;text-align: center;}
.ny_nav_map li h3{line-height: 40px;font-size: 18px;color: #000;background: url("../image/title_back.png") no-repeat center;background-size: 100% 100%;border-bottom: 1px solid #d3d3d3;}
.ny_nav_map li a{line-height: 40px;font-size: 16px;color: #000;border-left: 5px solid #fff;}





/**??????????????????????**/
.topimage{width: 880px;}




/**プラン・料金案内**/
.ny_cont{padding: 10px;float: right;width: 900px;}
.ny_cont .dtu{width: 100%;height: auto;margin-bottom: 25px;}
.ny_cont .dtu a img{width: 100%;height: auto;}
.ny_cont .dtu a:hover{filter:alpha(Opacity=60);
	  -moz-opacity:0.7;
	  opacity: 0.7;}

/**事務所案内**/
.ny_cont02{padding: 10px;background-color: #fff;width: 1150px;float: right;}
.info_td_title{background: url("../image/title_back.png") repeat center;width: 100px;text-align: center;}

.info_td_content{width: 328.8px;}


.info_map{height: 500px;margin-top: 30px;text-align:center;margin: 20px auto;}



.text h6 {
    background: #FFF;
    border: 1px solid #DDD;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4em;
    color: #444;
    padding: 10px;
    margin:20px 0px 20px 0px;
    position: relative;
    clear: both;
}

.text p{
	padding-left:5px;	
}

/**無料相談流れ**/
.sy_hz_bg .sy_hzppShow{width: 1000px;margin: 20px auto 0;}
.sy_hz_bg .sy_hzppShow img{width: 1000px;height: 150px;}
.sy_hz_bg .sy_hzppShow p{padding-top:5px;padding-bottom:5px;}
.textIndex{font-size: 14px;line-height: 28px;color: #000;margin-top: 5px;margin-bottom: 5px;padding: 0 30px;}
.textIndex img{width: 100%;height: 100%;}
.textIndex .contentIndex{font-size: 14px;line-height: 28px;color: #000;margin-top: 5px;padding: 0 30px;}
.textIndex .contentIndex img{width: 100%;height: auto;}
.contentIndex{width:220px;height:150px;float:left;padding:10px;margin:20px;margin-left:50px;}


/**無料相談**/
.contact{width:200px;height:100px;float:left;padding:10px;margin:20px;margin-left:50px;}
.con_banner1{width:80%;margin-left:40px;margin-top:5px;background: url("../image/consultation_banner1.png") }
.con_banner2{width:80%;margin-left:40px;margin-top:5px;background: url("../image/consultation_banner2.png") }
/**index無料相談**/
.con_banner3{width:90%;margin-left:40px;margin-top:5px;background: url("../image/consultation_banner1.png") }
.con_banner4{width:90%;margin-left:40px;margin-top:5px;background: url("../image/consultation_banner2.png") }
/**.contact:hover{background:url("../image/tle_mail_back.png");}**/


.ny_cont .map{width: 100%;height: auto;margin-bottom: 25px;}

.ny_cont .nr h4{font-size: 14px;line-height: 32px;color: #f76106;margin-left: 20px;margin-top: 5px;}
.ny_cont .nr .title{background: #fff url("../image/title_back.png") repeat center;background-size: 100% 100%;width: 100%;}
.ny_cont .nr .title h3{font-size: 16px;line-height: 32px;color: #000;display: inline-block;background: url("../image/title_bj.png") no-repeat left 5px center;background-size: 10px 15px;padding: 0 10px 0 32px;margin-left: 10px;}
.ny_cont .nr .text{font-size: 14px;line-height: 28px;color: #000;margin-top: 5px;margin-bottom: 20px;padding: 0 30px;}
.ny_cont .nr .text img{width: 100%;height: 100%;}

.ny_cont .nr .content{font-size: 14px;line-height: 28px;color: #000;margin-top: 5px;padding: 0 30px;}
.ny_cont .nr .content img{width: 100%;height: auto;}


.ny_cont .nr .phone{margin-left: 42px;margin-top: 25px;}
.ny_cont .nr .phone p{font-size: 16px;line-height: 28px;color: #000;}
.ny_cont .nr .phone p a{display: inline-block;font-size: 16px;line-height: 28px;color: #000;}

.ny_cont .culture_nr{padding-bottom: 30px;}


table.mainstyle {
    border: 1px #b9b9b9 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 8px 10px 8px 5px;
    width: 95.8904%;
}

table.mainstyle th {
  font-weight: bold;
  padding: 0;
  border: 1px #b9b9b9 solid;
  border-width: 0 0 1px 1px;
  background: url("../image/title_back.png");
}

table.mainstyle td {
  padding: 3px;
  border: 1px #b9b9b9 solid;
  border-width: 0 0 1px 1px;
}


/*list*/
.list_bg{float: right;width: 765px;}
.list_bg li{background-color: #fff;margin-bottom: 15px;border-radius: 10px;}
.list_bg li:last-child{margin-bottom: 30px;}
.list_bg li a{padding: 0 30px 0 0;overflow: hidden;}
.list_bg li a .tu{float: left;width: 295px;height: 165px;overflow: hidden;}
.list_bg li a .tu img{width: 100%;height: 100%;transition: all 0.5s ease-in-out;}
.list_bg li a .text{float: right;width: 415px;}
.list_bg li a .text h3{font-size: 14px;line-height: 42px;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.list_bg li a .text p{font-size: 14px;line-height: 28px;color: #797979;height: 84px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.list_bg li a .text span{font-size: 14px;line-height: 39px;color: #797979;display: block;}

.list_bg li a:hover .tu img{transform: scale(1.2);}
.list_bg li a:hover .text h3{color: #e83436;}


/*Q&A*/
.faq-cont {
	margin: 20px auto 15px;
	border: 1px solid #eeeeee;
}
.faq-cont .q-cont {
	padding: 24px 6px 22px 110px;
	margin-bottom: 0;
	color: #333;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2;
	position: relative;
	border-bottom: 1px solid #eeeeee;
}
.faq-cont .q-cont:before {
	content: "";
	background: #E9C2A6  url(../image/faq-q.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 0;
	width: 80px;
	height: 100%;
}
.faq-cont .a-cont {
	padding: 24px 6px 22px 110px;
	min-height: 25px;
	position: relative;
	color: #333;
}
.faq-cont .a-cont:before {
	content: "";
	background: #8FBC8F url(../image/faq-a.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 0;
	width: 80px;
	height: 100%;
}
@media (max-width: 768px) {
	.faq-cont {
	    margin-bottom: 30px;
	}
	.faq-cont .q-cont{
	    font-size:14px;
	    font-size: 4vmin;
	}
	.faq-cont .q-cont {
    	padding: 24px 6px 22px 86px;
    }
    .faq-cont .q-cont:before {
    	/*width: 45px;*/
    }
    .faq-cont .a-cont {
    	padding: 24px 6px 22px 86px;
    	font-size: 3.5vmin;
    }
    .faq-cont .a-cont:before {
    	/*width: 45px;*/
    }
}




/*問い合わせ*/
        .smart-green {
            margin-left: auto;
            margin-right: auto;
            max-width: 1100px;
            background: #F8F8F8;
            padding: 30px 30px 20px 30px;
            font: 14px Arial, Helvetica, sans-serif;
            color: #666;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
        }

        .smart-green h1 {
            font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
            padding: 20px 0px 20px 40px;
            display: block;
            margin: -30px -30px 10px -30px;
            color: #FFF;
            background: #9DC45F;
            text-shadow: 1px 1px 1px #949494;
            border-radius: 5px 5px 0px 0px;
            -webkit-border-radius: 5px 5px 0px 0px;
            -moz-border-radius: 5px 5px 0px 0px;
            border-bottom: 1px solid #89AF4C;
        }

        .smart-green h1 > span {
            display: block;
            font-size: 11px;
            color: #FFF;
        }

        .smart-green label {
            display: block;
            margin: 0px 0px 30Px;
        }
        .smart-green label  > p{
            margin-top: 10px;
            margin-bottom: 10px;
            padding: 0px 0px;
        }
        .smart-green label > span {
            float: left;
            margin-top: 10px;
            margin-bottom: 10px;
            color: #5E5E5E;
            width: 100%;
        }

        .smart-green input[type="text"], .smart-green input[type="mail"], .smart-green input[type="phone"],.smart-green textarea, .smart-green select {
            color: #555;
            height: 30px;
            line-height: 15px;
            width: 60%;
            padding: 0px 0px 0px 10px;
            margin-top: 2px;
            border: 1px solid #E5E5E5;
            background: #FBFBFB;
            outline: 0;
            -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
            box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
            font: normal 14px/14px Arial, Helvetica, sans-serif;
        }

        .smart-green textarea {
            height: 100px;
            padding-top: 10px;
        }


        .smart-green .button {
            background-color: #949494;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-border-radius: 5px;
            border: none;
            padding: 10px 25px 10px 25px;
            color: #FFF;
            text-shadow: 1px 1px 1px #949494;
        }

       /* .smart-green .button:hover {
            background-color: #80A24A;
            cursor:pointer;
        } */

        .error-msg{
            color: red;
            margin-top: 10px;
        }
        .success-msg{
            color: #80A24A;
            margin-top: 10px;
            margin-bottom: 10px;
        }

				.must {
				    color: #fff;
				    margin-left: 10px;
				    padding: 4px 8px;
				    background: #F92931;
				    border-radius: 20px;
				    font-size: 80%;
				}
				.free {
				    color: #fff;
				    margin-left: 10px;
				    padding: 4px 8px;
				    background: #424242;
				    border-radius: 20px;
				    font-size: 80%;
				}

/*詳細ページ*/
.details_bg{width: 948px;padding: 16px 25px 40px;margin: 0 auto;border: 1px solid #d3d3d3;background-color: #fff;min-height: 600px;}
.details_bg > h3{font-size: 24px;line-height: 40px;color: #000;text-align: center;}
.details_bg > p{font-size: 18px;line-height: 34px;color: #666;text-align: center;}
.details_bg .nr{margin-top: 10px;}
.details_bg .nr img{width: 100%;height: auto;}



/*footer*/
.foot_bg{background-color: #313131;width: 100%;}

/*.swiper-slide .foot_bg{height: 289px;}*/



.foot_phone{overflow: hidden;padding: 0px 0 0px;}
.foot_phone img{width: 145px;height: 100px;float: left;}
.foot_phone div{float: left;margin-left: 35px;}
.foot_phone div span{font-size: 17px;line-height: 25px;color: #fff;}
.foot_phone div p{font-size: 14px;line-height: 20px;color: #fff;}

.foot_ewm > p{float: left;font-size: 14px;line-height: 36px;color: #fff;}
.foot_ewm .tbc{float: left;margin-left: 22px;position: relative;}

.foot_ewm .tbc .tb{width: 36px;height: 36px;border-radius: 50%;overflow: hidden;}
.foot_ewm .tbc .tb img{width: 100%;height: 100%;}

.foot_ewm .tbc .ma{width: 96px;height: 99px;background: url("../image/ewm_bj.png") no-repeat center;background-size: 100% 100%;position: absolute;left: 43px;top: -30px;z-index: 2;display: none;}

.foot_ewm .tbc .ma img{width: 67px;height: 67px;margin: 9px 0 0 17px;}
.foot_ewm .tbc .ma p{padding-left: 6px;text-align: center;font-size: 12px;line-height: 21px;color: #313131;}



.foot_top{width: 1000px;margin: 0 auto;overflow: hidden;padding: 7px 0;}
.foot_top ul{float: left;overflow: hidden;margin-left: 42px;}
.foot_top ul li{float: left;margin: 0 33px;text-align: center;}
.foot_top ul li a{font-size: 14px;line-height: 36px;color: #fff;}

.foot_top ul li a:hover{color: #e83436;text-decoration: underline;}

.foot_top .tu{float: right;width: 130px;height: 130px;border-radius: 50%;overflow: hidden;}
.foot_top .tu img{width: 100%;height: 100%;}

.foot_up{background-color: #232323;padding: 5px 0;}
.foot_up p{font-size: 14px;line-height: 10px;color: #aaa;text-align: center;}

.totop {
position: fixed;
bottom: 15px;
right: 15px;
}
.totop a img{
	width:80px;
	height:80px;
}
.totop:hover{
    /*background: #e36c09;*/
    /*transform: scale(1.2);*/
    filter:alpha(Opacity=60);
	  -moz-opacity:0.7;
	  opacity: 0.7;
}

/*対応エリア*/

.sy_hz_ar{width: 100%;height: 100%;background-size: 100% auto;}
.sy_hz_ar .sy_hzpp{width: 720px;margin: 50px auto 0;margin-bottom:200px;}
.sy_hz_ar .sy_hzpp p{padding-top:20px;padding-bottom:10px;text-align: center;}


.dropbtn {
    background-color: #f4971e;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    width: 80px;
    float:left;padding:10px;margin:10px;margin-left:10px;margin-top:0px;padding-top:0px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    opacity:0.5;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #f70000;
}




/*応答式*/

@media (min-width: 0px) and (max-width: 640px){
    .heard_bg,#swiper1,.foot_bg{display: none;}

    /*header*/
    .yd_heard_bg{padding: 0px 10px ;display: block;background-color: rgba(51,51,51,.6);position: fixed;width: calc(100% - 20px);left: 0;top: 0;z-index: 10;}
    .yd_logo{width: 100%;height: 55px;text-align: center;}
    .yd_logo img{width: auto;height: 100%;display: inline-block;}
    .yd_nav_ph{width: 35px;position: absolute;top: 15px;right: 15px;}
    .yd_nav_ph img{width: 100%;}

    /*ドロップダウンリスト*/
    .dropDiv{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(51,51,51,.6);overflow-y: auto;padding-bottom: 50px;z-index: 5;display: block;}
    .dropDiv .toplo{height: 55px;position: relative;}
    .dropDiv .im1{position: absolute;top: 17px;right: 5%;width: 20px;height: 20px;}
    .dropDiv .im2{height: 35px;position: absolute;left: 50%;transform: translateX(-50%);top: 10px;}
    .dropDiv ul{padding: 0px 40px;}
    .dropDiv ul li {
        border-bottom: 1px solid #fff;
    }
    .dropDiv ul li > a{
        padding: 10px 0;
    }
    .dropDiv ul li p a{
        padding: 10px 0;
    }
    .dropDiv ul li a {
        color: #fff;
        font-size: 16px;
        display: block;
    }
    .dropDiv ul li .licont{
        padding-left: 10%;
        line-height: 30px;
        border-top: 1px solid #e83436;
        display: none;
    }
    .dropDiv ul li .licont a{
        color: #fff;
        font-size: 16px;
        display: block;
        line-height: 34px;
    }
    .dropDiv ul li.haslicont > p{
        background: url(../image/navicon.png) no-repeat 90% center;
        background-size: 8px 15px;
    }

    .dropDiv ul li p.showlicont{
        background: url(../image/navicon2.png) no-repeat 90% center;
        background-size: 15px 8px;
    }
    .dropDiv ul li p.showlicont a{
        color: #e83436;
    }

    /*HOME PAGE*/
    .sy_yd_bg{display: block;}
    .sy_yd_bg > div:first-child{padding-bottom: 0;}
    .sy_yd_bg > div:last-child{padding-bottom: 0;}
    .yd_sy_title{text-align: center;padding: 0 0 20px;}
    .yd_sy_title h3{font-size: 21px;line-height: 42px;font-weight: bold;color: #e83436;}
    .yd_sy_title p{font-size: 14px;line-height: 28px;color: #50657a;}
    .yd_sy_title div{width: 20%;margin: 0 auto;height: 1px;background-color: #e83436;}


    /*inner page*/
    .ny_banner{padding-top: 55px;height: 100px;}
    .ny_banner img{display: none;}

    .leftdiv{width: 100%;overflow: hidden;padding:0 auto;}
    .cont_sb{width: 100%;}
    .ny_nav{width: 100%;margin-bottom: 10px;float: none;}
    .ny_nav li a{padding-left: 0;}

    .cont_bg{margin-top:35px;}

    .ny_cont{width: auto;padding: 20px 10px;float: none;}
    .ny_cont .nr .text{padding: 0 10px;}

    .details_bg{width: auto;}
    .details_bg{padding: 16px 10px 30px;}


   .contact{width:90%;height:90%;padding:10px;margin:10px;}
   .con_banner{width:90%;height:90%;}

    .list_bg{width: auto;float: none;}
    .list_bg li a{padding: 0;}
    .list_bg li a .tu{width: 45%;height: auto;}
    .list_bg li a .text{width: 50%;}
    .list_bg li a .text h3{line-height: 31px;}
    .list_bg li a .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 13px;line-height: 21px;height: 42px;}
    .list_bg li a .text span{line-height: 26px;}


    /*play*/
    .yd_slideBox{position: relative;overflow: hidden;margin: 0px auto;width: 100%;padding-top: 55px;
    /**background: url("../image/bannerback.png") no-repeat center center;**/
    background-size: 100% 100%;}

    .yd_slideBox .hd{position: absolute;height: 6px;line-height: 6px;bottom: 15px;left: 50%;transform: translateX(-50%);z-index: 4;}
    .yd_slideBox .hd li{display: inline-block;width: 6px;height: 6px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #fff;text-indent: -9999px;overflow: hidden;margin: 0 5px;border: 2px solid #fff;}
    .yd_slideBox .hd li.on{background: #e83436;}

    .yd_slideBox .bd{position: relative;z-index: 0;}
    .yd_slideBox .bd li{position: relative;text-align: center; box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);}
    .yd_slideBox .bd li img{vertical-align: top;width: 100%;}
    .yd_slideBox .bd li a{ -webkit-tap-highlight-color: rgba(0,0,0,0);}

    /*紹介*/
    .yd_about_bg{margin-top: 0px;position: relative;}
    .yd_about_bg .yd_sy_title{position: absolute;width: 100%;top: 0;}
    .yd_about_bg .yd_sy_title h3{color: #e83436;}
    .yd_about_bg .yd_sy_title div{margin-top: 25px;}
    .yd_about_bg .tu{width: 100%;height: auto;}
    .yd_about_bg .tu img{width: 100%;height: auto;}



    /*サービス*/
    .yd_ywjs_bg{width: 100%;padding: 20px 0;}
    .yd_ywjs_nr a{background-color: #e83436;padding-bottom: 20px;}
    .yd_ywjs_nr a .tu{width: 100%;height: auto;}
    .yd_ywjs_nr a .tu img{width: 100%;height: auto;}
    .yd_ywjs_nr a .text{text-align: center;}
    .yd_ywjs_nr a .text i{font-style: normal;font-size: 21px;line-height: 42px;color: #fff;font-weight: bold;}
    .yd_ywjs_nr a .text h3{font-size: 16px;line-height: 32px;color: #fff;}
    .yd_ywjs_nr a .text p{font-size: 12px;line-height: 24px;color: #fff;}
    .yd_ywjs_nr a .text div{width: 20%;height: 1px;background-color: #fff;margin: 20px auto 0;}

    /*mobile_map*/
    .yd_hz_bg{padding: 20px 0;}
    .yd_hz_bg .tu{width: 90%;margin: 0 auto;}
    .yd_hz_bg .tu img{width: 100%;height: auto;}
    .mobile_map{width: 100%;height: 277px;}

    .smart-green input[type="text"], .smart-green input[type="mail"], .smart-green input[type="phone"],.smart-green textarea, .smart-green select {
      width: 100%;
    }

    /*new*/
    .yd_news_bg{padding-top: 20px;}
    .yd_news_nr{padding: 0 10px 20px;}
    .yd_news_nr > a{width: 100%;height: 150px;display: flex;align-items: center;flex-wrap: wrap;}
    .yd_news_nr > a div{width: 100%;text-align: center;}
    .yd_news_nr > a h3{font-size: 21px;line-height: 42px;color: #fff;font-weight: bold;}
    .yd_news_nr > a p{font-size: 14px;line-height: 28px;color: #fff;}
    .yd_news_nr ul li{margin-top: 10px;}
    .yd_news_nr ul li a{font-size: 14px;line-height: 28px;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}


    /*footer*/
    .yd_foot_bg{display: block;background-color: #313131;padding-top: 5px;}
    .yd_foot_bg_img img{width: 350px;height: 90px;margin: 0 auto;}

    .yd_foot_bg ul{overflow: hidden;margin-top: 15px;}
    .yd_foot_bg ul li{float: left;width: 100%;text-align: center;}
    .yd_foot_bg ul li a{font-size: 16px;line-height: 28px;color: #fff;}
    .yd_foot_bg .phone{text-align: center;margin: 15px 0;}
    .yd_foot_bg .phone p{font-size: 16px;line-height: 32px;color: #e83436;display: inline-block;}
    .yd_foot_bg .phone a{font-size: 16px;line-height: 32px;color: #fff;margin-left: 10px;display: inline-block;}
    .yd_foot_bg .ewm{text-align: center;display: flex;justify-content: space-around;}
    .yd_foot_bg .ewm div{background-color: #fff;padding: 10px 10px 0;}
    .yd_foot_bg .ewm div img{width: 100px;height: 100px;}
    .yd_foot_bg .ewm div p{font-size: 16px;line-height: 32px;color: #000;}
    .yd_foot_bg .yd_foot_up{background-color: #232323;margin-top: 15px;padding: 10px;text-align: center;}
    .yd_foot_bg .yd_foot_up p{font-size: 10px;line-height: 16px;color: #aaa;}
    

}