/* reset */
html {
	font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}
body {
	margin: 0px;
}
article {
	display: block;
}
aside {
	display: block;
}
details {
	display: block;
}
figcaption {
	display: block;
}
figure {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
hgroup {
	display: block;
}
main {
	display: block;
}
menu {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
summary {
	display: block;
}
audio {
	vertical-align: baseline; display: inline-block;
}
canvas {
	vertical-align: baseline; display: inline-block;
}
progress {
	vertical-align: baseline; display: inline-block;
}
video {
	vertical-align: baseline; display: inline-block;
}
audio:not([controls]) {
	height: 0px; display: none;
}
[hidden] {
	display: none;
}
template {
	display: none;
}
a {
	background-color: transparent;
}
a:active {
	outline: 0px;
}
a:hover {
	outline: 0px;
}
abbr[title] {
	border-bottom-color: currentColor; border-bottom-width: 1px; border-bottom-style: dotted;
}
b {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: rgb(255, 255, 0); color: rgb(0, 0, 0);
}
small {
	font-size: 80%;
}
sub {
	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;
}
sup {
	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0px currentColor; border-image: none;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	height: 0px; box-sizing: content-box;
}
pre {
	overflow: auto;
}
code {
	font-family: monospace, monospace; font-size: 1em;
}
kbd {
	font-family: monospace, monospace; font-size: 1em;
}
pre {
	font-family: monospace, monospace; font-size: 1em;
}
samp {
	font-family: monospace, monospace; font-size: 1em;
}
button {
	font: inherit; margin: 0px; color: inherit; font-size-adjust: inherit; font-stretch: inherit;
}
input {
	font: inherit; margin: 0px; color: inherit; font-size-adjust: inherit; font-stretch: inherit;
}
optgroup {
	font: inherit; margin: 0px; color: inherit; font-size-adjust: inherit; font-stretch: inherit;
}
select {
	font: inherit; margin: 0px; color: inherit; font-size-adjust: inherit; font-stretch: inherit;
}
textarea {
	font: inherit; margin: 0px; color: inherit; font-size-adjust: inherit; font-stretch: inherit;
}
button {
	overflow: visible;
}
button {
	text-transform: none;
}
select {
	text-transform: none;
}
button {
	cursor: pointer; -webkit-appearance: button;
}
html input[type='button'] {
	cursor: pointer; -webkit-appearance: button;
}
input[type='reset'] {
	cursor: pointer; -webkit-appearance: button;
}
input[type='submit'] {
	cursor: pointer; -webkit-appearance: button;
}
button[disabled] {
	cursor: default;
}
html input[disabled] {
	cursor: default;
}
input {
	line-height: normal;
}
input[type='checkbox'] {
	padding: 0px; box-sizing: border-box;
}
input[type='radio'] {
	padding: 0px; box-sizing: border-box;
}
input[type='search'] {
	box-sizing: content-box; -webkit-appearance: textfield;
}
fieldset {
	margin: 0px 2px; padding: 0.35em 0.62em 0.75em; border: 1px solid rgb(192, 192, 192); border-image: none;
}
legend {
	padding: 0px; border: 0px currentColor; border-image: none;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
td {
	padding: 0px;
}
th {
	padding: 0px;
}
.header_inner::before {
	display: table; content: "";
}
.chart::before {
	display: table; content: "";
}
.instagram::before {
	display: table; content: "";
}
.header_inner::after {
	display: table; content: "";
}
.chart::after {
	display: table; content: "";
}
.instagram::after {
	display: table; content: "";
}
.header_inner::after {
	clear: both;
}
.chart::after {
	clear: both;
}
.instagram::after {
	clear: both;
}

h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
li {
	list-style: none;
}
dt {
	list-style: none;
}
dd {
	list-style: none;
}
div:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

/* reset */


html {
	width: 100%; font-size: 100%;
}
body {
	width: 100%;
	color: rgb(48, 48, 48);
	font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	font-size: 1rem;
}
body a {
	color: rgb(221, 194, 86);
}
body a:hover {
	text-decoration: none;
}
body img {
	transition:0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
}
body img.hover {
	transition:0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
}
body img.hover:hover {
	opacity: 0.6;
}

header {
	height:70px;
	background: rgb(255, 255, 255);
}
.header_inner {
	padding: 7px 30px 0px;
	height:63px;
	border-bottom:2px solid rgb(222,186,24);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.header_inner h1 {
	float: left;
}
.header_inner h1 img {
	width: 178px;
	height: 48px;
}
.header_inner ul {
	position:relative;
	padding-top:27px;
	float: right;
	z-index:100;
}
.header_link li {
	vertical-align: top;
	display: inline-block;
	line-height: 20px;
	margin:0 25px;
}
.header_link li:last-child {
	height: 175px;
	line-height: 20px;
	margin-top: -37px;
	margin-right: 0px;
}

.footer{
	height:70px;
	padding-top:7px;
}
.footer .copy {
	padding: 14px 0px 0px;
	text-align: center;
	border-top:2px solid rgb(222,186,24);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
@media screen and (max-width: 982px) and (min-width: 880px) {
	.header_link li {
		margin:0 5px;
	}
}
@media all and (max-width: 879px)and (min-width: 480px) {
	.header_inner ul {
		padding-top:7px;
	}
	.header_link li.nav{
		display:none;
	}
}
@media all and (max-width: 480px) {
	.header_inner ul {
		padding-top:5px;
	}
	.header_inner {
		padding: 18px 10px 0px;
	}
	.header_inner h1 img {
		width: 70%; height: 70%;
	}
	.header_link li {
		margin:0;
	}
	.header_link li.nav{
		display:none;
	}
	.header_link li:last-child {
		height: 120px;
		line-height: 20px;
		margin-top: -37px;
		margin-right: 0px;
	}
	.header_link li img{
		height: 120px;
	}
}

.mvusial {
	position: relative;
	background: url("../images/mvusial.jpg") repeat-x top;
	width: 100%;
	height: 640px;
	-webkit-background-size: auto 640px;
	-o-background-size: auto 640px;
}
.mvusial_title {
	left: 50%; top: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
@media all and (max-width:480px) {
	.mvusial {
		width: 100%;
		height: 375px;
		-webkit-background-size: auto 375px;
		-o-background-size: auto 375px;
	}
	.mvusial_title {
		width: 90%; height: auto;
	}
}

.content {
	width: 100%;
	margin: 0px auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color:#303030;
}
.container {
	width:980px;
	text-align:center;
	padding: 50px 80px;
	margin:0 auto;
}
h2{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:125%;
	font-weight: normal;
	padding-top:88px;
	margin-bottom:40px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.lead {
	text-align: center; line-height: 2; font-size: 1.6rem; margin-bottom: 0px;
}

@media all and (max-width:980px) {
	.content {
		margin: 0px auto;
		width: 100%;
	}
	.container {
		width:100%;
		padding: 30px 0px;
	}	
	h2{
		font-size:120%;
		margin-bottom:30px;
	}
}
@media all and (max-width:480px) {
	h2{
		padding-top:70px;
	}
	.lead {
		font-size: 1.4rem;
	}
}

/* campain */
#campaign {
	width:100%;
	padding: 0px 20px;
	background: url("../images/cam_bg.png") no-repeat center bottom;
	background-color:rgb(136,0,26);
	background-size: cover;
	color:rgb(255,255,255);
	box-sizing:border-box;
}
#campaign .container{
	padding-left:0;
}
#campaign h2{
	position:relative;
  background: url("../images/cam_ttl.png") no-repeat center top;
}
#campaign h2:before{
	content:"";
	width:153px;
	height:126px;
	position:absolute;
	background-color:#CCC;
  background: url("../images/cam_ttl_img.png") no-repeat center top;
	top:-18%;
	left:10%;
}

#campaign p.lead {
	position:relative;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:188%;
	font-weight: normal;
	letter-spacing:0.05em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*
#campaign p.lead:before{
	content:"“";
	position:absolute;
	top:0%;
	left:-1.2%;
}
#campaign p.lead:after{
	content:"”";
	position:absolute;
	top:30%;
	right:-1.2%;
}
*/

#campaign .pre{
	margin-bottom:32px;
}
#campaign .pre span{
	color: rgb(221, 194, 86);
	font-weight:bold;
}
#campaign .pre p.txt{
	width:54%;
	float:left;
	text-align:left;
	line-height:2;
	padding-top:40px;
}
#campaign .pre img{
	max-width:438px;
	display:block;
	width:46%;
	float:right;
}
#campaign br{
	line-height:4;
}


