@charset "UTF-8";

/*指定したタグの余白をなくす*/
body,header,h1,h2,p,ul,footer{margin: 0;
	padding: 0;}
body{font-family:  Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	#wrapper{margin: 0 auto;
		width: 100%;
		/*padding: 0 0px 0px 0;*/
		background-color:#fff;
		/* border:1px solid #f0ebeb; */
		/*border-top: none;
		border-bottom: none;*/
        overflow: hidden;
        /*background-image:url(../image/bg.gif);*/
}

		#container{overflow:hidden;
						margin: 0 auto;
						width: 90%;
                        background-color: #fff;
            padding-top:128px;
                       }



					

/*パンくずリスト*/
.breadcrumb {
  margin-left: 0;
  padding-left: 0;
    font-size: 12px;
}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-weight:normal;/*太字*/

}

.breadcrumb li:after{/* ▶を表示*/
  font-family: "Font Awesome 5 Free";
  content: '\f0da';
  padding: 0 3px;
  color: silver;
    font-weight:600;/*太字*/
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li{/*パンくず最後の文字の色*/
    color: #c1c1c1;
}
.breadcrumb li a {/*カーソルのせる前の文字*/
    text-decoration: none;
    color: #c1c1c1;
}

.breadcrumb li a:hover {/*カーソルのせた時のライン*/
    text-decoration: underline;
}

.breadcrumb li:first-child a:before{/*ホームアイコン*/
  font-family: "Font Awesome 5 Free";
    padding-left: 2px;
  content: '\f3c5';
  color: #e1e1e1;
    display: inline-block;/*ホームアイコンアンダーライン消す*/
    font-weight:600;/*太字*/
}



/*パンくずリスト終わり*/

/* フェイスブックアイコン */
						.fa-facebook{float: right;
						margin: -15px 0px 5px 0;
						color:#c1c1c1;
						font-size: 1.2em;
                            display: block;
                            /*display: none;*/
					}
					/*インスタグラムアイコン  */
					.fa-instagram{float: right;
            margin: 10px -17px 5px 0;
            color:#c1c1c1;
            font-size: 1.2em;
            display: block;            
                       /* display: none;*/
					}




/*メイン*/


/*


main{margin:auto;
   
    width:80%;
    background-color: #fff;
    }
    section{overflow:hidden;

}
*/
main{overflow:hidden; 
width:70%;
margin-left: 50px; /*サイド作って左寄りにするとき*/ 
background-color: #fff;   
       /* float:left;*//*サイド作って左寄りにするとき*/
      margin: 100px auto;
      /*  margin-top:100px;*/
        margin-bottom: 10px;
        padding-bottom: 10px;
       /* border:solid 1px #f0ebeb;
        border-top:none;
        border-bottom: none;*/
        }

    /*不動産にまつわる税額控除*/
   /* h2{padding-bottom:25px;
		 margin: 100px 0px 10px 5%;
        font-size:30px;
        color: #414347;
        }
*/


main h2{padding-bottom:25px;
    padding-left: 2%;
    padding-right: 2%;    
    margin-top: 100px;
    margin-bottom: 60px;
    text-align:center;/*テキスト中央寄せ*/
        /*font-size:30px;*/
       font-weight: lighter;
        color:#616161;
  letter-spacing:0.3em;
    }

/*h2 .font{font-family: 'Pathway Gothic One', sans-serif;
    font-size: 33px;
    letter-spacing:0.1em;
}5emのフォント*/

.topimg img{/*margin: 50px 0 100px 165px;*/
         /*margin: 50px 0 165px 19%;*/
    display: block;
    margin: 0 auto;
        padding-top: 50px;
    padding-bottom: 165px;
         max-width:60%;
        height: auto;
        /*object-fit: cover;*/ /*画像の縦横比を維持したままボックスを埋めたい時*/
							}

section{overflow:hidden;
    
}
 main p{margin: 30px 50px 20px 6.1%;
        color:/*#414347;*/#616161;
font-size: 15px;
font-weight: 100;    
line-height:4em;
     text-align: justify;/*文章の両はし揃える*/
    text-justify:inter-ideograph;/*文章の両はし揃える*/
        }


main ol{margin: 0px 50px 20px 2.9%;
        color:#616161;
        font-size: 17px;
        line-height:4em;
        font-weight: bold;
        list-style: none;
   
        }

 main li a{color:#616161;
        text-decoration: none;
     
     
        }
  
main li a:hover{color:#9e9c9c;
            transition: all ease-in-out .3s;
            }

/*項目*/
main h3{padding:4px 4px 4px 10px;
		 margin:12% 1% 3% 6%;
         color:#616161;
    font-size: 22px;
  letter-spacing:0.2em;
    border-left: solid 5px #e5decf;
    border-radius: 3px;
    font-weight:normal;
   
        }

h4{/*margin: 60px 0 0 60px;*//*小さなタイトル*/
    margin:12% 1% 3% 6%;
                color:#9e9c9c;
                font-size: 16px;
                padding:4px 11px 4px 10px;
                font-weight:bolder;
                border-left: solid 4px #c7b897;
                background-color:#e5decf;
                border-radius: 3px;
                display: inline-block;}


/*リスト*/
 .list{margin: 0px 3% 5% 7%;
        color:#9e9c9c;
        font-size: 16px;
        line-height:2.5em;
        font-weight: bold; 
        list-style: none;
      text-align: justify;/*文章の両はし揃える*/
    text-justify:inter-ideograph;/*文章の両はし揃える*/
            }



.list li:before {/*疑似要素 リストの前の丸ぽち*/
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコンの種類*/
    margin-left: -31px;
    margin-right: 7px;
    padding-right: 9px;
    
  /*position: absolute;*/
  /*left : 1.5em;*//*左端からのアイコンまでの距離*/
  color:#c7b897;/*アイコン色*/
    opacity: 0.5;/*アイコンの色薄く。数字小さい方が薄い*/ 
}

.attention p{color: #888;/*リストの中のpタグの注意書き*/         
    margin-bottom: -8px;
    margin-left: 1px;
    margin-top: 1px;
    margin-right: 1%;
     text-align: justify;/*文章の両はし揃える*/
    text-justify:inter-ideograph;/*文章の両はし揃える*/
}   
.list .list1{margin: 0px 50px 20px 40px;/*リストの中の小さなリスト*/
        padding-left: 0px;
        color:#9e9c9c;
        font-size: 15px;
        line-height:2em;
        font-weight: bold; 
        list-style: none;
}

.list .list1 li:before{/*疑似要素 小さなリストの前のチェック*/
  font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンの種類*/
    margin-left: -30px;
    padding-right: 5px;
  /*position: absolute;*/
  /*left : 1.5em;*//*左端からのアイコンまでの距離*/
  color:#c7b897;/*アイコン色*/
    opacity: 0.5;/*アイコンの色薄く。数字小さい方が薄い*/   
}


/*数字リスト*/
.list2{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
padding-left: 0px;
margin: -20px 3% 5% 7%;
        color:#616161;
        font-size: 17px;
        line-height:2.5em;}


.list2 li{
  position: relative;
  padding-left: 0px;
  /*line-height: 1.5em;*/
 /* padding: 0.5em 0.5em 0.5em 30px;*/
}


.list2 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #e5decf;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 19px;
  height: 19px;
  line-height: 19px;
  text-align:center;
    margin-left: -35px;
    margin-right: 8px;
    margin-top: 11px;
    }

