@charset "utf-8";

/* ------------------------------
   Browser Reset
------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
}

* {
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-size: 100%;
}

html,body {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	background-color: #fff;
} 

body {
	font-size: 14px;
	color: #323232;
	line-height: 28px;

}

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


/*各スタイル
--------------------------------------*/
a {
	text-decoration: none;
	color: #3e3a39;
}
a:hover{
	color: #595655;
	text-decoration: underline;
}
a.anchor{
	padding-top:300px;
	margin-top:-100px
}

/*表示非表示切替
--------------------------------------*/
.pc_disp {
	display: inherit !important;
}
.sp_disp {
	display: none !important;
}


h1 {
	font-family: "黎ミンY20 B";
}
h2 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
	color:#051941;	
}
h3{
	font-size: 16px;
	font-weight: bold;
	color:#051941;
}
h4{
	
}
h5{
	
}

img{
	border: none;
}
p{
    font-size: 14px;
    line-height: 25px;
}

/*画像装飾
--------------------------------------*/
.pic_shadow{
	box-shadow:rgba(31, 33, 36, 0.25) 2px 2px 2px 0px;
	-webkit-box-shadow:rgba(31, 33, 36, 0.25) 2px 2px 2px 0px;
	-moz-box-shadow:rgba(31, 33, 36, 0.25) 2px 2px 2px 0px;
}

/*文字カラー、太さ指定
--------------------------------------*/
.red {
	color: #fc6662;
	font-weight: bold;
}
.bold{
	font-weight: bold;
}
.brownBold{
    font-weight: bold;
    border-bottom: 2px solid #e8d398;
}

/*サイズ指定
--------------------------------------*/
.width100 {
	width: 100%;
}
.width20 {
	width: 20%;
}
/*効果（シャドウ）
--------------------------------------*/
.shadow{
    position: relative;
    display: block;
    width: 100%; /* 画像の横幅 */
    margin: 0 auto;
    z-index: 1;
}
.shadow:before{
    content: "";
    position: absolute;
    bottom: 6px;
    left: 18px;
    width: 50%;
    box-shadow: 0 0 4px 8px rgba(0,0,0,0.6);
    z-index: -1;
    transform:rotate(-3deg)
}
.shadow:after{
    content: "";
    position: absolute;
    bottom: 6px;
    right: 18px;
    width: 50%;
    box-shadow: 0 0 4px 8px rgba(0,0,0,0.6);
    z-index: -1;
    transform:rotate(3deg)
}
/*float
--------------------------------------*/
.fleft {
	float: left;
}
.fright{
	float: right;
}
.left01{
	float: left;
	width: 250px;
	padding-left: 50px;
}
.right01{
	float: right;
	width: 650px;
	padding-top: 50px;
	font-size: 18px;
	line-height: 30px;
}
.right01 img{
	width: 100%;
	margin: 0;
	padding: 0;
}

/*clearfix
--------------------------------------*/
.cf {
	zoom: 1;
}

.cf:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

/*******************************************
ヘッダー
*******************************************/
/*IE対応*/
/* html body {     
    background: url(null) fixed;     
} 
* html div#header    {     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
}  */


/*共通
--------------------------------------*/
.mgt_10{
    margin-top: 10px;
}
.mgt_20{
    margin-top: 20px;
}
.mgt_30{
    margin-top: 30px;
}
.mgt_40{
    margin-top: 40px;
}
.mgt_50{
    margin-top: 50px;
}
.mgt_60{
    margin-top: 60px;
}
.mgt_70{
    margin-top: 70px;
}
.mgt_80{
    margin-top: 80px;
}
.mgt_90{
    margin-top: 90px;
}
.mgt_100{
    margin-top: 100px;
}
.mgb_10{
    margin-bottom: 10px;
}
.mgb_20{
    margin-bottom: 20px;
}
.mgb_30{
    margin-bottom: 30px;
}
.mgb_40{
    margin-bottom: 40px;
}
.mgb_50{
    margin-bottom: 50px;
}
.mgb_60{
    margin-bottom: 60px;
}
.mgb_70{
    margin-bottom: 70px;
}
.mgb_80{
    margin-bottom: 80px;
}
.mgb_90{
    margin-bottom: 90px;
}
.mgb_100{
    margin-bottom: 100px;
}
.pdt_10{
    padding-top: 10px;
}
.pdt_20{
    padding-top: 20px;
}
.pdt_30{
    padding-top: 30px;
}
.pdt_40{
    padding-top: 40px;
}
.pdt_50{
    padding-top: 50px;
}
.pdt_60{
    padding-top: 60px;
}
.pdt_70{
    padding-top: 70px;
}
.pdt_80{
    padding-top: 80px;
}
.pdt_90{
    padding-top: 90px;
}
.pdt_100{
    padding-top: 100px;
}
.pdb_10{
    padding-bottom: 10px;
}
.pdb_20{
    padding-bottom: 20px;
}
.pdb_30{
    padding-bottom: 30px;
}
.pdb_40{
    padding-bottom: 40px;
}
.pdb_50{
    padding-bottom: 50px;
}
.pdb_60{
    padding-bottom: 60px;
}
.pdb_70{
    padding-bottom: 70px;
}
.pdb_80{
    padding-bottom: 80px;
}
.pdb_90{
    padding-bottom: 90px;
}
.pdb_100{
    padding-bottom: 100px;
}

