@charset "UTF-8";

#content {
	overflow : hidden;
	margin: 0;
}
#main_content {
	margin: 0 auto;
	width: 950px;
	height: 1100px;
}



#main_img {
    margin: 0;
	padding: 30px 30px 30px 600px;
	width: 168px;
	height: 400px;
}

.news {
	margin-top:170px;
	background-color:#efefef;
	clear: both;
	height:50px;
}

.news_l {
	margin:0;
	padding:0;
	width:135px;
	height:50px;
	border-right:#FFF;
	float:left;
}


#main_content .btn_b_l {
	overflow : hidden;
	margin: 0;
	padding-left:6px;
	width: 310px;
	height: 158px;
	float: left;
}

.btn_b_l a{
	overflow: hidden;
	width: 310px;
	height: 158px;
	float: left;
	clear: both;
}
.btn_b_l img{
	border: none;
	/*margin-top: -160px;*/
}
.btn_b_l a:hover img{
	margin-top: -160px;
}

.btn_b {
	overflow : hidden;
	margin: 0;
	padding-left:5px;
	width: 310px;
	height: 158px;
	float: left;
}

.btn_b a{
	overflow: hidden;
	width: 310px;
	height: 158px;
	float: left;
	clear: both;
}
.btn_b img{
	border: none;
	/*margin-top: -160px;*/
}
.btn_b a:hover img{
	margin-top: -160px;
}

.btn_b_r {
	overflow : hidden;
	margin: 0;
	padding-left:5px;
	width: 310px;
	height: 158px;
	float: right;
}

.btn_b_r a{
	overflow: hidden;
	width: 310px;
	height: 158px;
	float: left;
	clear: both;
}
.btn_b_r img{
	border: none;
	/*margin-top: -160px;*/
}
.btn_b_r a:hover img{
	margin-top: -160px;
}


.top_com {
	margin-top:10px;
	padding:0;
}

.top_com_l {
	margin:0;
	padding:0;
	width:360px;
	height:382px;
	background-image:url(../img/top_com_l.png);
	float:left;
}

.top_com_l_mi {
	margin:0;
	padding:30px 10px 10px 20px;
}
.top_com_l p {
	margin:0;
	padding:10px 20px 10px 40px;
	font-size:14px;
	color:#898989;
}

.top_com_l_isogi {
	margin:15px 0 0 50px;
	padding:0;
	width:267px;
}

.top_com_l_isogi_link {
	margin:25px 0 0 60px;
	padding:0;
	width:250px;
	height:140px;
}
.top_com_l_isogi_link a{
	overflow: hidden;
	width: 250px;
	height: 70px;
	float: left;
	clear: both;
}
.top_com_l_isogi_link img{
	border: none;
	/*margin-top: -70px;*/
}
.top_com_l_isogi_link a:hover img{
	margin-top: -70px;
}



.top_com_r {
	margin:0;
	padding:0;
	width:590px;
	height:382px;
	background-image:url(../img/top_com_r.png);
	float:left;
}

.top_com_r_img {
	margin:12px 0 0 10px;
	padding:0;
}

.top_com_r p {
	margin:0;
	padding:10px 20px 10px 30px;
	font-size:14px;
	color:#898989;
}

.top_com_r_yukyu_link {
	margin:2px 0 0 30px;
	padding:0;
	width:250px;
	height:140px;
	float: left;
}
.top_com_r_yukyu_link a{
	overflow: hidden;
	width: 250px;
	height: 70px;
	float: left;
	clear: both;
}
.top_com_r_yukyu_link img{
	border: none;
	/*margin-top: -70px;*/
}
.top_com_r_yukyu_link a:hover img{
	margin-top: -70px;
}

.top_com_r_sinsei_link {
	margin:2px 0 0 20px;
	padding:0;
	width:250px;
	height:140px;
	float: left;
}
.top_com_r_sinsei_link a{
	overflow: hidden;
	width: 250px;
	height: 70px;
	float: left;
	clear: both;
}
.top_com_r_sinsei_link img{
	border: none;
	/*margin-top: -70px;*/
}
.top_com_r_sinsei_link a:hover img{
	margin-top: -70px;
}




h2 {
	position: relative;
	padding: .5em .75em;
	font-family : 'Yu Mincho','YuMincho',sans-serif ;
	background-color: #f6f6f6;
}
h2::before,
h2::after {
	position: absolute;
	bottom: 8px;
	z-index: -1;
	content: '';
	width: 30%;
	height: 50%;
	box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
}
h2::before {
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	left: .3em;
}
h2::after {
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
	right: .3em;
}






#m_content {
	margin: 0 auto;
	width: 950px;
}

#m_content .flow_wrp {
	margin:0;
	width:950px;
	height:925px;
	background-image:url(../img/flow_bg.png);
}

#m_content .flow_con {
	margin:0;
	padding:50px 0 30px 200px;
	clear:both;
}

.flow_content {
	margin:0;
	padding-right:20px;
	float:left;
}

.flow_content_ti {
	margin:0;
	padding:0;
	float:left;
}

.flow_content_ti h3 {
	margin:0;
	padding:0;
	font-size:18px;
	color:#777777;
}
.flow_content_ti p {
	font-size:14px;
	color:#777777;
}


#m_content .price_wrp {
	margin:0;
	width:950px;
	height:580px;
	background-image:url(../img/price_bg.png);
}

#m_content .price_con {
	margin:0;
	padding:70px 0 30px 50px;
	float:left;
}

.price_content {
	margin-bottom:30px;
	padding:0;
}

.price_arw {
	margin:0;
	padding:150px 0 0 100px;
	float:left;
}

.price_btn {
	margin:260px 0 0 60px;
	padding:0;
	width:250px;
	height:140px;
	float: left;
}
.price_btn a{
	overflow: hidden;
	width: 250px;
	height: 70px;
	float: left;
	clear: both;
}
.price_btn img{
	border: none;
	/*margin-top: -70px;*/
}
.price_btn a:hover img{
	margin-top: -70px;
}

.modal-overlay {
    z-index:2; /*デモではheader,footerをz-index:1にしたので それより上げています*/
    display:none; /*jsでフェードインされるまでdisplay:none*/
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh; /*100vhでビューポートの高さいっぱいになります*/
    background-color:rgba(0,0,0,.5)} /*これは好きな色・透明度で*/
a.modal-open:hover {cursor:pointer} /*カーソルをポインタに*/
.modal-content {
    position:fixed;
    display:none; /*jsでフェードインされるまでdisplay:none*/
    z-index:3; /*オーバーレイより上に*/
    margin:10px;
    padding:15px;
    border-radius:20px;
    background:#fff}
.modal-content img {width:auto;max-height:75vh}
.modal-content h1 {font-size:120%; margin-bottom:0.5em}
.modal-content p {max-width:565px; text-align:left}
a.modal-close { /*クローズボタンは何でも好きなスタイルでOK*/
    position:absolute;
    top:0;
    right:10px;
    color:#b29c33;
    font-size:35px;
    line-height:1;
    font-weight:bold;
    text-decoration:none}
a.modal-close:hover {cursor:pointer} /*カーソルをポインタに*/

.btn_plan {
	margin-top:10px;
	padding:0;
	width:250px;
	height:60px;
}
.btn_plan a{
	overflow: hidden;
	width: 250px;
	height: 30px;
	float: left;
	clear: both;
}
.btn_plan img{
	border: none;
	/*margin-top: -30px;*/
}
.btn_plan a:hover img{
	margin-top: -30px;
}