@charset "utf-8";
/* ======================================================

	responsive CSS

========================================================= */
*{
  box-sizing: border-box;
}



@media screen and (max-width: 768px) {
  body{
    width: 100%;
    margin: 0 auto;
  }
  .sp_no{
    display:none;
  }
}

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

}

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

	headerarea

========================================================= */
.logo_sp{
    display: none;
}
.gnav_sp{
    display: none;
    width: 100%;
}
.search_sp {
  display: none;
  width: 100%;
}
.search_keyword{
	padding: 0 5px;
	border: solid 2px #eaeaea;
	outline: 0;
  width: 200px;
  height: 30px;
	}
.search_btn {
  	background: none;
  	border: none;
  	color: #6e6e6e;
  	font-size: 20px;
  	vertical-align: middle;
  }
.search_btn:hover{
  	transform: translate3d(0px,1px,0);
  }

.wideslider{
  position: relative;
  }

@media screen and (max-width: 768px) {
  #wrap div#gnavi_pc {
    display: none;
  }
  .gnav_sp{
      display: block;
  }
  .header_logo_search {
      display: none;
  }
  .logo_sp{
      display: block;
      text-align: left;
      margin: 20px 0 0 20px;
  }
	.logo_sp img {
    width: 20%;
}
  .fright_search{
    display: none;
  }
  .main_mv_pc{
    padding-top: 20px;
  }
  .main_mv_pc_banner{
    display: none;
  }
  .main_btm_banner_pc{
    display: none;
  }
  div#panarea {
    display: none;
  }
  .main_mv_pc_slider{
    width: 100%;
    max-width: 733px;
    margin: 0 auto;
    border-top: 3px solid #ccc;
    float: none;
    display: block;
  }
  .wideslider{
    width: 100%;
    max-width: 733px;
    margin: 0 auto;
  }
  .mv_right{
    display: none;
  }
  .pagination{
    display: none;
  }
  .search_sp {
    display: block;
    text-align: right;
    padding: 0 10px 0 0;
  }
}
@media screen and (max-width: 480px) {
  .search_sp {
    text-align: center;
    padding: 0 0 0 8%;
  }
  .logo_sp{
      text-align: center;
      margin-left: 0px;
			margin: 10px 0 0;
  }
	.logo_sp img {
		width: 55%;
		padding: 0 20px;
	}
	.main_mv_pc{
		padding-top: 10px;
	}
}
@media screen and (max-width: 320px) {
  .fleft_logo img {
    width: 100%;
  }
  .logo_sp img {
		padding: 0 20px;
  }
}

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

	mainimage

========================================================= */
.mb40_sp{
  display:none;
}
.top_img_01 img{
  width: 716px;
  margin:0 0 40px 0px;
}
.top_banner_pc{
	display: block;
}
.top_banner_sp{
	display: none;
}
@media screen and (max-width: 768px) {
  #wrap div#mainimage {
    margin-bottom: 30px;
  }
  #wrap div#mainarea {
    margin: 30px auto 0;
    padding: 0 10px;
    width: 100% !important;
    max-width: 768px;
    /*overflow: hidden;*/
  }
  #wrap div#mainarea div#sidearea {
    display:none;
  }
  #wrap div#mainarea div#contentsarea {
    width: 100%;
    max-width: 768px;
    margin: 0 auto !important;
  }
  #wrap div#mainarea div#contentsarea p {
    font-size: 1.3em;
  }
  .mb40_sp{
    display: block;
    border: 10px solid #ebebea;
    padding: 20px;
  }
  .mb40_sp h2{
    font-size:18px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
		text-align: center;
  }
  .mb40{
    margin-bottom: 20px !important;
  }
  .top_img_01{
    width: 100%;
    max-width: 768px;
    text-align: center;
    margin: 20px 0 0;
  }
  .top_img_01 img{
    width: 100%;
    margin: 0;
  }
  .mb00 img{
    width: 100%;
  }
	.top_banner_pc{
		display: none;
	}
	.top_banner_sp{
		display: block;
	}
	.top_banner_sp img{
		width: 100%;
	}
	.top_banner_sp_list li{
		list-style: none;
	}
	.top_banner_sp_list li ul li{
		display: inline-block;
		width: 50%;
		float: left;
		margin: 0 0 2%;
	}
	.top_banner_sp_list li ul li img{
		width: 98%;
	}
	.top_banner_sp_list li ul li:nth-child(odd){
		text-align: left;
	}
	.top_banner_sp_list li ul li:nth-child(even){
		text-align: right;
	}
  .top_ttl br{
    display: none;
  }
  .top_txt{
    margin:20px;
  }
  .top_txt p{
  }
  img.mr05_sp{
    margin-right: 0 !important;
    width: 50%;
    padding: 0 0.5%;
  }
  img.uraku_plan_sp{
    width: 100%;
    margin: 10px 0;
  }
  #wrap div#mainarea div#contentsarea div#newsbox {
    margin: 20px 0;
		width: 100%;
		float: left;
	}
	.top_inquiry_btn img{
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	#wrap div#mainimage {
		margin-bottom: 20px;
	}
	#wrap div#mainarea {
    margin: 20px auto 0;
	}
  #wrap div#mainarea div#contentsarea p {
    margin: 0;
    font-size: 1.1em;
    margin: 0 !important;
  }
  .top_ttl br{
    display: block;
  }
}