.fsz_30{
    font-size: 30px;
}

.bg_mine{
    background-image: url(../images/bg_mine.jpg);
}

.inner{
	width: 960px;
	margin: 0 auto;
	display: block;
}



/*ヘッダー
--------------------------------------*/
header{
    width: 100%;
    height: 350px;
    background-image: url(../images/keyVisual.jpg);
    background-size: 2000px 350px;
    background-repeat: no-repeat;
    background-position: center top;
}

#DateBlock{
    background: url(../images/bg_date.jpg) repeat-y;
	background-size: 2000px;
    /*background-size: cover;*/
    padding: 40px 0 30px;
    background-position: center top;
}

#DateBlock ul{
    width: 100%;
}
#DateBlock ul li{
    /*width: 460px;*/
	width: 310px;
    list-style: none;
    line-height: 0;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 15px;
}
#DateBlock ul li:nth-child(3n){
    margin-right: 0;
}
#DateBlock ul li:nth-child(1) .point_content,
#DateBlock ul li:nth-child(2) .point_content,
#DateBlock ul li:nth-child(3) .point_content,
#DateBlock ul li:nth-child(4) .point_content,
#DateBlock ul li:nth-child(5) .point_content,
#DateBlock ul li:nth-child(6) .point_content{
   /* height: 300px;*/
	height: 250px;
    margin-bottom: 40px;
}
#DateBlock ul li img{
    width: 100%;
    margin-bottom: 0;
}



#TextBlock{
    background: #fff;
    padding: 70px 0 70px;
}

#TextBlock .inner{
    width:850px;
    margin: 0 auto;
    display: block;
}

#TextBlock p{
	width: 550px;
	margin: 0 auto;
}


#whyBlock{
    width: 960px;
    padding: 50px 70px;
    margin: 0 auto;
    display: block;
}
#whyBlock .inner{
    width: 760px;
    margin: 0 auto;
    display: block;
}
.why_medal{
    width: 102px;
    margin: 0 auto 20px;
    display: block;
}
.why_title{
    width: 507px;
    margin: 0 auto 40px;
    display: block;
}
#recoBlock{
    border-top: 2px solid #9a7948;
    background-image: url(../images/bg_01.jpg);
    padding: 58px 0 45px;
}
.reco_title{
    width: 556px;
    margin: 0 auto 40px;
    display: block;
}
.reco_img_area{
    width: 100%;
}
.reco_img_area li{
    list-style: none;
    width: 300px;
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}
.reco_img_area li img{
    width: 100%;
}
.reco_img_area li:nth-child(3n){
    margin-right: 0;
}
.reco_img_area li:nth-child(4),
.reco_img_area li:nth-child(5),
.reco_img_area li:nth-child(6){
    margin-bottom: 0;
}




#pointBlock{
    background-image: url(../images/point_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 0 60px;
    background-position: center top;
}

#pointBlock ul{
    width: 100%;
}
#pointBlock ul li{
    /*width: 460px;*/
	width: 310px;
    list-style: none;
    line-height: 0;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 15px;
}
#pointBlock ul li:nth-child(3n){
    margin-right: 0;
}
#pointBlock ul li:nth-child(1) .point_content,
#pointBlock ul li:nth-child(2) .point_content,
#pointBlock ul li:nth-child(3) .point_content,
#pointBlock ul li:nth-child(4) .point_content,
#pointBlock ul li:nth-child(5) .point_content,
#pointBlock ul li:nth-child(6) .point_content{
   /* height: 300px;*/
	height: 250px;
    margin-bottom: 40px;
}
#pointBlock ul li img{
    width: 100%;
    margin-bottom: 0;
}

.point_arrow{
    width: 413px;
    margin: 0 auto 30px;
    display: block; 
}
.point_arrow img{
    width: 100%;
}
.point_title_01{
    width: 263px;
    margin: 0 auto 25px;
    display: block;
}
.point_title_02{
    /*width: 454px;*/
	width: 380px;
    margin: 0 auto 35px;
    display: block;
}
.point_content{
    padding: 15px;
    border: 1px solid #434d6e;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
}
.point_content img{
    padding-bottom: 20px;
}


#saleBlock{
    background: #f0f5fa;
	padding: 70px 0 50px;
}
#saleBlock .inner{
	width: 850px;
	margin: 0 auto;
}

#saleBlock ul{
    width: 100%;
}
#saleBlock ul li{
width: 374px;
    list-style: none;
    float: left;
    margin-right: 102px;
}
#saleBlock ul li:nth-child(2n){
    margin-right: 0;
}

