@charset "utf-8";
/*
Theme Name: ※※_TITLE_※※
Version: 1.0
*/

/* *********************************
000:RESET
001:BASIC
002:HEADER
003:MAIN
004:FOOTER
005:
006:
007:
008:
100:RESPONSIVE
200:DRAWER
888:EXAMPLE
999:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{
margin:0;padding:0;border:0;font-style:normal;font-weight:500;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;}
a {text-decoration: none;}
/**********************************
/* 001:BASIC
************************************/
.rsp{width: 100%; height: auto;}
body{background: #101010 url("../img/background.png");}
p,a,h2,h3,dt,dd,td{font-family:"游ゴシック Medium";}
@media screen and (min-width:768px){
	
}
/**********************************
/* 002:HEADER
************************************/



/**********************************
/* 003:MAIN
************************************/
.mv p{
	margin-top:90px;
}

.section_01{
	width:90%;
	max-width:1350px;
}

.section_01{
	margin:35px auto;
}

.section_01::after {
	content: "";
	display: table;
	clear: both;
}	

.s01_img{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-bottom:15px;
}

.s01_img::after {
	content: "";
	display: table;
	clear: both;
}	

.s01_img p{
	width: 30%;
	margin-top: 0;
}

.s01_img p:nth-child(2) {
	margin: 60px 7px 0;
}


.s01_text{
	color:#fff;
	text-align: center;
}

.s01_text img{
	width:20%;
}

.s01_text h2{
	font-weight:700;
	font-size:25px;
	margin:10px 0 5px;
}

.section_02{
	background:#ab9676 url("../img/background02.png");
}

.s02_inner,.s03_inner{
	width:90%;
	max-width:1350px;
	margin:0 auto;
	padding:30px 0;
	text-align: center;
}

.menu{
	margin-bottom:20px;
	border: 7px solid #c4bc9a;
}

.menu dt{
	background:#000;
}


.menu dd{
	background: #c4bc9a;
    color: #000;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.menu dd h3{
	font-size:20px;
}

.menu dd p{
	font-size:16px;
}

.s02_inner p{
	clear: both;
}

.btn{
	background: #000;
	width: 70%;
    max-width: 264px;
	margin:30px auto 0;
	padding:6px;
}

.btn::after {
  content: "";
  display: table;
  clear: both;
}	

.btn a.btn_link { 
	display: block; 
	position: relative; 
	padding-right: 20px; 
}

.btn_link{
	border: 1px solid #c4bc9a;
	padding:10px 15px;
}

.btn_text::after {
  content: "";
  display: table;
  clear: both;
}	

.btn_text p{
	text-align:left;
	color:#c4bc9a;
	font-weight: 600;
	float:left;
}

.btn_text p span{
	font-size:18px;
	font-weight: 600;
}

.btn a.btn_link::after { 
  content: "";
  position: absolute;
  top: 50%; 
  right: 10px; 
  transform: translateY(-50%) rotate(45deg); 
  width: 15px;
  height: 15px;
  border-top: 4px solid #c4bc9a; 
  border-right: 4px solid #c4bc9a; 
}

.btn a:hover {
	opacity: 0.7;
}

.section_03,footer{
	background:#e5e3e0 url("../img/background03.png");
}





/**********************************
/* 004:FOOTER
************************************/







/**********************************
/* 100:RESPONSIVE
************************************/
@media screen and (min-width:700px){
/*header*/

/*main*/
.s01_text img {
    width: 13%;
}
	
.s02_inner::after {
  content: "";
  display: table;
  clear: both;
}		

.menu{
	float: left;
	width:47%;
	margin:1.5%;
}	

/*footer*/	

	
}


@media screen and (min-width:1024px){
/*header*/
	
	
/*main*/
.mv p{
	margin-top:160px;
}		
	
.section_01{
	margin:65px auto;
}
	
.s01_img{
	float: left;
	width:60%;
	margin-bottom:0;
}	
	

.s01_img p:nth-child(2) {
	margin: 60px 10px 0;
}
	
.s01_text{
	float:right;
	width:40%;
	text-align:left;
}	
		
.s01_text::after {
  content: "";
  display: table;
  clear: both;
}	
	
.s01_text img{
	margin-top:15px;
	width:20%;
}	
	
.s01_text h2{
	font-size:30px;
	margin:15px 0 5px;
}

.s02_inner{
  padding:65px 0;
}			
	
.menu{
	float: left;
	width:30%;
	margin:1.6666%;;
}
	
	
.btn{
	margin-top:40px;
}	

.btn_text p{
	text-align:left;
	color:#c4bc9a;
	font-size:18px;
}	

.btn_text p span{
	font-size:22px;
}	
		

/*footer*/	

}

@media screen and (min-width:1300px){
/*footer*/

	
	
	
	
	
}