@media all and (max-width:680px) {
	#campaign {
		background: url("../images/cam_bg.png") no-repeat center bottom;
		background-color:rgb(136,0,26);
		background-size: cover;
	}
	#campaign h2:before{
		width:102px;
		height:84px;
		background: url("../images/cam_ttl_img.png") no-repeat center top;
		background-size:102px 84px;
		top: 0%;
		left:0%;
	}
	#campaign p.lead {
		font-size:140%;
		line-height:1.6;
	}
	#campaign .pre{
		width:100%;
		margin-bottom:42px;
	}
	#campaign ul.example {
		width:100%;
		padding-bottom:20px;
	}
	#campaign ul.example li{
		width:46%;
		margin-right:2%;
		margin-left:2%;
		margin-bottom:2%;
	}
	#campaign ul.example li img{
		max-width:220px;
	}
	#campaign ul.example li:last-child{
		margin-right:2%;
	}
	#campaign .pre p.txt{
		width:100%;
		float:none;
		text-align:left;
		margin-bottom:20px;
	}
	#campaign .pre img{
		width:90%;
		margin:0 auto 0;
		padding-right:10%;
		float:none;
	}
}

@media all and (max-width:480px)
{
	#campaign h2{
		background-size:150px auto;
	}
	#campaign h2:before{
		width:51px;
		height:42px;
		background: url("../images/cam_ttl_img.png") no-repeat center top;
		background-size:51px 42px;
		top: 0%;
		left:0%;
	}
	#campaign p.lead {
		font-size:122%;
	}
	#campaign .pre p.txt{
		font-size:75%;
	}
	#campaign ul.example {
		padding-bottom:30px;
	}
}