#saleBlock ul li img{
    width: 374px;
    margin-bottom: 10px;
}

#t_estateBlock{
    width: 100%;
    height: 323px;
    background-image: url(../images/img_t_estate.jpg);
    background-size: 2000px 323px;
    background-repeat: no-repeat;
    background-position: center top;
}


#estateBlock{
    background: #051941;
	padding: 70px 0 50px;
}

#estateBlock .inner{
    width:960px;
    margin: 0 auto;
    display: block;
}

#estateBlock h2{
	color: #fff;
}
#estateBlock h3{
	color: #fff;
}
#estateBlock ul{
    width: 100%;
    margin: 0 auto 50px;
    display: block;
}

#estateBlock ul li{
    list-style: none;
    width: 286px;
   margin-bottom: 15px;
margin-right: 51px;
float:left;
color: #fff;
}
#estateBlock ul li a img{
	margin: 0;
	padding: 0;
}
#estateBlock ul li:nth-child(3n){
	margin-right: 0;
}
#estateBlock ul li img{
    width: 286px;
	margin-bottom: 10px;
}


#seminarBlock{
    background-image: url(../images/point_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px 0 60px;
    background-position: center top;
}

#seminarBlock .inner{
    width:800px;
    margin: 0 auto;
    display: block;
}


#seminarBlock ul{
    width: 100%;
}
#seminarBlock ul li{
    /*width: 460px;*/
	width: 250px;
    list-style: none;
    line-height: 0;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 25px;
}
#seminarBlock ul li:nth-child(3n){
    margin-right: 0;
}
#seminarBlock ul li:nth-child(1) .point_content,
#seminarBlock ul li:nth-child(2) .point_content,
#seminarBlock ul li:nth-child(3) .point_content,
#seminarBlock ul li:nth-child(4) .point_content,
#seminarBlock ul li:nth-child(5) .point_content,
#seminarBlock ul li:nth-child(6) .point_content{
   /* height: 300px;*/
	height: 250px;
    margin-bottom: 40px;
}
#seminarBlock ul li img{
    width: 100%;
    margin-bottom: 0;
}






#charmBlock{
    background: #f0f5fa;
    padding: 50px 0;

}
#charmBlock .inner{
    width: 960px;
}

.charm_title{
    /*width: 692px;*/
	width: 960px;
    margin: 0 auto 25px;
    display: block;
}
.charmList{
    width: 100%;
    margin: 0 auto 50px;
    display: block;
}
.charmList li{
    list-style: none;
    width: 286px;
   margin-bottom: 15px;
margin-right: 51px;
float:left;
}
.charmList li:nth-child(3n){
	margin-right: 0;
}

.charmList li img{
    width: 286px;
	margin-bottom: 10px;
}



#riskBlock{
    background: #051941;
    padding: 70px 0;

}
#riskBlock .inner{
    width: 960px;
}
#riskBlock .inner h2{
	color: #fff;
}

#riskBlock .inner .about_box{
	margin-bottom: 50px;
}

#riskBlock .inner .left_box{
	width: 530px;
	margin-right: 38px;
	float: left;
}
#riskBlock .inner .left_box p{
	color: #fff;
	margin-bottom: 15px;
}
#riskBlock .inner .right_box{
	width: 392px;
	float: right;;
}


.riskList{
    width: 100%;
    margin: 0 auto 50px;
    display: block;
}
.riskList li{
    list-style: none;
    width: 315px;
	float: left;
    margin-bottom: 45px;
	margin-right: 7px;
}
.riskList li:last-child{
    margin-right: 0;
}
.riskList li img{
    width: 315px;;
}

#riskBlock .economic_box{
	background: #fff;
	padding: 57px;
}
#riskBlock .economic_box h2{
	color: #051941;
}
#riskBlock .economic_box img{
	width: 845px;
	margin-bottom: 35px;
}
#riskBlock .economic_box p{
	margin-bottom: 10px;
}
#riskBlock .economic_box p.reference{
	border: 1px solid #ccc;
	padding: 3px 10px;
}

.riskList li div{
    /*width: 960px;*/
	width: 850px;
    display: block;  
}

.riskList li div img{
    /*width: 345px;*/
	width: 850px;
    /*float: left;*/
}




#corpBlock{
    background: #f0f5fa;
    padding: 70px 0;

}
#corpBlock .inner{
    width: 960px;
}

#corpBlock .title{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #051941;
	text-align: center;
	padding: 5px;
	margin-bottom: 30px;
}

.corpList{
    width: 100%;
    margin: 0 auto 50px;
    display: block;
}

.corpList li{
    list-style: none;
    width: 286px;
   margin-bottom: 15px;
margin-right: 51px;
float:left;
}
.corpList li:nth-child(3n){
	margin-right: 0;
}
.corpList li img{
    width: 286px;
	margin-bottom: 10px;
}

.corpList_02{
    width: 100%;
    margin: 0 auto 50px;
    display: block;
}

