@charset "UTF-8";

/* ------------------------------------------------------
■初期設定
------------------------------------------------------ */
body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img,
header,footer,nav,section{
	margin			: 0;
	padding			: 0;
	border			: none;
	outline			: none;
}

header,footer,nav,section{
	display			: block;
}

html{
  font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	-webkit-text-size-adjust: none;
}

li{
	list-style		: none;
}

body{
	color			: #000;
}

a{
	color			: #372318;
	/*! text-decoration		: none; */
}

/* ------------------------------------------------------
■オプション
　角丸にしたいコンテンツにクラスで指定
------------------------------------------------------ */
.corner{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.corner img{
	background:#FFF;
	padding:1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/* ------------------------------------------------------
■header
------------------------------------------------------ */
header{
	height: 220px;
	background		: no-repeat url(img/titleback.png);
}



/* if width:800px
-------------------------------------------------------*/
@media screen and ( max-width:800px )
{

header{
	height			: 220px;
}

header ul li.logo{
	width			: 80%;
	margin			: 0 10%;
	float			: left;
	text-align: center;
}

header ul li.logo img{
	width			: 100%;
	height			: auto;
	max-width: 240px;
}

}/* end if width:800px */

/* if width:440px
-------------------------------------------------------*/
@media screen and ( max-width:440px )
{

header{
	height			: 210px;
	background-size		: 100% !important;
}

}/* end if width:440px */

/* if width:400px
-------------------------------------------------------*/
@media screen and ( max-width:400px )
{

header{
	height			: 190px;
	background-size		: 100% !important;
}

}/* end if width:400px */

/* if width:360px
-------------------------------------------------------*/
@media screen and ( max-width:360px )
{

header{
	height			: 180px;
	background-size		: 100% !important;
}

}/* end if width:360px */

header ul{
	width			: 100%;
	max-width		: 480px;
}

header ul li.logo{
	width			: 80%;
	margin			: 0 10%;
	float			: left;
	text-align: center;
}

header ul li.logo img{
	width			: 100%;
	height			: auto;
	max-width: 240px;
}

header ul li.sns{
	margin			: 5px 5px 0 10px;
	float			: right;
}

header ul li.sns img{
	margin			: 0 8px;
}

header ul li.number{
	margin			: 40px 10px 0 0;
	line-height		: 20px;
	float			: right;
}

header ul li.number p{
	font-size		: 25px;
}

header ul li.number b{
	font-size		: 12px;
	font-weight		: normal;
}

/* ------------------------------------------------------
■menu
------------------------------------------------------ */

#menu{
	width			: 100%;
	overflow		: hidden;
	border-top		: solid 1px #000;
	border-bottom		: solid 1px #000;
	position		: relative;
}

nav ul{
	
}

nav li{
	width			: 33.3%;
	background		: #FFF;
	text-align		: center;
	float			: left;
	box-sizing		: border-box;
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	-ms-box-sizing		: border-box;
}

nav li:nth-child(2){
	border-left		: solid 1px #000;
	border-right		: solid 1px #000;
	letter-spacing		: -1px;
}

nav li a{
	padding			: 10px 0;
	font-size		: 15px;
	font-weight		: bold;
	color			: #372318;
	display			: block;
	text-decoration		: none;
}

nav li a:link, a:visited, a:hover, a:active{
	color			: #372318;
}

nav li.turn a{
	letter-spacing		: /*2px*/;
}

nav li.turn img{
	margin-bottom		: -4px;
}

/* ------------------------------------------------------
■banner
------------------------------------------------------ */
#banner{
	
}

#banner ul{
	width			: 100%;
	margin-bottom		: 20px;
	color			: #FFF;
	float			: left;
	position		: relative;
}

#banner ul li{
	margin			: 10px 0;
	text-align		: center;
}

#banner ul li:nth-child(1){
	margin			: 40px 0 10px 0;
}

#banner ul li a{
	font-size		: 12px;
	display			: block;
	color			: #FFF;
}

#banner ul li img{
	width			: 90%;
	max-width		: 450px;
	height			: auto;
	margin			: 0 auto;
	padding			: 0px;
	display			: block;
}


/* ------------------------------------------------------
■footer
------------------------------------------------------ */
#footer{
	width			: 100%;
	height			: 100%;
	float			: left;
	background		: #FFF;
	color			: #666;
}

#footer .copy{
	width			: 90%;
	margin			: 10px auto;
}

#footer .copy h3{
	font-size		: 100%;
	text-align		: left;
}

#footer .copy p:before{
	/*! content			: '〒680-0846\a鳥取市扇町7　鳥取フコク生命駅前ビル1F\aTEL.0857(24)4740　FAX.0857(24)4736'; */
  white-space: pre;
}

#footer .copy p{
	font-size		: 80%;
}

#footer .copy p small{
	font-size		: 80%;
}