@charset "utf-8";

body {
    color: #333333;
    font-size: 14px;
	line-height: 1.73;
    font-family: Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    text-align: center;
}

strong {
    font-weight: bold;
    color: #e6122b;
}

.mb15 {
    margin: 0 0 15px;
}

.mb30 {
    margin: 0 0 30px;
}

/* ----- クリアフィックス -----*/

.cf { *zoom:1;/* For IE 6/7 (trigger hasLayout) */ }
.cf:before, .cf:after {
    content:"";
    display:table;
}
.cf:after { clear:both; }

/* ----- 大まかなレイアウト -----*/

#site_description {
    background: #0757b8;
    width: 100%;
    margin-top: 107px;
}

    #site_description .inner {
        color: #ffffff;
        font-weight: normal;
        text-align: left;
        width: 624px;
        background: #0757b8;
        padding: 10px 8px 10px 8px;
        margin: 0 auto;
    }
        
#wrapper {
    width: 640px;
    margin: 0 auto;
    font-size: 20px;
    text-align: left;
}

#footer {
    background: #0757b8;
    width: 100%;
    text-align: left;
}
            
    #footer .license {
        color: #ffffff;
        font-weight: normal;
        text-align: center;
        background: #0757b8;
        padding: 10px 0 10px 0;
        width: 640px;
		margin: 0 auto;
    }

/* ----- コンテンツ ----- */

#wrapper .header {  }
    
    #main_visual {
        margin: 0 auto;
        text-align: left;
        padding: 0 0 0 0;
        position: relative;
        
    }

#wrapper .topics_01 { margin: 0 0 15px 0; }
#wrapper .topics_02 { margin: 0 0 15px 0; }
#wrapper .topics_03 { margin: 0 0 15px 0; }
#wrapper .topics_04 { margin: 0 0 15px 0; }
#wrapper .topics_05 { margin: 0 0 15px 0; }
#wrapper .topics_07 { margin: 0 0 20px 0; }


/* プラン */

#wrapper .plan { margin: 30px 0 30px 0; }

	#wrapper .plan .title {
		
	}
		
		#wrapper .plan .subtitle {
			margin: 45px 0 15px 0;
		}
		
		#wrapper .plan .midashi {
			margin: 30px 0 15px 0;
		}
		
		#wrapper .plan .text {
			margin: 15px 30px 15px 30px;
		}
		
		#wrapper .plan .image {
			text-align: center;
			margin: 15px 0 15px 0;
		}
	
	#wrapper .plan .price {
		text-align: center;
		margin: 30px 0 30px 0;
	}

/* 価格 */

#wrapper #kakaku { margin: 30px 0 30px 0; }
	
	#wrapper #kakaku .title {
		
	}
	
		#wrapper #kakaku .image {
			margin: 30px 0 30px 0;
		}
		
/* 実績 */

#wrapper #jisseki { margin: 30px 0 30px 0; }
	
	#wrapper #jisseki .title {
		font-size: 75%;
	}
	
		#wrapper #jisseki .row {
			margin: 30px 0 30px 0;
		}
		
		
		#wrapper #jisseki .item {
			width: 280px;
			float: left;
		}
		
			#wrapper #jisseki .item_l { margin: 15px 15px 15px 30px }
			#wrapper #jisseki .item_r { margin: 15px 15px 15px 0px }
			
			#wrapper #jisseki .item .title {
				color: #ffffff;
				background: #0757b8;
				text-align: center;
				padding: 5px 10px 5px 10px;
				margin: 0 0 10px 0;
			}
#wrapper #jisseki_copy {margin:auto;}			

/* 製作の流れ */

#wrapper #nagare { margin: 30px 0 30px 0; }
	
	#wrapper #nagare .title {
		
	}
	
		#wrapper #nagare .midashi {
			margin: 30px 0 30px 0;
		}
		
		#wrapper #nagare .fr {
			float: right;
			margin: 0 0 15px 15px;
		}
		
		#wrapper #nagare .arrow {
			margin: 15px 0 15px 0;
		}


/* よくある御質問 */

#wrapper #qanda { margin: 30px 0 30px 0; }
	
	#wrapper #qanda .title {
		
	}
	
		#wrapper #qanda .q {
			font-size: 22px;
			font-weight: bold;
			background: url('../images/qanda_q.jpg') 0 8px no-repeat;
			padding: 0 0 0 40px;
			margin: 30px 15px 15px 15px;
		}
		
		#wrapper #qanda .a {
			background: url('../images/qanda_a.jpg') 0 8px no-repeat;
			border-bottom: dotted 1px #cccccc;
			padding: 0 0 30px 40px;
			margin: 15px 15px 15px 15px;
		}


/* ----- ボタン関連 ----- */

#wrapper .btn_01 {
	margin: 30px 14px 10px 14px;
}

#wrapper .btn_02 {
	margin: 10px 14px 30px 14px;
}

/* スマホボタン */


#call_block {
	display: flex;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 3;
}

#call_block .icon_tel {
	display: block;
}

#call_block .icon_form {
	display: block;
}

#call_block img {
	max-width: 100%;
}