#apply {
	padding: 0px 20px;
	background: url("../images/app_bg.png") no-repeat center top;
	background-color:rgb(247,247,247);
	box-sizing:border-box;
}
#apply h2{
	position:relative;
  background: url("../images/app_ttl.png") no-repeat center top;
	color:rgb(163,0,34);	
}
#apply ul.note{
	font-size:75%;
	text-align:left;
	margin-bottom:30px;
}
#apply ul.note li{
	margin-bottom:5px;
  padding-left: 1em;
  text-indent: -1em;
}

#apply .lbox {
	text-align:left;
	background-color: rgb(255, 255, 255);
	padding:30px;
	margin-bottom:30px;
	font-size:88%;
}
#apply .lbox h3{
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom:1px solid rgb(221,194,86);
}
#apply .lbox dt{
	float:left;
	width:20%;
	clear:both;
	font-weight:bold;
}
#apply .lbox dd{
	float:right;
	width:80%;
	margin-bottom:30px;
}
#apply .lbox dd:last-child{
	margin-bottom:0px;
}
#apply .terms{
	margin-bottom:0;
}
#apply .terms dl{
	/*
	padding-right:10px;
	background: url("../images/app_terms_bg.png") no-repeat right top;
	*/
}
#apply .terms dt{
	float:none;
	width:100%;
}
#apply .terms dd{
	float:none;
	width:100%;
}

@media all and (max-width:480px)
{
	#apply {
		background-size:75%;
	}
	#apply h2{
		background-size:214px auto;
		padding-top:50px;
	}
	#apply .lbox h3{
		padding-bottom:10px;
		margin-bottom:20px;
	}
	#apply .lbox {
		padding:15px;
		font-size:75%;
	}
	#apply .terms dl{
		padding-right:0px;
		background: none;
	}
	#apply .lbox dt{
		float:none;
		width:100%;
		clear:both;
		font-weight:bold;
	}
	#apply .lbox dd{
		float:none;
		width:100%;
	}
}