/*数字リスト入れ子部分*/
.list3{
  counter-reset:number; /*数字をリセット*/
  /*list-style-type: none!important; *//*数字を一旦消す*/
    list-style-type: hiragana-iroha;
    font-size: 16px;
  padding:0.5em;
}
.list3 li{
  position: relative;
  padding-left: 30px;
  line-height: 2em;
  padding: 0.5em 0.5em 0.5em 5px;
    margin-right: -28px;
}

.list3 li:before{display: none;}

 
/*譲渡所得金額のだし方*/
.box1 {width: 80%;/*横幅*/
    position: relative;/*相対的ポジション*/
     margin-left: 6%;/*箱の外の左の空間幅*/
        margin-top: 10%;/*上の空間幅*/
    padding: 25px 10px 7px;/*内側空間*/
    border: solid 3px #c7b897;/*枠線*/
    border-radius: 8px;
    /*background-color: #F5FFFA;*/
}
.box1 .box-title{
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #c7b897;
    font-weight: bold;
}
.box1 p/*li*/{font-size: 18px;/*中の文字*/
    width: 85%;
    color:#757575;
    font-weight:bold;/*計算式太字*/
    vertical-align:center;
     position: relative;
    margin: 20px  auto;/*縦マージン１０　横中央*/
    list-style: none;
}
       