.corpList_02 li{
    list-style: none;
    width: 202px;
   margin-bottom: 15px;
margin-right: 50px;
float:left;
}
.corpList_02 li:nth-child(4n){
	margin-right: 0;
}
.corpList_02 li img{
    width: 202px;
	margin-bottom: 10px;
}

.corpList_02 li .tag{
	background: #051941;
	color: #fff;
	padding: 2px 5px;
}



.corpList li h3 img{
    width: 100%;
}
.corpList li div{
    /*width: 960px;*/
	width: 850px;
    display: block;  
}

.corpList li div img{
    /*width: 345px;*/
	width: 850px;
    /*float: left;*/
}





#qaBlock{
    width: 100%;
    background-image: url(../images/bg_01.jpg);
    padding: 70px 0 50px;
}
#qaBlock h2{
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #184774;
    font-size: 40px;
    text-align: center;
    margin-bottom: 50px;
}
#qaBlock ul{
    width: 100%;
}
#qaBlock ul li{
    list-style: none;
    background-color: #fff;
    border: 1px solid #a98d64;
    display: block;
    padding: 30px;
    
    /* box-shadow */
    box-shadow:5px 5px 0px 0px #cdbfaa;
}
.qa_list_q{
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #184774;
    font-size: 22px;
    background-image: url(../images/icon_q.png);
    background-repeat: no-repeat;
    padding-left: 80px;
    background-size: 32px;
    line-height: 42px;
}
.qa_border{
    width: 100%;
    height: 1px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,a98d64+24,a98d64+80,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 1%, #a98d64 24%, #a98d64 80%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 1%,#a98d64 24%,#a98d64 80%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 1%,#a98d64 24%,#a98d64 80%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

    margin-top: 20px;
    margin-bottom: 20px;
}
.qa_list_a{
    font-size: 15px;
    line-height: 30px;
    background-image: url(../images/icon_a.png);
    background-repeat: no-repeat;
    padding-left: 80px;
    background-size: 32px;
}
#qaPhotoBlock{
    width: 100%;
    height: 342px;
    background-image: url(../images/bg_03.jpg);
}
.qa_photo{
    width: 100%;
    height: 342px;
    background-image: url(../images/qa_photo.png);
    background-size: 2000px 342px;
    background-repeat: no-repeat;
    background-position: center top;
}


#semiBlock{
    width: 100%;
    background: #f0f5fa;
    padding: 50px 0 70px;

}
#semiBlock .inner{
    width: 960px;
}
#semiBlock .semi_box{
	margin-bottom: 50px;
}
#semiBlock .semi_box h3{
	background: #051941;
	color: #fff;
	padding: 5px 15px;
	margin-bottom: 20px;
}
#semiBlock .inner .left_box{
	width: 430px;
	float: left;
	margin-right: 40px;
}
#semiBlock .inner .left_box ul{
	margin-bottom: 10px;
}
#semiBlock .semi_box ul li{
    list-style: none;	
}
#semiBlock .inner .left_box img{
	width: 430px;
}
#semiBlock .inner .right_box{
	width: 430px;
	float: right;
}


#semiBlock .terms{
	background: #fff;
	padding: 30px;
	margin-bottom: 70px;
}

#semiBlock .btn_box{
	width: 271px;
	margin: 0 auto;
}
#semiBlock .btn_box img{
	width: 271px;
}

#semiBlock .terms_box{
	line-height: 130%;
}
#semiBlock .terms_box ul,#semiBlock .terms_box ol{
	margin-left: 2em;
	margin-bottom: 18px;
	line-height: 130%;
}
#semiBlock .terms_box ol li{
	list-style-type:decimal;
	list-style-position: outside;
	line-height: 130%;
}
#semiBlock .terms_box ul li{
	list-style-type:disc;
	list-style-position: outside;
	line-height: 130%;
}
#semiBlock .terms_box ol li ul {
	margin-bottom: 0;
	margin-left: 1em;
}
#semiBlock .terms_box ol li ul li{
	list-style-type:disc;
	list-style-position: outside;
	line-height: 130%;
}

.radio_txt{
    float: left;
    position: relative;
    display: block;
    width: 6em;
    top: 10px;
}
.formBlock{
    border-bottom: none !important;
}
.btn_submit{
    padding-bottom: 30px;
}
.btn_form{
    border: none;
    background: none;
    background-color: #7b5c0b;
    color: #fff;
    
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    width: 250px;
    padding: 20px 0;
    margin: 0 auto;
    display: block;
    font-size: 20px;
    
    /* box-shadow */
    box-shadow:0px 4px 0px 0px #563f02;
    
    transition: .3s;
}
.btn_form:hover{
    background-color: #ac7f0e;
}

