@import url(https://fonts.googleapis.com/css?family=Pacifico);

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}

/* 共通
------------------------------------------------------------*/
html {
    -webkit-overflow-scrolling: touch;
}
body{
	font-size: 14px;
	font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;
	font-weight: 300;
	-webkit-text-size-adjust:100%;
	overflow-x: hidden;
	color: #000;
	background: #fff;
    -webkit-overflow-scrolling: touch;
}
a{
	color:  #BCA751;
	text-decoration: none;
}

a:hover, .active{
  text-decoration: none;
}

a:active, a:focus,input:active, input:focus{outline:0;}


#container{
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
img{
	width: 100%;
	max-width: 1920px;
	height: auto;
	vertical-align: bottom;
	margin: 0 auto;
}

/* ヘッダー
------------------------------------------------------------*/
#header{
	display: flex!important;
	justify-content: space-between;	
	padding: 0.4%;
}
#header h1{
	margin: 0 auto;	
}
#header .logo{
	max-width: 200px;
}
.btn_top{
	padding: 13px 0 13px 400px;		
}
.btn_top img{
	width: 300px;		
}
@media only screen and (max-width: 820px){
	html,body{
	width: 100%;
	overflow-x: hidden;
	}
	#header{
		width: 100%;
		padding: 1%;
	}
	#header .logo{
	    width: 30%;
		padding:0 0 0 2% ;		
	}
 	.btn_top{
		padding:2% 0 2% 22% ;	
	}	
	.btn_top img{
		width: 40%;		
	}	
}
.pc { display: block !important; }
.sp { display: none !important; }
 