.box2 {width: 80%;/*横幅*/
    position: relative;/*相対的ポジション*/
     margin-left: 6%;/*箱の外の左の空間幅*/
        margin-top: 5%;/*上の空間幅*/
     margin-bottom: 8%;/*上の空間幅*/
    padding: 50px 10px 7px;/*内側空間*/
    border: solid 2px #BABABA;/*枠線*/
    border-radius: 3px;
    /*background-color: #fffdf1;*/
}

.box2 .box-title {/*左上の文字*/
    position: absolute;/*ポジション固定*/
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #BABABA;
    color: #ffffff;
    font-weight: bold;
}

/*吹き出し*/
  .balloon2-top {
 	position: relative;
	display: inline-block;
 	margin: 3% 0 0 6%;
	padding: 7% 0 3% 2%;
	min-width: 300px;
 	max-width: 95%;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 3px #e5decf;
 	box-sizing: border-box;
    border-radius: 15px;  
}

.balloon2-top:before{
	content: "";
	position: absolute;
	top: -24px;
	right: 30%;
 	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
 	z-index: 2;
}

.balloon2-top:after{
	content: "";
	position: absolute;
	top: -30px;
	right: 29.7%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #e5decf;
 	z-index: 1;
}

.balloon2-top .box-title{
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 30px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #e5decf;
    font-weight: bold;
}


/*四角数字リスト*/
.list4{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
padding-left: 0px;
margin: -20px 3% 5% 7%;
        color:#616161;
        font-size: 17px;
        line-height:2.5em;}


.list4 li{
  position: relative;
    
  padding-left: 1.5%;
  /*line-height: 1.5em;*/
 /* padding: 0.5em 0.5em 0.5em 30px;*/
}


.list4 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #c7b897;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
/*  border-radius: 50%;*/
  left: 0;
  width: 19px;
  height: 19px;
  line-height: 19px;
  text-align:center;
    margin-left: -6%;
    margin-right: 8px;
    margin-top: 11px;
    }


			#side{display: none;}


/*ページ全体のテーブル指定*/
table{text-align: center;
    width:85%;/*セルの幅を800pxに指定*/
     margin-left: 6%;/*箱の外の左の空間幅*/
        margin-top: 5%;/*上の空間幅*/
    margin-bottom: 5%;
    padding: 25px 10px 7px;/*内側空間*/
    color:#616161;
    font-size: 15px;
	border-collapse:collapse;　/*    表の境界線を結合してを表示する*/
    
     }
tr,td {font-size: 14px;
	height:30px;/*セルの高さを30pxに指定*/
	border:1px solid #e5decf;/*枠線を指定*/
   /* border-radius: 3px;*/
    padding:5px;}/*内側に5pxの余白を入れる*/
/*    text-align:center;}文字をセルの高さの真ん中に指定*/

.color td{background-color: #e5decf;/*テーブル最初の色変える*/
            }
.color td{border-right:solid 1px #fff;
 color:#fff;
font-weight: bold;}
.color td:last-child{border-right:none;/* 右側のボーダーは白くしないまま*/
}

th{background-color:#e5decf;/*テーブル最初の色変える*/
color:#fff;   
border-bottom: #FFF 1px solid;    
}
.color th{border-right: #FFF 1px solid; }
.last_th{border-bottom:none;/* テーブルタイトル一番下のボーダーは白くしないまま*/
}
.img img{margin:30px 10px 10px 55px;
        width: 50%;
        height: auto;
        float: left}

#cours3 .decompte a{color:#616161;
        text-decoration: none;
        font-weight: bold;
        }
#cours3 .decompte a:hover{color:#9e9c9c;
            transition: all ease-in-out .3s;
            }


#cours6 .decompte a{color:#616161;
        text-decoration: none;
        font-weight: bold;
        }

#cours6 .decompte a:hover{color:#9e9c9c;
            transition: all ease-in-out .3s;
            }

#cours4 td a{/*マイホームを譲渡した場合へジャンプ*/
color:#616161;
        text-decoration: none;
        font-weight: bold;
        }
  