#company{
    width: 100%;
    background: #fff;

    padding: 60px 0;
}
#company .inner{
    width: 900px;
    padding: 5px;
}
.company_content{
    background-color: rgba(255,255,255,0.9);
    padding: 30px 50px;
}
.company_list{
	margin-bottom: 30px;
}
.company_list li{
	width: 169px;
	list-style: none;
	float: left;
	margin-right: 13px;
}
.company_list li:last-child{
	margin-right: 0;
}
.company_list li img{
	width: 169px;
}
.company_list li.title{
	line-height: 51px;
	text-align: center;
}
.company_content a{
    text-decoration: underline;
}
.company_content a:hover{
    text-decoration: none;
}
.com_con{
    padding: 20px 40px;
}
.com_con dl{
    padding: 20px 0;
    border-bottom: 1px solid #a98d64;
}
.com_con dl:last-child{
    padding-bottom: 0;
}
.com_con dt{
    color: #184774;
    font-weight: bold;
    float: left;
    width: 120px;
}
.com_con dd{
    width: 450px;
    float: right;
}
.com_con dl:last-child{
    border-bottom: none;
}



/*フッター
--------------------------------------*/
footer{
    width: 100%;
    padding: 10px 0;
	background: #051941;
}
.footerCopy{
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    text-align: center;

}


/*サンクスページ
--------------------------------------*/
#thanksMsg{
    width: 80%;
    margin: 0 auto;
    padding-top: 100px;
}
.tks_logo{
    width: 300px;
    margin: 0 auto 50px;
}
.tks_logo img{
    width: 100%;
    display: block;
}
#thanksMsg p{
    text-align: center;
}



/*******************************************
スマホ用スタイル
*******************************************/
@media screen and (max-width: 768px) {

/*表示非表示切替
	--------------------------------------*/
	.pc_disp {
		display: none !important;
	}
	.sp_disp {
		display: inherit !important;
	}
	
	* {
		font-size: 18px;
		line-height: 36px;
		margin: 0;
		padding: 0;
	}
	
	p{
		font-size: 20px;
		line-height: 30px;
	}
	h2{
		font-size: 26px;
	}
	h3{
		font-size: 24px;
	}
	.inner{
		width: 92%;
		margin: 0 auto;
	}

    

    /*ヘッダー
    --------------------------------------*/


    header{
        width: 100%;
        height: auto;
        background:none;
    }
    header img{
        width: 100%;
    }


    #DateBlock{
        background-image: url(../images/bg_date_sp.jpg) repear-y;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 50px 0 30px;
        background-position: center top;
    }
    .point_arrow_sp{
        width: 100%;
        margin: 0 auto 30px;
        display: block; 
    }
    .point_arrow img{
        width: 100%;
    }
    .point_title_01{
        width: 70%;
        margin: 0 auto 15px;
        display: block;
    }
    .point_title_02{
        width: 90%;
        margin: 0 auto 15px;
        display: block;
    }
    #DateBlock ul{
        width: 100%;
    }
    #DateBlock ul li{
        width: 100%;
        list-style: none;
        line-height: 0;
        margin: 0;
        padding: 0;
        float: left;
        margin-right: 0;
        margin-bottom: 20px;
	border-bottom: #fff dotted 1px;
    }
    #DateBlock ul li:nth-child(2n){
        margin-right: 0;
    }
    #DateBlock ul li:nth-child(1) .point_content,
    #DateBlock ul li:nth-child(2) .point_content,
#DateBlock ul li:nth-child(3) .point_content,
    #DateBlock ul li:nth-child(4) .point_content,
#DateBlock ul li:nth-child(5) .point_content,
    #DateBlock ul li:nth-child(6) .point_content
{
        height: auto;
        margin-bottom: 10px;
    }
    #DateBlock ul li img{
        width: 100%;
        margin-bottom: 0;
    }
    #TextBlock{
        width: 100%;
        padding: 50px 0;
        margin: 0 auto;
        display: block;
    }
    #TextBlock .inner{
        width: 92%;
        margin: 0 auto;
        display: block;
    }
	#TextBlock .inner p{
	width: 100%;
}



    #whyBlock{
        width: 100%;
        padding: 50px 0;
        margin: 0 auto;
        display: block;
    }
    #whyBlock .inner{
        width: 92%;
        margin: 0 auto;
        display: block;
    }
    .why_medal{
        width: 102px;
        margin: 0 auto 20px;
        display: block;
    }
    .why_title{
        width: 100%;
        margin: 0 auto 30px;
        display: block;
    }
    #recoBlock{
        border-top: 2px solid #9a7948;
        background-image: url(../images/bg_01.jpg);
        padding: 20px 0 20px;
    }
    .reco_title{
        width: 100%;
        margin: 0 auto 20px;
        display: block;
    }
    .reco_img_area{
        width: 100%;
    }
    .reco_img_area li{
        list-style: none;
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .reco_img_area li img{
        width: 100%;
    }
    .reco_img_area li:nth-child(3n){
        margin-right: 0;
    }
    .reco_img_area li:nth-child(4),
    .reco_img_area li:nth-child(5),
    .reco_img_area li:nth-child(6){
        margin-bottom: 10px;
    }
    
    #pointBlock{
        background-image: url(../images/point_bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 50px 0 30px;
        background-position: center top;
    }
    .point_arrow_sp{
        width: 100%;
        margin: 0 auto 30px;
        display: block; 
    }
    .point_arrow img{
        width: 100%;
    }
    .point_title_01{
        width: 70%;
        margin: 0 auto 15px;
        display: block;
    }
    .point_title_02{
        width: 90%;
        margin: 0 auto 15px;
        display: block;
    }
    #pointBlock ul{
        width: 100%;
    }
    #pointBlock ul li{
        width: 100%;
        list-style: none;
        line-height: 0;
        margin: 0;
        padding: 0;
        float: left;
        margin-right: 0;
        margin-bottom: 10px;
    }
    #pointBlock ul li:nth-child(2n){
        margin-right: 0;
    }
    #pointBlock ul li:nth-child(1) .point_content,
    #pointBlock ul li:nth-child(2) .point_content,
