@font-face {
  font-family: 'Noto Serif JP', serif;
  font-style: normal;
  font-weight: 400;
  src: url(https://themes.googleusercontent.com/static/fonts/kaushanscript/v1/qx1LSqts-NtiKcLw4N03IFhlQWQpSCpzb2Peu3I-Q34.woff) format('woff');
}
*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
  font: 400 12px/1.8 "Open Sans", sans-serif;
  color: #666;
  -webkit-font-smoothing: antialiased;
margin-right: auto;
margin-left : auto;
}

.font-serif-jp {
  font-family:'Noto Serif JP', serif;
  font-weight: 500;
}

h2{
font-size:160% !important;
font-family:'Noto Serif JP', serif !important;
line-height:1.0em;
text-align:center;
}

h2 span{
font-size:120% !important;
color:#7f91c5;
}

h3{
font-size:120% !important;
font-weight:bold;
}

#about,#services,#step,#point,#character,#faq{
width:100%;
height:auto;
padding:30px;
}

#services,#step,#point,#character,#faq{
padding-right:50px;
}


.form-font-size{
    font-size: 1.5em;
}


/*--------------------------------------------------------------
	モーダルウィンドウ
--------------------------------------------------------------*/

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: none;
}


.modal-header {
  min-height: 16.42857143px;
  padding: 30px;
  border: none;
  height:100%;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 2;
}
.modal-body {
  position: relative;
  padding: 15px;
}



.modal-open {
    padding-right: 0px !important;
}


/*--------------------------------------------------------------
	査定・鑑定ボタン
--------------------------------------------------------------*/
.yoyaku-btn{
width:80%;
height:80%;
}

/*--------------------------------------------------------------
	スクロール＆ボタン
--------------------------------------------------------------*/
#to-top,#to-inquiry{
z-index:9999;
}
#to-top{
position: fixed;
    bottom: 10px;
    right: 10px;
}
#to-inquiry{
position: fixed;
    top: 0px;
    right: 10px;
}

/*--------------------------------------------------------------
	メニュー
--------------------------------------------------------------*/
.navbar{
width:100%;

padding-bottom:10px;
background:#000 !important;

}

.navbar ul{
position:absolute;
top:10px;
right:30px;
}

.topmenu li{
display:inline-block;
margin-left:10px;
}

.topmenu a{
color:white;
}
a:hover{
color:#d8bfd8;
}

.cap{
text-align:center;
margin-top:30px;
}


/*--------------------------------------------------------------
	HODOKANTOS since1996
--------------------------------------------------------------*/


#main {
height:550px;
padding-top:100px;
background:url(../images/hodokantos_bg01.jpg);
background-size: cover;
}




/*--------------------------------------------------------------
	ほどかんとすとは
--------------------------------------------------------------*/

#about{
width:100%;
height:100%;
background:url(../images/hodokantos_bg01-1.png);
background-repeat: no-repeat;
background-position: top center;

}

#about h2{
line-height:1.5em;
}

#about p{
margin-top:50px;
text-align:center;
line-height:2.5em;
}





/*--------------------------------------------------------------
	サービス
--------------------------------------------------------------*/


#services{
background:url(../images/hodokantos_bg02.jpg);
background-size: cover;

}



.square{
	background:white;
	padding:30px;
	margin:20px;
	}


.col01,.col02,.col03{
background:white;
}
.col01 h3,.col02 h3,.col03 h3{
text-align:center;
margin-bottom:10px;
}

.kaitori{
margin-left:20px;
}

/*--------------------------------------------------------------
	3つのステップ
--------------------------------------------------------------*/

#step{

margin:auto;
}
#step img{
margin:70px 0 70px 0;

}

#step h3,#step p{
text-align:left;
}


/*--------------------------------------------------------------
	ほどかんとすポイント
--------------------------------------------------------------*/
#point{
background:url(../images/hodokantos_bg03.jpg);
background-size: cover;
}

#point h2,#point .cap{
color:white;
}

#point .mx-auto{
width:605px;
}

.modal-header h4{
font-size:160%;
}


/*--------------------------------------------------------------
	宇武洲七 小袖
--------------------------------------------------------------*/
#character {
background:url(../images/hodokantos_bg04.gif);
background-size: cover;
}

#character h2{
text-align:left;
margin-bottom:20px;
}

#character .kosode img{
position:relative;
left:15%;
}

#character .white{
color:white;
}


.profile{
background:white;
padding:20px 20px 30px 20px;
margin:20px 0 30px 0;

}
.profile h3{
color:#d96a9a;
margin-bottom:0px;
font-size:130% !important;
}
.profile p{
margin-top:10px;
}
.profile span{
color:#d96a9a;
font-weight:bold;
}



/*--------------------------------------------------------------
	FAQ
--------------------------------------------------------------*/
#faq{
background:url(../images/hodokantos_bg05.jpg);
background-size: cover;
}


#faq h2{
color:white;
font-size:250% !important;
letter-spacing: 10px;

}
#faq h3,#faq .con1,#faq .white{
color:white;
}

#faq h3 img {
width:1.6em;
 padding-right:10px;
}

#faq h3{
margin:20px 0 10px 0;
}


#faq a.text-body {
text-decoration: none;
font-size:60%;
font-weight:bold;
}


#faq .inq{

text-align:center;

}
#faq .inq img{
margin-bottom:10px;
}

#faq .white{
margin:50px 0 20px 0;
}


/*--------------------------------------------------------------
	フッター
--------------------------------------------------------------*/
.footer{
clear:both;
background:black;
}
.footer .rogo,.footer ul{
text-align:center;
}
.footer a{
color:white !important;
font-weight:bold;
font-size:100%;
}
.footer ul{
margin-top:80px;
}
.footer ul li{
    display: inline;
 }
.footer li{
padding-left:20px;
}
.copyright{
text-align:center;
color:white;
}

.footer h5{
margin-top:10px;

}