@media only screen and (max-width: 820px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
.lp_contents{
	margin:0 auto;
    -webkit-overflow-scrolling: touch;
	width: 100%;
}
.sec01{
	background-image: url("../images/sec01_bg.jpg");
    background-repeat: no-repeat;
	background-position-x:center; 
	background-position-y:center;
    background-size:cover;
	margin: auto;
	text-align:center;
    position: relative;	
	width: 100%;	
	top: 0;	
}
.sec01 .fv{
    position: relative;
	width: 100%;
	margin: 0 auto;
	top: 0;
	height: auto;
}
.pc_fv { display: block !important; }
.sp_fv { display: none !important; }
 
@media only screen and (max-width: 1280px) {
    .pc_fv { display: none !important; }
    .sp_fv { display: block !important; }
	.sec01 .fv{
    	position: relative;
		width: 100%;
		margin: 0 auto;
		top: 0;
		height: 722px;
	}	
} 
@media only screen and (max-width: 820px) {
    .pc_fv { display: none !important; }
    .sp_fv { display: block !important; }
	.sec01 .fv{
    	position: relative;
		width: 100%;
		margin: 0 auto;
		top: 0;
		height: auto;
	}	
}
.sec02{
	background-color: black;
    background-repeat: no-repeat;
	background-position-x:center; 
	background-position-y:center;
    background-size: contain;
	margin: auto;
	text-align:center;
}
.sec02 .cnt{
    position: relative;
	max-width:1280px;
	width: 100%;
	margin: 0 auto;
}
.sec02 .btn_offer{
    position: absolute;
    left: 8%;
    height: auto;
    top: 80.4%;
    width: 70%;
    transform: translate(10%,-10%);
}
.sec02 .btn_offer .btn_img{
	width: 100%;
	animation: pulse 1s ease 0s infinite alternate;
}
@keyframes pulse {
  from {
    transform: scale(0.95,0.95);
  }
  to {
    transform: scale(1,1);
  }
}
.sec02 .textarea{
	position: absolute;
	height: auto;
    top: 49%;
    width: 100%;
    font-size: 2rem;
    text-align: center;
    font-weight: 600;
    line-height: 200%;
}
.sec02 .textarea .emp{
	color: #88051B;
	font-size: 1.2em;
}
@media only screen and (max-width: 1280px){
	.sec02 .textarea{
	    font-size: 2.4vw;
		line-height: 180%;
	}
}
@media only screen and (max-width: 820px){
	.sec02 .textarea{
		left: 10%;
		top: 49.4%;
		width: 80%;
	    font-size: 2.4vw;
		line-height: 180%;
	}
	.sec02 .textarea .emp{
		font-size: 1.2em;
	}
}
.sec03{
	background-image: url("../images/sec03_bg.jpg");
    background-repeat: no-repeat;
	background-position-x:center; 
	background-position-y:center;
    background-size:cover;
	margin: auto;
	text-align:center;
    position: relative;	
	width: 100%;	
	top: 0;	
}

.sec04{
	background-image: url("../images/sec04_bg.jpg");
    background-repeat: no-repeat;
	background-position-x:center; 
	background-position-y:center;
    background-size:cover;
	margin: auto;
	text-align:center;
    position: relative;	
	width: 100%;	
	top: 0;	
}
.sec05{
	background-image: url("../images/sec05_bg.jpg");
    background-repeat: no-repeat;
	background-position-x:center; 
	background-position-y:center;
    background-size:cover;
	margin: auto;
	text-align:center;
    position: relative;	
	width: 100%;
	letter-spacing: 0.08vw;
	top: 0;		
}
.sec05 .textarea01{
	position: absolute;
	height: auto;
	top: 23%;
	width: 100%;
	font-size: 2rem;
	text-align: center;
	font-weight: 600;
	line-height: 160%;
	color: #ffffff;
}
@media only screen and (max-width: 1550px){
	.sec05 .textarea01{
	font-size: 1rem;
	}	
}	
.sec05 .textarea02{
	position: absolute;
	left: 50.4%;
	height: auto;
	top: 81.4%;
	width: 50%;
	}
.sec05 .textarea02 .txt_wrp{
	position: absolute;
	height: auto;
	top: 81.4%;
	padding: 7% 13%;
	font-size: 1.2vw;
	text-align: left;
	font-weight: 400;
	color: #ffffff;
	letter-spacing: 0.2vw;
	background-color: #222222;
}
.sec05 .textarea02 .pnt{
	font-size: 1.4em;
}
@media only screen and (max-width: 820px){
	.sec05 .textarea01{
		top: 22%;
		font-size: 0.7rem;	
	}
	.sec05 .pharea_soap{
		position: absolute;
    	left: 6%;
    	height: auto;
    	top: 78%;
    	width: 44%;
	}	
	.sec05 .textarea02{
		position: absolute;
		left: 54%;
		height: auto;
		top: 78%;
		width: 50%;
	}
	.sec05 .textarea02 .txt_wrp{
		position: absolute;	
		font-size: 2.3vw;
		padding: 9% 15%;	
	}	
	.sec05 .textarea02 .pnt{
		line-height: 240%;
		font-size: 1.2em;	
	}
	.sec06 .textarea01{
		width: 80%;
		left: 10%;	
	    font-size: 2.4vw;
		line-height: 160%;
	}	
}
.sec05 .col01{
    position: absolute;
    width: 100%;
    top: 84%;
    left: 10%;
    height: auto;
    transform: translate(-10%,-10%);	
}
.sec05 .col01 ul{
    display: flex;
	width: 1000px;
	text-align: center;
	margin: 0 auto;
	align-items: stretch;
}
.point{
	font-size: 1.2em;
	padding-bottom: 5%;
}
.sec05 .photo01{
	width: 48%;
    margin-right: 4%;
}
.sec05 .photo01 img{
	width: 100%;
}
.sec05 .box01 {
    width: 48%;
    background-color: #222222;
	display: flex;
	align-items: stretch;	
 	flex-direction: column;
  	justify-content: center;
  	align-items: center;	
}
.sec05 .box01 .soap_txt {
	font-size: 1.4rem;
	text-align: left;
	font-weight: 400;
	color: #ffffff;
	letter-spacing: 0.1vw;
	padding: 0 0 0 40%;
	width: 100%;  		
}
@media only screen and (max-width: 1550px){
	.sec05 .col01 ul{
	width: 60%;
}
.sec05 .box01 .soap_txt {
	font-size: 1.2rem;
	margin-top: -5%;
}
}
@media only screen and (max-width: 1248px){
.sec05 .box01 .soap_txt {
	font-size: 0.9rem;
	padding: 0 0 0 40%;
	width: 100%; 
	margin-top: -5%;
}
}
@media only screen and (max-width: 900px){
	.sec05 .col01 ul{
	width: 94%;
	}	
	.sec05 .col01{
    top: 83%;
    width: 60%;
    left: 26%;
	}	
	.sec05 .box01 .soap_txt {
	font-size: 0.8rem;
	margin-top: 0;
}	
}
@media only screen and (max-width: 820px){
	.sec05 .col01 ul{
	width: 100%;
	}	
	.sec05 .col01{
    top: 80%;
    width: 90%;
    left: 14%;
	}	
	.sec05 .box01 .soap_txt {
	padding: 0 0 0 18%;
	font-size: 0.78rem;
	margin-top: 0;
	line-height:150%;
	}	
}
.sec06{
	background-image: url("../images/sec06_bg.jpg");
    background-repeat: no-repeat;
	background-position-x:center; 
	background-position-y:center;
    background-size:cover;
	margin: auto;
	text-align:center;
    position: relative;	
	width: 100%;
	top: 0;
	letter-spacing: 0.08vw;
}
.sec06 .textarea01{
	position: absolute;
	left: 10%;
	height: auto;
	top: 15%;
	width: 80%;
	font-size:  2.4rem;	
	text-align: center;
	font-weight: 600;
	line-height: 160%;
	color: #ffffff;
}
.th_pt{
	position: absolute;
	width: 100%;	
	top:62%;
	height: auto;
	font-size: 1.4rem;	
	text-align: center;
	font-weight: 400;
	line-height: 160%;
	color: #ffffff;		
}
.th_pt ul{
    display: flex;
	justify-content: space-between;
	max-width: 1080px;
	width: 56.25%;
	text-align: center;
	margin: 0 auto;
	align-items: stretch;
}
@media only screen and (max-width: 1550px){
 	.sec06 .textarea01{
		font-size:  1.4rem;	
	}  
	.th_pt{
		font-size:  1rem;			
	}  
}
@media only screen and (max-width: 1440px){	
 	.sec06 .textarea01{
		font-size:  1.4rem;	
	}  
	.th_pt{			
		font-size:  0.8rem;			
	}  
}
@media only screen and (max-width: 900px){	
	.th_pt ul{
		width: 80%;
	}	
 	.sec06 .textarea01{
		font-size:  1.2rem;	
	}  
	.th_pt{
		font-size:  0.8rem;
	    width: 74%;
    	left: 13.4%;	
	}  
}
@media only screen and (max-width: 820px){
 	.sec06 .textarea01{
		font-size:  0.8rem;
		top: 10%;
		width: 100%;
		left: 0;
	}  
	.th_pt{
		position: absolute;
		width: 100%;	
		top:42%;
		height: auto;
		font-size: 0.7rem;
	    left: 0;	
	}	
	.th_pt .pt01{
		position: absolute;
		width: 42%;	
		top:5%;
		left:1%;
		height: auto;	
	}	
	.th_pt .pt02{
		position: absolute;
		width: 40%;	
		top:5%;
		left:55%;
		height: auto;	
	}
	.th_pt .pt03{
		position: absolute;
    	width: 100%;
    	top: 0;
    	margin-top: 36%;
    	left: 0%;
    	height: auto;
	}	
}
.sec06 .textarea05{
	position: absolute;
	left: 52%;
	height: auto;
	top: 36%;
	width: 40%;
	font-size: 1.4vw;
	text-align: left;
	font-weight: 400;
	line-height: 200%;
	color: #ffffff;
	letter-spacing: 0.2vw;	
	white-space: nowrap;
}
.sec06 .textarea05 .pnt{
	line-height: 360%;
	font-size: 1.2em;	
}
.step{
	background: repeating-linear-gradient(0deg, #B67B03 0.1em, #DAAF08 0.2em, #FEE9A0 0.3em, #DAAF08 0.4em, #B67B03 0.5em);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 1.6em;
	margin-left: -1%;
}
.sec07{
	background-image: url("../images/sec07_bg.jpg");
    background-repeat: no-repeat;
	background-position-x:center; 
	background-position-y:center;
    background-size:cover;
	margin: auto;
	text-align:center;
    position: relative;	
	width: 100%;
	top: 0;
	letter-spacing: 0.08vw;
}
.sec07 .col01{
	position: absolute;	
	width: 100%;
    top: 28%;
    left: 10%;
	height: auto;
    transform: translate(-10%,-10%);	
}
.sec07 .col01 ul{
    display: flex;
	width: 1000px;
	text-align: center;
	margin: 0 auto;
	align-items: stretch;
}
.point{
	font-size: 1.2em;
	padding-bottom: 5%;
}
.sec07 .photo01{
	width: 48%;
    margin-right: 4%;
}
.sec07 .photo01 img{
	width: 100%;
}
.sec07 .box01 {
    width: 48%;
    background-color: #222222;
	display: flex;
	align-items: stretch;	
 	flex-direction: column;
  	justify-content: center;
  	align-items: center;	
}
.sec07 .box01 .head_txt {
	font-size: 1.4rem;
	text-align: left;
	font-weight: 400;
	color: #ffffff;
	letter-spacing: 0.1vw;
	padding: 0 0 0 40%;
	width: 100%;  		
}
@media only screen and (max-width: 1550px){
	.sec07 .col01{
    top: 27%;
	}	
	.sec07 .col01 ul{
	width: 60%;
	}
	.sec07 .box01 .head_txt {
	font-size: 1.2rem;
	margin-top: -5%;
	line-height: 200%;
	padding: 0 0 0 30%;		
	}
}
@media only screen and (max-width: 1248px){
	.sec07 .box01 .head_txt {
	font-size: 0.9rem;
	padding: 0 0 0 30%;
	width: 100%; 
	margin-top: -5%;
}
}
@media only screen and (max-width: 900px){
	.sec07 .col01 ul{
	width: 94%;
	}	
	.sec07 .col01{
    top: 27%;
    width:100%;
	left:10%	
	 }	
	.sec07 .box01 .head_txt {
	font-size: 0.9rem;
	margin-top: 0;
}	
}
@media only screen and (max-width: 820px){
	.sec07 .col01 ul{
	width: 94%;
	}	
	.sec07 .col01{
    top: 28%;
	}	
	.sec07 .box01 .head_txt {
	font-size: 0.9em;
	padding: 0 0 0 20%;		
	margin-top: 0;
	}
	.sec07 .photo01{
	width: 100%;
    margin-right: 2%;
	}	
	.sec07 .box01 {
    width: 100%;	
	}	
}
@media only screen and (max-width: 768px){
	.sec07 .col01 ul{
	width: 94%;
	}	
	.sec07 .col01{
    top: 28%;
	}	
	.sec07 .box01 .head_txt {
	font-size: 0.7em;
	padding: 0 0 0 10%;		
	margin-top: 0;
	}
	.sec07 .photo01{
	width: 100%;
    margin-right: 2%;
	}	
	.sec07 .box01 {
    width: 100%;	
	}	
}
.sec08{
	background-image: url("../images/sec08_bg.jpg");
    background-repeat: no-repeat;
	background-position-x:center; 
	background-position-y:center;
    background-size:cover;
	margin: auto;
	text-align:center;
    padding: 0 0 300px 0;	
	width: 100%;
	top: 0;
	letter-spacing: 0.08vw;
}
.sec08 .col_brh{
	margin: -1260px auto 0 auto;
	z-index: 100;
	width: 100%;
}	
.sec08 .col_brh ul{
    display: flex;
	width: 1100px;
	text-align: center;
	margin: 0 auto;
	align-items: stretch;
}
.sec08 .photo01{
	width: 48%;
}
.sec08 .photo01 img{
	width: 100%;
}
.sec08 .box01 {
    width: 48%;
    margin-right: 6%;	
    background-color: #222222;
	display: flex;
	align-items: stretch;	
 	flex-direction: column;
  	justify-content: center;
    padding: 0 7%;
  	align-items: center;	
}
.sec08 .box01 .brh_txt {
	font-size: 1.2rem;
	text-align: left;
	font-weight: 400;
	color: #ffffff;
	letter-spacing: 0.1vw;
	width: 100%;  	
}
.sec08 .col_net{
	margin: 21rem auto 0 auto;
	z-index: 100;
	width: 100%;
}
.sec08 .col_net ul{
    display: flex;
	width: 1100px;
	text-align: center;
	margin: 0 auto;
	align-items: stretch;
}
.sec08 .photo01{
	width: 48%;
}
.sec08 .photo01 img{
	width: 100%;
}
.sec08 .box02 {
    width: 48%;
    margin-left: 6%;		
    background-color: #222222;
	display: flex;
	align-items: stretch;	
 	flex-direction: column;
  	justify-content: center;
    padding: 0 7%;
  	align-items: center;	
}
.sec08 .box02 .net_txt {
	font-size: 1.2rem;
	text-align: left;
	font-weight: 400;
	color: #ffffff;
	letter-spacing: 0.1vw;
	width: 100%;  		
}
@media only screen and (max-width: 1820px){
	.sec08 .col_brh{
	margin: -1140px auto 0 auto;
	}	
	.sec08 .col_brh ul{
	width: 60%;
	}
	.sec08 .col_net ul{
	width: 60%;
	}	
	.sec08{
    padding: 0 0 260px 0;	
	}	
}
@media only screen and (max-width: 1620px){	
	.sec08 .col_brh{
	margin: -68% auto 0 auto;
	}	
	.sec08 .col_net{
	margin: 14% auto 0 auto;
	}			
	.sec08 .box01{
    width: 50%;	
    padding: 0 5%;	
    margin:0 2% 0% 0;	
	}
	.sec08 .box02{
    width: 50%;	
    padding: 0 5%;
    margin-left: 2%;			
	}		
	.sec08 .photo01{
    width: 50%;	
	}
	.sec08{
    padding: 0 0 200px 0;	
	}		
}
@media only screen and (max-width: 1440px){
	.sec08 .col_net{
    width: 100%;	
	}		
	.sec08 .box01 .brh_txt,.sec08 .box02 .net_txt {
	font-size: 0.84rem;		
	}
	.sec08{
    padding: 0 0 180px 0;	
	}	
}
@media only screen and (max-width: 900px){		
	.sec08 .box01 .brh_txt,.sec08 .box02 .net_txt {
	font-size: 0.8rem;		
	}
	.sec08{
    padding: 0 0 30% 0;	
	}		
}
@media only screen and (max-width: 820px){
	.sec08 .col_brh{
	margin: -130% auto 0 auto;
	}	
	.sec08 .col_net{
	margin: 34% auto 0 auto;
	}	
	.sec08 .col_brh,.sec08 .col_net{
    width: 100%;
	}		
	.sec08 .col_brh ul{
	width: 94%;
	}
	.sec08 .col_net ul{
	width: 94%;
	}
	.sec08 .col_brh .box01 {
    width: 44%;
    padding: 0 5%;
	}	
	.sec08 .col_net .box02 {
    width: 44%;
    padding: 2% 7% 0;
	}		
	.sec08 .box01 .brh_txt,.sec08 .box02 .net_txt {
	font-size: 0.6rem;	
	line-height: 148%;	
}			
}
.sec_vc{
	background-color: black;
    background-repeat: no-repeat;
	background-position-x:center; 
	background-position-y:center;
    background-size:cover;
	margin:0 auto;
	text-align:center;	
	width: 100%;
	top: 0;
	padding-bottom: 3%;
	letter-spacing: 0.08vw;	
}
.sec_vc .hk01{
	background-image: url("../images/hk01_bg.jpg");
    background-repeat: no-repeat;
	background-position-x:center; 
	background-position-y:center;
    background-size:cover;
	margin:0 auto;
	text-align:center;	
	width: 100%;
}
.vc_wrp{
    width: 1280px;
	margin: 0 auto;
	text-align: center;
	padding: 5% 0;	
}
.str{
	font-size: 1.2em;
	border-bottom: solid 6px #585858;
	line-height: 110%;
	display: inline-block;
}
.str02{
	font-size: 1.3em;
	border-bottom: solid 6px #585858;
}
.str03{
	font-size: 1.3em;
	border-bottom: solid 6px #585858;
	line-height: 130%;
	margin: 0 0 0 5%;	
}
.hk02,.hk03,.hk04,.hk05,.hk06{
	position: relative;
	width: 100%;
	height: auto;
	top: 0;
}
.hk02 .voice{
    position: absolute;
    width: 100%;
    top: 26%;
    left: 13%;
    height: auto;
    color: #ffffff;
    font-size: 2.8rem;
    transform: transform translate(-50 -50 );
}
.hk03 .voice{
	position: absolute;	
    width: 100%;
	top: 26%;
    left: -12%;
	height: auto;
	color: #ffffff;
	font-size: 2.9rem;
}
.hk04 .voice{
	position: absolute;	
    width: 100%;
	top: 24%;
    left: 9%;
	height: auto;
	color: #ffffff;
	font-size: 2.9rem;
	line-height: 130%;
}
.hk05 .voice{
	position: absolute;	
    width: 100%;
	top: 41%;
    left: -12%;
	height: auto;
	color: #ffffff;
	font-size: 2.9rem;
	line-height: 130%;
}
.hk06 .voice{
	position: absolute;	
    width: 100%;
	top: 22%;
    left: 7%;
	height: auto;
	color: #ffffff;
	font-size: 2.9rem;
	line-height: 130%;
}
@media only screen and (max-width: 1620px){
	.vc_wrp{
    	width: 75%;
	}		
	.hk02 .voice{
    font-size: 2.3rem;
	}
	.hk03 .voice{
	font-size: 2.4rem;
	}
	.hk04 .voice{
	font-size: 2.5rem;
	line-height: 140%;
	}
	.hk05 .voice{
	font-size: 2.4rem;
	}
	.hk06 .voice{
	font-size: 2.4rem;
	}			
}	
@media only screen and (max-width: 1280px){
	.vc_wrp{
    	width: 84%;
	}	
	.hk02 .voice{
    font-size: 1.9rem;
	}
	.hk03 .voice{
	font-size: 2rem;
	}
	.hk04 .voice{
	font-size: 2rem;
	line-height: 130%;
	}
	.hk05 .voice{
	font-size: 2rem;
	}
	.hk06 .voice{
	font-size: 2rem;
	}		
}
@media only screen and (max-width: 900px){
	.vc_wrp{
    	width: 88%;
	}		
	.hk02 .voice{
    font-size: 1.6rem;
	}
	.hk03 .voice{
	font-size: 1.7rem;
	}
	.hk04 .voice{
	font-size: 1.7rem;
	line-height: 130%;
	}
	.hk05 .voice{
	font-size: 1.7rem;
	}
	.hk06 .voice{
	font-size: 1.7rem;
	}		
		
}
@media only screen and (max-width: 820px){	
	.vc_wrp{
    	width: 100%;
	}		
	.hk02 .voice{
    font-size: 3.3vw;
	}
	.hk03 .voice{
    font-size: 3.2vw;
	}
	.hk04 .voice{
	font-size: 3.3vw;
	line-height: 140%;
	}
	.hk05 .voice{
	font-size: 3.3vw;
	}
	.hk06 .voice{
	font-size: 3.3vw;
	}	
	.str{
	font-size: 1.2em;
	border-bottom: solid 3px #585858;
	}
	.str02{
	font-size: 1.3em;
	border-bottom: solid 3px #585858;
	}
	.str03{
	font-size: 1.3em;
	border-bottom: solid 3px #585858;	
	}	
}
.sec_toku{
	background-color: black;
    background-repeat: no-repeat;
	background-position-x:center; 
	background-position-y:center;
    background-size:cover;
	margin:0 auto;
	text-align:center;	
	width: 100%;
	top: 0;
	height: auto;
	padding-bottom: 10%;
	letter-spacing: 0.08vw;	
}
.tk_wrp{
    width: 1280px;
	margin: 0 auto;
	text-align: center;
	padding: 5% 0;	
}
.tk_txt{
	width: 100%;
	height: auto;
	font-weight: 700;
	font-size: 2.4rem;
	left: 0%;
	text-align:center;
	line-height: 140%;
	margin: -2140px 0 0 0;	
}
.tk_txt_btm{
    width: 100%;
    height: auto;
    font-weight: 700;
    font-size: 3.6rem;
    left: 0%;
    text-align: center;
    line-height: 200%;
    margin: 1000px 0 0 0;
	color: #ffffff;		
}
.tk_rd{
	color:#910721;
	font-size: 1.2em;
}
.tst_01{
	margin-bottom: 5%;	
}
.tst_02{
	font-size: 1.2em;
	line-height: 140%;
	margin-bottom: 5%;
}
.tst_03{
	font-size: 1.3em;
	line-height: 140%;
	margin-bottom: 5%;
}
.tk_bg{
	color: #000000;
	padding-bottom: 0.1%;
	border-bottom: solid 8px #D8CF59;	
}
 .nmb01_tk{
	font-size: 1.3em;
}
.nmb_bg{
	font-size: 1.6em;	
    letter-spacing: -2px;
	margin:-1%;
}
.nmb02_tk{
	font-size: 1.2em;
	padding-bottom:0.5%;
    border-bottom: solid 2px #ffffff;
}
@media only screen and (max-width: 1620px){
	.tk_wrp{
    	width: 80%;
	}	
	.tk_txt{
		margin: -166% 0 0 0;
		font-size: 2.1rem;	
	}
	.tk_txt_btm{
	    margin: 80% 0 0 0;	
        font-size: 3.2rem;		
	}	
	.sec_toku{
	padding-bottom: 14%;
	}		
}
@media only screen and (max-width: 1440px){
	.tk_txt_btm{
	    margin: 75% 0 0 0;	
        font-size: 3rem;		
	}

}
@media only screen and (max-width: 1280px){
	.tk_wrp{
    	width: 90%;
	}	
	.tk_txt{
		margin: -168% 0 0 0;
		font-size: 1.8rem;	
	}		
	.tk_txt_btm{
	    margin: 82% 0 0 0;	
        font-size: 2.8rem;		
	}		
	.sec_toku{
	padding-bottom: 16%;
	}	
}
@media only screen and (max-width: 1080px){	
	.tk_txt_btm{
	    margin: 77% 0 0 0;	
        font-size: 2.4rem;		
	}		
}
@media only screen and (max-width: 900px){	
	.tk_txt{
		margin: -168% 0 0 0;
		font-size: 1.4rem;	
	}		
	.tk_txt_btm{
   		margin: 79% 0 0 0;
    	font-size: 2.2rem;
    	line-height: 150%;
	}	
	.tk_bg{
		color: #000000;
		padding-bottom: 0.1%;
		border-bottom: solid 3px #D8CF59;	
	}	
}
@media only screen and (max-width: 768px){	
	.tk_txt{
		font-size: 3vw;	
	}
	.nmb02_tk{
    border-bottom: solid 1px #ffffff;
	}	
	.tk_txt_btm{
	    margin: 78% 0 0 0;		
        font-size: 4.2vw;		
	}
}
.sec09{
	background-image: url("../images/sec09_bg.jpg");
    background-repeat: no-repeat;
	background-position-x:center; 
	background-position-y:center;
    background-size:cover;
	margin: auto;
	text-align:center;	
	width: 100%;
	top: 0;
	letter-spacing: 0.08vw;
}
.sec09 .text_wrp{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	color: white;
	height: auto;
	padding: 5% 20%;
	font-weight: 400;
	line-height: 2vw;
	background-color: #141414;
	margin-top: -1130px;
}
.sec09 .text_wrp .ttl{
	font-size: 1.4rem;
	margin-bottom: 2vh;
	color: #BCA751;
} 
.sec09 .text_wrp .name{
	font-size: 1.4rem;
	color: #ffffff;
} 
.sec09 .textarea,.textarea02,.textarea03 {
	font-size: 1.1rem;
	padding: 1%;
	color: #ffffff;
	margin-bottom: 3vh;
}
.sec09 .textarea02 .name,.sec09 .textarea03 .name {
	font-size: 1.4rem;
	padding-bottom: 2%;
} 
.blank{
	padding-right: 18vw;
}
.wrp_prt{
	display: flex;
	justify-content: space-between;
	
}
@media only screen and (max-width: 1770px){
	.sec09 .text_wrp{
		margin-top: -55%;
	}	
	
}	
@media only screen and (max-width: 1440px){
	.sec09 .text_wrp{	
		line-height: 180%;	
		margin-top: -57%;		
	}	
}
@media only screen and (max-width: 820px){
	.sec09 .text_wrp{	
		margin-top: -90%;
		font-size: 2vw;	
		padding: 5%;
	}	
	.sec09 .text_wrp .ttl{
		font-size: 3vw;
	} 
	.sec09 .text_wrp .name{
		font-size: 0.8em;
	} 
	.sec09 .textarea,.textarea02,.textarea03 {
		font-size: 2vw;
	}
	.sec09 .textarea02 .name,.sec09 .textarea03 .name {
		font-size: 3vw;
	} 	
}
/* フッター
------------------------------------------------------------*/
#footer{
	clear: both;
	text-align: center;
	font-size: 1.4rem;
	background-color: #141414;
	color: #BCA751;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	padding-bottom: 5%;
}

#footer ul {
	padding: 0;
	margin-bottom: 5%;
}	
#footer li {
	display: inline-block;
}
@media only screen and (max-width: 820px){
	#footer{
	font-size: 0.9rem;
	}
}