@charset "shift_jis";

/*===============================================================
	共通	
===============================================================*/
img {
	max-width: 100%;
	vertical-align: bottom;
}
.pc_ {
	display: none;
}
.pc_br_ {
	display: none;
}
div.wapper_ {
	position: relative;
}

/*===============================================================
	ヘッダ
===============================================================*/
#header {
	width: 100%;
	max-width: none;
	margin: 0 auto;	
	overflow: hidden;
	padding: 0;
}
#header p {
	width: 100%;
	height: auto;
	text-align: center;
}
#header p a {
	display: block;
	width: 100%;
	height: auto;
	background: none;
}
#header p a img {
	display: block;
	margin: 0 auto;
}
#header ul#header_sns {
	display: none;
}

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

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

.Soft-Download-Wrap .Soft-Download       { display: flex;}
.Soft-Download-Wrap .Soft-Download .icon { width: 50%; padding-right: 15px; box-sizing: border-box;}
.Soft-Download-Wrap .Soft-Download .text { font-size: 10px;}

.box      { margin-bottom: 50px;}
.radius   { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}

.mt-sp100 { margin-top: 100px;}
.mt-sp90  { margin-top:  90px;}
.mt-sp80  { margin-top:  80px;}
.mt-sp70  { margin-top:  70px;}
.mt-sp60  { margin-top:  60px;}
.mt-sp50  { margin-top:  50px;}
.mt-sp40  { margin-top:  40px;}
.mt-sp30  { margin-top:  30px;}
.mt-sp20  { margin-top:  20px;}
.mt-sp15  { margin-top:  15px;}
.mt-sp10  { margin-top:  10px;}

.mb-sp100 { margin-bottom: 100px;}
.mb-sp90  { margin-bottom:  90px;}
.mb-sp80  { margin-bottom:  80px;}
.mb-sp70  { margin-bottom:  70px;}
.mb-sp60  { margin-bottom:  60px;}
.mb-sp50  { margin-bottom:  50px;}
.mb-sp40  { margin-bottom:  40px;}
.mb-sp30  { margin-bottom:  30px;}
.mb-sp20  { margin-bottom:  20px;}
.mb-sp15  { margin-bottom:  15px;}
.mb-sp10  { 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;
}