@media screen and (max-width: 320px) {
  .mb40_sp h2 {
    font-size: 16px;}
  }

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

	nav

========================================================= */
.slicknav_menu {
  display:none;/*PC時は非表示*/
}
#gnav{
  display:none;/*PC時は非表示*/
}
@media screen and (max-width: 768px) {
  #gnav {
    display:none;/*モバイル時は非表示*/
  }
  .slicknav_menu {
    display:block;/*モバイル時は表示*/
  }
}
/* ======================================================

	footerarea

========================================================= */
.footer_sp{
  display: none;
}

@media screen and (max-width: 768px) {
  #footerarea {
    display:none;
  }
  .footer_sp{
    display: block;
    border-top: 3px solid #cd1b1b;
  }
  .footer_sp_nav{

  }
  .footer_sp_copyright{
    background:#6e6e6e;
    padding: 10px 0;
    color: #fff;
    line-height: 1.5;
  }
  #pageTop {
    position: fixed;
    right: 10px;
    bottom: 80px;
    z-index: 100;
    padding: 15px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-color: rgba(180, 180, 180, 0.8);}
  #pageTop:hover {
    opacity: 0.7;}
}

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

	下層ページ 共通

========================================================= */
h2.title_01_sp{
  display: none;
}
h3.title_02_sp{
  display: none;
}
h4.title_03_sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .main_top_img{
    width: 100%;
    max-width: 768px;
    margin:0 auto;
  }
  .contentsarea_inner img{
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
  }
  img.contentsarea_inner_img_01{
    width:100%;
    margin: 15px 0 0 -1%;
  }
  .contentsarea_inner img.ml30{
    margin-left: 0 !important;
  }
  img.title_01_pc{
    display:none;
  }
  h2.title_01_sp{
    display: block;
    width: 100%;
    background: #eaeaea;
    padding:5px 10px;
    border-bottom: 2px solid #cf2828;
    font-weight: bold;
    color: #633;
    font-size: 1.3em;
  }
  #wrap div#mainarea h3{
    font-size: 1.3em;
    margin: 10px 0;
  }
  h3.title_02_pc{
    display: none;
  }
  h3.title_02_sp{
    display: block;
    width: 100%;
    border-bottom: 2px solid #ccc;
  }
  h3.title_02_sp img{
    width: 20px;
    height: 20px;
    margin: 0 7px -2px 3px !important;
  }
  #wrap div#mainarea h4 {
    font-size: 100%;
    margin: 0 0 10px;
    color: #656565;
    font-size: 1.2em;
  }
  h4.title_03_sp{
    display: block;
    border-bottom: 2px dotted #ccc;
  }
  .img_01_pc{
    display: none;
  }
  .contentsarea_inner table{
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
    display: flex;
    flex-wrap: wrap;
  }
  .contentsarea_inner table img{
    width: 100%;
  }
  .mail_btn_sp{
    margin-top: 30px;
  }
  #wrap div#mainarea h5{
    margin: 15px 0;
    padding-left: 10px;
  }
  .red{
    font-size: 100% !important;
  }
  .page_top_sp_no{
    display: none;
  }
}
/* ======================================================

	how to

========================================================= */
.howto_img_sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .howto_img_pc{
    display: none;
  }
  .howto_img_sp{
    display: block;
  }
  .howto_img_sp p{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    line-height: 1.5;
    text-align: center;
    margin: 15px 0 !important;
    letter-spacing: 1.2px;
  }
  .img_list_sp{
    margin: 10px 0 20px;
    padding: 0.5em 1em;
    background: white;
    border-top: solid 5px #1b5696;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    font-size: 1.2em;
  }
  .img_list_sp ul{
    padding: 15px 15px 15px 20px;
  }
  .img_list_sp ul li{
    font-weight: normal;
    padding-bottom: 10px;
    list-style: disc;
  }
  .img_list_sp ul li:last-child{
    padding-bottom: 0px;
  }
  .howto_img_sp_txt{
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 480px) {
    .howto_img_sp p{
      font-size: 1.1em !important;
    }
}
/* ======================================================

	case

========================================================= */
.case_img_06_sp{
  display: none;
}
table.case_table_s {
  width: 100%;
  max-width: 440px;
}
@media screen and (max-width: 768px) {
  h3.casestudy {
    padding: 5px 10px 3px !important;
  }
  .case_txt{
    padding:10px 0;
    display: inline-block;
  }
  .case_img_06_pc{
    display: none;
  }
  .case_img_06_sp{
    display: block;
  }
  .case_table_s_w{
    width: 35%;
  }
}
@media screen and (max-width: 480px) {
}

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

	voice