#apply .chart {
	width:980px;
	margin: 0px auto 30px;
	padding-top:30px;
}
#apply .chart .lttl {
	margin-bottom:30px;
}
#apply .chart last-child:li {
	margin-right:0%;
}
#apply .chart li {
	width:22%;
	float: left;
	margin-right:3%;
	position: relative;
}
#apply .chart li.last {
	margin: 0px;
}
#apply .chart li .badge {
	width:50%;
	left: 0;
	top: 0;
	padding-left:62%;
	padding-top:50%;
	position: absolute;
}
#apply .chart li .badge img {
	max-width:100%;
	margin:0 auto;
}

#apply ul.chart_btn {
	width:100%;
	left:0;
	top: 0;
	padding-left:16%;
	padding-top:130%;
	position: absolute;
}
#apply ul.chart_btn img{
	max-width:100%;
	margin:0 auto;
}
#apply ul.chart_btn li {
	width:70%;
}
#apply ul.chart_btn li.last {
	padding-top:10%;
}
#apply .chart_btn li {
	margin-bottom: 10px;
}
#apply ul.btn02 {
	width:100%;
	left:0;
	top: 0;
	padding-left:16%;
	padding-top:190%;
	position: absolute;
}
#apply .chart img {
	margin:0 auto;
	display: block;
}
@media all and (max-width:980px) {
	#apply .chart {
		width:100%;
		margin: 0px 0px 30px;
		padding-top:30px;
	}
}
@media all and (max-width:680px) {
	#apply ul.btn02 {
		padding-top:197%;
	}
}
@media all and (max-width:640px){
	#apply .chart .lttl {
		margin-bottom:30px;
	}
	#apply .chart li {
		width:44%;
		float: left;
		margin-left:3%;
		margin-right:3%;
		margin-bottom:6%;
	}
	#apply .chart li.last {
		margin-left:3%;
		margin-right:3%;
		margin-bottom:6%;
	}
	#apply .chart_btn li {
		width:70%;
	}
	#apply ul.chart_btn {
		padding-left:12%;
		padding-top:135%;
	}
	#apply ul.btn02 {
		padding-top:197%;
	}
}

.u-br {
	display: block;
}
@media all and (max-width:480px)
{
.u-br {
	display: inline;
}
}
.u-sbr {
	display: inline;
}
@media all and (max-width:480px)
{
.u-sbr {
	display: block;
}
}

.u-tac {
	text-align: center;
}
.sp-show {
	display: none;
}
@media all and (max-width:480px)
{
.sp-show {
	display: block;
}
}
.pc-show {
	display: block;
}
@media all and (max-width:480px)
{
.pc-show {
	display: none;
}
}