#pointBlock ul li:nth-child(3) .point_content,
    #pointBlock ul li:nth-child(4) .point_content,
#pointBlock ul li:nth-child(5) .point_content,
    #pointBlock ul li:nth-child(6) .point_content
{
        height: auto;
        margin-bottom: 10px;
    }
    #pointBlock ul li img{
        width: 100%;
        margin-bottom: 0;
    }
    .point_content{
        padding: 20px;
        border: 1px solid #434d6e;
        box-sizing: border-box;
        width: 100%;
        background-color: #fff;
    }
    .point_content img{
        padding-bottom: 20px;
    }
    


    #charmBlock{
        background: #f0f5fa;
    }
    #charmBlock .inner{
        width: 92%;
    }
    .charm_title{
        width: 90%;
        margin: 0 auto 10px;
        display: block;
    }
    .charmList{
        width: 100%;
        margin: 0 auto 50px;
        display: block;
    }
    .charmList li{
        list-style: none;
        width: 100%;
	margin: 0;
	float: none;
        margin-bottom: 50px;
    }
    .charmList li:last-child{
        margin-bottom: 0;
    }
	.charmList li img{
	    width: 100%;
		margin-bottom: 20px;
	}
#charmBlock h3{
	margin-bottom: 10px;
}




   #riskBlock{
	 background: #051941;
        padding: 50px 0 20px;
    }
    #riskBlock .inner{
        width: 92%;
    }

	#riskBlock .inner .about_box{
		margin-bottom: 50px;
	}

	#riskBlock .inner .left_box{
		width: 100%;
		margin-right: 0px;
	margin-bottom: 30px;
		float: none;
	}
	#riskBlock .inner .left_box p{
		color: #fff;
		margin-bottom: 20px;
	}
	#riskBlock .inner .right_box{
		width: 100%;
		float: none;
	}

    .riskList{
        width: 100%;
        margin: 0 auto 50px;
        display: block;
    }
    .riskList li{
        list-style: none;
        width: 100%;
	margin: 0;
        margin-bottom: 30px;
    }
    .riskList li:last-child{
        margin-bottom: 0;
    }
	.riskList li img{
	    width: 100%;
	}

	#riskBlock .economic_box{
		background: #fff;
		padding: 30px 15px;
	}
	#riskBlock .economic_box h2{
		color: #051941;
	}
	#riskBlock .economic_box img{
		width: 100%;
		margin-bottom: 35px;
	}
	#riskBlock .economic_box p{
		margin-bottom: 10px;
	}
	#riskBlock .economic_box p.reference{
		border: 1px solid #ccc;
		padding: 3px 10px;
		font-size: 14px;
	}

#riskBlock .economic_box p.reference a{
	font-size: 14px;
	line-height:120%;
}



#corpBlock .title{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #051941;
	text-align: center;
	padding: 5px;
	margin-bottom: 30px;
}

.corpList{
    width: 100%;
    margin: 0 auto 50px;
    display: block;
}

.corpList li{
    list-style: none;
    width: 286px;
   margin-bottom: 15px;
margin-right: 51px;
float:left;
}
.corpList li:nth-child(3n){
	margin-right: 0;
}
.corpList li img{
    width: 286px;
	margin-bottom: 10px;
}

.corpList_02{
    width: 100%;
    margin: 0 auto 50px;
    display: block;
}

.corpList_02 li{
    list-style: none;
    width: 202px;
   margin-bottom: 15px;
margin-right: 50px;
float:left;
}
.corpList_02 li:nth-child(4n){
	margin-right: 0;
}
.corpList_02 li img{
    width: 202px;
	margin-bottom: 10px;
}

.corpList_02 li .tag{
	background: #051941;
	color: #fff;
	padding: 2px 5px;
}



.corpList li h3 img{
    width: 100%;
}
.corpList li div{
    /*width: 960px;*/
	width: 850px;
    display: block;  
}