========================================================= */
.voice_img_sp{
  display: none;
}
.voice_comment_pc{
  display: block;
}
.voice_comment_sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .voice_img_pc{
    display: none;
  }
  .voice_img_sp{
    display: block;
  }
  .voice_img_sp p{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    line-height: 1.5;
    text-align: center;
    margin: 15px 0 !important;
    letter-spacing: 1.2px;
  }
  .voice_comment_pc{
    display: none;
  }
  .voice_comment_sp {
    display: block;
    position: relative;
    margin: 3em 0 !important;
    padding: 0.5em 1em;
    border: solid 3px #f38f97;
}
  .voice_comment_sp .voice_comment_ttl {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 1.2em;
    background: #f38f97;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
  }
  .voice_comment_sp p {
    margin: 0;
    padding: 0;
  }
}
/* ======================================================

	company

========================================================= */
.company_txt_pc{
  display:block;
}
.company_txt_sp{
  display:none;
}
.company_map_pc{
  display: block;
  margin:0 0 50px 60px;
}
.company_map_sp{
  display: none;
}
.company_table{
  width: 100%;
  max-width: 460px;
}
.company_table tr td:first-child{
  width:30%;
}
@media screen and (max-width: 768px) {
  .company_map_pc{
    display: none;
  }
  .company_map_sp{
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;/
    overflow: hidden;
    margin-bottom: 30px;
  }
  .company_map_sp iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .company_fright{
    float: none;
    margin: 0 !important;
  }
  .company_table{
    width: 100%;
    max-width: 768px;
    border: 1px solid #656565;
    border-bottom: none;
  }
  .company_table tbody,
  .company_table tr,
  .company_table th,
  .company_table td{
    display:block;
  }
  .company_table td{
    border-bottom:1px solid #656565;
  }
  .company_table tr td:first-child{
    width:100%;
  }
  .company_txt_pc{
    display:none;
  }
  .company_txt_sp{
    display:block;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    line-height: 1.5;
    margin: 30px 0px 20px !important;
    letter-spacing: 1.2px;
    font-size: 1.5em;
    text-align: center;
  }
  img.company_map{
    width: 212px;
    display: block;
    margin: 0 auto 10px !important;
  }
}
@media screen and (max-width: 480px) {
  .company_img_box .fl{
    width: 47%;
  }
  .company_img_box .fr{
    width: 47%;
    padding: 0 3%;
  }
  img.company_map{
    float: none;
  }
  .company_img_box{
    margin: 0;
  }
  .company_img_box .fr dd br{
    display: block;
  }
  .company_txt_sp{
    margin: 15px 0 10px !important;
    font-size: 1.1em;
  }
}
/* ======================================================

	inquiry

========================================================= */
.inquiry_table {
    width: 100%;
    max-width: 580px;
    margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  .inquiry_table {
    width: 100%;
    max-width: 768px;
    margin: 0 0 20px !important;
    border: 1px solid #ccc;
    border-bottom: none;
  }
  .inquiry_table tbody,
  .inquiry_table tr,
  .inquiry_table th,
  .inquiry_table td{
    display:block;
    width: 100%;
  }
  .inquiry_table td{
    border-bottom:1px solid #ccc;
  }
  .inquiry_table input {
    border: 1px solid #ccc;
    padding: 5px;
  }
  .inquiry_table input.inquiry_input{
    width: 100%;
  }
  .inquiry_table textarea{
     width: 100%;
     border: 1px solid #ccc;
     padding: 5px;
   }
  .inquiry_btn_txt{
    padding: 10px 20px;
  }
}
/* ======================================================

	urac

========================================================= */
@media screen and (max-width: 768px) {
  img.urac_img_01{
    width: 250px;
  }
  img.urac_img_02{
    width: 200px;
  }
  img.urac_img_03{
    width: 250px;
    padding-right: 10px;
  }
  img.urac_img_04{
    width: 100%;
    max-width: 522px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  img.urac_img_01{
    width: 100%;
    display: block;
    float: none;
    margin: 0 auto 10px !important;
  }
    img.urac_img_02{
    display: block;
  }
    img.urac_img_03{
      display: block;
      width: 100%;
      float: none;
      margin: 0 auto 10px !important;
      padding-right: 0;
    }
}
/* ======================================================

	matiya

========================================================= */
@media screen and (max-width: 768px) {
  img.matiya_img_01{
    width: 134px;
  }
  img.matiya_img_02{
    width: 250px;
  }
  img.matiya_img_03{
    width: 200px;
  }
}
@media screen and (max-width: 480px) {
  img.matiya_img_01{
    width: 100%;
    display: block;
    float: none;
    margin: 0 auto 10px !important;
  }
  img.matiya_img_02{
    width: 100%;
    display: block;
    float: none;
    margin: 0 auto 10px !important;
  }
  img.matiya_img_03{
    width: 100%;
    display: block;
    float: none;
    margin: 0 auto 10px !important;
  }
}


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

	model

========================================================= */
  img.model_img_01{
    width: 280px;
  }
@media screen and (max-width: 768px) {
  img.model_img_01{
    width:100%;
    max-width: 362px;
    display: block;
    float: none;
    margin: 0 auto !important;
  }
  img.model_img_02{
    width: 170px;
    display: block;
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 480px) {
  img.model_img_02{
    margin-bottom: 30px !important;
  }
}
/* ======================================================

	lifestyle

========================================================= */
img.lifestyle_img_01{
  width: 252px;
}
@media screen and (max-width: 768px) {
  img.lifestyle_img_01{
    width: 100%;
    display: block;
    float: none;
    margin: 0 auto 10px !important;
  }
}
/* ======================================================

	secondlife

========================================================= */
  .secondlife_table {
    max-width: 690px;
    width: 100%;
    margin: 0 !important;
  }
  .secondlife_table td{
    width: 340px;
  }
  .secondlife_txt_sp{
    display:none;
  }
  .secondlife_point_sp{
    display:none;
  }
  img.secondlife_img_01{
    width: 252px;
  }
@media screen and (max-width: 768px) {
  .secondlife_table {
    max-width: 768px;
    margin: 0 0 20px;
  }
  .secondlife_table tbody,
  .secondlife_table tr,
  .secondlife_table th,
  .secondlife_table td{
    display:block;
    width: 100%;
  }
  .secondlife_table td{
    margin-bottom: 20px;
  }
  .secondlife_table tr.secondlife_txt_pc{
    display:none;
  }
  .secondlife_txt_sp{
    display: block;
    background: #F8F8F8;
    padding: 10px;
    margin: 10px 0 20px !important;
    font-size: 1.3em !important;
  }
  .secondlife_point_pc{
    display:none;
  }
  .secondlife_point_sp{
    display:block;
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
  }
  .secondlife_point_sp .secondlife_point_ttl{
    font-size: 1.2em;
    background: #cd1b19;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
  }
  .secondlife_point_sp ul {
    padding: 15px 20px;
    margin: 0;
    font-size: 1.3em;
}
  .secondlife_point_sp ul li{
    margin-bottom: 3px;
  }
  img.secondlife_img_01{
    width: 100%;
    display: block;
    float: none;
    margin: 0 auto 10px !important;
  }
}
@media screen and (max-width: 480px) {
  .secondlife_point_sp ul {
    font-size: 1.1em;
  }
  .secondlife_txt_sp{
    font-size: 1.1em !important;
  }
  .secondlife_table td{
    margin-bottom: 10px;
  }
}
/* ======================================================

	proposal

========================================================= */
@media screen and (max-width: 768px) {
  img.proposal_img_01{
    width: 182px;
  }
  .img{
    margin-left:10px !important;
  }
  .img2{
    margin-right:10px !important;
  }
}
@media screen and (max-width: 480px) {
  img.proposal_img_01{
    width: 100%;
    display: block;
    float: none;
    margin: 0 auto 10px !important;
  }
  .img{
    margin-left: 0px !important;
  }
  .img2{
    margin-right: 0px !important;
  }
}

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

	apartment

========================================================= */
.apartment_sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .apartment_pc{
    display: none;
  }
  .apartment_sp{
    display: block;
  }
  .apartment_lifestyle_wrapper {
    margin: 20px 0 50px;
  }
  .apartment_lifestyle{
    width: 100%;
    height: 180px;
    clear: both;
    margin: 0 auto;
    padding: 0 30px;
  }
  .apartment_lifestyle_txt {
    float: left;
    width: 70%;
  }
  .apartment_lifestyle_ttl{
    font-weight: bold;
    margin: 0 !important;
    font-size: 1.5em !important;
  }
  p.apartment_lifestyle_ttl span{
    color: #85a979;
    font-size: 1.1em;
  }
  .apartment_lifestyle_txt ul{
    margin: 0px 0 10px;
    font-size: 1.3em;
    padding: 0 10px 0;
  }
  .apartment_lifestyle_txt ul li:first-child{
    font-weight: bold;
    margin: 5px 0 0;
  }
  .apartment_lifestyle_img {
    float: right;
    width: 30%;
  }
  .apartment_lifestyle_img img {
    width: 193px;
    float: right;
  }
  .apartment_chintai{
    background: #efeaea;
    border-radius: 10px;
    padding: 15px;
    margin: 20px 10px;
    font-size: 1.3em;
  }
  .apartment_chintai ul li{
    padding: 0 0 10px;
  }
  .apartment_chintai ul li:last-child{
    padding: 0px;
  }
  .apartment_merit{
    margin: 0 0 30px;
  }
  .apartment_merit_ttl{
    font-weight: bold;
    margin: 0 !important;
  }
  p.apartment_merit_ttl span {
    color: #e14654;
  }
  .apartment_merit {
    padding: 0 10px;
    margin: 20px 0 50px;
  }
}
@media screen and (max-width: 480px) {
  .apartment_lifestyle_wrapper {
    margin: 10px 0;
  }
  .apartment_lifestyle{
    padding: 0 0 10px;
    height: auto;
  }
  .apartment_lifestyle_txt {
    float: none;
    width: 100%;
  }
  .apartment_lifestyle_txt ul{
    font-size: 1.1em;
  }
  .apartment_lifestyle_img {
    float: none;
    width: 100%;
    text-align: center;
    margin: 5px 0 10px;
  }
  .apartment_lifestyle_img img {
    float: none;
  }
  .apartment_chintai{
    margin: 0;
    font-size: 1.1em;
  }
  .apartment_merit {
    padding: 0;
    margin: 0px 0 30px;
  }
}

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

	guarantee

========================================================= */
.guarantee_sp{
  display: none;
}
@media screen and (max-width: 768px) {
#wrap div#mainarea div.section {
    margin: 0 auto !important;
    max-width: 695px;
    clear: both;
    width: 100%;
  }
  .guarantee_pc{
    display: none !important;
  }
  .guarantee_sp{
    display: block;
    color: #fff;
    margin-bottom: 20px;
  }
  .guarantee_1_sp{
    background: #4764ad;
    padding: 10px 30px;
    text-align: center;
    border-radius: 10px;
    margin: 0 10px 10px;
  }
  .guarantee_2_sp{
    background: #b49d7b;
    padding: 10px 30px;
    text-align: center;
    border-radius: 10px;
    margin: 0 10px 10px;
  }
  .guarantee_1_sp p:first-child,
  .guarantee_2_sp p:first-child{
    font-size: 1.2em !important;
    font-weight: bold;
    padding-bottom: 5px;
  }
  .guarantee_1_sp p:nth-child(2),
  .guarantee_2_sp p:nth-child(2){
    font-size: 1.2em !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
  }
  .guarantee_1_sp p:nth-child(3),
  .guarantee_2_sp p:nth-child(3){
    padding-top: 5px;
  }
  .guarantee_section img{
    margin-bottom: 10px;
  }
  .guarantee_table {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    display: table-cell !important;
  }
}
@media screen and (max-width: 480px) {
  .guarantee_table {
    max-width: 768px;
    margin: 0 0 20px;
    border: 1px solid #ccc;
    border-bottom: none;
  }
  .guarantee_table tbody,
  .guarantee_table tr,
  .guarantee_table th,
  .guarantee_table td{
    display:block;
    width: 100%;
  }
  .guarantee_table td{
    border-bottom:1px solid #ccc;
  }
  .guarantee_table td:first-child{
    display:none;
  }
  .guarantee_table td:nth-child(2){
    text-align: center;
  }
}
/* ======================================================

	blog

========================================================= */
.blog_title_sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .blog_title_pc{
    display: none;
  }
  .blog_title_sp{
    display: block;
    background-image: none !important;
    background: #eaeaea !important;
    padding-left: 10px !important;
  }
}
/* ======================================================

	faq

========================================================= */
@media screen and (max-width: 768px) {
  dl.faq dt {
    padding-top:0;
    margin-bottom: 0px;
    background: url(../../faq/images/icon_q_sp.jpg) 10px 0px no-repeat;
  }
  dl.faq {
    margin-bottom: 0px;
  }
}
/* ======================================================

	flow

========================================================= */
.flow_h3_sp_1{
  display: none;
  }