.u-mt0 {
	margin-top: 0px !important;
}
.u-mb0 {
	margin-bottom: 0px !important;
}
.u-ml0 {
	margin-left: 0px !important;
}
.u-mr0 {
	margin-right: 0px !important;
}
.u-pt0 {
	padding-top: 0px !important;
}
.u-pb0 {
	padding-bottom: 0px !important;
}
.u-pl0 {
	padding-left: 0px !important;
}
.u-pr0 {
	padding-right: 0px !important;
}
.u-mt5 {
	margin-top: 5px !important;
}
.u-mb5 {
	margin-bottom: 5px !important;
}
.u-ml5 {
	margin-left: 5px !important;
}
.u-mr5 {
	margin-right: 5px !important;
}
.u-pt5 {
	padding-top: 5px !important;
}
.u-pb5 {
	padding-bottom: 5px !important;
}
.u-pl5 {
	padding-left: 5px !important;
}
.u-pr5 {
	padding-right: 5px !important;
}
.u-mt10 {
	margin-top: 10px !important;
}
.u-mb10 {
	margin-bottom: 10px !important;
}
.u-ml10 {
	margin-left: 10px !important;
}
.u-mr10 {
	margin-right: 10px !important;
}
.u-pt10 {
	padding-top: 10px !important;
}
.u-pb10 {
	padding-bottom: 10px !important;
}
.u-pl10 {
	padding-left: 10px !important;
}
.u-pr10 {
	padding-right: 10px !important;
}
.u-mt15 {
	margin-top: 15px !important;
}
.u-mb15 {
	margin-bottom: 15px !important;
}
.u-ml15 {
	margin-left: 15px !important;
}
.u-mr15 {
	margin-right: 15px !important;
}
.u-pt15 {
	padding-top: 15px !important;
}
.u-pb15 {
	padding-bottom: 15px !important;
}
.u-pl15 {
	padding-left: 15px !important;
}
.u-pr15 {
	padding-right: 15px !important;
}
.u-mt20 {
	margin-top: 20px !important;
}
.u-mb20 {
	margin-bottom: 20px !important;
}
.u-ml20 {
	margin-left: 20px !important;
}
.u-mr20 {
	margin-right: 20px !important;
}
.u-pt20 {
	padding-top: 20px !important;
}
.u-pb20 {
	padding-bottom: 20px !important;
}
.u-pl20 {
	padding-left: 20px !important;
}
.u-pr20 {
	padding-right: 20px !important;
}
.u-mt25 {
	margin-top: 25px !important;
}
.u-mb25 {
	margin-bottom: 25px !important;
}
.u-ml25 {
	margin-left: 25px !important;
}
.u-mr25 {
	margin-right: 25px !important;
}
.u-pt25 {
	padding-top: 25px !important;
}
.u-pb25 {
	padding-bottom: 25px !important;
}
.u-pl25 {
	padding-left: 25px !important;
}
.u-pr25 {
	padding-right: 25px !important;
}
.u-mt30 {
	margin-top: 30px !important;
}
.u-mb30 {
	margin-bottom: 30px !important;
}
.u-ml30 {
	margin-left: 30px !important;
}
.u-mr30 {
	margin-right: 30px !important;
}
.u-pt30 {
	padding-top: 30px !important;
}
.u-pb30 {
	padding-bottom: 30px !important;
}
.u-pl30 {
	padding-left: 30px !important;
}
.u-pr30 {
	padding-right: 30px !important;
}
.u-mt35 {
	margin-top: 35px !important;
}
.u-mb35 {
	margin-bottom: 35px !important;
}
.u-ml35 {
	margin-left: 35px !important;
}
.u-mr35 {
	margin-right: 35px !important;
}
.u-pt35 {
	padding-top: 35px !important;
}
.u-pb35 {
	padding-bottom: 35px !important;
}
.u-pl35 {
	padding-left: 35px !important;
}
.u-pr35 {
	padding-right: 35px !important;
}
.u-mt40 {
	margin-top: 40px !important;
}
.u-mb40 {
	margin-bottom: 40px !important;
}
.u-ml40 {
	margin-left: 40px !important;
}
.u-mr40 {
	margin-right: 40px !important;
}
.u-pt40 {
	padding-top: 40px !important;
}
.u-pb40 {
	padding-bottom: 40px !important;
}
.u-pl40 {
	padding-left: 40px !important;
}
.u-pr40 {
	padding-right: 40px !important;
}
.u-mt45 {
	margin-top: 45px !important;
}
.u-mb45 {
	margin-bottom: 45px !important;
}
.u-ml45 {
	margin-left: 45px !important;
}
.u-mr45 {
	margin-right: 45px !important;
}
.u-pt45 {
	padding-top: 45px !important;
}
.u-pb45 {
	padding-bottom: 45px !important;
}
.u-pl45 {
	padding-left: 45px !important;
}
.u-pr45 {
	padding-right: 45px !important;
}
.u-mt50 {
	margin-top: 50px !important;
}
.u-mb50 {
	margin-bottom: 50px !important;
}
.u-ml50 {
	margin-left: 50px !important;
}
.u-mr50 {
	margin-right: 50px !important;
}
.u-pt50 {
	padding-top: 50px !important;
}
.u-pb50 {
	padding-bottom: 50px !important;
}
.u-pl50 {
	padding-left: 50px !important;
}
.u-pr50 {
	padding-right: 50px !important;
}
.u-section-gutter {
	margin-bottom: 60px !important;
}