.corpList li div img{
    /*width: 345px;*/
	width: 850px;
    /*float: left;*/
}




   #corpBlock{
	        background: #f0f5fa;
        padding: 50px 0 20px;
    }
    #corpBlock .inner{
        width: 92%;
    }

    .corpList{
        width: 100%;
        margin: 0 auto 50px;
        display: block;
    }
    .corpList li{
        list-style: none;
        width: 100%;
	margin: 0;
	float: none;
        margin-bottom: 50px;
    }
    .corpList li:last-child{
        margin-bottom: 0;
    }
    .corpList li img{
        width: 100%;
        margin-bottom: 20px;
    }

    .corpList li div{
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .corpList li div img{
        width: 100%;
        float:none;
    }

.corpList_02{
    width: 100%;
    margin: 0 auto 50px;
    display: block;
}

.corpList_02 li{
    list-style: none;
    width: 100%;
   margin-bottom: 15px;
margin-right: 50px;
float:none;
}
.corpList_02 li:nth-child(4n){
	margin-right: 0;
}
.corpList_02 li img{
    width: 45%;
	float: left;
	margin-bottom: 10px;
	margin-right: 30px;
}

.corpList_02 li .tag{
	background: #051941;
	color: #fff;
	padding: 2px 5px;
}





#t_estateBlock{
        width: 100%;
        height: auto;
        background:none;

}
#t_estateBlock img{
        width: 100%;
}


    #estateBlock{
        background: #051941;
        padding: 70px 0 50px;
	margin: 0;
    }
#estateBlock .inner{
    width:92%;
    margin: 0 auto;
    display: block;
}

#estateBlock ul{
    width: 100%;
   float: none;
}


    #estateBlock ul li{
        width: 100%;
        list-style: none;
        line-height: 0;
        margin: 0;
        padding: 0;
        margin-right: 0;
	margin: 0 auto 50px;
    }

    #estateBlock ul li:nth-child(2n){
        margin-right: 0;
    }
    #estateBlock ul li img{
        width: 100%;
        margin-bottom: 10px;
    }
    .estate_content{
        padding: 20px;
        border: 1px solid #434d6e;
        box-sizing: border-box;
        width: 100%;
        background-color: #fff;
    }


    #saleBlock{
        background-image: url(../images/sp/bg_sale_sp.jpg);
background-size: cover;
        background-repeat: no-repeat;
        padding: 50px 0 30px;
        background-position: center top;
    }
    #saleBlock .inner{
        width: 92%;
	margin: 0 auto;
    }
    .sale_title_02{
        width: 90%;
        margin: 0 auto 40px;
        display: block;
    }
#saleBlock ul{
    width: 92%;
	margin: 0 auto;
}
#saleBlock ul li{
    /*width: 460px;*/
	width: 100%;
    list-style: none;
    line-height: 0;
    margin: 0;
    padding: 0;
	margin-bottom: 50px;
}
#saleBlock ul li img{
    width: 100%;
    margin-bottom: 0;
}

    #seminarBlock{
        background: none;
        padding: 50px 0 30px;
    }
    #seminarBlock .inner{
        width: 92%;
	margin: 0 auto;
    }
    .seminar_title_02{
        width: 90%;
        margin: 0 auto 40px;
        display: block;
    }
#seminarBlock ul{
    width: 92%;
	margin: 0 auto;
}
#seminarBlock ul li{
    /*width: 460px;*/
	width: 100%;
    list-style: none;
    line-height: 0;
    margin: 0;
    padding: 0;
	margin-bottom: 20px;
}
#seminarBlock ul li img{
    width: 100%;
    margin-bottom: 0;
}

    #qaBlock{
        width: 100%;
        background-image: url(../images/bg_01.jpg);
        padding: 30px 0;
    }
    #qaBlock h2{
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        color: #184774;
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px;
    }
    #qaBlock ul{
        width: 100%;
    }
    #qaBlock ul li{
        list-style: none;
        background-color: #fff;
        border: 1px solid #a98d64;
        display: block;
        padding: 30px;
        
        /* box-shadow */
        box-shadow:5px 5px 0px 0px #cdbfaa;
        margin-bottom: 20px;
    }
    .qa_list_q{
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        color: #184774;
        font-size: 22px;
        background-image: url(../images/icon_q.png);
        background-repeat: no-repeat;
        padding-left: 80px;
        background-size: 35px;
        line-height: 36px;
    }
    .qa_border{
        width: 100%;
        height: 1px;
        
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,a98d64+24,a98d64+80,ffffff+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 1%, #a98d64 24%, #a98d64 80%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 1%,#a98d64 24%,#a98d64 80%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 1%,#a98d64 24%,#a98d64 80%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .qa_list_a{
        font-size: 17px;
        line-height: 30px;
        background-image: url(../images/icon_a.png);
        background-repeat: no-repeat;
        padding-left: 80px;
        background-size: 35px;
    }
    #qaPhotoBlock{
        width: 100%;
        height: auto;
        background-image: url(../images/bg_03.jpg);
    }
    .qa_photo{
        width: 100%;
        height: auto;
        background:none;
    }
    .qa_photo img{
        width: 100%;
    }



    #semiBlock{
        width: 100%;
        background: #f0f5fa;
        padding: 50px 0 70px;
    }
    #semiBlock .inner{
        width: 92%;
    }


