@charset "utf-8";
/* #sec_head ----------------------- */
@media only screen and (max-width: 768px) {
	#sec_head h1 {
		background:url(../img/about/sec_head_img01.jpg) no-repeat 150% top;
		background-size:contain;
	}
}

@media print,screen and (min-width: 769px) {
	#sec_head h1 {
		background:url(../img/about/sec_head_img01.jpg) no-repeat right top;
		background-size:contain;
	}
}

/* .takarakuji_box_head ----------------------- */
@media only screen and (max-width: 768px) {
	.takarakuji_box_head {
		margin-bottom:30px;
	}
	
	.takarakuji_box_head h2 {
		margin:10px 0;
		color:#68438c;
		font-weight:700;
		font-size:1.5rem;
	}
}

@media print,screen and (min-width: 769px) {
	.takarakuji_box_head {
		margin-bottom:60px;
	}
	
	.takarakuji_box_head h2 {
		margin-bottom:30px;
		color:#68438c;
		font-weight:700;
		font-size:24px;
	}
	
	.takarakuji_box_head p {
		font-size:16px;
		line-height:2.2;
	}
}
/* text_style ----------------------- */
@media only screen and (max-width: 768px) {
	.title_style01 strong {
		font-size:2rem;
	}
	
	.title_style02 {
		margin:30px 0 15px;
	}	

	.title_style03 {
		margin:10px 0;
	}
	.att {
		margin-left: 1em;
		text-indent: -1em;
	}
}

@media print,screen and (min-width: 769px) {
	.title_style01 strong {
		font-size:42px;
	}

	.title_style02 {
		margin:40px 0 20px;
	}
	
	.title_style03 {
		margin:20px 0;
	}

	.title_style04 {
		margin-bottom: 30px;
	}
}

/* .box_style01 ----------------------- */
@media only screen and (max-width: 768px) {
	.box_style01 {
		margin:15px 3.125%;
	}
	
}

@media print,screen and (min-width: 769px) {
	.box_style01 {
		clear:both;
		margin:30px;
	}

}

/* list ----------------------- */
@media only screen and (max-width: 768px) {
	.list_tk {
		margin-bottom: 10px;
	}

	.list_tk li {
		padding-left: 16px;
	    position: relative;
	}
	.list_tk li:before {
		content: "・";
		position: absolute;
    	left: 0;
	}	
}

@media print,screen and (min-width: 769px) {
	.list_tk {
		margin-bottom: 10px;
	}
	.list_tk li {
		padding-left: 16px;
	    position: relative;
	}
	.list_tk li:before {
		content: "・";
		position: absolute;
    	left: 0;
	}
}

/* sec_contact ----------------------- */
@media only screen and (max-width: 768px) {
	.tk_contact {
		position: relative;
		margin-bottom: 80px;
		width: 100%;
		max-width: 440px;
		margin: 20px auto;
	}
	a.btn_inq {
		position: absolute;
	    display: block;
	    padding: 1% 1% 1% 6%;
	    width: 100%;
		background: #333 url(/files/img/takarakuji/ico_web.png) no-repeat 5.5% 50%;
		background-size: 11% auto;
	    font-weight: 700;
	    color: #fff;
	    text-decoration: none;
	    width: 30%;
	    bottom: 6.5%;
	    right: 3%;
	    font-size: 10px;
	    line-height: 1;
	}
}
@media only screen and (max-width: 320px) {
	a.btn_inq {
		bottom: 4.5%;
	}
	}

@media print,screen and (min-width: 769px) {
	.tk_contact {
		position: relative;
		margin-bottom: 80px;
		width: 685px;
		margin: 20px auto;
	}
	a.btn_inq {
		position: absolute;
	    display: block;
	    padding: 4px 4px 4px 47px;
	    background: #333 url(/files/img/takarakuji/ico_web.png) no-repeat 7.5% 50%;
	    background-size: 23px auto;
	    font-weight: 700;
	    color: #fff;
	    text-decoration: none;
	    width: 205px;
	    bottom: 22px;
	    right: 19px;
	}
	a.btn_inq:hover {
		background: #EE9224 url(/files/img/takarakuji/ico_web.png) no-repeat 7.5% 50%;
	    background-size: 23px auto;
	}
}

/* common ----------------------- */
.mgb10 {
	margin-bottom: 10px!important;
}
.link_blank {
	margin-right: 2px;
}