@charset "shift_jis";
/* CSS Document */

/*===============================================================
	共通
===============================================================*/
img {
	max-width: 100%;
	vertical-align: bottom;
}
.sp_ {
	display: none;
}
.sp_br_ {
	display: none;
}
.stop_scroll_ {
	height: 100%;
	outline: medium none;
	overflow: hidden;
}

/*===============================================================
	ヘッダ	
===============================================================*/
#header {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: calc(50vw - 490px);
	z-index: 2;
}
#header p {
	float: left;
	width: 427px;
	height: 50px;
}
#header p a {
	display: block;
	width: 427px;
	height: 50px;
	background-image: url(../img/common/pc/logo.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#header ul#header_sns {
	float: right;
	padding: 13px 0 0;
}
#header ul li {
	float: left;
}

/*===============================================================
	メインビジュアル
===============================================================*/
#mainvisual {
	text-align: center;
	position: relative;
}

/*===============================================================
	テンプレート
===============================================================*/
#container img {
	max-width: 100%;
}
.Full-frame {
	padding: 60px 0;
}
.Frame980 {
	width: 980px;
	margin: 0 auto;
}
.Design-title01 {
	background: #CFDB00;/*背景色*/
    padding: 0.03em;/*文字まわり（上下左右）の余白*/
	font-size: 36px;
}
.ButtonBox p { width: 500px; margin: 0 auto;}
.ButtonBox p a {
	height: auto;
	padding: 10px 0;
    -webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 30px;
	text-align: center;
	color: #ffffff;
	background: #5b5447;
	display: block;
}
.ButtonBox p a:hover { text-decoration: none; opacity: 0.8;}

.mt-pc100 { margin-top: 100px;}
.mt-pc90  { margin-top:  90px;}
.mt-pc80  { margin-top:  80px;}
.mt-pc70  { margin-top:  70px;}
.mt-pc60  { margin-top:  60px;}
.mt-pc50  { margin-top:  50px;}
.mt-pc40  { margin-top:  40px;}
.mt-pc30  { margin-top:  30px;}
.mt-pc20  { margin-top:  20px;}
.mt-pc10  { margin-top:  10px;}

.mb-pc100 { margin-bottom: 100px;}
.mb-pc90  { margin-bottom:  90px;}
.mb-pc80  { margin-bottom:  80px;}
.mb-pc70  { margin-bottom:  70px;}
.mb-pc60  { margin-bottom:  60px;}
.mb-pc50  { margin-bottom:  50px;}
.mb-pc40  { margin-bottom:  40px;}
.mb-pc30  { margin-bottom:  30px;}
.mb-pc20  { margin-bottom:  20px;}
.mb-pc10  { margin-bottom:  10px;}

.left   { text-align: justify;}
.right  { text-align: right;}
.center { text-align: center;}
.normal { font-size: normal;}
.bold   { font-size: bold;}
p.kosugi {
font-family: 'Kosugi Maru', sans-serif;
}