#semiBlock .semi_box{
	margin-bottom: 50px;
}
#semiBlock .semi_box h3{
	background: #051941;
	color: #fff;
	padding: 5px 15px;
	margin-bottom: 20px;
}
#semiBlock .inner .left_box{
	width: 100%;
	float: none;
	margin-right: 0px;
	margin-bottom: 30px;
}
#semiBlock .inner .left_box ul{
	margin-bottom: 10px;
}
#semiBlock .semi_box ul li{
    list-style: none;	
}
#semiBlock .inner .left_box img{
	width: 100%;
}
#semiBlock .inner .right_box{
	width: 100%;
	float: none;
	margin-bottom: 20px;
}


#semiBlock .terms{
	background: #fff;
	padding: 30px;
	margin-bottom: 70px;
}

#semiBlock .btn_box{
	width:70%;
	margin: 0 auto;
}
#semiBlock .btn_box img{
	width: 100%;
}




    .semi_01{
        width: 100%;
        margin-bottom: 40px;
    }
    .semi_01 img{
        width: 100%;
        line-height: 0;
        display: block;
    }
    .semi_con{
        border: 1px solid #a98d64;
        background-color: #fff;
        padding: 10px 20px;
    }
    .semi_con dl{
        padding: 20px 0;
        border-bottom: 1px solid #a98d64;
    }
    .semi_con dt{
        color: #184774;
        font-weight: bold;
        float: none;
        width: 100%;
    }
    .semi_con dd{
        width: 100%;
        float: none;
    }
    .semi_con dl:last-child{
        border-bottom: none;
    }
    .semi_con a{
        text-decoration: underline;
    }
    .semi_con a:hover{
        text-decoration: none;
    }
    .semi_small{
        font-size: 12px;
    }
    .semi_limit{
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        padding: 20px 0;
    }
    
    
    .semi_con form{
        width: 100%;
    }
    .semi_con form dl{
        width: 100%;
        margin-bottom: 0px;
        padding-top: 0;
    }
    .semi_con form dt{
        float: none;
        width: 100%;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .semi_con form dt .dt_L{
        float: left;
        margin-right: 10px;
    }
    .semi_con form dt .dt_R{
        float: left;
        background-color: #990307;
        color: #fff;
        font-size: 13px;
        line-height: 18px;
        padding: 7px 5px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }
    .semi_con form dd{
        width: 100%;
        float: none;
    }
    .semi_con form dd input,
    .semi_con form dd textarea{
        border: 1px solid #a98d64;
        padding: 15px;
        box-sizing: border-box;
        width: 100%;
    }
    .semi_radio ul li{
        display: inline-block;
        margin-right: 0px;
        list-style: none;
        margin-bottom: 0;
    }
    .semi_radio ul li input{
        margin-right: 20px;
        position: relative;
        top: 15px;
        float: left;
        display: block;
        width: 20px;
    }
    .semi_radio ul li:last-child{
        margin-top: -10px;
    }
    .radio_txt{
        float: left;
        position: relative;
        display: block;
        width: 6em;
        top: 10px;
    }
    .formBlock{
        border-bottom: none !important;
    }
    .btn_submit{
        padding-bottom: 30px;
    }
    .btn_form{
        border: none;
        background: none;
        background-color: #7b5c0b;
        color: #fff;
        
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        width: 70%;
        padding: 20px 0;
        margin: 0 auto;
        display: block;
        font-size: 20px;
        
        /* box-shadow */
        box-shadow:0px 4px 0px 0px #563f02;
        
        transition: .3s;
    }
    .btn_form:hover{
        background-color: #ac7f0e;
    }
    


#company{
    width: 100%;
    background: #fff;
    padding: 60px 0;
}
#company .inner{
    width: 92%;
    padding: 0px;
}
.company_list{
	margin-bottom: 30px;
}
.company_list li{
	width: 100%;
	list-style: none;
	float: none;
	margin-right: 0px;
	margin-bottom: 20px;
}
.company_list li:last-child{
	margin-right: 0;
}
.company_list li img{
	width: 100%;
}
.company_list li.title{
	line-height: 51px;
	text-align: left;
	font-size: 22px;
}
.company_content a{
    text-decoration: underline;
}
.company_content a:hover{
    text-decoration: none;
}



    
    /*フッター
    --------------------------------------*/
    footer{
        width: 100%;
        height: auto;
        padding: 15px 0 15px;
        margin-top: -1px;
    }
    .footer_L{
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .footer_L img{
        width: 40%;
        margin: 0px auto;
        display: block;
    }
    
    .footer_R{
        float: none;
        width: 100%;
    }
    .footerCopy{
        font-size: 15px;
        line-height: 20px;
        text-align: center;
    }
    
}