@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,div{font-family:"游ゴシック Medium";}
@media screen and (min-width:768px){
	
}
/**********************************
/* 002:HEADER
************************************/



/**********************************
/* 003:MAIN
************************************/
.section_02 {
    background: #ab9676 url(../img/background02.png);
	margin-top:90px;
}

.s02_inner h2{
	font-weight: 700;
	font-size: 25px;
	margin-bottom:7px;
}
.section_02 p{
	margin-bottom:10px;
}

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

.box{
	margin-bottom: 20px;
}

.s02_inner h3{
	font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}


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

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

.menu dt{
	background:black;
}

.menu dt img{
    display: block;
}


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

.menu dd h3 , .other dd h3{
	font-size:20px;
	font-weight: 500;
    margin-bottom: 0px;
}

.menu dd p, .other dd p{
	font-size:16px;
	margin-bottom:0;
}

.other dd{
	height: 90px;
}






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

 



/**********************************
/* 100:RESPONSIVE
************************************/


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

	
/*main*/
.s02_inner::after {
  content: "";
  display: table;
  clear: both;
}
	
.box::after {
        content: "";
        display: table;
        clear: both;
    }

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

	
/*footer*/	

	
}


@media screen and (min-width:1024px){
/*header*/

/*main*/
.section_02{
	margin-top:160px;
}	
	
.s02_inner h2{
	font-size: 30px;
}
	
.section_02 p{
	margin-bottom:15px;
}
	
.s02_inner{
  padding:30px 0 65px;
}			
	
.menu {
	width:30%;
	margin:1.6666%;;
}
	
.menu_o{
	height: 320px;
	margin: 1.6666%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 10px 6%;
	width: 30%;
	float: left;
}
	
.other{
	margin: 0 5% 0 0;
	float: none;
	width: 100%;
}

.other dd {
    height: 82px;
}
	
.under{
	height:auto;
}	
	
	
/*footer*/	

}

@media screen and (min-width:1250px){
/*main*/
.menu_o {
	height: 348px;
    gap: 18px 6%;
}
	
.other dd {
	height: 90px;
}
	
.under{
	height:auto;
}		
}


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

}

@media screen and (min-width:1500px){
/*main*/
.menu_o {
	height: 394px;
    gap: 26px 6%;
}
	
.other dd {
	height: 100px;
}
	
.under{
	height:auto;
}	
}