@charset "utf-8";

.wrap{
	overflow-y:hidden;
}

div:after, dl:after, ul:after{
	content:none;
}

.modal_bg{
	border:3px solid #FFF;
	padding:50px 20px 70px;
	overflow:hidden;
	background:url("../images/common/beige_bg.jpg") center top repeat;
	max-width:1000px;
	margin:0 auto;
	
}



.modal_bg.ex{
	overflow:hidden;
	padding:60px 20px;
}

.modal_bg.ex02{
	overflow:hidden;
	padding:74px 20px;
}


.tokuho_wrap{
	max-width:600px;
	margin:0 auto;
}

.tokuho_in{
	display:flex;
	justify-content: center;
	align-items:flex-end;
}

.tokuho_in li:nth-child(1){
	margin-right:20px;
}

.tokuho_in p,
.origo_wrap .cap_l{
	font-size:12px;
	color:#6A5051;
}



.origo_wrap .cap_l{
	text-indent:-1em;
	padding-left:1em;
}

.tokuho_in p.t_ttl{
	font-size:15px;
	padding-bottom:10px;
	margin-bottom:10px;
	position: relative;
}

.tokuho_in p.t_ttl:before{
	content:"";
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	height:4px;
	background:url("../images/modal/txt_line.png") left center repeat-x;
}

.origo_wrap{
	max-width:710px;
	margin:0 auto;
}

.origo_wrap .origo_illust{
	margin-left:-30px;
}



.p_close{
	display:none;
}

body.mobile .p_close{
	display:block;
}



@media screen and (max-width: 768px){
	
	.modal_bg{
		padding:50px 20px 30px;
		position:relative;
	}
	
	.p_close{
		position:absolute;
		right:10px;
		top:10px;
	}
	
	.origo_wrap .origo_illust{
		margin-left:0;
	}


	

}


@media screen and (max-width: 375px){
	
	.tokuho_in{
		flex-wrap:wrap;
	}
	
	.tokuho_in li{
		width:100%;
	}
	
	.tokuho_in li:nth-child(1){
		margin-right:0;
		text-align: center;
		width:45%;
		margin:0 auto 20px; 
	}
	
	
	
}





.happy_wrap{
	padding:0 10px;
}

.happy_wrap *{
	font-family: dnp-shuei-mgothic-std, sans-serif,"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif!important;
    font-weight: 600!important;
}


.h_ttl{
	font-size:26px;
	color:#E15E15;
	font-weight:600;
}

.h_read{
	font-size:15px;
}

.btn_wrap{
	text-align: right;
}

.btn_wrap .btn a{
	background: #F7B635;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
    padding: 3px 10px;
    padding: 8px 10px 0px\0;
    transition: all 0.5s ease-in-out;
}


@media screen and (max-width: 480px){

	.modal_bg,
	.modal_bg.ex,
	.modal_bg.ex02{
		padding:40px 20px;
	}
	
	.happy_wrap{
		padding:0;
	}
	
	.h_ttl{
		font-size:20px;
	}
	
	.h_read{
		font-size:13px;
	}
	
}