#cours4 td a:hover{color:#9e9c9c;
            transition: all ease-in-out .3s;
            }




   

/*トップページへのボタン*/
#totop{
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
}

#totop a {
    display: block;
    
   /* background: #c7b897;
    opacity: 0.4;*/
    color: #e1e1e1;
    width: 80px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
}


	footer {width: 100%;
        height: 80px;
		margin: 25px 0 0 0px;
		padding: 10px 20px 10px 20px;
		text-align: center;
		
		border-top:1px solid #808080;
		background-color: #808080;
	}
footer p{font-size: 12px;
          color:#fff;
    margin: auto;
    margin-top: 20px;
}
  /* レスポンシブcss*/


/* 1264px以下の時 */
@media(max-width: 1264px) and (min-width: 961px) {

  body{
    margin: 0;
    padding: 0;
    background-color: grey; /* 作りやすい様に背景色 */
  }

  #wrapper{margin:0 auto;
		overflow: hidden;
    width: 100%; }
    
    /*メイン  */ 
    main{width: 75%;
    margin: 100px 100px 30px 100px;
         }


}

/* 960px以下の時 */
@media(max-width: 960px)and (min-width: 501px) {

  body{
    margin: 0;
    padding: 0;
  }

  #wrapper{margin:0 auto;
    width: 100%; }

   
			/*メインの幅*/
 /*メイン  */
    main{width: 90%;
    padding-left: 5%;
    padding-right: 1%;
    /* border: none; */
    margin-left: 1%;
        margin-right: 1%;
}
    
        
   
    main p{width: 95%;
        margin: 0;    
    }
			
    main h3{margin-left:0%; } 
    
    main h4{margin-left:0%; } 
    
   main .box2 {width: 88%;/*横幅*/
        padding-left: 20px;
      margin-right: -2%;
       
        margin-left: -1px;
        }
}
/*760px以下の時  */
  @media(max-width: 760px)and (min-width: 501px) {
      
        main p{width: 95%;
        margin: 0;
         }
}

/*500px以下の時  */
  @media(max-width: 500px){

      body{
    		margin: 0;
    		padding: 0;
    		background-color: grey; /* 作りやすい様に背景色 */
    	}

      #wrapper{margin:0 auto;
        width: 100%; }

    	

    #container{width:100%;}

		  .topimg{display: none;}
      
      
      
      

/*main {width: 95%;}*//*メインの幅*/
    main{width: 95%;
        margin: 20px 0px 15px 2%;
        padding: 0px;
        }    
    /*  h2{margin-left: 0;}*//*タイトルのマージン*/
     /* main p{margin-left: 0px;*//*本文のマージン*/ /*margin-right: 0px;         
      } */
   
main p{margin: 3%;
    padding:0px;   
    }
     
      main h3{margin-left: 1%;}/*小さなタイトルのマージンレフト*/
      
     main h4{margin: 10% 0 4% 1.5%;}
      main ol{margin: 0px 0px 20px -22px;}/*目次の横空間*/   
      .list{margin: 0px 10px 20px 10px;}/*リストの横空間*/ 
      
  #cours2 table{width: 99%;
      margin: 0 auto;}  /*テーブル位置１００%に*/  

    
      
      /*リスト*/
 .list{margin: 0px 0 0 28px;
      }
      
      .list li:before{padding-right: 0px;}      
.attention p{/*リストの中のpタグの注意書き*/         
    margin-bottom: -8px;
    margin-left:-23px;
    margin-top: -1px;
}  
      
.list .list1:before{padding-right: 1px;} 
.list .list1{margin-left:3px;/*リストの中の小さなリスト*/        margin-right:1px;
}
     
      
.list2{margin: -50px -4px 0 35px;
        }
    .list3{margin: 0px 16px 0 0px;
        }  
      .box2 {width: 92%;/*横幅*/
                margin: auto}
		#side{display: none;}
      
.img img{margin: 15px auto;
        width: 100%;
        height: auto;}
      
      .balloon2-top{width:90%;
                    margin: 0px -7px 0 5px;
                        /*padding: 0px;*/}      

    table{max-width:100%}
   
		footer{ width:100%; 
			}
      
		}/* スマホ用500px終わりのカッコ*/