.flow_h3_sp_2{
  display: none;
  }
.flow_h3_sp_arrow{
  display: none;
}
@media screen and (max-width: 768px) {
  .flow_h3_pc{
    display: none;
  }
  .flow_h3_sp_1{
    display: block;
    width: 100%;
    padding: 3px 10px;
    color: #423131 !important;
    background: -webkit-repeating-linear-gradient(-45deg, #fde4e4, #fde4e4 3px,#fbc4c6 3px, #fbc4c6 7px);
    background: repeating-linear-gradient(-45deg, #fde4e4, #fde4e4 3px,#fbc4c6 3px, #fbc4c6 7px);
  }
  .flow_h3_sp_2{
    display: block;
    width: 100%;
    padding: 3px 10px 5px;
    color: #423131 !important;
    background: -webkit-repeating-linear-gradient(-45deg, #e9f6fd, #e9f6fd 3px,#bee5fb 3px, #bee5fb 7px);
    background: repeating-linear-gradient(-45deg, #e9f6fd, #e9f6fd 3px,#bee5fb 3px, #bee5fb 7px);
  }
  .flow_h3_sp_arrow{
    display: block;
    width: 30px !important;
    margin: 10px auto !important;
  }
  .flow_h3_sp_txt{
    background: #fff;
    color: #252525;
    font-size: 0.8em !important;
    font-weight: normal;
    padding: 3px 5px;
  }
  .flow_h3_sp_txt span{
    font-weight: bold;
    color: #fff;
    background: #c3c3c3;
    padding:3px 7px;
    margin-right: 10px;
    border-radius: 3px;
  }
  .flow_img_01 {
    margin: 0 !important;
  }
}
/* ======================================================

	material

========================================================= */
.material_table_top{
  width: 717px;
}
.material_table{
  width: 310px;
}
.material_table td:first-child{
  width: 94px;
}
.material_table td:nth-child(2){
  width: 201px;
}
@media screen and (max-width: 768px) {
  .section .fright{
    float: none;
  }
  .section .ml10{
    margin-left: 0 !important;
  }
  .material_section{
    margin-bottom: 20px;
  }
  .material_section img{
    width: 50%;
    padding: 1px;
  }
  .material_table_top{
    margin: 0 auto 20px !important;
    max-width: 700px !important;
		width: 100%;
  }
  .material_table{
    width: 100%;
    max-width: 768px;
    border: 1px solid #656565;
    border-bottom: none;
    display: block !important;
    margin-bottom: 10px;
  }
  .material_table tbody,
  .material_table tr,
  .material_table th,
  .material_table td{
    display:block;
  }
  .material_table td{
    border-bottom:1px solid #656565;
  }
  .material_table td{
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  .material_table_top td{
    display: block;
    line-height: 1;
  }
}
/* ======================================================

	kengaku

========================================================= */
@media screen and (max-width: 768px) {
.kengaku_pc{ display:none;}
}
/* ======================================================

	sitemap

========================================================= */
@media screen and (max-width: 480px) {
  ul.sitemap {
    margin-left: 10px;
  }
}